:root{--bg-0: #0e0a1f;--bg-1: #1a1038;--bg-2: #2a1255;--text: #f4f1ff;--muted: #9d92c8;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(120% 80% at 50% -10%,var(--bg-2) 0%,transparent 55%),radial-gradient(120% 90% at 50% 110%,#120a2e 0%,transparent 50%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%);background-attachment:fixed;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#hud{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 12px) 16px 4px;padding-left:calc(env(safe-area-inset-left) + 16px);padding-right:calc(env(safe-area-inset-right) + 16px);z-index:5}.stat{display:flex;flex-direction:column;line-height:1.05}.stat-label{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.stat-value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(150,90,255,.45)}.stat-best{margin-left:auto;text-align:right}.stat-best .stat-value{color:#ffd23f;text-shadow:0 2px 12px rgba(255,200,60,.4)}.stat-streak .stat-value{color:#ff7eb3;animation:pulse .6s ease infinite alternate}@keyframes pulse{to{transform:scale(1.12)}}.hud-buttons{display:flex;gap:8px;margin-left:6px}.icon-btn{width:40px;height:40px;border:none;border-radius:13px;font-size:18px;color:var(--text);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .12s ease,background .15s ease}.icon-btn:active{transform:scale(.9);background:#ffffff29}#game{flex:1;width:100%;display:block;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080514b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .35s ease}@keyframes fade{0%{opacity:0}}.overlay-card{text-align:center;padding:34px 40px;border-radius:28px;background:linear-gradient(180deg,#3c236e8c,#1e123c8c);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #00000080;animation:pop .4s cubic-bezier(.18,1.4,.5,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}}.overlay-card h1{font-size:34px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,#ff7eb3,#ffd23f,#6ee7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay-sub{margin-top:16px;font-size:13px;letter-spacing:.15em;color:var(--muted)}.overlay-score{font-size:64px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 4px 30px rgba(150,90,255,.6)}.overlay-best{margin-top:8px;color:#ffd23f;font-weight:700}.play-btn{margin-top:26px;padding:16px 38px;font-size:19px;font-weight:800;color:#1a0c30;border:none;border-radius:18px;background:linear-gradient(180deg,#ffe27a,#ffb13f);box-shadow:0 10px 30px #ffaa3c73;cursor:pointer;transition:transform .12s ease}.play-btn:active{transform:scale(.94)}[hidden]{display:none!important}