:root{--ink: #1b1f2e;--ink-soft: #2e3550;--paper: #f6f1e4;--sky: #7fd4f5;--grass: #7ac74f;--storm: #8f8fd4;--hot: #ff6b35;--gold: #ffc233;--danger: #e8384f;--mint: #3ddc97;--outline: 4px;--radius: 14px;--font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--paper);font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;left:0;width:var(--vw, 100%);height:var(--vh, 100%);overflow:hidden}#stage{position:absolute;top:0;left:0;display:block;touch-action:none}#overlay{position:absolute;inset:0;pointer-events:none}[hidden]{display:none!important}.hud{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-weight:800}.chip{background:var(--ink);border:var(--outline) solid #000;border-radius:var(--radius);padding:6px 12px;box-shadow:0 3px #000;font-size:15px;line-height:1.25;white-space:nowrap}.chip .sub{display:block;font-size:11px;font-weight:700;opacity:.72;letter-spacing:.06em;text-transform:uppercase}.chip--timer{font-size:22px;padding:6px 18px;font-variant-numeric:tabular-nums}.chip--timer.is-urgent{background:var(--danger);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.ammo{position:absolute;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:6px;align-items:center}.ammo .pip{width:14px;height:14px;border-radius:50%;border:3px solid #000;background:var(--ink-soft);box-shadow:0 2px #000}.ammo .pip.is-loaded{background:var(--gold)}.banner{position:absolute;top:26%;left:0;right:0;text-align:center;pointer-events:none}.banner .kicker{font-size:15px;letter-spacing:.32em;font-weight:800;opacity:.85}.banner .name{font-size:clamp(34px,11vw,74px);font-weight:800;letter-spacing:.02em;-webkit-text-stroke:6px #000;paint-order:stroke fill;color:var(--gold)}.banner.is-live{animation:bannerPop 1s ease-out forwards}@keyframes bannerPop{0%{opacity:0;transform:scale(.6) translateY(16px)}14%{opacity:1;transform:scale(1.14)}26%{transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05) translateY(-14px)}}.fling-btn{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:92px;height:92px;border-radius:50%;border:var(--outline) solid #000;background:var(--gold);color:var(--ink);font:800 15px/1 var(--font);letter-spacing:.06em;box-shadow:0 6px #000;pointer-events:auto;touch-action:none;display:grid;place-items:center;transition:transform 70ms ease,box-shadow 70ms ease,background .12s}.fling-btn:disabled{background:var(--ink-soft);color:#f6f1e473;box-shadow:0 6px #000}.fling-btn.is-ready{animation:flingReady .55s ease-in-out 4 alternate}@keyframes flingReady{0%{transform:scale(1);box-shadow:0 6px #000}to{transform:scale(1.09);box-shadow:0 6px #000,0 0 0 9px #ffc2334d}}.ammo-hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(44px + env(safe-area-inset-bottom));background:var(--ink);border:3px solid #000;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 3px #000;animation:hintIn .3s ease-out}.ammo-hint b{color:var(--gold)}@keyframes hintIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fling-btn.is-charging{background:var(--hot);transform:translateY(5px) scale(.96);box-shadow:0 1px #000}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:#0f121ed1;pointer-events:auto;overflow-y:auto;overscroll-behavior:contain}.screen__card{margin:auto;width:min(460px,100%);background:var(--ink);border:var(--outline) solid #000;border-radius:22px;box-shadow:0 8px #000;padding:20px;display:flex;flex-direction:column;gap:14px}.title{font-size:clamp(40px,13vw,76px);font-weight:800;letter-spacing:-.02em;color:var(--gold);-webkit-text-stroke:6px #000;paint-order:stroke fill;text-align:center;line-height:.95}.subtitle{text-align:center;font-size:15px;font-weight:700;opacity:.8;line-height:1.45}h2{font-size:24px;text-align:center;letter-spacing:.02em}.btn{font:800 19px/1.2 var(--font);color:var(--ink);background:var(--gold);border:var(--outline) solid #000;border-radius:var(--radius);padding:15px 22px;box-shadow:0 5px #000;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform 70ms ease,box-shadow 70ms ease}.btn:active{transform:translateY(4px);box-shadow:0 1px #000}.btn:focus-visible{outline:4px solid var(--sky);outline-offset:3px}.btn--secondary{background:var(--sky)}.btn--ghost{background:var(--ink-soft);color:var(--paper)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn__icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 auto}.btn-row{display:flex;gap:10px}.btn-row>.btn{flex:1 1 0}.board{display:flex;flex-direction:column;gap:6px}.board__row{display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--ink-soft);font-weight:700;font-size:15px}.board__row.is-you{background:var(--gold);color:var(--ink)}.board__row .rank{font-weight:800;opacity:.8}.board__row .kills{font-size:13px;opacity:.75}.board__row .mass{font-variant-numeric:tabular-nums}.swatch{width:14px;height:14px;border-radius:50%;border:3px solid #000;display:inline-block;vertical-align:-2px;margin-right:7px}.stat-row{display:flex;justify-content:space-around;gap:10px;text-align:center}.stat-row .stat b{display:block;font-size:26px;color:var(--gold);font-variant-numeric:tabular-nums}.stat-row .stat span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.controls{font-size:13px;line-height:1.7;opacity:.8;text-align:center}.controls kbd{background:var(--ink-soft);border:2px solid #000;border-radius:6px;padding:1px 6px;font:700 12px var(--font)}.pill{align-self:center;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--ink-soft);border:3px solid #000;border-radius:999px;padding:5px 12px}.paused-veil{position:absolute;inset:0;display:grid;place-items:center;background:#1b1f2eb8;font-size:26px;font-weight:800;letter-spacing:.08em}.loading{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(34px,11vw,64px);font-weight:800;letter-spacing:.02em;color:var(--gold);-webkit-text-stroke:6px #000;paint-order:stroke fill;animation:splashPulse 1.4s ease-in-out infinite alternate}@keyframes splashPulse{0%{opacity:.75;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@media(max-width:420px){.fling-btn{width:80px;height:80px;font-size:13px}.chip{font-size:13px;padding:5px 10px}.chip--timer{font-size:19px}}.xp-track{height:12px;border-radius:999px;background:var(--ink-soft);border:3px solid #000;overflow:hidden}.xp-fill{height:100%;width:0%;background:var(--mint);transition:width .4s cubic-bezier(.2,.9,.3,1)}.screen--skins .screen__card{width:min(760px,100%)}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-head h2{text-align:left}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.skin-card{background:var(--ink-soft);border:3px solid #000;border-radius:14px;padding:9px 7px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.skin-card.is-equipped{background:var(--gold);color:var(--ink)}.skin-card.is-locked .skin-preview{opacity:.55}.skin-preview{display:block;border-radius:50%}.skin-name{font-size:12px;font-weight:800;letter-spacing:.02em}.skin-action{display:flex;flex-wrap:wrap;gap:5px;width:100%;justify-content:center}.skin-tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.75;padding:5px 0}.skin-tag.is-on{opacity:1}.btn--tiny{font-size:13px;padding:7px 10px;border-width:3px;border-radius:10px;box-shadow:0 3px #000;width:auto;gap:5px}.btn--tiny .btn__icon{width:15px;height:15px}.btn--tiny:active{transform:translateY(2px);box-shadow:0 1px #000}.flavour-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.flavour-chip.is-on{background:var(--mint)}.daily-row{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.daily-day{background:var(--ink-soft);border:3px solid #000;border-radius:10px;padding:8px 2px;text-align:center}.daily-day.is-claimed{background:var(--mint);color:var(--ink)}.daily-day.is-next{background:var(--gold);color:var(--ink);transform:scale(1.06)}.daily-num{font-size:10px;font-weight:800;letter-spacing:.04em;opacity:.8}.daily-coins{font-size:13px;font-weight:800}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%);background:var(--gold);color:var(--ink);border:var(--outline) solid #000;border-radius:var(--radius);box-shadow:0 5px #000;padding:12px 22px;font-weight:800;font-size:19px;pointer-events:none;animation:toastIn 2.4s ease-out forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.85)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1.06)}20%{transform:translate(-50%) scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-12px)}}@media(max-width:420px){.skin-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}@media(max-height:760px){.screen__card{gap:9px;padding:14px;border-radius:18px}.title{font-size:clamp(30px,7.2vh,52px);-webkit-text-stroke-width:4px}.subtitle{font-size:13px}h2{font-size:20px}.btn{padding:11px 16px;font-size:17px}.stat-row .stat b{font-size:21px}.controls{font-size:12px;line-height:1.5}.board__row{padding:6px 9px;font-size:14px}.xp-track{height:10px}.banner{top:20%}}@media(max-height:520px){.screen{padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom))}.screen__card{gap:7px;padding:11px}.title{font-size:clamp(24px,8.5vh,40px);-webkit-text-stroke-width:3px}.subtitle{font-size:12px}.btn{padding:9px 13px;font-size:15px;border-width:3px;box-shadow:0 4px #000}.stat-row .stat b{font-size:18px}.stat-row .stat span{font-size:10px}.controls{font-size:11px}.board{max-height:34vh;overflow-y:auto}.board__row{padding:5px 8px;font-size:13px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.daily-coins{font-size:11px}.fling-btn{width:68px;height:68px;font-size:12px}.hud{top:calc(6px + env(safe-area-inset-top))}.chip{font-size:12px;padding:4px 9px}.chip--timer{font-size:17px;padding:4px 13px}}.ammo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px}.ammo-card{background:var(--ink-soft);border:3px solid #000;border-radius:14px;padding:9px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.ammo-card.is-equipped{background:var(--gold);color:var(--ink)}.ammo-card.is-locked .ammo-preview{opacity:.6}.ammo-preview{display:block;border-radius:9px;background:#0000002e}.ammo-blurb{font-size:11px;font-weight:700;opacity:.72;line-height:1.3}.ammo-card.is-equipped .ammo-blurb{opacity:.85}@media(max-height:520px){.ammo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.floats{position:absolute;inset:0;overflow:hidden}.float{position:absolute;left:0;top:0;font-weight:800;color:var(--paper);-webkit-text-stroke:4px #000;paint-order:stroke fill;white-space:nowrap;will-change:transform,opacity}.float.is-big{color:var(--gold);-webkit-text-stroke-width:5px}.combo{position:absolute;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);font-weight:800;color:var(--gold);-webkit-text-stroke:5px #000;paint-order:stroke fill;pointer-events:none;white-space:nowrap}.combo.is-loud{animation:comboShake .22s ease-out}@keyframes comboShake{0%{transform:translate(-50%) scale(1.35) rotate(-3deg)}40%{transform:translate(-50%) scale(1.06) rotate(2deg)}to{transform:translate(-50%) scale(1) rotate(0)}}.callout{position:absolute;left:0;right:0;top:38%;text-align:center;font-weight:800;font-size:clamp(22px,6vw,40px);letter-spacing:.06em;color:var(--hot);-webkit-text-stroke:6px #000;paint-order:stroke fill;pointer-events:none;animation:calloutPop .7s ease-out forwards}@keyframes calloutPop{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1.12)}30%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.04) translateY(-10px)}}@media(max-height:520px){.combo{bottom:calc(58px + env(safe-area-inset-bottom))}.callout{top:30%;font-size:clamp(18px,5vw,30px)}}.damage-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#e8384f00 42%,#e8384f6b 82%,#e8384fb3)}.damage-flash.is-live{animation:damagePulse .45s ease-out forwards}@keyframes damagePulse{0%{opacity:0}10%{opacity:1}to{opacity:0}}.banner .name{animation:none}.banner.is-live .name{animation:nameOvershoot .5s cubic-bezier(.18,1.5,.4,1) both}@keyframes nameOvershoot{0%{transform:scale(.45);letter-spacing:-.2em}60%{transform:scale(1.16);letter-spacing:.04em}to{transform:scale(1);letter-spacing:.02em}}.banner .name{font-size:clamp(38px,13vw,88px)}.banner .kicker{font-size:17px;letter-spacing:.36em}@media(max-height:520px){.banner .name{font-size:clamp(26px,9vw,46px)}.banner .kicker{font-size:12px;letter-spacing:.24em}}.surge{position:absolute;left:0;right:0;top:32%;pointer-events:none;text-align:center}.surge__bar{position:absolute;inset:-14px 0;background:linear-gradient(90deg,#e8384f00,#e8384fd1 22%,#ff6b35e6,#e8384fd1 78%,#e8384f00);border-top:4px solid #000;border-bottom:4px solid #000}.surge__text{position:relative;font-size:clamp(30px,10vw,66px);font-weight:800;letter-spacing:.06em;color:var(--paper);-webkit-text-stroke:6px #000;paint-order:stroke fill}.surge__sub{position:relative;font-size:clamp(11px,3vw,16px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}.surge.is-live{animation:surgeSweep 2.3s ease-out forwards}.surge.is-live .surge__text{animation:surgeText 2.3s ease-out forwards}@keyframes surgeSweep{0%{opacity:0;transform:scaleX(.2)}12%{opacity:1;transform:scaleX(1.03)}20%{transform:scaleX(1)}78%{opacity:1}to{opacity:0;transform:scaleX(1.06)}}@keyframes surgeText{0%{transform:scale(.6);letter-spacing:-.1em}18%{transform:scale(1.12);letter-spacing:.1em}30%{transform:scale(1);letter-spacing:.06em}to{transform:scale(1)}}.chip--timer{transform-origin:center top;transition:transform .2s ease-out}@media(max-height:520px){.surge{top:26%}.surge__text{font-size:clamp(22px,7vw,40px)}.surge__sub{font-size:10px;letter-spacing:.16em}}@media(prefers-reduced-motion:reduce){.combo.is-loud,.banner.is-live .name{animation:none}.surge.is-live,.surge.is-live .surge__text{animation-duration:.6s}.fling-btn.is-ready{animation-iteration-count:1}}.btn--online{background:var(--sky);color:var(--ink);margin-top:8px}.btn--online:after{content:"LIVE";margin-left:10px;padding:2px 7px;border-radius:999px;background:var(--danger);color:var(--paper);font-size:11px;letter-spacing:.1em;vertical-align:middle}