:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#09090b;color:#f4f4f5}*{box-sizing:border-box}body{margin:0;background:#09090b}main{max-width:1050px;margin:auto;padding:32px 18px}.eyebrow{color:#a78bfa;text-transform:uppercase;letter-spacing:.18em;font-weight:700}h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1;margin:.3em 0 .2em}p{color:#a1a1aa}.status{display:inline-block;background:#052e16;color:#86efac;padding:7px 12px;border-radius:999px;font-size:.8rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.choice{min-height:240px;border:1px solid #27272a;border-radius:24px;background:#18181b;color:#fafafa;padding:28px;text-align:left;cursor:pointer;transition:.16s}.choice:hover{border-color:#8b5cf6;transform:translateY(-3px)}.choice small{color:#71717a;text-transform:uppercase;letter-spacing:.15em}.choice strong{display:block;font-size:clamp(1.7rem,4vw,3rem);margin-top:70px}.controls,nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}button{border:0;border-radius:12px;background:#27272a;color:#f4f4f5;padding:11px 15px;font-weight:650;cursor:pointer}button.active{background:#7c3aed}button:disabled{opacity:.5}.controls span{color:#fcd34d;font-size:.9rem}.leaderboard{margin-top:20px;border:1px solid #27272a;background:#18181b;border-radius:24px;padding:22px}.row{display:flex;gap:14px;align-items:center;background:#09090b;margin:8px 0;padding:13px;border-radius:12px}.rank{width:30px;color:#71717a}.name{flex:1;font-weight:650}.score{text-align:right;color:#c4b5fd}.score small{display:block;color:#52525b}@media(max-width:680px){.choices{grid-template-columns:1fr}.choice{min-height:180px}.choice strong{margin-top:42px}}
