:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f7f8;background:#080a0f;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #f9c74f}#app{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.panel{text-align:center;width:min(50rem,100%)}.instructions{text-align:left;max-width:70ch;margin-inline:auto;line-height:1.6}.primary{cursor:pointer;border:0;border-radius:.75rem;padding:.9rem 1.4rem;font-weight:750}.status{color:#ced4da;min-height:1.5rem}.hud{align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.track{background:#343a40;border-radius:1rem;flex:1;height:1rem;overflow:hidden}.bar{transform-origin:0;background:#43aa8b;height:100%}.prompt{margin:1rem;font-size:clamp(3.5rem,11vw,6rem);font-weight:900}.choices{grid-template-columns:repeat(2,minmax(8rem,18rem));justify-content:center;gap:clamp(1rem,8vw,5rem);display:grid}.choice{cursor:pointer;background:#080a0f;border:2px solid #666;border-radius:1rem;min-height:8rem;font-size:clamp(2.5rem,9vw,4.5rem);font-weight:900}.feedback{min-height:2rem;font-size:1.25rem;font-weight:700}.error{color:#ff6b6b}@media (prefers-reduced-motion:reduce){*{transition:none!important}}