/* Succession Quiz Room - corporate charcoal, Waystar gold, press blue */
:root {
  --qr-bg: #0a0c10;
  --qr-bg-elev: #171b22;
  --qr-fg: #eee7dc;
  --qr-fg-dim: #a59a88;
  --qr-accent: #b68f52;
  --qr-accent-dim: #6d5532;
  --qr-warn: #d8a23a;
  --qr-danger: #922732;
  --qr-radius: 6px;
  --qr-suc-ink: #0a0c10;
  --qr-suc-charcoal: #171b22;
  --qr-suc-slate: #333b45;
  --qr-suc-steel: #566476;
  --qr-suc-paper: #eee7dc;
  --qr-suc-gold: #b68f52;
  --qr-suc-gold-soft: #d1b176;
  --qr-suc-oxblood: #922732;
  --qr-suc-blue: #1b3557;
  --qr-suc-wood: #70482a;
  --qr-suc-glass: rgba(238, 231, 220, 0.08);
  --qr-suc-line: rgba(182, 143, 82, 0.42);
  --qr-suc-shadow: rgba(0, 0, 0, 0.45);
}

/* Base room shell */
body[data-room="succession"] {
  background: linear-gradient(180deg, #11151c 0%, var(--qr-bg) 44%, #08090c 100%);
  color: var(--qr-fg);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}
body[data-room="succession"] #qr-root { max-width: 500px; }
body[data-room="succession"] .qr-stage { gap: 14px; }
body[data-room="succession"] .qr-progress {
  color: var(--qr-fg-dim);
  letter-spacing: 1.5px;
  text-shadow: 0 1px 0 var(--qr-suc-shadow);
}
body[data-room="succession"] .qr-progress::before {
  content: "WAYSTAR ";
  color: var(--qr-accent);
}
body[data-room="succession"] .qr-board {
  position: relative;
  overflow: hidden;
  padding: 18px 16px 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%),
    linear-gradient(135deg, #161a21 0%, #0e1117 100%);
  border: 1px solid var(--qr-suc-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 40px rgba(0, 0, 0, 0.28);
}
body[data-room="succession"] .qr-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.7;
  background: linear-gradient(90deg, transparent, rgba(182, 143, 82, 0.06), transparent);
}
body[data-room="succession"] .qr-board > * {
  position: relative;
  z-index: 1;
}
body[data-room="succession"] .qr-scene {
  border-color: var(--qr-suc-line);
  background: var(--qr-suc-ink);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 10px 20px rgba(0, 0, 0, 0.25);
  animation: qr-suc-scene-in 260ms ease-out both;
}
body[data-room="succession"] .qr-choice-prompt { margin: 0 0 13px; }
body[data-room="succession"] .qr-choice-prompt h2,
body[data-room="succession"] .qr-suc-board-prompt h2 {
  color: var(--qr-accent);
  font-size: 14px;
  line-height: 1.45;
  text-transform: uppercase;
}
body[data-room="succession"] .qr-choice-prompt p,
body[data-room="succession"] .qr-suc-board-prompt p {
  color: var(--qr-fg-dim);
  font-size: 14px;
  line-height: 1.55;
}

/* Shared controls */
body[data-room="succession"] .qr-btn {
  min-height: 44px;
  color: #0b0c10;
  text-transform: uppercase;
  background: linear-gradient(180deg, var(--qr-suc-gold-soft), var(--qr-accent));
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 0 #5c4528;
}
body[data-room="succession"] .qr-btn:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
body[data-room="succession"] .qr-btn:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 2px 0 #5c4528;
}
body[data-room="succession"] .qr-btn:disabled {
  color: rgba(238, 231, 220, 0.6);
  background: #514230;
  box-shadow: none;
}
body[data-room="succession"] .qr-choice-list { gap: 10px; }
body[data-room="succession"] .qr-choice {
  position: relative;
  min-height: 64px;
  padding: 13px 14px 13px 18px;
  color: var(--qr-fg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent), #10141b;
  border: 1px solid rgba(182, 143, 82, 0.45);
  box-shadow: inset 3px 0 0 rgba(182, 143, 82, 0.32);
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease, background 120ms ease;
}
body[data-room="succession"] .qr-choice::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 8px;
  height: 8px;
  opacity: 0.36;
  background: var(--qr-suc-gold);
}
body[data-room="succession"] .qr-choice:hover {
  border-color: var(--qr-accent);
  box-shadow: inset 3px 0 0 var(--qr-accent), 0 8px 18px rgba(0, 0, 0, 0.22);
  transform: translateY(-2px);
}
body[data-room="succession"] .qr-choice.picked {
  color: #fff8ec;
  background: linear-gradient(180deg, rgba(182, 143, 82, 0.18), rgba(182, 143, 82, 0.07)), #11141a;
  border-color: var(--qr-suc-gold-soft);
}
body[data-room="succession"] .qr-choice:disabled:not(.picked) { opacity: 0.45; }
body[data-room="succession"] .qr-choice-name {
  color: var(--qr-suc-gold-soft);
  line-height: 1.35;
}
body[data-room="succession"] .qr-outcome {
  color: var(--qr-fg);
  background: linear-gradient(180deg, rgba(146, 39, 50, 0.18), rgba(255, 255, 255, 0.025));
  border-color: rgba(182, 143, 82, 0.75);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
body[data-room="succession"] .qr-counter,
body[data-room="succession"] .qr-status { color: var(--qr-fg-dim); }
body[data-room="succession"] .qr-counter span,
body[data-room="succession"] .qr-status.win { color: var(--qr-accent); }
body[data-room="succession"] .qr-status.warn { color: var(--qr-warn); }
body[data-room="succession"] .qr-status.bad { color: var(--qr-danger); }
body[data-room="succession"] .qr-hint {
  color: var(--qr-suc-gold-soft);
  border-left: 3px solid var(--qr-accent);
  padding-left: 10px;
}

/* Result memo */
body[data-room="succession"] .qr-result { color: var(--qr-fg); }
body[data-room="succession"] .qr-result-sprite {
  background: linear-gradient(180deg, rgba(182, 143, 82, 0.10), rgba(14, 17, 23, 0.9));
  border-color: var(--qr-accent);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 18px 36px rgba(0, 0, 0, 0.34);
  animation: qr-suc-sprite-enter 360ms cubic-bezier(.2, .8, .2, 1) both;
}
body[data-room="succession"] .qr-result-eyebrow,
body[data-room="succession"] .qr-result-dossier-eyebrow { color: var(--qr-accent); }
body[data-room="succession"] .qr-result-name { color: var(--qr-fg) !important; }
body[data-room="succession"] .qr-result-receipts.qr-result-dossier {
  background: linear-gradient(180deg, rgba(238, 231, 220, 0.08), rgba(13, 16, 22, 0.96));
  border-color: rgba(182, 143, 82, 0.48);
}
body[data-room="succession"] .qr-result-cta { border-color: rgba(182, 143, 82, 0.35); }

/* Puzzle 1: suc-board */
body[data-room="succession"] .qr-suc-board { gap: 13px; }
body[data-room="succession"] .qr-suc-board .qr-scene { margin-bottom: 3px; }
body[data-room="succession"] .qr-suc-board-prompt {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(182, 143, 82, 0.28);
}
body[data-room="succession"] .qr-suc-board-bank {
  background: linear-gradient(180deg, rgba(238, 231, 220, 0.06), rgba(0, 0, 0, 0.12)), var(--qr-suc-charcoal);
  border: 1px dashed rgba(182, 143, 82, 0.62);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}
body[data-room="succession"] .qr-suc-board-bank-label { color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-suc-board-chip {
  width: 24px;
  height: 24px;
  background: radial-gradient(circle at 32% 28%, #f0d79d 0 18%, var(--qr-accent) 19% 100%);
  border-color: #f4e3bd;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.28), 0 2px 0 rgba(0, 0, 0, 0.28);
}
body[data-room="succession"] .qr-suc-board-chip-spent {
  filter: grayscale(0.8);
  opacity: 0.2;
}
body[data-room="succession"] .qr-suc-board-motion {
  min-height: 72px;
  color: var(--qr-fg);
  background: linear-gradient(90deg, rgba(182, 143, 82, 0.10), transparent 42%), #0f1319;
  border: 1px solid rgba(182, 143, 82, 0.44);
  box-shadow: inset 4px 0 0 rgba(182, 143, 82, 0.2);
}
body[data-room="succession"] .qr-suc-board-motion:hover {
  border-color: var(--qr-accent);
  transform: translateY(-1px);
}
body[data-room="succession"] .qr-suc-board-motion.qr-suc-board-passed {
  border-color: #d1b176;
  box-shadow: inset 4px 0 0 var(--qr-accent), inset 0 0 0 1px rgba(209, 177, 118, 0.22);
}
body[data-room="succession"] .qr-suc-board-motion.qr-suc-board-over { border-color: var(--qr-suc-oxblood); }
body[data-room="succession"] .qr-suc-board-motion-title,
body[data-room="succession"] .qr-suc-board-motion-count { color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-suc-board-motion-topic {
  color: var(--qr-fg);
  font-weight: 700;
}
body[data-room="succession"] .qr-suc-board-motion-detail,
body[data-room="succession"] .qr-suc-board-motion-thresh { color: var(--qr-fg-dim); }
body[data-room="succession"] .qr-suc-board-pip { background: rgba(238, 231, 220, 0.16); }
body[data-room="succession"] .qr-suc-board-pip-on {
  background: var(--qr-accent);
  box-shadow: 0 0 8px rgba(182, 143, 82, 0.7);
}
body[data-room="succession"] .qr-suc-board-actions {
  padding-top: 10px;
  border-top: 1px solid rgba(182, 143, 82, 0.24);
}
body[data-room="succession"] .qr-suc-board-skip {
  color: var(--qr-fg-dim);
  background: transparent;
  border: 1px solid rgba(165, 154, 136, 0.35);
  box-shadow: none;
}
body[data-room="succession"] .qr-suc-board-result {
  color: var(--qr-suc-gold-soft);
  background: linear-gradient(180deg, rgba(182, 143, 82, 0.12), rgba(0, 0, 0, 0.18));
  border: 1px solid rgba(182, 143, 82, 0.45);
  animation: qr-suc-status-flash 320ms ease-out both;
}

/* Puzzle 2: suc-tweet */
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) {
  background: linear-gradient(180deg, rgba(27, 53, 87, 0.28), rgba(10, 12, 16, 0.95)), var(--qr-bg-elev);
}
body[data-room="succession"] img.qr-scene[src$="scene_tweet.png"] {
  border-color: rgba(72, 105, 142, 0.7);
  filter: saturate(1.08);
}
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice-prompt h2::after {
  content: " / COMMS";
  color: var(--qr-fg-dim);
}
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice {
  border-color: rgba(72, 105, 142, 0.62);
  box-shadow: inset 3px 0 0 rgba(72, 105, 142, 0.7);
}
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice:nth-child(1) { background: linear-gradient(90deg, rgba(238, 231, 220, 0.08), #10141b 42%); }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice:nth-child(2) { background: linear-gradient(90deg, rgba(146, 39, 50, 0.16), #10141b 42%); }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice:nth-child(3) { background: linear-gradient(90deg, rgba(72, 105, 142, 0.20), #10141b 42%); }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice:nth-child(4) { box-shadow: inset 3px 0 0 rgba(182, 143, 82, 0.66); }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice:nth-child(5) { border-style: dashed; }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice.picked::after { opacity: 1; }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-choice.picked { border-color: #8ba9c7; }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-outcome { border-color: rgba(72, 105, 142, 0.9); }
body[data-room="succession"] .qr-board:has(.qr-suc-tweet-done) .qr-outcome::before { content: "PR "; color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-suc-tweet-done { background: linear-gradient(180deg, #c7b47d, #8f6a38); }
body[data-room="succession"] .qr-suc-tweet-done:hover { box-shadow: 0 5px 0 #4b3924; }

/* Puzzle 3: suc-cabin */
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) {
  background: linear-gradient(180deg, rgba(112, 72, 42, 0.20), rgba(10, 12, 16, 0.96)), var(--qr-bg-elev);
}
body[data-room="succession"] img.qr-scene[src$="scene_cabin.png"] { border-color: rgba(112, 72, 42, 0.95); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice-prompt h2::after {
  content: " / RANCH";
  color: var(--qr-fg-dim);
}
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice {
  border-color: rgba(112, 72, 42, 0.72);
  box-shadow: inset 3px 0 0 rgba(112, 72, 42, 0.78);
}
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:hover { border-color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(1)::after { background: var(--qr-suc-oxblood); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(2)::after { background: var(--qr-suc-blue); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(3)::after { background: var(--qr-accent); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(4)::after { background: var(--qr-suc-paper); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(5)::after { background: var(--qr-suc-wood); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(1) { background: linear-gradient(90deg, rgba(146, 39, 50, 0.14), #10141b 44%); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice:nth-child(3) { background: linear-gradient(90deg, rgba(182, 143, 82, 0.14), #10141b 44%); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-choice.picked { border-color: #d1b176; }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-outcome { background: linear-gradient(180deg, rgba(112, 72, 42, 0.28), rgba(0, 0, 0, 0.15)); }
body[data-room="succession"] .qr-board:has(.qr-suc-cabin-done) .qr-outcome::before { content: "FIRE "; color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-suc-cabin-done { background: linear-gradient(180deg, #caa96a, #70482a); }
body[data-room="succession"] .qr-suc-cabin-done:hover { box-shadow: 0 5px 0 #3f2817; }

/* Puzzle 4: suc-karaoke */
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) {
  background: linear-gradient(180deg, rgba(146, 39, 50, 0.24), rgba(10, 12, 16, 0.96)), var(--qr-bg-elev);
}
body[data-room="succession"] img.qr-scene[src$="scene_karaoke.png"] { border-color: rgba(146, 39, 50, 0.86); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice-prompt h2::after {
  content: " / PRIVATE ROOM";
  color: var(--qr-fg-dim);
}
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice {
  border-color: rgba(146, 39, 50, 0.64);
  box-shadow: inset 3px 0 0 rgba(146, 39, 50, 0.75);
}
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice::after { animation: qr-suc-prop-bob 1200ms ease-in-out infinite; }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice:nth-child(2) { border-color: rgba(182, 143, 82, 0.78); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice:nth-child(4) { background: linear-gradient(90deg, rgba(146, 39, 50, 0.20), #10141b 45%); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice:nth-child(1)::after { background: var(--qr-suc-gold); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice:nth-child(2)::after { background: var(--qr-suc-blue); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice:nth-child(5)::after { background: var(--qr-suc-paper); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-choice.picked { box-shadow: inset 3px 0 0 #d1b176, 0 0 0 1px rgba(209, 177, 118, 0.35); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-outcome { border-color: var(--qr-suc-oxblood); }
body[data-room="succession"] .qr-board:has(.qr-suc-kara-done) .qr-outcome::before { content: "ROOM "; color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-suc-kara-done {
  color: #fff8ec;
  background: linear-gradient(180deg, #d1b176, #922732);
}
body[data-room="succession"] .qr-suc-kara-done:hover { filter: saturate(1.1) brightness(1.08); }

/* Puzzle 5: suc-call */
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) {
  background: linear-gradient(180deg, rgba(238, 231, 220, 0.07), rgba(10, 12, 16, 0.98)), var(--qr-bg-elev);
}
body[data-room="succession"] img.qr-scene[src$="scene_call.png"] { border-color: rgba(238, 231, 220, 0.32); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done)::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 154px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(238, 231, 220, 0.24), transparent);
}
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice-prompt h2::after {
  content: " / FINAL LINE";
  color: var(--qr-fg-dim);
}
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice {
  border-color: rgba(238, 231, 220, 0.22);
  box-shadow: inset 3px 0 0 rgba(238, 231, 220, 0.22);
}
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice-name { color: var(--qr-suc-paper); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(2) { border-color: rgba(146, 39, 50, 0.70); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(3) { border-color: rgba(182, 143, 82, 0.72); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(4) { background: linear-gradient(90deg, rgba(238, 231, 220, 0.08), #0b0d11 42%); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(1)::after { background: var(--qr-suc-gold); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(2)::after { background: var(--qr-suc-oxblood); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(4)::after { background: var(--qr-suc-paper); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice:nth-child(5)::after { background: var(--qr-suc-blue); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-choice.picked { background: linear-gradient(90deg, rgba(238, 231, 220, 0.12), #10141b 45%); }
body[data-room="succession"] .qr-board:has(.qr-suc-call-done) .qr-outcome::before { content: "LINE "; color: var(--qr-suc-gold-soft); }
body[data-room="succession"] .qr-suc-call-done { background: linear-gradient(180deg, #eee7dc, #8e836f); }
body[data-room="succession"] .qr-suc-call-done:hover { box-shadow: 0 5px 0 #57503f; }

/* Animations */
@keyframes qr-suc-sprite-enter {
  0% { opacity: 0; transform: translateY(8px) scale(0.94); filter: grayscale(0.8); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: grayscale(0); }
}
@keyframes qr-suc-scene-in {
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes qr-suc-prop-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes qr-suc-status-flash {
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes qr-suc-choice-lift {
  0% { transform: translateY(0); }
  100% { transform: translateY(-2px); }
}
body[data-room="succession"] .qr-choice:hover { animation: qr-suc-choice-lift 120ms ease-out both; }
@media (prefers-reduced-motion: reduce) {
  body[data-room="succession"] *,
  body[data-room="succession"] *::before,
  body[data-room="succession"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Mobile */
@media (max-width: 560px) {
  body[data-room="succession"] #qr-root { padding: 18px 12px; }
  body[data-room="succession"] .qr-board { padding: 15px 12px 18px; }
  body[data-room="succession"] .qr-scene {
    width: 100%;
    max-height: 156px;
    object-fit: contain;
  }
  body[data-room="succession"] .qr-choice-prompt h2,
  body[data-room="succession"] .qr-suc-board-prompt h2 { font-size: 12px; }
  body[data-room="succession"] .qr-choice-prompt p,
  body[data-room="succession"] .qr-suc-board-prompt p { font-size: 13px; }
  body[data-room="succession"] .qr-choice,
  body[data-room="succession"] .qr-btn,
  body[data-room="succession"] .qr-suc-board-motion { min-height: 44px; }
  body[data-room="succession"] .qr-choice { padding: 12px 12px 12px 15px; }
  body[data-room="succession"] .qr-suc-board-motion {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  body[data-room="succession"] .qr-suc-board-motion-meter {
    align-items: flex-start;
    min-width: 0;
  }
  body[data-room="succession"] .qr-suc-board-actions { flex-direction: column; }
  body[data-room="succession"] .qr-suc-board-actions .qr-btn { width: 100%; }
}
@media (max-width: 380px) {
  body[data-room="succession"] .qr-choice {
    font-size: 12px;
    line-height: 1.38;
  }
  body[data-room="succession"] .qr-choice-name,
  body[data-room="succession"] .qr-suc-board-motion-title,
  body[data-room="succession"] .qr-suc-board-motion-count { font-size: 9px; }
  body[data-room="succession"] .qr-result-sprite {
    width: 192px;
    height: 192px;
  }
}