:root{color-scheme:dark;--bg:#07110e;--ink:#f4f5ed;--muted:#a6b6a9;--accent:#bbf776;--line:#314138}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;cursor:none}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}main{height:100dvh;padding:3.5vh 4vw 2vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0%,#1d372944,transparent 65%)}header{display:flex;align-items:center;gap:3vw;padding-bottom:2.5vh;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:clamp(20px,2.7vw,64px);letter-spacing:-.06em;display:flex;align-items:center;gap:1.3vw}.brand span{letter-spacing:.14em;font-size:.43em;color:var(--accent);border-left:1px solid var(--line);padding-left:1.3vw}.onair{color:var(--muted);font-size:clamp(10px,.9vw,22px);letter-spacing:.13em;display:flex;align-items:center;gap:.65vw}.onair i{width:.45vw;height:.45vw;min-width:5px;min-height:5px;border-radius:50%;background:var(--accent);animation:breathe 3s infinite}.clock{margin-left:auto;text-align:right;display:flex;align-items:center;gap:1.2vw}.clock time{font-size:clamp(22px,2.6vw,64px);font-weight:700;font-variant-numeric:tabular-nums}.clock>span{font-size:clamp(10px,.9vw,24px);color:var(--muted);max-width:10vw;line-height:1.5;text-transform:uppercase}#card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:3vh 0;animation:enter .65s ease}.eyebrow{display:flex;align-items:center;gap:1.2vw;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(11px,1.05vw,26px);color:var(--accent)}#difficulty{color:var(--muted);border:1px solid var(--line);padding:.4em .7em;border-radius:4px;font-size:.8em}h1{font-size:clamp(24px,3.55vw,88px);line-height:1.17;letter-spacing:-.025em;margin:2.5vh 0 3.5vh;max-width:100%;text-wrap:pretty}#choices{display:grid;grid-template-columns:1fr 1fr;gap:1.5vh 1.2vw}.choice{border:1px solid var(--line);background:#13221b;border-radius:10px;padding:1.9vh 1.5vw;display:flex;gap:1.2vw;align-items:center;min-height:8vh;transition:background .6s,border-color .6s,opacity .6s}.choice>b{display:flex;align-items:center;justify-content:center;width:2.8vw;height:2.8vw;min-width:28px;min-height:28px;flex-shrink:0;border:1px solid #52614f;border-radius:7px;color:var(--accent);font-size:clamp(14px,1.4vw,34px)}.choice>span{font-size:clamp(18px,2vw,50px);line-height:1.2;overflow-wrap:anywhere}.choice.correct{background:var(--accent);border-color:var(--accent);color:#12200c}.choice.correct>b{background:#15240e;color:var(--accent);border-color:#15240e}.revealed .choice:not(.correct){opacity:.32}.playback{display:flex;justify-content:space-between;align-items:center;padding:1.4vh 0 2vh}.playback #phase{font-size:clamp(11px,1vw,26px);font-weight:700;letter-spacing:.15em;color:var(--accent)}.playback p{margin:.7vh 0 0;color:var(--muted);font-size:clamp(13px,1.25vw,32px)}.count{display:flex;align-items:center;gap:1vw}.count>span{font-size:clamp(28px,3.2vw,76px);font-variant-numeric:tabular-nums;font-weight:700}.count small{font-size:clamp(9px,.8vw,20px);letter-spacing:.1em;width:7vw;color:var(--muted);line-height:1.5}.track{height:4px;background:#24362b;border-radius:8px;overflow:hidden}#progress{height:100%;background:var(--accent);transform-origin:left;will-change:transform}footer{display:flex;justify-content:space-between;gap:2vw;padding-top:1.6vh;font-size:clamp(9px,.72vw,18px);color:#91a08f}footer>span:last-child{letter-spacing:.1em}body[data-tone="1"]{--accent:#8fe1dc}body[data-tone="2"]{--accent:#f2d58c}body[data-tone="3"]{--accent:#cdb3fa}.long h1{font-size:clamp(21px,2.75vw,70px)}.long .choice>span{font-size:clamp(16px,1.65vw,42px)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.35}}@media(max-aspect-ratio:1/1){main{padding:3vh 5vw}header{flex-wrap:wrap}.onair{display:none}.clock>span{max-width:25vw}.eyebrow{font-size:12px}h1{font-size:5vw}#choices{grid-template-columns:1fr}.choice>span{font-size:4vw}.choice{padding:1.4vh 3vw;gap:3vw;min-height:7vh}.count small{width:20vw}.long h1{font-size:4.4vw}.long .choice>span{font-size:3.6vw}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){#card,.onair i{animation:none}}