:root{color-scheme:dark;--ink:#f8ffff;--muted:#b8dfe2;--cyan:#4ff4dc;--coral:#ff7b73;--deep:#061d2d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0,#12647a,#082d46 45%,#041522);color:var(--ink);font:16px/1.4 ui-rounded,"Segoe UI",system-ui,sans-serif}.shell{width:min(100%,760px);min-height:100vh;margin:auto;padding:clamp(12px,3vw,28px);display:grid;align-content:center;gap:14px}header{display:flex;align-items:end;justify-content:space-between;gap:16px}.eyebrow{margin:0;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin:.2rem 0}h1{font-size:clamp(1.5rem,5vw,2.4rem)}button{min-height:44px;padding:.65rem 1rem;border:0;border-radius:12px;background:linear-gradient(#fff4a6,#ffd34f);color:#102635;font:800 1rem inherit;cursor:pointer;box-shadow:0 5px 0 #a8681e}button:active{transform:translateY(3px);box-shadow:0 2px 0 #a8681e}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.quiet{background:#173b50;color:#eaffff;box-shadow:0 5px 0 #061824}.actions{display:flex;gap:8px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud span{padding:9px 12px;border:1px solid #8cfbed3d;border-radius:12px;background:#061d2dcc;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.hud strong{display:block;color:#fff;font-size:1.2rem;font-variant-numeric:tabular-nums}.stage{position:relative;padding:clamp(12px,3vw,24px);border:2px solid #71ffe85c;border-radius:24px;background:linear-gradient(145deg,#0d4f63,#082b47);box-shadow:0 24px 70px #0008}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,14px)}.tile{position:relative;aspect-ratio:1;border:2px solid #78d5d94d;border-radius:24px;background:radial-gradient(circle at 50% 80%,#16747a,#0a3b54 70%);box-shadow:inset 0 -12px #06283b;overflow:hidden}.tile::before{content:"";position:absolute;inset:22%;border-radius:50%;background:#1e8892;box-shadow:0 8px 0 #063545}.tile.active::before{background:var(--coral);box-shadow:0 0 0 8px #ffb09a44,0 0 35px #ff9b76,0 8px 0 #993f4c}.tile.active::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#fff7a8;font-size:clamp(1.4rem,6vw,2.8rem)}.tile.active{border-color:#fff6a9}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;border-radius:22px;background:#03131dd9;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.card{max-width:440px;padding:24px;text-align:center;border:1px solid #73f5df4d;border-radius:20px;background:#092d40}.card p:not(.eyebrow){color:var(--muted);margin:.7rem 0 1.1rem}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:500px){.shell{align-content:start}.stage{padding:10px}.tile{border-radius:15px}.hud span{padding:7px;font-size:.65rem}.actions button{padding:.55rem .7rem}}