:root{--ground:#1b1410;--ground-lift:#2a201a;--paper:#f2e6cc;--paper-dim:#cdbb99;--orange:#d1601c;--mustard:#e0a627;--avocado:#77883a;--rust:#a83a2b;--ink:#17110d;--edge:3px;--radius:0;--display:"Century Gothic", Futura, "Avenir Next", "Trebuchet MS", system-ui, sans-serif;--body:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ground);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:17px;line-height:1.45}#app{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.screen{flex-direction:column;flex:1;gap:20px;width:100%;max-width:720px;margin:0 auto;padding:24px clamp(16px,5vw,48px) 32px;display:flex}h1,h2,h3,.display{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-weight:700}h1{font-size:clamp(30px,8vw,46px);line-height:.95}h2{font-size:clamp(20px,5vw,26px)}.eyebrow{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--mustard);font-size:13px}.muted{color:var(--paper-dim)}.numeral{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:700}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;background:var(--orange);color:var(--ink);border:var(--edge) solid var(--ink);text-align:center;width:100%;box-shadow:4px 4px 0 0 var(--ink);border-radius:999px;padding:16px 22px;font-size:17px;font-weight:700;transition:transform 60ms linear,box-shadow 60ms linear}.btn:active{box-shadow:0 0 0 0 var(--ink);transform:translate(4px,4px)}.btn.secondary{background:var(--mustard)}.btn.quiet{color:var(--paper);border-color:var(--paper-dim);box-shadow:none;background:0 0}.btn.quiet:active{background:var(--ground-lift);transform:none}.btn:focus-visible,.choice:focus-visible{outline:var(--edge) solid var(--mustard);outline-offset:3px}.row{gap:12px;display:flex}.row>*{flex:1}.card{background:var(--paper);color:var(--ink);border:var(--edge) solid var(--ink);padding:20px}.panel{background:var(--ground-lift);border:var(--edge) solid var(--paper-dim);padding:16px 18px}.sunburst{isolation:isolate;position:relative}.sunburst:before{content:"";aspect-ratio:1;z-index:-1;opacity:.22;background:repeating-conic-gradient(from 0deg, var(--rust) 0deg 7deg, transparent 7deg 14deg);pointer-events:none;width:min(560px,130%);position:absolute;top:-160px;left:50%;translate:-50%;-webkit-mask-image:radial-gradient(closest-side,#000 25%,#0000 92%);mask-image:radial-gradient(closest-side,#000 25%,#0000 92%)}.question{font-family:var(--display);text-transform:none;letter-spacing:-.01em;font-size:clamp(21px,5.2vw,30px);font-weight:700;line-height:1.15}.choices{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;background:var(--paper);width:100%;color:var(--ink);border:var(--edge) solid var(--ink);box-shadow:4px 4px 0 0 var(--rust);align-items:center;gap:14px;padding:14px 16px;font-size:17px;line-height:1.25;transition:transform 60ms linear,box-shadow 60ms linear;display:flex}.choice:active{box-shadow:0 0 0 0 var(--rust);transform:translate(4px,4px)}.choice .letter{font-family:var(--display);background:var(--ink);height:34px;color:var(--paper);border-radius:999px;flex:0 0 34px;place-items:center;font-size:19px;font-weight:700;display:grid}.choice .mark{margin-left:auto;font-size:22px;font-weight:700}.choice.is-correct{background:var(--avocado);color:var(--ink);box-shadow:4px 4px 0 0 var(--ink)}.choice.is-wrong{background:var(--rust);color:var(--paper);box-shadow:4px 4px 0 0 var(--ink)}.choice.is-wrong .letter{background:var(--paper);color:var(--ink)}.choice[disabled]{cursor:default;transform:none}.choice.is-muted{opacity:.55}.hud{align-items:center;gap:14px;display:flex}.hud .spacer{flex:1}.timer-ring{--pct:1;background:conic-gradient(var(--mustard) calc(var(--pct) * 360deg), var(--ground-lift) 0);border-radius:999px;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative}.timer-ring:after{content:"";background:var(--ground);border-radius:999px;position:absolute;inset:7px}.timer-ring .value{z-index:1;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;position:relative}.timer-ring.is-low{background:conic-gradient(var(--rust) calc(var(--pct) * 360deg), var(--ground-lift) 0)}.pill{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--paper-dim);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px}.pill.streak{background:var(--mustard);color:var(--ink);border-color:var(--ink)}.tier{flex-direction:column;gap:8px;display:flex}.tier-head{align-items:baseline;gap:10px;display:flex}.tier-name{font-family:var(--display);text-transform:uppercase;font-size:22px;font-weight:700}.meter{background:var(--ground-lift);border:var(--edge) solid var(--paper-dim);height:16px;overflow:hidden}.meter>span{background:var(--mustard);height:100%;transition:width .22s steps(12,end);display:block}.tier-move{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:14px}.tier-move.up{color:var(--avocado)}.tier-move.down{color:var(--orange)}.odometer{height:1.1em;display:inline-flex;overflow:hidden}.odometer span{transition:transform .26s steps(10,end);display:block}.stat-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stat-list li{align-items:baseline;gap:12px;display:flex}.stat-list .label{flex:1;min-width:0}.stat-list .bar{background:var(--ground-lift);border:2px solid var(--paper-dim);flex:0 0 84px;height:10px}.stat-list .bar>span{background:var(--avocado);height:100%;display:block}.options{flex-direction:column;gap:10px;display:flex}.option{border:var(--edge) solid var(--paper-dim);color:var(--paper);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:16px;font-size:18px;display:flex}.option[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 0 var(--mustard)}.option .dot{border:var(--edge) solid currentColor;border-radius:999px;flex:0 0 18px;height:18px}.option[aria-pressed=true] .dot{background:var(--rust)}.screen.is-dim{background:#0b0806}.screen.is-dim .question,.screen.is-dim .choice{color:var(--paper-dim);box-shadow:none;background:0 0;border-color:#0000}.screen.is-dim .choice .letter{color:var(--paper-dim);background:0 0;border:2px solid}.screen.is-dim .choice.is-correct{color:var(--mustard)}.error{border-left:6px solid var(--rust);background:var(--ground-lift);padding:12px 16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}input[type=range]{accent-color:var(--orange);width:100%;height:28px}input[type=range]:focus-visible{outline:var(--edge) solid var(--mustard);outline-offset:2px}.btn.daily{background:var(--paper);color:var(--ink);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn.daily .badge{letter-spacing:.1em;background:var(--rust);color:var(--paper);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12px}.pips{gap:6px;display:flex}.pip{border:2px solid var(--paper-dim);border-radius:999px;width:13px;height:13px}.pip.is-live{background:var(--mustard);border-color:var(--ink)}.choice.is-struck{opacity:.75;text-decoration:line-through;text-decoration-thickness:2px}.grid-row{letter-spacing:4px;font-size:30px;line-height:1.2}