/* ---- what-next-v8.12.css ---- */
/* What Next? — v8.9 UI only. This stylesheet is scoped to the game view.
   Server APIs, Twitch resolution, round timings, choices, and ratings are unchanged. */
body[data-view="what-next"] .scene{
  background-image:linear-gradient(180deg,#061016eb 0%,#081118f3 60%,#080f14ec 100%),url('assets/ambient-room.webp');
}
#app>.game-main{
  --game-accent:#e6c8a4;
  position:relative;left:50%;transform:translateX(-50%);
  width:min(1320px,calc(100vw - 44px));max-width:none;
  padding:25px 0 54px;
}
.game-main .game-head{align-items:center;margin:0 0 21px;gap:20px}
.game-main .game-heading-area{align-items:center;gap:15px}
.game-main .round-back{margin:0;width:42px;height:42px;border-radius:8px;background:#101d26;border-color:#74838b67;font-size:24px}
.game-main .game-overline{letter-spacing:.2em;font-size:10px;color:#c7aa85}
.game-main .game-head h1{margin:3px 0 0;font-size:clamp(34px,3vw,42px);line-height:1.08;letter-spacing:-.025em}
.game-main .game-subtitle{margin-top:4px;color:#a2b1b9;font-size:12px}
.game-main .game-round-meta{width:244px;margin:0;min-width:200px}
.game-main .meta-row{font-size:11px;font-weight:650}
.game-main .source-flag{border:1px solid #bda5824d;background:#bda58210;border-radius:5px;letter-spacing:0;text-transform:none;font-size:10px;font-weight:500}
.game-main .round-dashes{margin-top:10px;gap:6px}
.game-main .round-dashes span{height:5px}
.game-main .what-next-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(400px,.96fr);align-items:stretch;gap:18px}
.game-main .what-next-media{min-width:0;display:flex;flex-direction:column;gap:10px}
.game-main .video-paper{padding:10px;background:linear-gradient(145deg,#14242d,#09151b 65%);border:1px solid #647b866e;border-radius:12px;box-shadow:0 16px 45px #0009;overflow:hidden}
.game-main .video-paper:before{display:none}
.game-main .video-topline{height:33px;padding:0 6px 7px;gap:9px;font:700 10px/1.3 var(--sans);letter-spacing:.14em;color:#b5c6ce}
.game-main .red-pin{background:#d7ba92;box-shadow:0 0 0 4px #d7ba9220;width:5px;height:5px}
.game-main .video-top-right{letter-spacing:.1em;font-size:9px;color:#83969e}
.game-main .player-stage{border-radius:7px;aspect-ratio:16/9;background:#0b131a;overflow:hidden}
.game-main .player-stage:fullscreen{border-radius:0}
.game-main .player-stage video{object-fit:contain}
.game-main .player-cover{display:block;padding:0;background:linear-gradient(0deg,#02090cda 0%,#06101558 42%,#07121b44 100%);z-index:2}
.game-main .player-cover-inner{position:absolute;bottom:20px;left:23px;right:23px;display:flex;gap:4px}
.game-main .player-cover-tag{font-size:9px;letter-spacing:.16em;color:#e4be93}
.game-main .player-cover-heading{font:normal clamp(20px,2.5vw,32px)/1.12 var(--serif);margin:3px 0;color:#fff5e9}
.game-main .player-cover-caption{font-size:11px;line-height:1.5;color:#d3dedf;max-width:360px}
.game-main .player-play-emblem{appearance:none;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;padding:0 0 0 4px;display:grid;place-items:center;border:1px solid #ffe8cfcf;background:#071319dd;color:#f1dbbb;box-shadow:0 0 0 9px #08121b80,0 10px 26px #0009;font-size:29px;transition:background .16s,transform .16s}
.game-main .player-play-emblem:not(:disabled):hover{background:#223847;transform:translate(-50%,-50%) scale(1.06)}
.game-main .player-play-emblem:disabled{opacity:.65;cursor:wait}
.game-main .player-pause-badge{top:15px;left:15px;border-radius:6px;background:#e8cba3;color:#10232a}
.game-main .player-controls{min-height:44px;padding:3px 4px 0;background:transparent;gap:11px}
.game-main .player-timestamp{font-size:11px;color:#bbcad0}
.game-main .player-track{height:5px;background:#6d84905c}
.game-main .player-track-fill{background:#d9b58b}
.game-main .player-icon-button{border:1px solid transparent;border-radius:5px;padding:7px;color:#b5c5d0}
.game-main .player-icon-button:hover{background:#ffffff12;border-color:#ffffff20}
.game-main .media-caption{display:flex;align-items:center;gap:8px;padding:0 7px;font-size:11px;color:#8d9fa9}
.game-main .media-caption-icon{font-size:9px;color:#d6b690}
.game-main .question-sheet{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;border-radius:12px;background:linear-gradient(147deg,#162831 0%,#0d1a22 65%,#0b171e 100%);border:1px solid #6b879273;box-shadow:0 15px 45px #0007}
.game-main .question-heading-row{align-items:center;margin:0 0 10px}
.game-main .question-index{font:700 10px var(--sans);letter-spacing:.2em;color:#d7b48c}
.game-main .answer-state{font-size:10px;max-width:210px;text-align:right;color:#a5b5bb}
.game-main .question-sheet h2{font:normal clamp(23px,2vw,30px)/1.22 var(--serif);margin:0 0 20px;color:#f5eade;letter-spacing:-.01em}
.game-main .answers{display:grid;grid-template-columns:1fr;gap:10px}
.game-main .answer{min-height:63px;border-radius:7px;border-color:#607b8873;padding:10px 13px;gap:13px;font-size:13px;background:#0a1820a8}
.game-main .answer:not(:disabled):hover{background:#203744}
.game-main .answer-letter{width:35px;height:35px;border-radius:6px;background:#65798231;font-size:13px;color:#d7c7b4}
.game-main .answer:disabled{opacity:.74}
.game-main .answer.is-selected{opacity:1}
.game-main .answer.is-correct,.game-main .answer.is-wrong{opacity:1}
.game-main .decision-bar{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:18px 0 0;border:0;border-top:1px solid #8ea1a140;background:transparent;min-height:0;border-radius:0}
.game-main .decision-instruction{display:flex;align-items:flex-start;gap:10px}
.game-main .decision-symbol{width:28px;height:28px;border-radius:6px;font-size:16px;border-color:#aeb4ac37;background:#d1b69012}
.game-main .decision-instruction strong{font-size:12px;font-weight:700}
.game-main .decision-instruction small{font-size:11px;color:#9db3bb;line-height:1.5}
.game-main .decision-right{display:flex;width:100%;gap:10px;flex-wrap:wrap}
.game-main .decision-progress{display:none}
.game-main .decision-action{flex:1;min-width:190px;min-height:47px;border-radius:6px;font-size:13px;box-shadow:0 3px 10px #0007}
.game-main .game-demo-action{min-height:47px;border-radius:6px}
.game-main .round-feedback{margin-top:16px;padding:18px 21px;border-radius:9px;background:#122923}
.game-main .rating-section{max-width:100%;padding:21px 24px;border:1px solid #5c768074;border-radius:10px;background:linear-gradient(145deg,#13232a,#0b171e);box-shadow:0 15px 40px #0005}
.game-main .rating-heading h2{font-size:25px}
.game-main .stars-block{border-radius:7px;background:#0a171c76;border-color:#64788148}
.game-main .rating-save{border-radius:5px;background:#e3c6a0;border-color:#e3c6a0}
@media(max-width:1180px){
  .game-main .what-next-grid{grid-template-columns:minmax(0,1.25fr) minmax(365px,.85fr);gap:14px}
  .game-main .question-sheet{padding:18px}
  .game-main .answer{min-height:58px}
}
@media(max-width:940px){
  #app>.game-main{width:100%;left:auto;transform:none;padding:24px 0 42px}
  .game-main .what-next-grid{grid-template-columns:minmax(0,1fr)}
  .game-main .question-sheet h2{max-width:none}
  .game-main .answers{grid-template-columns:1fr 1fr}
  .game-main .decision-bar{margin-top:18px}
  .game-main .question-sheet{padding:20px}
}
@media(max-width:670px){
  #app>.game-main{padding:23px 0 44px}
  .game-main .game-head{align-items:flex-start;gap:13px;margin-bottom:17px}
  .game-main .game-heading-area{gap:10px}
  .game-main .game-head h1{font-size:33px}
  .game-main .game-round-meta{width:100%;min-width:0}
  .game-main .player-cover-inner{bottom:12px;left:13px;right:13px}
  .game-main .player-cover-heading{font-size:20px}
  .game-main .player-cover-caption{max-width:240px;font-size:10px}
  .game-main .player-play-emblem{width:49px;height:49px;box-shadow:0 0 0 5px #08121b80;font-size:20px}
  .game-main .video-paper{padding:6px;border-radius:9px}
  .game-main .video-topline{height:26px;font-size:8px}
  .game-main .media-caption{font-size:10px}
  .game-main .answers{grid-template-columns:1fr}
  .game-main .question-sheet{padding:16px}
  .game-main .question-sheet h2{font-size:25px}
  .game-main .answer{min-height:58px;padding:11px}
  .game-main .answer-state{max-width:160px}
  .game-main .rating-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.game-main .player-play-emblem{transition:none}}

/* v8.10: a clean, unobstructed picture; controls and timing annotations live below. */
.game-main .video-topline,.game-main .media-caption,.game-main .player-cover-inner,
.game-main .player-shade{display:none!important}
.game-main .player-cover{background:transparent!important;padding:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.game-main .player-cover[hidden]{display:none!important}
.game-main #player-start{position:relative;top:auto;left:auto;transform:none;pointer-events:auto;display:grid;place-items:center;width:68px;height:68px;margin:auto;opacity:.95;box-shadow:0 3px 16px #0009;background:#09131ac7}
.game-main #player-start[hidden]{display:none!important}
.game-main #player-start:not(:disabled):hover{transform:scale(1.07)}
.game-main .video-paper{padding:9px 9px 12px}
.game-main .player-stage{background:#080b10}
.game-main .player-stage video{opacity:1;object-fit:contain}
.game-main .player-pause-badge{
  top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;
  display:flex;align-items:center;gap:10px;pointer-events:none;
  padding:12px 17px;border:1px solid #e9e1d665;
  background:#091117d9;color:#fffaf4;border-radius:10px;
  font-size:13px;font-weight:650;letter-spacing:.01em;white-space:nowrap;
  backdrop-filter:blur(4px);box-shadow:0 6px 25px #0008;
}
.game-main .player-pause-badge[hidden]{display:none!important}
.game-main .player-pause-icon{font-size:25px;font-weight:900;line-height:1;color:var(--cdp-accent,#efc59c);margin-right:0}
.game-main .player-controls{display:flex;gap:10px;flex-wrap:nowrap;min-height:43px;padding:8px 4px 5px}
.game-main .player-icon-button:disabled{opacity:.35;cursor:not-allowed}
.game-main .player-rewind{white-space:nowrap;min-width:48px;font-size:12px;font-weight:600;letter-spacing:0}
.game-main .player-toggle{display:grid;place-items:center;flex:0 0 26px;width:26px;min-width:26px;height:30px;padding:4px 2px;line-height:1}
.game-main .player-toggle svg{width:16px;height:16px}
.game-main .player-track-interactive{position:relative;flex:1;min-width:55px;height:6px;overflow:visible}
.game-main .player-buffer-fill{position:absolute;left:0;top:0;height:100%;width:0;z-index:1;border-radius:4px;background:color-mix(in srgb,var(--cdp-muted,#8495a0) 58%,transparent);pointer-events:none}
.game-main .player-track-interactive .player-track-fill{position:absolute;left:0;top:0;z-index:2;transition:none}
.game-main .player-progress-dot{position:absolute;z-index:4;top:50%;left:0;width:13px;height:13px;transform:translate(-50%,-50%);border:2px solid var(--cdp-panel,#121b20);border-radius:50%;background:var(--cdp-accent,#e8c7a0);box-shadow:0 1px 5px #0008;pointer-events:none}
.game-main .video-seek{position:absolute;inset:-12px 0;z-index:5;width:100%;height:28px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline-offset:6px}
.game-main .video-seek::-webkit-slider-runnable-track{background:transparent;height:6px}
.game-main .video-seek::-moz-range-track{background:transparent;height:6px}
.game-main .video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-3.5px;border:0;background:transparent}
.game-main .video-seek::-moz-range-thumb{width:13px;height:13px;border:0;background:transparent}
.game-main .video-seek:disabled{cursor:default}
.game-main .player-pause-marker,.game-main .player-reveal-marker{position:absolute;z-index:3;top:-5px;width:3px;height:16px;transform:translateX(-50%);border-radius:3px;pointer-events:none}
.game-main .player-pause-marker{background:#ecd0a5}
.game-main .player-reveal-marker{background:#a99af4;box-shadow:0 0 0 1px #0c1920}
.game-main .time-legend{display:flex;gap:20px;align-items:center;justify-content:center;color:#b8c3c9;font-size:11px;padding:5px 3px 0;letter-spacing:.01em}
.game-main .legend-pause{color:#ebcaa5}.game-main .legend-reveal{color:#aa9ef2}
.game-main .time-legend b{color:#e1e7e8;font-weight:600}
.game-main .player-volume-control{position:relative;z-index:6;display:flex;align-items:center;flex:0 0 auto}
.game-main .player-volume-popover{
  position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,5px);
  display:flex;flex-direction:column;align-items:center;gap:9px;min-width:55px;
  padding:11px 11px 13px;border:1px solid var(--cdp-line,#647b86);
  border-radius:9px;background:var(--cdp-panel,#121c26);color:var(--cdp-text,#f5f5f5);
  box-shadow:0 8px 25px #0009;z-index:10;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .13s,transform .13s,visibility .13s;
}
.game-main .player-volume-control:hover .player-volume-popover,
.game-main .player-volume-control:focus-within .player-volume-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.game-main .player-volume-popover::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}
.game-main #volume-value{display:block;min-width:4ch;text-align:center;white-space:nowrap;font:700 11px/1.2 var(--sans);font-variant-numeric:tabular-nums}
.game-main .volume-slider{
  writing-mode:vertical-lr;direction:rtl;width:17px;height:105px;min-width:17px;
  margin:0;accent-color:var(--cdp-accent,#e5c69d);cursor:pointer;
}
@media(prefers-reduced-motion:reduce){.game-main .player-volume-popover{transition:none}}
.game-main .rating-heading{position:relative;padding-right:45px}
.game-main .rating-dismiss{position:absolute;top:-4px;right:0;width:35px;height:35px;display:grid;place-items:center;border:1px solid #73869270;border-radius:7px;background:#14232b;color:#d8e0e5;font-size:25px;cursor:pointer}
.game-main .rating-dismiss:hover{background:#314450}
.game-main .answer.is-selected{border-color:#e4c59d;background:#28404b}
.game-main .answer.is-selected .answer-mark{color:#f4d5ab}
.game-main .video-paper:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:#080d12;padding:12px}
.game-main .video-paper:fullscreen .player-stage{width:100%;max-height:calc(100vh - 100px);aspect-ratio:auto;flex:1}
.game-main .video-paper:fullscreen video{width:100%;height:100%;object-fit:contain}
@media(max-width:800px){
 .game-main .player-controls{gap:6px}
 .game-main .time-legend{font-size:10px}
}
@media(max-width:460px){
 .game-main .player-controls{gap:4px}
 .game-main .player-controls .player-timestamp{font-size:10px;min-width:28px}
 .game-main .player-rewind{min-width:36px;font-size:10px;padding:5px 2px}
 .game-main .player-toggle{min-width:26px;padding:4px 2px}
 .game-main .player-icon-button{padding:5px}
 .game-main #player-start{width:46px;height:46px;font-size:21px}
}

.game-main .player-loading{display:none!important}

/* v8.11: separate decision from continuation, and place revealed answer
   exactly where the answer list was. */
.game-main .answers[hidden],.game-main .round-feedback[hidden],.game-main .rating-section[hidden]{display:none!important}
.game-main .question-sheet .round-feedback{
  display:flex;gap:15px;align-items:flex-start;margin:7px 0 0;padding:21px 19px;
  background:linear-gradient(140deg,#143a32,#0c2926);
  border:1px solid #77bea475;border-radius:9px;min-height:172px;
}
.game-main .question-sheet .round-feedback.is-incorrect{
  background:linear-gradient(145deg,#362622,#221a1a);
  border-color:#da948066;
}
.game-main .question-sheet .round-feedback #feedback-symbol{flex-shrink:0}
.game-main .question-sheet .round-feedback h3{margin:0 0 12px}
.game-main .result-answer{display:flex;align-items:center;gap:11px;padding:12px 13px;
  background:#081d1c8f;border:1px solid #83a69d54;border-radius:8px;margin:0 0 12px;
}
.game-main .is-incorrect .result-answer{background:#221b1a;border-color:#be92765f}
.game-main .result-answer-symbol{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border-radius:50%;background:#b8e1c524;color:#c0eaca;font-size:19px;font-weight:700}
.game-main .result-answer small{display:block;color:#9dc5b5;font:700 10px/1.4 var(--sans);letter-spacing:.13em;margin-bottom:5px}
.game-main .result-answer strong{display:block;color:#f6eee3;font:600 14px/1.4 var(--sans);overflow-wrap:anywhere}
.game-main #feedback-body{color:#c5d6d1;line-height:1.65}
.game-main .question-sheet .decision-action.is-confirm-choice{
  background:#e5c69f;color:#18252c;border-color:#f1d9ba;box-shadow:0 4px 22px #e9bb7a1a;
}
.game-main .question-sheet .decision-action.is-confirm-choice:hover{background:#f2d6b5}
.game-main .question-sheet .decision-action.is-watch-continuation{
  background:#aebfd4;color:#10202b;border-color:#cfdeed;box-shadow:0 4px 22px #8bbddd24;
}
.game-main .question-sheet .decision-action.is-watch-continuation:hover{background:#ccdae9}
.game-main .player-pause-control{min-width:115px;padding:8px 11px;border:1px solid #8daba16c;
  border-radius:7px;background:#14252c;color:#e8eee9;font-size:12px;font-weight:600;white-space:nowrap;
}
.game-main .player-pause-control:not(:disabled):hover{background:#253b48;border-color:#b5ced4}
.game-main .player-stage video{cursor:pointer}
.game-main .question-sheet[data-stage='result']{border-color:#91b4a0aa}
@media(max-width:670px){
 .game-main .player-pause-control{min-width:87px;padding:6px;font-size:10px}
 .game-main .question-sheet .round-feedback{padding:13px 10px;gap:8px;min-height:0}
 .game-main .result-answer{padding:10px 8px}
 .game-main .result-answer strong{font-size:12px}
}

/* v8.12: explicit entry point, no extra confirmation for continuation. */
.game-main #player-start{width:auto;min-width:205px;max-width:calc(100% - 30px);height:62px;padding:0 24px;white-space:nowrap;font:700 15px/1 var(--sans);letter-spacing:.01em;display:flex;justify-content:center;gap:10px;border-radius:10px}
.game-main #player-start[hidden]{display:none!important}
.game-main .question-sheet .decision-action.is-auto-continuation{background:#27454e;color:#cee0e2;border-color:#61818a;box-shadow:none;cursor:default;opacity:.8}
@media(max-width:670px){.game-main #player-start{width:auto;min-width:166px;max-width:calc(100% - 18px);height:47px;padding:0 16px;font-size:12px}}

.game-main .decision-action[hidden]{display:none!important}

/* ---- what-next-v9.3.1.css ---- */
/* Chat Detective v9.3.1 — game presentation polish.
   Intentionally scoped to the What Next view; leaves the SPA shell and D1 alone. */
body[data-view="what-next"] .game-main .question-sheet .round-feedback {
  display:block;min-height:0;margin:8px 0 0;padding:22px 22px 20px;
  border:1px solid var(--cdp-line);border-left:3px solid var(--cdp-ok);
  border-radius:7px;background:var(--cdp-panel2);color:var(--cdp-text);
  box-shadow:none;
}
body[data-view="what-next"] .game-main .question-sheet .round-feedback.is-incorrect {
  border-left-color:var(--cdp-danger);background:var(--cdp-panel2);border-top-color:var(--cdp-line);
  border-right-color:var(--cdp-line);border-bottom-color:var(--cdp-line);
}
body[data-view="what-next"] .cd-result-head {
  display:flex;align-items:center;gap:11px;margin-bottom:16px;
}
body[data-view="what-next"] .cd-result-mark {
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;flex:0 0 30px;border-radius:50%;
  background:var(--cdp-ok);color:var(--cdp-bg);font:700 19px/1 Arial,sans-serif;
}
body[data-view="what-next"] .is-incorrect .cd-result-mark{background:var(--cdp-danger)}
body[data-view="what-next"] .game-main .question-sheet .round-feedback h3 {
  margin:0;color:var(--cdp-text);font:700 clamp(18px,1.4vw,22px)/1.25 'Arial Narrow',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .cd-result-answer {
  display:flex;flex-direction:column;gap:6px;margin:0;padding:0 0 15px;
  border-bottom:1px solid var(--cdp-line);background:transparent;
}
body[data-view="what-next"] .cd-result-answer span {
  color:var(--cdp-muted);font:700 10px/1.4 Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;
}
body[data-view="what-next"] .cd-result-answer strong {
  color:var(--cdp-text);font:650 15px/1.5 Arial,sans-serif;overflow-wrap:anywhere;
}
body[data-view="what-next"] .game-main .question-sheet #feedback-body {
  margin:14px 0 0;color:var(--cdp-text);font-size:13px;line-height:1.55;
}
body[data-view="what-next"] .cd-original-clip {
  display:inline-flex;align-items:center;gap:5px;margin-top:17px;
  color:var(--cdp-accent);text-decoration:none;font:700 12px/1.4 Arial,sans-serif;
  border-bottom:1px solid transparent;padding-bottom:2px;
}
body[data-view="what-next"] .cd-original-clip:hover{border-bottom-color:currentColor}
body[data-view="what-next"] .cd-original-clip[hidden]{display:none!important}
/* Neutral progress line, meaningful high-contrast pause/reveal ticks. */
body[data-view="what-next"] .game-main .player-track{background:color-mix(in srgb,var(--cdp-muted) 32%,transparent)}
body[data-view="what-next"] .game-main .player-track-fill{background:var(--cdp-accent);box-shadow:0 0 4px color-mix(in srgb,var(--cdp-accent) 60%,transparent)}
body[data-view="what-next"] .game-main .player-pause-marker{background:var(--cdp-accent)}
body[data-view="what-next"] .game-main .player-reveal-marker{background:var(--cdp-text);box-shadow:0 0 0 1px var(--cdp-panel)}
body[data-view="what-next"] .game-main .time-legend{gap:18px;letter-spacing:0}
body[data-view="what-next"] .game-main .legend-pause{color:var(--cdp-accent)}
body[data-view="what-next"] .game-main .legend-reveal{color:var(--cdp-muted)}
body[data-view="what-next"] .game-main .time-legend b{color:var(--cdp-text)}
body[data-view="what-next"] .game-main .video-seek::-webkit-slider-thumb{background:transparent;border:0}
body[data-view="what-next"] .game-main .video-seek::-moz-range-thumb{background:transparent;border:0}
/* The rating is readable in both Paper and Monochrome Red. */
body[data-view="what-next"] .game-main .rating-section .stars-block legend,
body[data-view="what-next"] .game-main .rating-section .rating-heading h2{color:var(--cdp-text)}
body[data-view="what-next"] .game-main .rating-section .stars-block p,
body[data-view="what-next"] .game-main .rating-section .rating-optional{color:var(--cdp-muted)}
body[data-view="what-next"] .game-main .star-buttons button{color:color-mix(in srgb,var(--cdp-text) 56%,var(--cdp-panel));opacity:1}
body[data-view="what-next"] .game-main .star-buttons button:hover,
body[data-view="what-next"] .game-main .star-buttons button.is-on{color:var(--cdp-accent)}
body.cdh-light[data-view="what-next"] .game-main .star-buttons button{color:#756b62}
body.cdh-light[data-view="what-next"] .game-main .star-buttons button:hover,
body.cdh-light[data-view="what-next"] .game-main .star-buttons button.is-on{color:#915137}
body.cdh-light[data-view="what-next"] .game-main .question-sheet .round-feedback{background:#f4e8d8}
body.cdh-light[data-view="what-next"] .game-main .cd-result-mark{color:#fff9ef}
body.cdh-light[data-view="what-next"] .game-main .question-sheet .round-feedback h3{color:#2d241e}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .round-feedback{background:#1a1b1e}

/* v9.10.5: the submission editor uses the same single-timeline video controls. */
body[data-view="submit"] #app>.community-view:has(#clip-form){max-width:1320px}
body[data-view="submit"] #clip-form .clip-inspector video{grid-area:1/1;cursor:pointer}
body[data-view="submit"] #clip-form .submit-pause-badge{
  position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:10px;padding:11px 16px;
  background:#0b1017e0;color:#fff;border:1px solid #eee5d580;border-radius:9px;
  font:700 12px var(--sans);pointer-events:none;backdrop-filter:blur(4px);
}
body[data-view="submit"] #clip-form .submit-pause-badge[hidden],
body[data-view="submit"] #clip-form .submit-player-panel[hidden]{display:none!important}
body[data-view="submit"] #clip-form .submit-pause-badge svg{width:20px;height:20px;color:var(--cdp-accent)}
body[data-view="submit"] #clip-form .submit-player-panel{padding:7px 5px 0;min-width:0}
body[data-view="submit"] #clip-form .submit-player-shell:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:10px;background:#080a0d}
body[data-view="submit"] #clip-form .submit-player-shell:fullscreen .clip-inspector{aspect-ratio:auto;flex:1;min-height:0;width:100%}
body[data-view="submit"] #clip-form .submit-player-shell:fullscreen .submit-player-panel{width:100%;flex:none}
body[data-view="submit"] #clip-form .submit-player-controls{display:flex;align-items:center;gap:10px;min-height:43px;min-width:0;padding:5px 1px}
body[data-view="submit"] #clip-form .submit-player-controls .player-icon-button{border:1px solid transparent;border-radius:5px;color:var(--cdp-muted);background:transparent;padding:6px;display:grid;place-items:center;min-width:30px;min-height:30px;flex:none;cursor:pointer}
body[data-view="submit"] #clip-form .submit-player-controls #submit-toggle{width:26px;min-width:26px;height:30px;padding:4px 2px}
body[data-view="submit"] #clip-form .submit-player-controls #submit-toggle svg{width:16px;height:16px}
body[data-view="submit"] #clip-form .submit-player-controls .player-icon-button:hover{color:var(--cdp-text);border-color:var(--cdp-line);background:var(--cdp-hint)}
body[data-view="submit"] #clip-form .submit-player-controls .player-timestamp{color:var(--cdp-muted);font:11px/1.3 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
body[data-view="submit"] #clip-form .player-track-interactive{position:relative;flex:1;min-width:50px;height:6px;border-radius:4px;background:color-mix(in srgb,var(--cdp-muted) 32%,transparent)}
body[data-view="submit"] #clip-form .player-buffer-fill,
body[data-view="submit"] #clip-form .player-track-fill{position:absolute;top:0;left:0;height:100%;width:0;pointer-events:none;border-radius:4px}
body[data-view="submit"] #clip-form .player-buffer-fill{z-index:1;background:color-mix(in srgb,var(--cdp-muted) 58%,transparent)}
body[data-view="submit"] #clip-form .player-track-fill{z-index:2;background:var(--cdp-accent);box-shadow:0 0 4px color-mix(in srgb,var(--cdp-accent) 60%,transparent);transition:none}
body[data-view="submit"] #clip-form .player-progress-dot{position:absolute;left:0;top:50%;z-index:4;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--cdp-panel);background:var(--cdp-accent);box-shadow:0 1px 5px #0008;pointer-events:none}
body[data-view="submit"] #clip-form #clip-seek{position:absolute;inset:-12px 0;width:100%;height:28px;z-index:5;padding:0;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;border:0;outline-offset:5px;accent-color:var(--cdp-accent)}
body[data-view="submit"] #clip-form #clip-seek::-webkit-slider-runnable-track{height:6px;background:transparent}
body[data-view="submit"] #clip-form #clip-seek::-moz-range-track{height:6px;background:transparent}
body[data-view="submit"] #clip-form #clip-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-3.5px;border:0;background:transparent}
body[data-view="submit"] #clip-form #clip-seek::-moz-range-thumb{width:13px;height:13px;border:0;background:transparent}
body[data-view="submit"] #clip-form .player-pause-marker,
body[data-view="submit"] #clip-form .player-reveal-marker{position:absolute;z-index:3;top:-5px;width:3px;height:16px;transform:translateX(-50%);border-radius:3px;pointer-events:none}
body[data-view="submit"] #clip-form .player-pause-marker{background:var(--cdp-accent)}
body[data-view="submit"] #clip-form .player-reveal-marker{background:var(--cdp-text);box-shadow:0 0 0 1px var(--cdp-panel)}
body[data-view="submit"] #clip-form .player-pause-marker[hidden],
body[data-view="submit"] #clip-form .player-reveal-marker[hidden]{display:none!important}
body[data-view="submit"] #clip-form .time-legend{display:flex;align-items:center;justify-content:center;gap:18px;padding:5px 3px 2px;color:var(--cdp-muted);font:11px/1.4 var(--sans)}
body[data-view="submit"] #clip-form .legend-pause{color:var(--cdp-accent)}
body[data-view="submit"] #clip-form .legend-reveal{color:var(--cdp-muted)}
body[data-view="submit"] #clip-form .time-legend b{color:var(--cdp-text);font-weight:600}
body[data-view="submit"] #clip-form .clip-source-row{min-height:0;margin:0 0 4px;justify-content:flex-end}
body[data-view="submit"] #clip-form .clip-source-row:has(a[hidden]){display:none}
body[data-view="submit"] #clip-form .clip-scrub-tools{margin:8px 0 15px;padding:10px 12px}
body[data-view="submit"] #clip-form .clip-scrub-label{display:block;margin:0 0 9px;color:var(--cdp-muted);font:700 11px var(--sans)}
body[data-view="submit"] #clip-form .player-volume-control{position:relative;z-index:8;display:flex;align-items:center;flex:none}
body[data-view="submit"] #clip-form .player-volume-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,5px);display:flex;flex-direction:column;align-items:center;gap:9px;min-width:55px;padding:11px 11px 13px;border:1px solid var(--cdp-line);border-radius:9px;background:var(--cdp-panel);color:var(--cdp-text);box-shadow:0 8px 25px #0009;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .13s,transform .13s,visibility .13s}
body[data-view="submit"] #clip-form .player-volume-popover::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}
body[data-view="submit"] #clip-form .player-volume-control:hover .player-volume-popover,
body[data-view="submit"] #clip-form .player-volume-control:focus-within .player-volume-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
body[data-view="submit"] #clip-form .player-volume-popover output{display:block;min-width:4ch;text-align:center;white-space:nowrap;font:700 11px/1.2 var(--sans);font-variant-numeric:tabular-nums}
body[data-view="submit"] #clip-form .volume-slider{writing-mode:vertical-lr;direction:rtl;width:17px;height:105px;min-width:17px;margin:0;padding:0;accent-color:var(--cdp-accent);cursor:pointer}
@media(max-width:560px){body[data-view="submit"] #clip-form .submit-player-controls{gap:5px}body[data-view="submit"] #clip-form .submit-player-controls .player-icon-button{min-width:25px;padding:4px}body[data-view="submit"] #clip-form .submit-player-controls .player-timestamp{font-size:10px}body[data-view="submit"] #clip-form .time-legend{gap:8px;flex-wrap:wrap}}
@media(max-width:670px){
 body[data-view="what-next"] .game-main .question-sheet .round-feedback{padding:16px 14px}
 body[data-view="what-next"] .game-main .cd-result-answer strong{font-size:14px}
 body[data-view="what-next"] .game-main .time-legend{gap:8px;font-size:10px;flex-wrap:wrap}
}
/* Do not draw another card inside the question sheet: the result IS the content. */
body[data-view="what-next"] .game-main .question-sheet .round-feedback,
body.cdh-light[data-view="what-next"] .game-main .question-sheet .round-feedback,
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .round-feedback{
  border:0;border-top:1px solid var(--cdp-line);background:transparent;border-radius:0;
  box-shadow:none;padding:18px 0 0;margin-top:12px;
}


/* v9.11.5 — Midnight across all SPA views, dark mode only.
   The light palette and its intentional paper treatment stay unchanged. */
body.cdh-dark {
  --cdp-bg:#0b111a;--cdp-panel:#121923;--cdp-panel2:#1b2635;
  --cdp-inset:#0f1722;--cdp-text:#eef2f8;--cdp-muted:#aab9cc;
  --cdp-line:#303e50;--cdp-accent:#ee4354;--cdp-accent-contrast:#fff;
  --cdp-soft:#ff8b98;--cdp-shadow:#02060b7a;--cdp-hint:#243248;
  --cdp-ok:#4bd18d;--cdp-danger:#ff8e9a;
  color-scheme:dark;
}
body.cdh-dark:not([data-view="home"]) {background:#0b111a}
body.cdh-dark[data-view] .site-header {
  background:#0f1621e8;border-bottom:1px solid #2b384a;
  box-shadow:none;color:var(--cdp-text);
}
body.cdh-dark[data-view] .site-footer {border-top-color:#2b384a;color:#9cabc0}
body.cdh-dark[data-view] .nav-link {color:#adbbcd}
body.cdh-dark[data-view] .nav-link:is(:hover,.active) {color:#f5f7fc}
body.cdh-dark[data-view] :is(.cd-settings-trigger,.mobile-menu-toggle) {
  color:#d1dce9;background:#182231;border-color:#3a4a5e;
}
body.cdh-dark[data-view] :is(.cd-settings-trigger,.mobile-menu-toggle):hover {
  background:#26364a;border-color:#62768e;
}
body.cdh-dark[data-view] .cd-settings-panel {
  background:#141e2b;border-color:#3a4b61;color:#edf2f9;
  box-shadow:0 18px 54px #000a;
}
body.cdh-dark[data-view] .mobile-nav {
  background:#131d29;border-color:#3a4b61;
}
body.cdh-dark:not([data-view="home"]) .scene {
  background-image:linear-gradient(180deg,#08111bee,#09121df2 70%,#0a121bec),url('assets/ambient-room.webp');
  background-size:cover;filter:grayscale(1);opacity:.52;
}
body.cdh-dark:not([data-view="home"]) .round-back,
body.cdh-dark:not([data-view="home"]) .secondary-action {
  background:#182331;color:#d5dfeb;border:1px solid #3b4b5e;border-radius:6px;
}
body.cdh-dark:not([data-view="home"]) .round-back:hover,
body.cdh-dark:not([data-view="home"]) .secondary-action:hover {
  background:#29394e;border-color:#69809b;color:#fff;
}

/* Home — navy cards and controls without removing clip art or content. */
body.cdh-dark[data-view="home"] {
  --cdh-ink:#eef2f8;--cdh-muted:#aab9cc;--cdh-panel:#121923;
  --cdh-line:#303e50;--cdh-accent:#ee4354;
  background:#0b111a;
}
body.cdh-dark[data-view="home"] .scene {
  background-image:linear-gradient(180deg,#07101cc9,#08111bea 68%,#08111bf2),url('assets/ambient-room.webp');
  background-size:cover;filter:grayscale(1);opacity:.58;
}
body.cdh-dark[data-view="home"] .cdh-card {
  background:#121923;border-color:#344356;border-radius:9px;
  box-shadow:0 12px 34px #02050baa;
}
body.cdh-dark[data-view="home"] .cdh-card:hover {
  border-color:#66809d;box-shadow:0 20px 46px #02050bc9;
}
body.cdh-dark[data-view="home"] .cdh-media {border-bottom-color:#344356}
body.cdh-dark[data-view="home"] .cdh-chat {
  background:linear-gradient(145deg,#151f2c,#0f1722);color:#edf2f8;
}
body.cdh-dark[data-view="home"] .cdh-card-icon {color:#fff}
body.cdh-dark[data-view="home"] .cdh-video-label {
  background:#131c2bdd;border-color:#44566c;
}
body.cdh-dark[data-view="home"] .cdh-theme-switch {
  background:#192536;border-color:#41536a;color:#eef2f8;
}
body.cdh-dark[data-view="home"] .cdh-theme-switch:hover {
  background:#2a3b50;border-color:#7e93ab;
}
body.cdh-dark[data-view="home"] .mode-copy {
  background:linear-gradient(155deg,#172334,#101924);
  border-color:#344356;color:#eef2f8;
}
body.cdh-dark[data-view="home"] .intro h1 {color:#eef2f8}
body.cdh-dark[data-view="home"] .intro h1 em {color:#ff6977}
body.cdh-dark[data-view="home"] .intro-caption {color:#b7c5d6}

/* What Next — same panels, choices, typography and timeline as the studio. */
body.cdh-dark[data-view="what-next"] .game-main {
  --game-accent:#ee4354;--cdp-accent:#ee4354;
  font-family:Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] :is(.video-paper,.question-sheet) {
  background:#121923;border:1px solid #303e50;border-radius:9px;
  box-shadow:0 10px 26px #02060b70;
}
body.cdh-dark[data-view="what-next"] :is(.video-topline,.game-subtitle,.media-caption) {color:#acbbcd}
body.cdh-dark[data-view="what-next"] .game-overline,
body.cdh-dark[data-view="what-next"] .question-index {color:#ee4354}
body.cdh-dark[data-view="what-next"] .game-main .player-cover-tag {color:#ff8b98}
body.cdh-dark[data-view="what-next"] .game-main .player-cover-heading {
  color:#f2f6fc;font-family:Inter,'Segoe UI',Arial,sans-serif;
  font-weight:750;letter-spacing:-.025em;
}
body.cdh-dark[data-view="what-next"] .game-main .red-pin {background:#ee4354;box-shadow:0 0 0 3px #ee435424}
body.cdh-dark[data-view="what-next"] .game-main .player-play-emblem {
  background:#111b29e8;border-color:#63778e;color:#f6f8fc;
}
body.cdh-dark[data-view="what-next"] .game-main .answer {
  background:#101823;border-color:#344356;color:#eef2f8;
}
body.cdh-dark[data-view="what-next"] .game-main .answer-letter {
  background:#253247;color:#c6d3e2;
}
body.cdh-dark[data-view="what-next"] .game-main .answer:not(:disabled):hover {
  background:#202d40;border-color:#7187a2;
}
body.cdh-dark[data-view="what-next"] .game-main .answer.is-selected {
  background:#3a202e;border-color:#ee4354;
}
body.cdh-dark[data-view="what-next"] .game-main .answer.is-selected .answer-letter {
  background:#ee4354;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-section,
body.cdh-dark[data-view="what-next"] .game-main .stars-block {
  background:#151e2b;border-color:#354456;
}

/* Shared player transport — polished buttons, clear buffered/played tracks. */
body.cdh-dark[data-view="what-next"] .game-main .player-controls,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .submit-player-controls {
  position:relative;z-index:10;overflow:visible;
  min-height:48px;gap:8px;background:#101822;
  border-top:1px solid #273649;color:#e8eef6;
}
body.cdh-dark[data-view="what-next"] .game-main .player-controls {
  padding:5px 7px;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .submit-player-panel {
  overflow:visible;background:#101822;border-color:#304054;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .submit-player-controls {
  padding:5px 7px;
}
body.cdh-dark[data-view="what-next"] .game-main .player-icon-button,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-icon-button {
  display:grid;place-items:center;flex:none;
  min-width:32px;min-height:32px;width:auto;height:32px;
  padding:5px;border:1px solid transparent;border-radius:6px;
  color:#becbdc;background:transparent;box-shadow:none;
  transition:background .13s,border-color .13s,color .13s;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video #submit-toggle {
  min-width:32px;width:32px;height:32px;
}
body.cdh-dark[data-view="what-next"] .game-main .player-icon-button:is(:hover,:focus-visible),
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-icon-button:is(:hover,:focus-visible) {
  background:#26364b;border-color:#52677e;color:#fff;
  box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .player-timestamp,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-timestamp {
  color:#b4c3d5;font:600 11px/1.4 Inter,'Segoe UI',Arial,sans-serif;
  font-variant-numeric:tabular-nums;
}
body.cdh-dark[data-view="what-next"] .game-main .player-track,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-track-interactive {
  height:6px;border-radius:6px;background:#344458;
  outline:0;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .player-buffer-fill,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-buffer-fill {
  background:#64738a88;
}
body.cdh-dark[data-view="what-next"] .game-main .player-track-fill,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-track-fill {
  background:#ef4658;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .player-progress-dot,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-progress-dot {
  background:#f45365;border:2px solid #dbe2eb;
  box-shadow:0 2px 5px #03070dbb;
}
body.cdh-dark[data-view="what-next"] .game-main .player-reveal-marker,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-reveal-marker {
  background:#e5ecf5;
}
body.cdh-dark[data-view="what-next"] .game-main .time-legend {
  border-top:1px solid #2c3b4e;color:#c2cfde;background:#101822;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .cd-time-editor {
  background:#101822;border-top:1px solid #2d3b4d;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .cd-time-number,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .cd-time-nudge,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .timing-capture {
  background:#172334;border-color:#36485e;color:#e8eef6;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video :is(.cd-time-nudge,.timing-capture):hover:not(:disabled) {
  background:#293a50;border-color:#6a819d;color:#fff;
}

/* The volume popover owns the hover interaction: no second tooltip on top
   of the vertical slider. Keep it above the seek track and other controls. */
body[data-view="submit"] #clip-form #submit-mute[data-cd-tip]::after,
body[data-view="submit"] #clip-form #submit-mute[data-cd-tip]:hover::after,
body[data-view="submit"] #clip-form #submit-mute[data-cd-tip]:focus-visible::after {
  content:none!important;display:none!important;
}
body[data-view="submit"] #clip-form .player-volume-control,
body[data-view="what-next"] .game-main .player-volume-control {
  position:relative;z-index:100;
}
body[data-view="submit"] #clip-form .player-volume-popover,
body[data-view="what-next"] .game-main .player-volume-popover {z-index:110}
body.cdh-dark[data-view="submit"] #clip-form .player-volume-popover,
body.cdh-dark[data-view="what-next"] .game-main .player-volume-popover {
  bottom:calc(100% + 12px);min-width:58px;gap:10px;
  padding:12px 11px 13px;border:1px solid #50647e;border-radius:7px;
  background:#172435;color:#eef3fa;box-shadow:0 14px 36px #000c;
}
body.cdh-dark[data-view="submit"] #clip-form .player-volume-popover output,
body.cdh-dark[data-view="what-next"] .game-main .player-volume-popover output {
  font:750 11px/1.2 Inter,'Segoe UI',Arial,sans-serif;color:#f1f5fc;
}
body.cdh-dark[data-view="submit"] #clip-form .volume-slider,
body.cdh-dark[data-view="what-next"] .game-main .volume-slider {
  accent-color:#ee4354;cursor:pointer;
}
body.cdh-dark[data-view="what-next"] .game-main .video-paper:fullscreen,
body.cdh-dark[data-view="submit"] #clip-form .submit-player-shell:fullscreen {
  background:#0a1019;
}

/* Detective, moderation and About: same restrained pane/field language. */
body.cdh-dark[data-view="detective"] :is(
  .d-start-screen,.d-start-choice,.d-casebar,.d-case-summary,
  .d-game-grid,.d-connection,.d-clue,.d-correct-answer
) {
  background:#121923;border-color:#344356;color:#eaf0f8;
  box-shadow:none;
}
body.cdh-dark[data-view="detective"] :is(.d-chat-file,.d-analysis) {
  background:#121923;border-color:#344356;
}
body.cdh-dark[data-view="detective"] :is(.d-chat-stage,.d-chat-audit-lines) {
  background:#0e1621;border-color:#304055;
}
body.cdh-dark[data-view="detective"] :is(.d-answer,.d-select-area select,.d-small-button,.d-connection-actions button) {
  background:#172334;color:#edf2f8;border-color:#3d5067;
}
body.cdh-dark[data-view="detective"] .d-answer:not(:disabled):hover,
body.cdh-dark[data-view="detective"] .d-clue:hover:not(:disabled) {
  background:#233249;border-color:#7087a2;
}
body.cdh-dark[data-view="detective"] .d-answer--selected {
  background:#36212f;border-color:#ee4354;
}
body.cdh-dark[data-view="moderation"] :is(
  .community-admin-auth,.mod-tile,.mod-dialog-shell,.mod-editor-dialog
) {
  background:#121923;border-color:#344356;color:#eef2f8;
}
body.cdh-dark[data-view="moderation"] .mod-categories button {
  background:#182433;color:#bac8d9;border-color:#384b61;
}
body.cdh-dark[data-view="moderation"] .mod-categories button.active {
  background:#a92b3b;color:#fff;border-color:#d74759;
}
body.cdh-dark[data-view="moderation"] .mod-categories button:not(.active):hover {
  background:#26384e;border-color:#7188a3;color:#f0f5fa;
}
body.cdh-dark[data-view="moderation"] :is(.mod-filters select,.mod-filters input,.mod-editor-dialog .mod-input) {
  background:#131d2a;color:#edf3fb;border-color:#3b4c63;
}
body.cdh-dark[data-view="moderation"] .mod-tile:hover {border-color:#7188a3}
body.cdh-dark[data-view="moderation"] .mod-tile-content {background:transparent}
body.cdh-dark[data-view="about"] .view-intro h1 {
  color:#eff3fa;font:800 clamp(34px,4vw,51px)/1.13 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:-.03em;
}
body.cdh-dark[data-view="about"] .view-intro>p:last-child {color:#b5c3d5}
body.cdh-dark[data-view="about"] .about-list article {
  background:#121923;border:1px solid #344356;border-radius:9px;
  box-shadow:0 10px 26px #02060b62;
}
body.cdh-dark[data-view="about"] .about-list h2 {
  color:#f0f4f9;font:750 25px/1.2 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="about"] .about-list article>span,
body.cdh-dark[data-view="about"] .about-list a {color:#ff7887}
body.cdh-dark[data-view="about"] .about-list p {color:#b8c5d7}
@media(max-width:560px) {
  body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .submit-player-controls {gap:5px;padding:4px 3px}
  body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-icon-button {min-width:28px;width:28px}
  body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-timestamp {font-size:10px}
}


/* v9.11.6 — Small-screen studio and header layout. No palette changes. */
@media (max-width:700px) {
  html {scrollbar-gutter:auto}
  body[data-view] .page-shell {
    box-sizing:border-box;width:100%;min-width:0;padding:10px;
  }
  body[data-view] #app,
  body[data-view="submit"] .cd-sm-root,
  body[data-view="submit"] .cd-sm-existing,
  body[data-view="submit"] #app>.community-view:has(#clip-form) {
    box-sizing:border-box;width:100%;min-width:0;max-width:100%;
  }
  body[data-view] .site-header {
    box-sizing:border-box;width:100%;min-width:0;max-width:100%;
    gap:6px;padding:0 3px;
  }
  body[data-view] .site-header .brand {
    min-width:0;flex:0 1 auto;gap:6px;
  }
  body[data-view] .site-header .brand .cdh-logo {
    flex:none;width:29px;height:29px;
  }
  body[data-view] .site-header .brand span {
    min-width:0;max-width:none;font-size:11px;letter-spacing:-.01em;
  }
  body[data-view] .site-header .account-controls {
    flex:0 0 auto;min-width:0;margin-left:auto;gap:5px;
  }
  body[data-view] .site-header .mobile-menu-toggle {
    flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:0;
  }
  body[data-view="submit"] #clip-form.community-layout,
  body[data-view="submit"] #clip-form.community-layout.cd-search-collapsed {
    display:grid;box-sizing:border-box;position:relative;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%;min-width:0;max-width:100%;
    gap:12px;margin:12px 0 0;padding:0;
    align-items:start;
  }
  /* On a phone the search handle sits in the card header and no longer
     reserves a permanent column down the whole page. */
  body[data-view="submit"] #clip-form>.cd-studio-search-rail {
    position:absolute!important;top:13px;right:13px;left:auto;
    display:flex;align-items:center;justify-content:center;
    width:30px;min-width:30px;max-width:30px;
    height:31px;min-height:31px;max-height:31px;
    padding:0;z-index:12;
  }
  body[data-view="submit"] #clip-form .cd-studio-search-rail .cd-search-edge {
    width:100%;height:29px;min-height:29px;max-height:29px;
  }
  body[data-view="submit"] #clip-form .cd-studio-search .cd-ref-source-head {
    padding-right:35px;
  }
  body[data-view="submit"] #clip-form>.cd-studio-search,
  body[data-view="submit"] #clip-form>.cd-studio-video,
  body[data-view="submit"] #clip-form>.cd-studio-questions,
  body[data-view="submit"] #clip-form>.cd-studio-draft-rail {
    box-sizing:border-box;grid-column:1!important;
    width:100%;min-width:0;max-width:100%;
  }
  body[data-view="submit"] #clip-form>.cd-studio-search {grid-row:1!important}
  body[data-view="submit"] #clip-form>.cd-studio-video {grid-row:2!important}
  body[data-view="submit"] #clip-form>.cd-studio-draft-rail {grid-row:3!important}
  body[data-view="submit"] #clip-form>.cd-studio-questions {grid-row:4!important}
  body[data-view="submit"] #clip-form.cd-search-collapsed>.cd-studio-video {grid-row:1!important}
  body[data-view="submit"] #clip-form.cd-search-collapsed>.cd-studio-draft-rail {grid-row:2!important}
  body[data-view="submit"] #clip-form.cd-search-collapsed>.cd-studio-questions {grid-row:3!important}
  body[data-view="submit"] #clip-form>.community-sheet {
    padding:14px 12px 16px;
    min-height:0;overflow:visible;
  }
  body[data-view="submit"] #clip-form .cd-studio-search .cd-auto-more .cd-auto-controls {
    grid-template-columns:minmax(0,1fr)!important;gap:10px;
  }
  body[data-view="submit"] #clip-form .cd-studio-search .cd-auto-main-row {
    display:flex;flex-direction:column;min-width:0;
  }
  body[data-view="submit"] #clip-form .cd-studio-search :is(
    .cd-auto-category-tools,.cd-auto-channel-tools,.cd-auto-actions,
    .cd-ref-select-control,.cd-menu-control
  ){min-width:0;max-width:100%}
  /* Drafts become one horizontally scrollable toolbar above the questions,
     rather than taking a quarter of the answer editor width. */
  body[data-view="submit"] #clip-form>.cd-studio-draft-rail {
    position:static!important;top:auto;left:auto;right:auto;
    display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;
    padding:0;margin:0;z-index:auto;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-panel {
    display:flex;flex-direction:row;align-items:stretch;gap:6px;
    width:100%;min-width:0;max-width:100%;padding:0;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-box {
    display:flex;align-items:center;gap:5px;
    flex:1 1 auto;min-width:0;width:auto;max-width:none;
    overflow:hidden;padding:5px;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slots {
    flex:1 1 auto;display:flex;flex-direction:row;align-items:center;
    min-width:0;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:thin;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-group {
    flex:0 0 auto;width:auto;min-width:0;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-grid {
    display:flex;flex-direction:row;align-items:center;
    width:auto;gap:5px;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-card {
    flex:0 0 36px;width:36px;min-width:36px;max-width:36px;
    height:34px;min-height:34px;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-expand-toggle {
    display:grid;place-items:center;flex:0 0 25px;
    width:25px;min-width:25px;height:34px;
    margin:0;padding:0;border:0;border-left:1px solid var(--cds-border);
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions {
    display:flex;flex-direction:row;align-items:center;justify-content:center;
    flex:0 0 auto;width:auto;max-width:none;gap:4px;
    margin:0;padding:5px;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions .workshop-icon-button {
    flex:0 0 31px;width:31px;min-width:31px;max-width:31px;
    height:34px;min-height:34px;
  }
  body[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  }
  body[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions>.cd-menu-control,
  body[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions>select {
    grid-column:1/-1;width:100%;min-width:0;max-width:100%;
  }
  body[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions button {
    width:100%;min-width:0;
  }
  body[data-view="submit"] #clip-form .cd-studio-questions :is(
    .answer-editor-row,.answer-editor-row input.answer-text,
    .workshop-field-head,#clip-question
  ){min-width:0;max-width:100%}
}
@media (max-width:420px) {
  body[data-view] .site-header .brand span {
    font-size:10px;letter-spacing:-.02em;
  }
  /* The account name remains available in its menu and aria-label. */
  body[data-view] .site-header #login-button {
    box-sizing:border-box;flex:0 0 36px;
    width:36px!important;min-width:36px;max-width:36px;
    padding:0!important;gap:0;overflow:hidden;
  }
  body[data-view] .site-header #login-button>span:not(.cd-account-chevron) {
    display:none!important;
  }
  body[data-view] .site-header .cd-account-chevron {display:none!important}
  body[data-view] .site-header .brand .cdh-logo {
    width:27px;height:27px;
  }
  body[data-view="submit"] #clip-form .cd-ref-pane-head h2 {font-size:16px}
  body[data-view="submit"] #clip-form .cd-studio-video .submit-player-controls,
  body[data-view="what-next"] .game-main .player-controls {
    gap:3px;padding-left:3px;padding-right:3px;
  }
  body[data-view="what-next"] .game-main .player-rewind {
    min-width:26px;width:26px;padding:2px;font-size:10px;
  }
  body[data-view="submit"] #clip-form .cd-studio-video .player-timestamp,
  body[data-view="what-next"] .game-main .player-timestamp {
    font-size:9px;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-card {
    flex-basis:32px;width:32px;min-width:32px;max-width:32px;
  }
  body[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions .workshop-icon-button {
    flex-basis:29px;width:29px;min-width:29px;max-width:29px;
  }
}

/* Immersive custom-player fallback on iPhone. Native document fullscreen is
   still used on browsers that support it. Keep timeline and audio controls. */
body.cd-player-viewport-open {overflow:hidden!important}
.cd-player-viewport-fullscreen {
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;flex-direction:column;justify-content:center;
  box-sizing:border-box!important;
  width:100vw!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;max-height:none!important;
  min-height:0!important;margin:0!important;
  padding:env(safe-area-inset-top) 8px env(safe-area-inset-bottom)!important;
  border:0!important;border-radius:0!important;
  background:#080f18!important;box-shadow:none!important;
  overflow:hidden!important;
}
.cd-player-viewport-fullscreen :is(.player-stage,.clip-inspector) {
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  width:100%!important;aspect-ratio:auto!important;
  border-radius:0!important;
}
.cd-player-viewport-fullscreen :is(.player-stage,.clip-inspector) video {
  width:100%!important;height:100%!important;
  max-height:100%!important;object-fit:contain!important;
}
.cd-player-viewport-fullscreen .video-topline {display:none!important}
.cd-player-viewport-fullscreen .submit-player-panel {
  width:100%!important;flex:0 0 auto;box-sizing:border-box;
}
.cd-player-viewport-fullscreen .player-controls {
  flex:0 0 auto;width:100%;box-sizing:border-box;
  min-height:44px!important;
}
.cd-player-viewport-fullscreen .time-legend.cd-time-editor {display:none!important}
.cd-player-viewport-fullscreen .time-legend:not(.cd-time-editor) {
  flex:0 0 auto;width:100%;box-sizing:border-box;
}
.cd-player-viewport-fullscreen :is(#fullscreen-btn,#submit-fullscreen) {
  position:relative;background:#293a51!important;
  border-color:#7790ad!important;color:#fff!important;
}
.cd-player-viewport-fullscreen :is(#fullscreen-btn,#submit-fullscreen)>svg {
  display:none!important;
}
.cd-player-viewport-fullscreen :is(#fullscreen-btn,#submit-fullscreen)::before {
  content:"×";display:block;
  font:700 26px/1 Inter,'Segoe UI',Arial,sans-serif;
}
@media (orientation:landscape) and (max-height:500px) {
  .cd-player-viewport-fullscreen {padding:0 8px!important}
  .cd-player-viewport-fullscreen .time-legend:not(.cd-time-editor) {display:none!important}
}


/* v9.11.7 — Restore Midnight backdrop and finish game/setting controls. */
/* This comes after the theme layer so v9.6's approved illustration wins. */
body[data-view].cdh-dark .scene {
  background-image:linear-gradient(90deg,rgba(5,5,7,.06),rgba(5,5,7,.16) 25%,rgba(5,5,7,.18) 75%,rgba(5,5,7,.06)),url('assets/bg-dark-v96.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  filter:none;
  opacity:1;
}

/* Settings previously retained an older warm-black and wine-red palette. */
body.cdh-dark[data-view] .cd-settings-panel {
  color:#edf2f9;background:#141e2b;border:1px solid #3a4b61;
  border-radius:9px;box-shadow:0 20px 55px #02060bbc;
}
body.cdh-dark[data-view] .cd-settings-heading {
  color:#f1f5fa;border-bottom:1px solid #303e50;
  font:750 16px/1.3 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view] .cd-settings-close {
  color:#b7c5d8;border-radius:5px;transition:background .15s,color .15s;
}
body.cdh-dark[data-view] .cd-settings-close:hover {
  color:white;background:#29394e;
}
body.cdh-dark[data-view] .cd-settings-section {
  border-bottom:1px solid #303e50;gap:10px;
}
body.cdh-dark[data-view] .cd-settings-section:last-child {border:0}
body.cdh-dark[data-view] .cd-settings-label {color:#e5edf7;font-weight:750}
body.cdh-dark[data-view] .cd-settings-labelrow output {color:#b8c9dd}
body.cdh-dark[data-view] .cd-settings-hint {color:#93a8bf;line-height:1.55}
body.cdh-dark[data-view] .cd-settings-checkline {color:#d9e4f2;gap:9px}
body.cdh-dark[data-view] .cd-settings-segment {
  background:#101824;border:1px solid #314054;border-radius:7px;padding:3px;gap:4px;
}
body.cdh-dark[data-view] .cd-settings-segment button {
  min-height:34px;color:#b4c5da;border:1px solid transparent;border-radius:5px;
  background:transparent;transition:background .15s,border-color .15s,color .15s;
}
body.cdh-dark[data-view] .cd-settings-segment button:not(.is-selected):hover {
  background:#243248;color:#f0f5fb;
}
body.cdh-dark[data-view] .cd-settings-segment button.is-selected {
  background:#ee4354;border-color:#f66b79;color:#fff;box-shadow:none;
}
body.cdh-dark[data-view] .cd-settings-mute {
  background:#182637;border-color:#3b4f65;color:#d6e3f1;
}
body.cdh-dark[data-view] .cd-settings-mute:hover {
  background:#29394e;border-color:#687e99;color:#fff;
}
body.cdh-dark[data-view] .cd-settings-volumerow input[type="range"]{
  flex:1;min-width:0;height:5px;appearance:none;-webkit-appearance:none;
  outline:0;background:#344458;border-radius:8px;cursor:pointer;accent-color:#ee4354;
}
body.cdh-dark[data-view] .cd-settings-volumerow input[type="range"]::-webkit-slider-thumb {
  appearance:none;-webkit-appearance:none;width:13px;height:13px;
  border:0;border-radius:50%;background:#ee4354;box-shadow:0 1px 4px #0009;
  transition:transform .15s ease;
}
body.cdh-dark[data-view] .cd-settings-volumerow input[type="range"]::-moz-range-thumb {
  width:13px;height:13px;border:0;border-radius:50%;background:#ee4354;
  transition:transform .15s ease;
}
body.cdh-dark[data-view] .cd-settings-volumerow input[type="range"]:hover::-webkit-slider-thumb {
  transform:scale(1.2);
}
body.cdh-dark[data-view] .cd-settings-volumerow input[type="range"]:hover::-moz-range-thumb {
  transform:scale(1.2);
}
body.cdh-dark[data-view] .cd-settings-checkline input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;display:grid;place-items:center;
  width:17px;height:17px;min-width:17px;margin:0;padding:0;
  border:1px solid #60758c;border-radius:4px;background:#152231;
  box-shadow:none;transition:background .14s,border-color .14s;
}
body.cdh-dark[data-view] .cd-settings-checkline input[type="checkbox"]::after {
  content:"✓";color:#fff;font:800 12px/1 Inter,'Segoe UI',sans-serif;
  opacity:0;transform:scale(.7);transition:opacity .12s,transform .12s;
}
body.cdh-dark[data-view] .cd-settings-checkline input[type="checkbox"]:checked {
  background:#ee4354;border-color:#ee4354;
}
body.cdh-dark[data-view] .cd-settings-checkline input[type="checkbox"]:checked::after {
  opacity:1;transform:scale(1);
}
body.cdh-dark[data-view] .cd-settings-checkline input[type="checkbox"]:focus-visible {
  outline:2px solid #a4c5eb;outline-offset:3px;
}

/* The progress-dot itself is the hover affordance, never an outlined seek rail. */
body[data-view="what-next"] .game-main .video-seek,
body[data-view="what-next"] .game-main .video-seek:is(:hover,:focus,:focus-visible,:active),
body[data-view="submit"] #clip-form .cd-studio-video #clip-seek,
body[data-view="submit"] #clip-form .cd-studio-video #clip-seek:is(:hover,:focus,:focus-visible,:active) {
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;
}
body[data-view="what-next"] .game-main .player-track-interactive:is(:hover,:focus-within,:active),
body[data-view="submit"] #clip-form .cd-studio-video .player-track-interactive:is(:hover,:focus-within,:active) {
  outline:0!important;box-shadow:none!important;
}
body.cdh-dark[data-view="what-next"] .game-main .player-progress-dot,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video .player-progress-dot,
body[data-view="what-next"] .game-main .player-progress-dot,
body[data-view="submit"] #clip-form .cd-studio-video .player-progress-dot {
  width:12px;height:12px;border:0!important;border-radius:50%;
  background:var(--cdp-accent,#ee4354);box-shadow:0 1px 4px #0009;
  transform:translate(-50%,-50%) scale(1);
  transition:transform .16s cubic-bezier(.18,.7,.2,1),background .16s;
}
body[data-view="what-next"] .game-main .player-track-interactive:is(:hover,:focus-within,:active) .player-progress-dot,
body[data-view="submit"] #clip-form .cd-studio-video .player-track-interactive:is(:hover,:focus-within,:active) .player-progress-dot {
  transform:translate(-50%,-50%) scale(1.32);
}
@media(prefers-reduced-motion:reduce){
  body[data-view="what-next"] .game-main .player-progress-dot,
  body[data-view="submit"] #clip-form .cd-studio-video .player-progress-dot{
    transition:none;
  }
}

/* Skip is a quiet secondary action next to the round counter. */
body[data-view="what-next"] .game-main .game-round-meta .meta-row {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
body[data-view="what-next"] .game-main .cd-game-skip {
  border:1px solid #40536c;border-radius:6px;padding:6px 10px;
  min-height:30px;background:#192536;color:#adbed3;
  font:650 11px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  cursor:pointer;white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s;
}
body[data-view="what-next"] .game-main .cd-game-skip:hover {
  background:#28394f;border-color:#738ba7;color:#fff;
}
body[data-view="what-next"] .game-main .cd-game-skip[hidden] {display:none!important}

/* Fullscreen quiz is an in-player overlay. The underlying player is never
   replaced: fullscreen remains open when a new clip is selected. */
body[data-view="what-next"] .game-main .cd-game-fullscreen-bar,
body[data-view="what-next"] .game-main .cd-game-fullscreen-quiz {
  display:none!important;
}
body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) {
  position:relative;
}
body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-bar {
  position:absolute;top:calc(9px + env(safe-area-inset-top));right:10px;z-index:30;
  display:flex!important;align-items:center;justify-content:flex-end;
}
body[data-view="what-next"] .game-main .cd-fsq-skip {
  border:1px solid #5d748e;border-radius:6px;padding:8px 12px;
  background:#142235dd;color:#d9e6f5;
  font:650 12px/1.3 Inter,'Segoe UI',Arial,sans-serif;
  backdrop-filter:blur(10px);cursor:pointer;
}
body[data-view="what-next"] .game-main .cd-fsq-skip:hover {
  border-color:#a1b6cf;background:#2d425c;color:#fff;
}
body[data-view="what-next"] .game-main .cd-fsq-skip[hidden] {display:none!important}
body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]) {
  position:absolute;left:50%;bottom:calc(65px + env(safe-area-inset-bottom));z-index:24;
  transform:translateX(-50%);display:flex!important;flex-direction:column;gap:10px;
  box-sizing:border-box;width:min(650px,calc(100% - 24px));max-height:min(62dvh,540px);
  overflow-y:auto;padding:14px 16px;border:1px solid #5c6f86;border-radius:10px;
  background:linear-gradient(150deg,#111b29ed,#0c1622ef);
  box-shadow:0 12px 38px #000c;color:#f0f5fb;
  backdrop-filter:blur(12px);
}
body[data-view="what-next"] .game-main .cd-game-fullscreen-quiz[hidden] {display:none!important}
body[data-view="what-next"] .game-main .cd-fsq-kicker {
  color:#ff6373;font:800 10px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:.14em;
}
body[data-view="what-next"] .game-main .cd-fsq-question {
  margin:0;color:#f3f6fb;font:750 clamp(15px,2.5vw,22px)/1.25 Inter,'Segoe UI',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .cd-fsq-answers {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}
body[data-view="what-next"] .game-main .cd-fsq-answers[hidden] {display:none!important}
body[data-view="what-next"] .game-main .cd-fsq-answer {
  min-width:0;min-height:38px;text-align:left;padding:9px 11px;border-radius:6px;
  border:1px solid #405269;background:#1b293b;color:#e3ecf8;
  font:600 12px/1.3 Inter,'Segoe UI',Arial,sans-serif;
  cursor:pointer;transition:background .14s,border-color .14s;
}
body[data-view="what-next"] .game-main .cd-fsq-answer:hover {
  background:#293d55;border-color:#8ca4c0;
}
body[data-view="what-next"] .game-main .cd-fsq-answer.is-selected {
  color:#fff;background:#4a2636;border-color:#ee4354;
}
body[data-view="what-next"] .game-main .cd-fsq-result {
  margin:0;color:#c8efd8;font:700 13px/1.5 Inter,'Segoe UI',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .cd-fsq-result.is-incorrect {color:#ffa5ae}
body[data-view="what-next"] .game-main .cd-fsq-result[hidden] {display:none!important}
body[data-view="what-next"] .game-main .cd-fsq-action {
  align-self:flex-end;min-height:36px;padding:9px 15px;border:1px solid #ef6170;
  border-radius:6px;background:#ee4354;color:#fff;
  font:750 12px/1.2 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer;
}
body[data-view="what-next"] .game-main .cd-fsq-action:hover:not(:disabled) {background:#ff5264}
body[data-view="what-next"] .game-main .cd-fsq-action:disabled {
  opacity:.55;cursor:not-allowed;background:#293547;border-color:#49596f;
}
@media (max-width:600px) {
  body[data-view="what-next"] .game-main .cd-fsq-answers {
    grid-template-columns:minmax(0,1fr);gap:5px;
  }
  body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
    gap:7px;padding:10px 11px;bottom:calc(56px + env(safe-area-inset-bottom));
    max-height:57dvh;
  }
  body[data-view="what-next"] .game-main .cd-fsq-answer {
    min-height:32px;padding:7px 9px;font-size:11px;
  }
}
@media (orientation:landscape) and (max-height:500px) {
  body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
    left:auto;right:8px;bottom:54px;transform:none;
    width:min(390px,48%);max-height:calc(100dvh - 65px);
    padding:9px;gap:5px;
  }
  body[data-view="what-next"] .game-main .cd-fsq-answers {grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  body[data-view="what-next"] .game-main .cd-fsq-question {font-size:13px}
  body[data-view="what-next"] .game-main .cd-fsq-answer {font-size:10px;min-height:30px}
}


/* v9.11.8 — Clear pre-pause spoilers, safer streamer warning, calmer actions. */
body[data-view="what-next"] .game-main .decision-right>.cd-game-skip {
  order:5;flex:0 0 auto;min-width:142px;min-height:43px;
  margin-left:auto;padding:9px 13px;
  border-radius:6px;border:1px solid #41546c;
  background:#192638;color:#c3d1e2;
  font:650 12px/1.25 Inter,'Segoe UI',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .decision-right>.cd-game-skip:hover {
  color:#fff;background:#293b51;border-color:#7790ab;
}
body[data-view="what-next"] .game-main .decision-right>.cd-game-skip[hidden] {display:none!important}
body[data-view="what-next"] .game-main .cd-game-answer-pending {
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:9px;min-height:175px;padding:15px 16px;
  border-top:1px solid #344356;border-bottom:1px solid #344356;
  background:linear-gradient(90deg,transparent,#1a263434,transparent);
  text-align:center;color:#e8f0fa;
}
body[data-view="what-next"] .game-main .cd-game-answer-pending[hidden] {display:none!important}
body[data-view="what-next"] .game-main .cd-game-answer-pending strong {
  font:750 14px/1.3 Inter,'Segoe UI',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .cd-game-answer-pending small {
  color:#9dafc3;font:500 12px/1.5 Inter,'Segoe UI',Arial,sans-serif;
  max-width:280px;
}
body[data-view="what-next"] .game-main .cd-answer-pending-dot {
  display:block;width:10px;height:10px;border-radius:50%;
  background:#ee4354;box-shadow:0 0 0 6px #ee435420;
  animation:cd-answer-wait 1.9s ease-in-out infinite;
}
@keyframes cd-answer-wait {
  0%,100%{box-shadow:0 0 0 5px #ee435422}
  50%{box-shadow:0 0 0 9px #ee43540c}
}
body[data-view="what-next"] .game-main .cd-game-content-warning {
  display:flex;flex-direction:column;gap:5px;
  margin:-7px 0 16px;padding:10px 12px;
  border-left:3px solid #f09b53;border-radius:4px;
  background:#3d2e253a;color:#f4cfad;
  font:500 12px/1.45 Inter,'Segoe UI',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .cd-game-content-warning strong {
  color:#ffbb7d;font-size:12px;font-weight:750;
}
body[data-view="what-next"] .game-main .cd-game-content-warning[hidden] {display:none!important}
/* Game choices animate their text only in game.js; keep glass button surfaces stable. */
/* The native and iPhone fullscreen layouts must keep the last quiz row clear
   of the transport timeline and its reveal markers. */
body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
  bottom:calc(100px + env(safe-area-inset-bottom));max-height:min(54dvh,520px);
}
@media(max-width:600px){
  body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
    bottom:calc(90px + env(safe-area-inset-bottom));max-height:50dvh;
  }
  body[data-view="what-next"] .game-main .decision-right>.cd-game-skip{
    flex:1 1 135px;min-width:0;margin-left:0;
  }
  body[data-view="what-next"] .game-main .cd-game-answer-pending {min-height:135px}
}
@media (orientation:landscape) and (max-height:500px){
  body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
    bottom:76px;max-height:calc(100dvh - 99px);
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-view="what-next"] .game-main .cd-answer-pending-dot,
  body[data-view="what-next"] .game-main[data-phase="paused"] .answers .answer {
    animation:none;
  }
}


/* New controls remain readable when somebody explicitly chooses Paper. */
body.cdh-light[data-view="what-next"] .game-main .cd-game-answer-pending {
  color:#382c25;background:#f8f0e5;border-color:#dcc7b2;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-answer-pending small {color:#766455}
body.cdh-light[data-view="what-next"] .game-main .cd-game-content-warning {
  background:#ffeddb;color:#69462d;border-left-color:#c17a3d;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-content-warning strong {color:#8e4d27}
body.cdh-light[data-view="what-next"] .game-main .decision-right>.cd-game-skip {
  background:#eee1d0;color:#654b3a;border-color:#bd9e82;
}

/* v9.11.9 — Final gameplay cleanup.
   One Midnight design language, compact navigation and a truthful N-of-N
   progress indicator that can later host Classic / Endless / Streamer modes.
   This intentionally leaves Paper and the studio untouched. */
body.cdh-dark[data-view="what-next"] #app>.game-main {
  width:min(1460px,calc(100vw - 42px));
  padding:16px 0 42px;
  --game-accent:#ee4354;
}
body.cdh-dark[data-view="what-next"] .game-main .game-head {
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;margin:0 0 16px;padding:14px 18px;
  border:1px solid #303e50;border-radius:9px;
  background:#121923;box-shadow:0 8px 22px #02060b40;
}
body.cdh-dark[data-view="what-next"] .game-main .game-heading-area {
  display:flex;align-items:center;min-width:0;gap:13px;
}
body.cdh-dark[data-view="what-next"] .game-main .round-back {
  flex:0 0 38px;display:grid;place-items:center;
  width:38px;height:38px;margin:0;border:1px solid #38475b;
  border-radius:7px;background:#192536;color:#bdcce0;
  font-size:21px;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .round-back:hover {
  background:#26374b;color:#fff;border-color:#647992;
}
body.cdh-dark[data-view="what-next"] .game-main .game-head h1 {
  margin:3px 0 0;font:800 clamp(24px,2.4vw,30px)/1.07 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:-.035em;color:#f1f5fb;
}
body.cdh-dark[data-view="what-next"] .game-main .game-head .headline-mark {color:#ee4354}
body.cdh-dark[data-view="what-next"] .game-main #source-label {
  display:inline-block;width:auto;max-width:none;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;
  color:#aebed2;font:800 10px/1.1 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;
}
body.cdh-dark[data-view="what-next"] .game-main .game-subtitle,
body.cdh-dark[data-view="what-next"] .game-main .game-head .game-overline {display:none}
body.cdh-dark[data-view="what-next"] .game-main .game-round-meta {
  flex:0 0 220px;min-width:160px;width:220px;margin:0;
}
body.cdh-dark[data-view="what-next"] .game-main .game-round-meta .meta-row {
  display:flex;align-items:center;justify-content:space-between;
  font:700 12px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  color:#c5d1e0;letter-spacing:0;
}
body.cdh-dark[data-view="what-next"] .game-main .round-dashes {
  position:relative;display:block;overflow:hidden;
  height:5px;margin:10px 0 0;padding:0;border-radius:999px;
  background:#35445a;
}
body.cdh-dark[data-view="what-next"] .game-main .round-dashes>.cd-round-progress-fill {
  display:block;max-width:100%;height:100%;border-radius:inherit;
  background:#ee4354;box-shadow:none;transition:width .2s ease;
}
body.cdh-dark[data-view="what-next"] .game-main .what-next-grid {
  grid-template-columns:minmax(0,1.6fr) minmax(360px,.98fr);
  align-items:start;gap:16px;
}
body.cdh-dark[data-view="what-next"] .game-main :is(.video-paper,.question-sheet,.rating-section){
  border:1px solid #303e50;border-radius:9px;
  background:#121923;box-shadow:0 8px 22px #02060b40;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet {
  min-height:0;padding:22px;gap:0;
}
body.cdh-dark[data-view="what-next"] .game-main .question-heading-row {
  display:flex;align-items:center;margin:0 0 10px;
}
body.cdh-dark[data-view="what-next"] .game-main .question-index {
  font:800 10px/1.3 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:.13em;color:#ee4354;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.cdh-dark[data-view="what-next"] .game-main .answer-state {display:none}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet h2 {
  margin:0 0 17px;color:#f0f4fa;
  font:750 clamp(21px,2vw,27px)/1.22 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:-.025em;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-answer-pending {
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  gap:10px;min-height:0;margin:3px 0 5px;padding:12px 0;
  border:0;border-top:1px solid #303e50;border-bottom:0;
  border-radius:0;background:transparent;text-align:left;color:#aebed0;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-answer-pending strong {
  font:600 12px/1.5 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-answer-pending-dot {
  width:7px;height:7px;flex:0 0 7px;box-shadow:none;animation:none;
}
body.cdh-dark[data-view="what-next"] .game-main .answers {gap:8px}
body.cdh-dark[data-view="what-next"] .game-main .answer {
  min-height:55px;padding:9px 12px;gap:11px;
  border:1px solid #35465b;border-radius:7px;
  background:#151f2c;color:#e7eef8;box-shadow:none;
  font:600 13px/1.4 Inter,'Segoe UI',Arial,sans-serif;
  transition:background .15s,border-color .15s;
}
body.cdh-dark[data-view="what-next"] .game-main .answer-letter {
  width:31px;height:31px;flex:0 0 31px;
  border-radius:6px;background:#263448;color:#b6c6d9;
  font:750 12px/1 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .answer:not(:disabled):hover {
  border-color:#6c829e;background:#202d40;
}
body.cdh-dark[data-view="what-next"] .game-main .answer.is-selected {
  border-color:#ee4354;background:#35212e;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main .answer.is-selected .answer-letter{
  background:#ee4354;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-instruction {display:none}
body.cdh-dark[data-view="what-next"] .game-main .decision-bar {
  margin-top:15px;min-height:0;padding:0;border:0;background:transparent;gap:0;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-right {
  display:flex;justify-content:flex-end;align-items:stretch;gap:9px;flex-wrap:wrap;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-action,
body.cdh-dark[data-view="what-next"] .game-main .game-demo-action {
  flex:1 1 160px;min-width:0;min-height:42px;padding:10px 14px;
  border:1px solid #ee4354;border-radius:6px;
  background:#ee4354;color:#fff;box-shadow:none;
  font:750 12px/1.3 Inter,'Segoe UI',Arial,sans-serif;
  transition:background .15s,border-color .15s,color .15s;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-action:hover:not(:disabled),
body.cdh-dark[data-view="what-next"] .game-main .game-demo-action:hover:not(:disabled){
  background:#ff5667;border-color:#ff5667;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-action:disabled{
  border-color:#344357;background:#273243;color:#95a5b8;box-shadow:none;opacity:1;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .decision-action:is(.is-confirm-choice,.is-watch-continuation){
  background:#ee4354;border-color:#ee4354;color:#fff;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .decision-action:is(.is-confirm-choice,.is-watch-continuation):hover {
  background:#ff5667;border-color:#ff5667;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .decision-action.is-auto-continuation{
  border-color:#344357;background:#273243;color:#95a5b8;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-right>.cd-game-skip{
  order:5;flex:0 0 auto;min-width:124px;min-height:42px;margin:0;padding:9px 12px;
  background:#1d2a3c;border:1px solid #40536b;border-radius:6px;
  color:#c6d3e4;font:650 12px/1.25 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-right>.cd-game-skip:hover{
  background:#283a50;border-color:#6d849e;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .round-feedback,
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .round-feedback.is-incorrect{
  display:block;margin:3px 0 0;padding:14px 0 0;min-height:0;
  border:0;border-top:1px solid #35465b;border-radius:0;
  background:transparent;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-result-head{
  gap:10px;margin:0 0 15px;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-result-mark{
  width:28px;height:28px;flex:0 0 28px;font-size:16px;color:#0a1713;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet .round-feedback h3{
  margin:0;color:#f0f4fa;
  font:800 20px/1.25 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-result-answer{
  gap:5px;padding:0 0 13px;border-bottom:1px solid #344357;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-result-answer strong{
  font:700 14px/1.45 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .question-sheet #feedback-body{
  margin:12px 0 0;color:#cad5e3;font:500 13px/1.5 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-section {
  margin:15px 0 0;padding:18px 22px;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-heading{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-right:42px;margin:0 0 10px;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-heading .game-overline,
body.cdh-dark[data-view="what-next"] .game-main .rating-optional,
body.cdh-dark[data-view="what-next"] .game-main .stars-block p {display:none}
body.cdh-dark[data-view="what-next"] .game-main .rating-heading h2{
  margin:0;color:#f1f5fb;font:750 19px/1.3 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:-.015em;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-grid {gap:16px}
body.cdh-dark[data-view="what-next"] .game-main .stars-block {
  min-width:0;margin:0;padding:8px 0 0;border:0;
  border-radius:0;background:transparent;box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .stars-block legend{
  padding:0;color:#b7c6d9;font:650 12px/1.35 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-actions {
  margin-top:6px;gap:12px;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-save{
  min-height:39px;padding:9px 15px;
  border-radius:6px;border:1px solid #ee4354;background:#ee4354;color:#fff;
  font:750 12px/1.25 Inter,'Segoe UI',Arial,sans-serif;
  box-shadow:none;
}
body.cdh-dark[data-view="what-next"] .game-main .rating-save:hover:not(:disabled){
  background:#ff5667;border-color:#ff5667;color:#fff;
}
@media(max-width:980px){
  body.cdh-dark[data-view="what-next"] .game-main .what-next-grid{
    grid-template-columns:minmax(0,1fr);
  }
  body.cdh-dark[data-view="what-next"] .game-main .question-sheet {padding:20px}
}
@media(max-width:600px){
  body.cdh-dark[data-view="what-next"] #app>.game-main {
    width:100%;padding:12px 0 28px;
  }
  body.cdh-dark[data-view="what-next"] .game-main .game-head {
    flex-wrap:wrap;align-items:center;gap:12px;padding:12px;margin-bottom:12px;
  }
  body.cdh-dark[data-view="what-next"] .game-main .game-head h1{font-size:24px}
  body.cdh-dark[data-view="what-next"] .game-main .game-round-meta{
    flex:1 1 100%;min-width:0;width:100%;
  }
  body.cdh-dark[data-view="what-next"] .game-main .game-heading-area{gap:10px}
  body.cdh-dark[data-view="what-next"] .game-main .round-back{
    width:34px;height:34px;flex-basis:34px;font-size:19px;
  }
  body.cdh-dark[data-view="what-next"] .game-main .round-dashes{margin-top:7px}
  body.cdh-dark[data-view="what-next"] .game-main .what-next-grid{gap:12px}
  body.cdh-dark[data-view="what-next"] .game-main .question-sheet{padding:16px}
  body.cdh-dark[data-view="what-next"] .game-main .question-sheet h2{font-size:22px;margin-bottom:13px}
  body.cdh-dark[data-view="what-next"] .game-main .answer{min-height:52px;padding:8px 10px}
  body.cdh-dark[data-view="what-next"] .game-main .decision-right>.cd-game-skip{
    flex:1 1 115px;min-width:0;
  }
  body.cdh-dark[data-view="what-next"] .game-main .rating-section{padding:16px}
  body.cdh-dark[data-view="what-next"] .game-main .rating-grid{grid-template-columns:1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  body.cdh-dark[data-view="what-next"] .game-main .round-dashes>.cd-round-progress-fill,
  body.cdh-dark[data-view="what-next"] .game-main .answer{transition:none}
}

/* v9.11.10 — icon-only skip, stable hover, clean answer/fullscreen actions. */
body[data-view="what-next"] .game-main .question-heading-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-width:0;overflow:visible;
}
body[data-view="what-next"] .game-main .question-heading-row>.question-index{
  flex:1 1 auto;min-width:0;
}
body.cdh-dark[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip,
body.cdh-light[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip{
  position:relative;display:grid;place-items:center;flex:0 0 34px;
  width:34px;height:34px;min-width:34px;min-height:34px;
  margin:-6px 0 0;padding:0;border:1px solid #3e5067;border-radius:7px;
  background:#1b293a;color:#b9c9dc;box-shadow:none;
  cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
body.cdh-dark[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip:hover,
body.cdh-dark[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip:focus-visible{
  background:#293b51;color:#f4f7fc;border-color:#8398b0;
}
body[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip svg{
  display:block;width:17px;height:17px;flex:none;pointer-events:none;
}
body[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip[hidden]{
  display:none!important;
}
body[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip::after{
  content:attr(data-game-tooltip);position:absolute;z-index:90;
  top:calc(100% + 7px);right:0;left:auto;
  width:max-content;max-width:min(220px,80vw);padding:8px 10px;
  border:1px solid #485d77;border-radius:6px;
  background:#243348;color:#edf4fc;box-shadow:0 8px 25px #000a;
  font:650 11px/1.35 Inter,'Segoe UI',Arial,sans-serif;
  white-space:normal;text-align:center;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s;
}
body[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip:is(:hover,:focus-visible)::after{
  opacity:1;visibility:visible;transform:translateY(0);
}
body[data-view="what-next"] .game-main .answer-mark{display:none!important}
body.cdh-dark[data-view="what-next"] .game-main #player-start{
  transform:none!important;
  transition:background-color .17s ease,border-color .17s ease,box-shadow .17s ease!important;
  box-shadow:0 3px 16px #0008;
}
body.cdh-dark[data-view="what-next"] .game-main #player-start:is(:hover,:focus-visible,:active):not(:disabled){
  transform:none!important;
  background:#25384d;border-color:#9eb3ca;
  box-shadow:0 6px 19px #0009;
}
body.cdh-dark[data-view="what-next"] .game-main .decision-action.is-auto-continuation[hidden]{
  display:none!important;
}
/* The fullscreen quiz uses a compact top-right confirmation. There is no
   disabled 'choose an answer' footer consuming space before a selection. */
body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
  width:min(700px,calc(100% - 24px));gap:8px;padding:12px 14px;
  max-height:min(52dvh,490px);
}
body[data-view="what-next"] .game-main .cd-fsq-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:0;
}
body[data-view="what-next"] .game-main .cd-fsq-head .cd-fsq-kicker{
  flex:0 1 auto;min-width:0;
}
body[data-view="what-next"] .game-main .cd-fsq-head>.cd-fsq-action{
  position:static;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;align-self:center;min-width:0;min-height:31px;
  margin:0;padding:7px 12px;border-radius:6px;
  font:750 11px/1.2 Inter,'Segoe UI',Arial,sans-serif;
}
body[data-view="what-next"] .game-main .cd-fsq-head>.cd-fsq-action[hidden]{
  display:none!important;
}
body[data-view="what-next"] .game-main .cd-fsq-question{
  font-size:clamp(15px,2.2vw,20px);line-height:1.25;
}
body[data-view="what-next"] .game-main .cd-fsq-answers{gap:6px}
body[data-view="what-next"] .game-main .cd-fsq-answer{
  min-height:34px;padding:7px 9px;
  transition:background-color .16s ease,border-color .16s ease;
}
@media(max-width:600px){
  body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
    width:calc(100% - 20px);gap:6px;padding:9px 10px;max-height:49dvh;
  }
  body[data-view="what-next"] .game-main .cd-fsq-question{font-size:15px}
  body[data-view="what-next"] .game-main .cd-fsq-answer{
    min-height:31px;padding:6px 8px;font-size:11px;
  }
}
@media(orientation:landscape) and (max-height:500px){
  body[data-view="what-next"] .game-main .video-paper:is(:fullscreen,.cd-player-viewport-fullscreen) .cd-game-fullscreen-quiz:not([hidden]){
    width:min(380px,48%);max-height:calc(100dvh - 100px);
    gap:5px;padding:8px;
  }
  body[data-view="what-next"] .game-main .cd-fsq-question{font-size:13px}
  body[data-view="what-next"] .game-main .cd-fsq-answer{
    min-height:28px;padding:5px 7px;font-size:10px;
  }
  body[data-view="what-next"] .game-main .cd-fsq-head>.cd-fsq-action{
    min-height:27px;padding:5px 8px;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip,
  body[data-view="what-next"] .game-main .question-heading-row>.cd-game-skip::after,
  body.cdh-dark[data-view="what-next"] .game-main #player-start,
  body[data-view="what-next"] .game-main .cd-fsq-answer{transition:none!important}
}

/* v9.12.0 — Classic / Endless mini-mode controls.
   Same header, same player; only the round navigation changes with the mode. */
body[data-view="what-next"] .game-main #round-dashes[hidden],
body[data-view="what-next"] .game-main .cd-game-endless-stats[hidden],
body[data-view="what-next"] .game-main .cd-game-mode-menu[hidden]{
  display:none!important;
}
body[data-view="what-next"] .game-main .cd-game-mode-picker{
  position:relative;display:inline-block;vertical-align:middle;z-index:55;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger{
  display:inline-flex;align-items:center;gap:8px;padding:3px 7px 3px 0;
  margin:0;border:1px solid transparent;border-radius:5px;
  background:transparent;color:#abbcd1;
  font:750 10px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  cursor:pointer;box-shadow:none;
  transition:background-color .14s,border-color .14s,color .14s;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger:is(:hover,:focus-visible),
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger[aria-expanded="true"]{
  border-color:#34465d;background:#223044;color:#fff;
}
body[data-view="what-next"] .game-main .cd-game-mode-chevron{
  color:#7e94ae;font-size:10px;line-height:1;transition:transform .14s ease;
}
body[data-view="what-next"] .game-main .cd-game-mode-trigger[aria-expanded="true"] .cd-game-mode-chevron{
  transform:rotate(180deg);
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu{
  position:absolute;left:0;top:calc(100% + 8px);z-index:100;
  display:grid;gap:4px;width:228px;padding:5px;
  border:1px solid #475b75;border-radius:8px;
  background:#192637;box-shadow:0 16px 32px #000b;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;
  padding:10px 12px;min-height:52px;
  border:1px solid transparent;border-radius:6px;
  color:#dbe6f4;background:transparent;box-shadow:none;text-align:left;
  font:750 12px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  cursor:pointer;transition:background-color .14s,border-color .14s;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button small{
  color:#96a9c0;font:500 11px/1.25 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button:hover,
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button:focus-visible{
  background:#2a3a50;border-color:#53677f;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button[aria-checked="true"]{
  border-color:#a64051;background:#362536;color:#fff;
}
body.cdh-dark[data-view="what-next"] .game-main[data-play-mode="endless"] .game-round-meta{
  flex-basis:310px;width:310px;min-width:275px;
}
body[data-view="what-next"] .game-main .cd-game-endless-stats{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:10px;white-space:nowrap;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-endless-stats span{
  color:#a8bbd0;font:600 11px/1.25 Inter,'Segoe UI',Arial,sans-serif;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-endless-stats strong{
  color:#f2f6fb;font-weight:800;font-variant-numeric:tabular-nums;
}
body.cdh-dark[data-view="what-next"] .game-main[data-play-mode="endless"] .game-round-meta .meta-row{
  color:#dce6f4;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-mode-trigger{
  border:0;background:transparent;color:#54443a;cursor:pointer;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-mode-menu{
  position:absolute;top:calc(100% + 8px);left:0;z-index:100;
  display:grid;gap:3px;width:210px;padding:6px;
  border:1px solid #ad9c8e;border-radius:7px;background:#f6eee2;
  box-shadow:0 12px 28px #35211638;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-mode-menu button{
  display:flex;flex-direction:column;align-items:flex-start;width:100%;
  padding:9px;border:0;border-radius:5px;background:transparent;
  color:#49372e;text-align:left;cursor:pointer;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-mode-menu button small{color:#7e695d}
body.cdh-light[data-view="what-next"] .game-main .cd-game-mode-menu button[aria-checked="true"]{
  background:#e3d0c2;
}
body.cdh-light[data-view="what-next"] .game-main .cd-game-endless-stats{
  font:600 11px Inter,'Segoe UI',sans-serif;color:#5f5047;
}
@media(max-width:980px){
  body.cdh-dark[data-view="what-next"] .game-main[data-play-mode="endless"] .game-round-meta{
    flex-basis:310px;width:310px;min-width:250px;
  }
}
@media(max-width:600px){
  body.cdh-dark[data-view="what-next"] .game-main[data-play-mode="endless"] .game-round-meta{
    flex:1 1 100%;width:100%;min-width:0;
  }
  body[data-view="what-next"] .game-main .cd-game-endless-stats{gap:8px}
  body.cdh-dark[data-view="what-next"] .game-main .cd-game-endless-stats span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  body[data-view="what-next"] .game-main .cd-game-mode-chevron,
  body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger,
  body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button{transition:none}
}