:root{--cyan:#00e5ff;--magenta:#ff3df2;--gold:#ffd23f;--ice:#9be7ff;--ink:#f4f0ff;--panel:#12082cb8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0b0420;margin:0;overflow:hidden}#game{touch-action:none;cursor:crosshair;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{padding:max(12px, env(safe-area-inset-top)) 16px 0;pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}.hud-left .score{letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--cyan), 0 0 28px #00e5ff80;font-size:clamp(32px,6vw,52px);font-weight:800}.hud-left .score.bump{animation:.25s ease-out bump}@keyframes bump{0%{transform:scale(1.25)}to{transform:scale(1)}}.hud-left .best{opacity:.75;letter-spacing:1px;text-transform:uppercase;font-size:14px}.hud-center{left:50%;top:max(14px, env(safe-area-inset-top));position:absolute;transform:translate(-50%)}.mult{color:var(--gold);text-shadow:0 0 10px #ffd23fcc;gap:10px;font-size:22px;font-weight:800;display:flex}.mult .slow{color:var(--ice);text-shadow:0 0 10px #9be7ffe6}.hud-right{pointer-events:auto;align-items:center;gap:14px;display:flex}.lives{gap:6px;display:flex}.life{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);background:linear-gradient(160deg, #fff 0%, var(--magenta) 45%, #7a0bc0 100%);width:22px;height:28px;filter:drop-shadow(0 0 6px var(--magenta));transition:transform .3s,opacity .3s,filter .3s}.life.lost{opacity:.22;filter:grayscale();transform:scale(.8)}.life.pop{animation:.5s ease-out lifepop}@keyframes lifepop{0%{background:#fff;transform:scale(1.8)}to{transform:scale(.8)}}.icon-btn{width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;font-size:14px}.icon-btn:hover{background:#ffffff2e}.screen{text-align:center;z-index:3;background:radial-gradient(#0b042059,#0b0420cc);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.35s ease-out fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.screen h2{text-shadow:0 0 18px var(--magenta);margin:0 0 6px;font-size:clamp(32px,7vw,56px)}#load-error p{max-width:520px;line-height:1.5}.title{letter-spacing:.06em;flex-direction:column;margin:0 0 6px;font-size:clamp(48px,13vw,120px);font-weight:900;line-height:.9;display:flex}.title span{background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--gold), var(--cyan));color:#0000;filter:drop-shadow(0 0 18px #ff3df28c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shimmer,3.2s ease-in-out infinite float}.title .t2{transform-origin:50%;animation-delay:-1.2s,-1.6s}@keyframes shimmer{to{background-position:300% 0}}@keyframes float{0%,to{transform:translateY(0)skew(-6deg)}50%{transform:translateY(-8px)skew(-6deg)}}.tagline{opacity:.85;max-width:420px;margin:0 0 8px}.btn{letter-spacing:1px;min-width:200px;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;padding:14px 28px;font-size:20px;font-weight:700;transition:transform .12s,box-shadow .2s,background .2s}.btn:hover{background:#ffffff29;transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(90deg,#00b8d9,#c517c9);border:none;box-shadow:0 0 22px #00e5ff8c,0 0 44px #ff3df259}.btn.primary:hover{box-shadow:0 0 30px #00e5ffcc,0 0 60px #ff3df280}.best-line{opacity:.9;font-size:18px}.best-line strong{color:var(--gold);text-shadow:0 0 10px #ffd23f99}.toggle{cursor:pointer;align-items:center;gap:10px;font-size:16px;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .track{background:#ffffff2e;border-radius:13px;width:46px;height:26px;transition:background .2s;position:relative}.toggle .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.toggle input:checked+.track .knob{transform:translate(20px)}.toggle input:focus-visible+.track{outline-offset:2px;outline:2px solid #fff}.legend{opacity:.85;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.gem{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);width:14px;height:18px;display:inline-block}.gem.normal{background:linear-gradient(160deg, #fff, var(--cyan))}.gem.gold{background:linear-gradient(160deg, #fff, var(--gold))}.gem.ice{background:linear-gradient(160deg, #fff, var(--ice) 50%, #4aa3ff)}.gem.bomb{clip-path:circle(50%);background:radial-gradient(circle at 40% 35%,#8a3ad6,#14051f 70%);width:16px;height:16px}.badge{letter-spacing:2px;color:#241000;background:linear-gradient(90deg, #ffe680, var(--gold), #ff9f1c);border-radius:8px;padding:6px 16px;font-size:22px;font-weight:900;animation:.9s ease-in-out infinite alternate badge;box-shadow:0 0 24px #ffd23fb3}@keyframes badge{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.08)rotate(2deg)}}.stats{background:var(--panel);border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:auto auto;gap:8px 24px;margin:6px 0 12px;padding:16px 24px;font-size:18px;display:grid}.stats dt{text-align:left;opacity:.75}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:800}.hint{opacity:.6;font-size:14px}#hud{padding-left:200px}@media (width<=700px){#hud{padding-left:128px}}