:root{--night:#0d1118;--panel:#151b26;--panel-2:#1b2330;--line:#2b3446;--ink:#f2eee3;--dim:#8e97a8;--dash:#ffb454;--dash-deep:#e08f1f;--ok:#46c07e;--no:#e5484d;--radius:10px;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:"Barlow", system-ui, sans-serif}body{background:linear-gradient(180deg, #111725 0%, var(--night) 40%);color:var(--ink);font-family:var(--body);background-attachment:fixed;min-height:100dvh;margin:0}main{text-align:center;flex-direction:column;gap:1rem;max-width:430px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}h1{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:clamp(1.7rem,6vw,2.3rem);font-weight:700;line-height:1.1}h2{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:1.3rem;font-weight:600}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.78rem;font-weight:600}button{font:inherit;border-radius:var(--radius);background:var(--dash);color:#221503;cursor:pointer;border:0;width:100%;padding:.95rem 1.2rem;font-weight:700;transition:filter .15s}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;transform:none}button.opt{background:var(--panel);border:1px solid var(--line);color:var(--ink);text-align:left;font-weight:600}button.opt.picked{border-color:var(--dash);background:color-mix(in srgb, var(--dash) 16%, var(--panel))}button.opt.correct{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 18%, var(--panel))}button.opt.wrong{border-color:var(--no);background:color-mix(in srgb, var(--no) 18%, var(--panel))}button.opt:disabled{opacity:1}button.opt:disabled:not(.picked):not(.correct):not(.wrong){opacity:.45}button.ghost{color:var(--dim);background:0 0;font-weight:400}input,select{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:inherit;box-sizing:border-box;width:100%;padding:.9rem 1rem}ul{margin:0;padding:0;list-style:none}ul.players{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}ul.players li{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:.35rem .9rem}.dim{color:var(--dim)}.err{color:var(--no)}a{color:var(--dash)}:focus-visible{outline:2px solid var(--dash);outline-offset:2px}.meter{background:var(--panel-2);border-radius:4px;height:8px;position:relative;overflow:hidden}.meter>i{height:100%;width:var(--w,0%);background:linear-gradient(90deg, var(--dash-deep), var(--dash));transition:width .25s linear;display:block}.meter.low>i{background:var(--no)}.meter:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 10px, var(--night) 10px 12px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}