:root{--bg:#1e1e24;--panel-bg:#2a2a33;--text:#f2f2f2;--muted:#a6a6b3;--accent:#5b8def}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #2c2c3a 0%, var(--bg) 60%);min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.home{max-width:720px;margin:0 auto;padding:48px 20px 40px}.home[hidden]{display:none}.home-title{text-align:center;margin:0;font-size:44px}.home-sub{text-align:center;color:var(--muted);margin:6px 0 28px}.home-group{margin-bottom:22px}.home-group h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px}.choice-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.choice-row-compact{grid-template-columns:repeat(3,1fr)}.choice{background:var(--panel-bg);color:inherit;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.choice:hover{background:#33333f}.choice:active{transform:scale(.98)}.choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice.active{border-color:var(--accent);background:#2d3550}.choice-icon{font-size:28px;line-height:1}.choice-name{font-size:18px;font-weight:600}.choice-desc{color:var(--muted);text-align:center;font-size:13px}.play-btn{background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:30px;padding:16px;font-size:20px;font-weight:700;display:block}.play-btn:hover{filter:brightness(1.1)}.play-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=480px){.choice-row{grid-template-columns:1fr}.choice-row-compact{grid-template-columns:repeat(3,1fr)}}