:root{--bg: #05060f;--accent: #7cff6b;--accent-dim: #3a8a30;--pink: #ff5da8;--text: #e8f0ff;--text-dim: #8aa0c4;--panel: rgba(13, 18, 38, .85);--panel-border: rgba(124, 255, 107, .25);--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none}#app{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:10px}.stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.hud{width:100%;display:flex;align-items:center;gap:18px;padding:6px 10px;font-size:14px;letter-spacing:.04em}.hud-stat{display:flex;flex-direction:column;line-height:1.1}.hud-label{font-size:11px;color:var(--text-dim);font-weight:700}.hud-value{font-size:22px;font-weight:800;color:var(--text);text-shadow:0 0 12px rgba(124,255,107,.5)}.hud-coins{margin-left:auto;flex-direction:row;align-items:center;gap:6px}.hud-coin{filter:drop-shadow(0 0 6px #ffd24a)}.hud-effects{display:flex;gap:6px;margin-left:10px}.effect{display:flex;flex-direction:column;align-items:center;gap:2px}.effect-icon{font-size:18px;filter:drop-shadow(0 0 6px currentColor)}.effect-bar{width:26px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.effect-bar i{display:block;height:100%;background:var(--accent);border-radius:2px}canvas{display:block;border-radius:14px;background:var(--bg);box-shadow:0 0 0 1px #7cff6b26,0 0 40px #7cff6b1f,0 18px 50px #0009;width:min(96vmin,94vh);height:min(96vmin,94vh);touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#05060f8c,#05060feb);backdrop-filter:blur(2px);z-index:10;transition:opacity .18s ease;padding:16px}.overlay-hidden{opacity:0;pointer-events:none}.overlay-card{width:min(420px,92%);background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:28px 24px 22px;text-align:center;box-shadow:0 0 50px #7cff6b2e,0 20px 60px #000000b3}.overlay-title{margin:0 0 6px;font-size:clamp(30px,7vw,46px);font-weight:900;letter-spacing:.06em;color:var(--accent);text-shadow:0 0 18px rgba(124,255,107,.7),0 0 40px rgba(124,255,107,.4)}.overlay-sub{margin:0 0 14px;color:var(--pink);font-weight:800;letter-spacing:.08em;text-shadow:0 0 14px rgba(255,93,168,.6);min-height:1em}.overlay-best{color:var(--text-dim);margin-bottom:16px}.overlay-best strong{color:var(--text)}.overlay-score{display:flex;justify-content:space-around;margin-bottom:18px}.overlay-score div{display:flex;flex-direction:column;gap:2px}.overlay-score span{font-size:11px;color:var(--text-dim);letter-spacing:.05em}.overlay-score strong{font-size:24px;color:var(--text)}.overlay-actions{display:flex;flex-direction:column;gap:10px}.btn{appearance:none;border:none;cursor:pointer;font-family:var(--font);font-size:16px;font-weight:800;letter-spacing:.08em;padding:13px 18px;border-radius:12px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,#8eff79,#5fe04a);color:#04210a;box-shadow:0 0 20px #7cff6b80,0 6px 18px #0006}.btn-primary:hover{box-shadow:0 0 28px #7cff6bb3,0 6px 18px #0006}.btn-ghost{background:#ffffff0d;color:var(--text-dim);border:1px solid rgba(255,255,255,.12)}.btn-ghost:hover{background:#ffffff1a;color:var(--text)}.howto{list-style:none;margin:0 0 18px;padding:0;text-align:left;display:flex;flex-direction:column;gap:9px;color:var(--text-dim);font-size:14px;line-height:1.4}.howto b{color:var(--accent)}.food-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 8px #ff4d6d;vertical-align:middle;margin:0 2px}.sound-toggle{position:fixed;top:12px;right:12px;z-index:20;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);width:40px;height:40px;border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.hud{gap:14px;font-size:13px}.hud-value{font-size:18px}}.shop-card{width:min(560px,94vw);max-height:86vh;overflow-y:auto}.shop-title{font-size:clamp(26px,6vw,38px)}.shop-coins{margin-bottom:16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:18px}.skin-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.skin-card.skin-selected{border-color:var(--accent);box-shadow:0 0 16px #7cff6b59}.skin-swatch{width:100%;height:46px;border-radius:8px}.skin-name{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.03em}.skin-btn{appearance:none;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:800;letter-spacing:.05em;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text);width:100%;transition:transform .08s ease,background .15s ease}.skin-btn:active{transform:scale(.97)}.skin-btn:disabled{opacity:.4;cursor:default}.skin-btn.skin-buyable{background:linear-gradient(180deg,#ffe07a,#ffb700);color:#2a1d00;border-color:transparent;box-shadow:0 0 14px #ffb70066}.skin-btn.skin-equipped{background:#7cff6b26;border-color:var(--accent);color:var(--accent);cursor:default}.mode-cards{display:flex;gap:12px;margin-bottom:18px}.mode-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 12px;text-align:center}.mode-card-br{border-color:#ff5da866;box-shadow:0 0 16px #ff5da833}.mode-icon{font-size:34px;margin-bottom:8px}.mode-name{font-size:18px;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:.04em}.mode-desc{font-size:12px;color:var(--text-dim);line-height:1.4}.leaderboard{position:absolute;top:8px;right:8px;width:170px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px;font-size:12px;z-index:5;pointer-events:none}.leaderboard-hidden{display:none}.leaderboard-title{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--accent);margin-bottom:6px}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.lb-row{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.lb-row.lb-player{color:var(--text);font-weight:700}.lb-rank{width:14px;text-align:right;color:var(--text-dim)}.lb-player .lb-rank{color:var(--accent)}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-len{font-variant-numeric:tabular-nums;color:var(--text-dim)}.lb-dead{color:#ff4d6d;margin-left:2px}