*{box-sizing:border-box}html,body,#root,.app{margin:0;height:100%;overflow:hidden;background:#05070f;color:#e8f4ff;font-family:Rajdhani,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}.board{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:none}.hud{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:8px 14px;border:1px solid rgba(19,244,255,.25);border-radius:999px;background:#080c1cb8;backdrop-filter:blur(10px);z-index:3;pointer-events:none}.stat{text-align:center;min-width:56px}.stat span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7fd7ff}.stat strong{font-size:16px;letter-spacing:.04em}.chips{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;gap:8px;list-style:none;margin:0;padding:0;z-index:3;pointer-events:none}.chip{padding:4px 10px;border-radius:999px;background:#13f4ff26;border:1px solid rgba(19,244,255,.4);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.serve-hint{position:absolute;bottom:64px;width:100%;text-align:center;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:#13f4ff;z-index:3;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#04060e8c;z-index:4}.overlay.ghost{background:transparent;pointer-events:none}.overlay.dim{background:#04060ec7}.card{width:min(440px,calc(100% - 32px));padding:28px 26px;border-radius:18px;border:1px solid rgba(19,244,255,.28);background:linear-gradient(180deg,#101630f2,#080a18f2);box-shadow:0 20px 60px #00000073,0 0 40px #13f4ff14;text-align:center}.kicker{margin:0;letter-spacing:.28em;text-transform:uppercase;font-size:11px;color:#13f4ff}h1,h2{margin:8px 0 6px;font-family:Orbitron,Rajdhani,sans-serif;font-weight:800;letter-spacing:.08em}h1{font-size:clamp(28px,6vw,44px)}h2{font-size:28px}.lede{margin:0 0 16px;color:#b7c7e6}.best{color:#ffe14d;letter-spacing:.08em}.row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e8f4ff;padding:10px 16px;border-radius:999px;font:700 14px Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#13f4ff,#7d5cff);color:#08101c;border-color:transparent}.help{text-align:left;color:#c9d7ef;line-height:1.45}.mute-fab{position:absolute;top:12px;right:12px;z-index:5;appearance:none;border:1px solid rgba(19,244,255,.3);background:#080c1ccc;color:#c9f7ff;border-radius:999px;padding:8px 12px;font:700 12px Rajdhani,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.etoo-logo{position:fixed;top:12px;left:12px;z-index:5;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:12px;text-decoration:none;color:#f4f0ff;background:#ffffff14;border:1px solid rgba(255,255,255,.16);font-weight:700}.card.wide{width:min(560px,calc(100% - 24px))}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 16px;padding:0;text-align:left}.level-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(19,244,255,.22);background:#ffffff0a;color:#e8f4ff;cursor:pointer;font:700 14px Rajdhani,sans-serif;text-align:left}.level-btn:hover{border-color:#13f4ff;background:#13f4ff1a}.level-btn.cleared{border-color:#7dffb373}.level-num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#13f4ff;color:#08101c;font-family:Orbitron,sans-serif;font-size:12px}.level-btn.cleared .level-num{background:#7dffb3}.level-name{letter-spacing:.04em}@media (max-width: 700px){.hud{gap:8px;padding:6px 10px}.stat{min-width:44px}.stat strong{font-size:13px}.level-grid{grid-template-columns:1fr}}