:root{--bg: #05070f;--neon: #46e6ff;--danger: #ff2f5e;--gold: #ffc531;--text: #dff3ff;--muted: #7e95ad;--panel: rgba(6, 12, 24, .82);--ui-font: "Segoe UI", "SF Pro Display", system-ui, -apple-system, Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--ui-font);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#stage{position:fixed;inset:0;cursor:none}#game{display:block;width:100%;height:100%;touch-action:none}#stage button{cursor:none}#stage.ui-mode{cursor:default}#stage.ui-mode button{cursor:pointer}.hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none;z-index:2}.hud.hidden{display:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:6px}.hud-right{align-items:flex-end}.stat{display:flex;flex-direction:column;line-height:1}.stat.align-right{align-items:flex-end}.stat-label{font-size:10px;letter-spacing:.22em;color:var(--muted);margin-bottom:4px}.stat-value{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 0 14px rgba(70,230,255,.45)}.stat.small .stat-value{font-size:15px;color:var(--muted);text-shadow:none}.hud-buttons{display:flex;gap:8px;margin-top:8px;pointer-events:auto}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(70,230,255,.28);background:var(--panel);color:var(--neon);font-size:13px;line-height:1;display:grid;place-items:center;transition:background .12s ease,border-color .12s ease,transform .12s ease}.icon-btn:hover{background:#46e6ff29;border-color:var(--neon)}.icon-btn:active{transform:scale(.94)}.icon-btn.off{color:var(--muted);border-color:#7e95ad4d}.buffs{position:absolute;left:50%;transform:translate(-50%);top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;pointer-events:none;z-index:2}.buff{padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.14em;border:1px solid currentColor;background:#060c18b3;white-space:nowrap}.buff.shield{color:var(--neon)}.buff.slow{color:#c08bff}.notice{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%,12px);padding:11px 20px;border-radius:999px;border:1px solid rgba(70,230,255,.3);background:#060c18eb;color:var(--text);font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:4}.notice.show{opacity:1;transform:translate(-50%)}.dash{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:92px;padding:10px 12px 9px;border-radius:14px;border:1px solid rgba(70,230,255,.3);background:#060c18d1;color:var(--muted);font-family:inherit;text-align:center;pointer-events:auto;z-index:2;transition:border-color .14s ease,color .14s ease,box-shadow .14s ease}.dash.hidden{display:none}.dash.ready{color:var(--neon);border-color:var(--neon);box-shadow:0 0 18px #46e6ff47}.dash:active{transform:scale(.95)}.dash-label{display:block;font-size:12px;font-weight:800;letter-spacing:.16em}.dash-key{display:block;margin-top:3px;opacity:.75}.dash-key kbd{font-size:8px;padding:1px 4px}.dash-track{display:block;margin-top:7px;height:3px;border-radius:2px;background:#7e95ad40;overflow:hidden}.dash-fill{display:block;height:100%;background:var(--neon);transform-origin:left center;transform:scaleX(1)}@media (pointer: coarse){.dash-key{display:none}.dash{width:84px;padding:14px 12px}}.btn-daily{border-color:#c08bff80;color:#c08bff;background:#c08bff14}.btn-daily:hover{background:#c08bff29;border-color:#c08bff}.daily-name{display:block;margin-top:4px;font-size:9px;letter-spacing:.14em;opacity:.75}.mode-tag{margin-top:8px;padding:4px 10px;border-radius:999px;border:1px solid #c08bff;color:#c08bff;font-size:9px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.mode-tag.hidden{display:none}.tutorial{position:absolute;left:50%;transform:translate(-50%);bottom:max(26px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 32px));display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(70,230,255,.3);background:#050a14e6;box-shadow:0 16px 44px #0009;backdrop-filter:blur(6px);pointer-events:none;z-index:4}.tutorial.hidden{display:none}.tutorial-body{display:flex;align-items:baseline;gap:12px;flex:1;min-width:0}.tutorial-step{flex:none;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--neon);font-variant-numeric:tabular-nums}.tutorial-text{font-size:14px;line-height:1.45;color:var(--text)}.tutorial-text b{color:var(--gold)}.tutorial-skip{pointer-events:auto;flex:none;appearance:none;border:1px solid rgba(126,149,173,.4);border-radius:9px;padding:8px 12px;background:transparent;color:var(--muted);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.12em}.tutorial-skip:hover{color:var(--text);border-color:var(--muted)}.tutorial-skip:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.tutorial.warn{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 16px 44px #ff2f5e40}@media (max-width: 560px){.tutorial{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.tutorial-text{font-size:13px}.tutorial-skip{align-self:flex-end;padding:12px 18px;min-height:44px}}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:none;z-index:3}.overlay.hidden{display:none}.screen{width:min(560px,100%);max-height:100%;overflow-y:auto;text-align:center;padding:30px 26px;border-radius:20px;border:1px solid rgba(70,230,255,.18);background:linear-gradient(180deg,#080f1ef0,#040812f5);box-shadow:0 30px 90px #000000b3,inset 0 1px #ffffff0d;backdrop-filter:blur(8px);animation:pop .18s ease-out}.screen.hidden{display:none}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.title{margin:0;font-size:clamp(34px,9vw,62px);font-weight:800;letter-spacing:.06em;line-height:.95;color:var(--text);text-shadow:0 0 26px rgba(70,230,255,.5)}.title-accent{display:block;color:var(--danger);text-shadow:0 0 26px rgba(255,47,94,.55)}.tagline{margin:12px 0 0;color:var(--neon);letter-spacing:.16em;font-size:12px;text-transform:uppercase}.rules{margin:22px auto 24px;padding:0;list-style:none;max-width:400px;text-align:left;color:var(--muted);font-size:13px;line-height:1.7}.rules li{padding-left:18px;position:relative}.rules li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--neon)}.heading{margin:0 0 6px;font-size:clamp(22px,6vw,32px);font-weight:800;letter-spacing:.1em}.heading.danger{color:var(--danger);text-shadow:0 0 24px rgba(255,47,94,.5)}.sub{margin:0 0 18px;color:var(--muted);font-size:14px}.hint{margin:18px 0 0;color:var(--muted);font-size:11px;letter-spacing:.08em}.gold{color:var(--gold)}kbd{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid rgba(126,149,173,.4);font-family:inherit;font-size:10px}.countdown{font-size:clamp(72px,22vw,140px);font-weight:800;line-height:1;color:var(--neon);text-shadow:0 0 40px rgba(70,230,255,.6);font-variant-numeric:tabular-nums}.score-block{margin:6px 0 22px}.score-final{font-size:clamp(48px,14vw,76px);font-weight:800;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(255,197,49,.4)}.score-meta{margin-top:8px;color:var(--muted);font-size:13px}.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.btn-row.hidden{display:none}.btn{pointer-events:auto;position:relative;appearance:none;border:1px solid transparent;border-radius:12px;padding:13px 24px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--text);background:#ffffff0f;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;transform:none}.btn-primary{background:linear-gradient(180deg,var(--neon),#1fb6d6);border-color:#ffffff59;color:#02141b;box-shadow:0 10px 30px #46e6ff47}.btn-primary:hover{box-shadow:0 14px 38px #46e6ff6b}.btn-ghost{border-color:#7e95ad59;color:var(--muted)}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}.btn-reward{border-color:#ffc53173;color:var(--gold);background:#ffc53114;padding-left:46px}.btn-reward:hover{background:#ffc53129;border-color:var(--gold)}.btn-large{font-size:15px;padding:16px 28px 16px 52px}.btn-primary.btn-large{padding:16px 28px}.btn-wide{width:min(320px,100%)}.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.reward-tag{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;letter-spacing:.1em;padding:3px 6px;border-radius:4px;background:var(--gold);color:#201500}.spinner{width:42px;height:42px;margin:0 auto 18px;border-radius:50%;border:3px solid rgba(70,230,255,.2);border-top-color:var(--neon);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.screen{animation:none}.spinner{animation-duration:2s}}@media (max-width: 560px){.screen{padding:24px 18px;border-radius:16px}.stat-value{font-size:24px}.btn{padding:12px 18px;font-size:12px}.btn-reward{padding-left:42px}.rules{font-size:12px}}