.stage{--stage-bg:#090909;--stage-ink:#f5f5f2;--stage-accent:var(--stage-ink);color:var(--stage-ink)}:is(.stage,.phone-app)[data-category=phobias]{--category-paper:#d9e85b;--category-ink:#171b10;--stage-bg:var(--category-paper);--stage-ink:var(--category-ink)}:is(.stage,.phone-app)[data-category=biology]{--category-paper:#eee8db;--category-ink:#591e29;--stage-bg:var(--category-paper);--stage-ink:var(--category-ink)}:is(.stage,.phone-app)[data-category=portraits]{--category-paper:#c9bbda;--category-ink:#27212f;--stage-bg:var(--category-paper);--stage-ink:var(--category-ink)}:is(.stage,.phone-app)[data-category=cauldron]{--category-paper:#302039;--category-ink:#ddeb9c;--stage-bg:var(--category-paper);--stage-ink:var(--category-ink)}:is(.stage,.phone-app)[data-category=cards]{--category-paper:#d98150;--category-ink:#241810;--stage-bg:var(--category-paper);--stage-ink:var(--category-ink)}:is(.stage,.phone-app)[data-category=music]{--category-paper:#171d39;--category-ink:#e0d8fa;--stage-bg:var(--category-paper);--stage-ink:var(--category-ink)}.stage .slide-body,.stage .review-rows h2{color:var(--stage-ink)}.stage .answer-review>header,.stage .review-rows p,.stage .review-rows small,.stage .review-number,.stage .ranking .rank{color:color-mix(in srgb, var(--stage-ink) 75%, var(--stage-bg))}.stage .review-rows article,.stage .ranking>div{border-color:color-mix(in srgb, var(--stage-ink) 25%, transparent)}.stage .countdown.minimal-clock{background:var(--stage-bg)}.stage .minimal-clock>small{color:var(--stage-ink);opacity:.7}.stage .dial-track{stroke:color-mix(in srgb, var(--stage-ink) 20%, transparent)}.stage-round{padding:6cqw 12cqw}.stage-round .category-intro{border:0;gap:2cqw;padding:0}.stage-round .category-kicker{border:0;padding:0;font-size:1.2cqw}.stage-round .category-kicker b{font-size:2.6cqw}.category-collage{pointer-events:none;color:var(--stage-ink);position:absolute;inset:0;overflow:hidden}.collage-cutout{background:var(--stage-bg);width:14cqw;box-shadow:.6cqw .6cqw 0 color-mix(in srgb, var(--stage-ink) 18%, transparent);border:1px solid;padding:1.3cqw;position:absolute}.collage-cutout:before{content:"";opacity:.18;background:currentColor;width:38%;height:1.6cqw;position:absolute;top:-.8cqw;left:32%;transform:rotate(-5deg)}.collage-cutout svg{width:100%;display:block}.cutout-0{top:-4cqw;left:-3cqw;transform:rotate(-17deg)}.cutout-1{bottom:-4cqw;left:-3cqw;transform:rotate(13deg)}.cutout-2{top:37%;right:-4cqw;transform:rotate(-14deg)}.stage-review[data-category],.stage-answer[data-category]{--stage-bg:var(--category-ink);--stage-ink:var(--category-paper);--stage-accent:var(--stage-ink)}.stage-leaderboard,.stage-final{--stage-bg:#edc665;--stage-ink:#201a0d;--stage-accent:var(--stage-ink)}.collage-cutout{box-shadow:none;background:0 0;border:0;padding:0}.collage-cutout:before{display:none}.stage-round .category-intro{z-index:1;position:relative}.stage-round .title-space h1{text-shadow:0 0 1.5cqw var(--stage-bg), 0 0 .5cqw var(--stage-bg)}.spelling-label{color:var(--stage-ink);letter-spacing:.12em;align-items:center;gap:1.5cqw;font:700 1.2cqw/1.2 Courier New,monospace;display:flex}.spelling-label>span{background:var(--stage-ink);color:var(--stage-bg);letter-spacing:.2em;padding:.7cqw 1cqw;font-size:1.8cqw}.stage-review{padding-bottom:3cqw}.stage-review .review-rows[data-dense=true]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:.7cqw 2.5cqw;display:grid}.stage-review .review-rows[data-dense=true] article{align-items:center;gap:.8cqw;padding-top:.5cqw}.stage-review .review-rows[data-dense=true] article>div{min-width:0}.stage-review .review-rows[data-dense=true] p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25cqw;font-size:.85cqw;line-height:1.15;display:-webkit-box;overflow:hidden}.stage-review .review-rows[data-dense=true] h2{overflow-wrap:anywhere;font-size:1.9cqw;line-height:1.05}.stage-review .review-rows[data-dense=true] small{display:none}.stage-review .review-rows .latest{border-top:2px solid var(--stage-ink)}.stage-review.has-media .review-rows[data-dense=true] h2{font-size:1.3cqw}.stage-question .slide-content,.stage-challenge .slide-content{animation:none}.word-reveal .question-word{transform-origin:50% 75%;transform:translateY(var(--word-y)) rotate(var(--word-angle));animation:question-word-in .32s ease-out var(--word-delay) both;display:inline-block}@keyframes question-word-in{0%{opacity:0;transform:translateY(.18em) rotate(var(--word-angle))}to{opacity:1;transform:translateY(var(--word-y)) rotate(var(--word-angle))}}.stage .spelling-note{color:var(--stage-ink);opacity:.8;flex:none;margin:0;font:italic 1.55cqw/1.4 Georgia,serif}.speech-waveform{width:100%;color:var(--stage-ink)}.speech-waveform canvas{width:100%;height:9cqw;display:block}.stage[data-spelling=true] .media-audio{height:9cqw;margin:0}.stage[data-spelling=true] .media-audio audio{display:none}.stage-question,.stage-challenge{padding:3cqw 4cqw 4cqw}.stage-question .slide-content,.stage-challenge .slide-content{gap:2cqw;padding-top:0}.question-header{letter-spacing:.15em;min-height:3cqw;color:var(--stage-ink);flex:none;justify-content:center;align-items:center;margin-bottom:2cqw;font:600 1.25cqw/1.3 Segoe UI,sans-serif;display:flex}.question-header small{opacity:.5;font-size:.85em}.question-dots{flex-wrap:wrap;gap:.7cqw;max-width:45%;display:flex}.question-dots i{opacity:.35;border:1px solid;border-radius:50%;width:.5cqw;height:.5cqw}.question-dots i.complete{opacity:.45;background:currentColor}.question-dots i.current{opacity:1;box-shadow:0 0 0 .22cqw var(--stage-bg), 0 0 0 .3cqw currentColor;background:currentColor}.stage-question.has-media:not(.audio-slide) .question-header,.stage-challenge.has-media:not(.audio-slide) .question-header{grid-area:1/1/auto/-1}.stage-question.has-media:not(.audio-slide) .slide-content,.stage-challenge.has-media:not(.audio-slide) .slide-content{grid-template-rows:auto minmax(0,1fr) auto}.stage-question.has-media:not(.audio-slide) .title-space,.stage-challenge.has-media:not(.audio-slide) .title-space,.stage-question.has-media:not(.audio-slide) .media,.stage-challenge.has-media:not(.audio-slide) .media{grid-row:2}.stage.audio-slide[data-spelling=true] .media-audio{flex:0 0 9cqw;width:100%;height:9cqw;position:relative;bottom:auto}
