:root{--hud-fg: #fdf6e3;--hud-shadow: rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a2a3a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}canvas{display:block}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;padding:calc(env(safe-area-inset-top) + 14px) 16px 16px 16px;color:var(--hud-fg);text-shadow:0 2px 4px var(--hud-shadow)}.hud__topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud__stat--right{text-align:right}.hud__hold{font-size:clamp(20px,5vw,34px);font-weight:700;letter-spacing:.5px}.hud__hold .coin{color:#ffd54a}.hud__holdcap{font-size:.6em;opacity:.7}.hud__hold.full{color:#ff9a5a}.hud__label{font-size:clamp(10px,2.3vw,12px);letter-spacing:2px;opacity:.8;margin-top:2px}.hud__label.hot{color:#ff7a5a;opacity:1;animation:dangerpulse 1s ease-in-out infinite}@keyframes dangerpulse{50%{opacity:.55}}.hud__stars{margin-top:6px;font-size:clamp(15px,3.4vw,20px);letter-spacing:2px;color:#ffca4a;text-shadow:0 2px 4px var(--hud-shadow)}.hud__stars.hot{color:#ff5a3c;animation:dangerpulse .8s ease-in-out infinite}.hud__combo{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 160px);transform:translate(-50%);font-size:clamp(18px,5vw,30px);font-weight:700;letter-spacing:1px;color:#ff7a3c;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0;transition:opacity .2s ease;pointer-events:none}.hud__combo.show{opacity:1}.hud__combo.pulse{animation:combopulse .35s ease-out}@keyframes combopulse{0%{transform:translate(-50%) scale(1.5);color:#ffe14d}to{transform:translate(-50%) scale(1)}}.hud__heat-tint{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(ellipse at center,transparent 40%,rgba(150,12,12,.6) 100%)}.hud__hullbar{width:min(220px,46vw);height:14px;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.3);overflow:hidden;margin-left:auto}.hud__hullfill{height:100%;width:100%;background:#1fd61f;transition:width .12s ease-out}.hud__reload{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translate(-50%);width:min(220px,44vw);height:14px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.25);overflow:hidden}.hud__reload-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff7043,#ffca4a);transition:width .05s linear}.hud__reload-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:2px;color:#ffffffd9}.hud__reload.ready{opacity:0;transition:opacity .2s ease .05s}.hud__boss{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 44px);transform:translate(-50%) translateY(6px);width:min(260px,52vw);text-align:center;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:12}.hud__boss.show{opacity:1;transform:translate(-50%) translateY(0)}.hud__boss-name{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#f2b3ff;text-shadow:0 2px 6px rgba(0,0,0,.75);margin-bottom:3px}.hud__boss-bar{height:16px;border-radius:8px;background:#00000073;border:1px solid rgba(255,255,255,.35);overflow:hidden;box-shadow:0 0 14px #aa3cff8c}.hud__boss-fill{height:100%;width:100%;background:linear-gradient(90deg,#a83cff,#ff5ad0);transition:width .15s ease}.hud__boss.low .hud__boss-fill{background:linear-gradient(90deg,#ff3d5e,#ff8a3c)}.hud__boss.low .hud__boss-bar{animation:bosslow .7s ease-in-out infinite}@keyframes bosslow{0%,to{box-shadow:0 0 14px #ff3c5a80}50%{box-shadow:0 0 22px #ff3c5ae6}}.cam-toggle{position:fixed;top:calc(env(safe-area-inset-top) + 58px);right:16px;z-index:13;pointer-events:auto;display:flex;align-items:center;gap:5px;padding:7px 11px;border-radius:20px;border:1px solid rgba(255,255,255,.3);background:#061a268c;color:var(--hud-fg);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer}.cam-toggle:active{transform:scale(.95);filter:brightness(1.15)}.minimap{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);width:140px;height:140px;z-index:12;pointer-events:none}.minimap.hidden{display:none}.hud__hurt{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(200,20,20,.55) 100%)}.hud__hurt.show{animation:hurtflash .4s ease-out}@keyframes hurtflash{0%{opacity:1}to{opacity:0}}.hud__banner{position:fixed;left:0;right:0;top:38%;text-align:center;font-size:clamp(26px,8vw,56px);font-weight:700;color:#ffe08a;text-shadow:0 3px 10px rgba(0,0,0,.7);opacity:0;transition:opacity .25s ease}.hud__banner.show{opacity:1}.touch{position:fixed;inset:0;z-index:20;pointer-events:none}.touch.hidden{display:none}.joystick{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 26px);left:26px;width:132px;height:132px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}.joystick__nub{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.55);transition:transform .02s linear}.fire-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 40px);right:32px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ff7043,#d8402a);border:3px solid rgba(255,255,255,.5);color:#fff;font-weight:700;font-size:20px;letter-spacing:1px;pointer-events:auto;touch-action:none;box-shadow:0 4px 12px #0006}.fire-btn:active{transform:scale(.94);filter:brightness(1.15)}.base,.death{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 12px);background:radial-gradient(circle at 50% 30%,#0e3a5ab8,#041420e6);color:#fdf6e3;overflow-y:auto;-webkit-overflow-scrolling:touch}.base.hidden,.death.hidden{display:none}.base__panel{width:min(520px,94vw);margin:auto;background:#0a2230e6;border:1px solid rgba(255,224,138,.35);border-radius:16px;padding:18px 18px 22px;box-shadow:0 18px 50px #00000080}.base__title{font-size:clamp(18px,4.5vw,24px);font-weight:700;text-align:center;color:#ffe08a}.base__banked{text-align:center;color:#8ff0a0;font-weight:700;height:0;opacity:0;overflow:hidden;transition:opacity .3s ease}.base__banked.show{height:auto;opacity:1;margin-top:6px}.base__rank{margin:12px auto 4px;max-width:320px}.base__rank-row{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.base__rank-name{font-size:clamp(15px,3.6vw,18px);color:#ffe08a}.base__rank-noto{font-size:13px;color:#ff8a6a}.base__rank-bar{height:8px;border-radius:5px;background:#ffffff1f;overflow:hidden;margin:5px 0 3px}.base__rank-fill{height:100%;background:linear-gradient(90deg,#ff7a5a,#ffca4a);transition:width .4s ease}.base__rank-next{font-size:10px;text-align:right;opacity:.65;letter-spacing:.5px}.base__gold{text-align:center;font-size:clamp(15px,3.6vw,18px);margin:10px 0 14px}.base__gold .coin,.base__banked .coin{color:#ffd54a}.base__list{display:flex;flex-direction:column;gap:8px}.up-row{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 11px}.up-icon{font-size:26px;width:30px;text-align:center;flex:none}.up-main{flex:1;min-width:0}.up-name{font-weight:700;font-size:14px}.up-lvl{font-weight:400;opacity:.65;font-size:12px}.up-meta{font-size:11px;opacity:.8;margin:1px 0 5px}.up-blurb{opacity:.7}.up-pips{display:flex;gap:3px}.up-pips{flex-wrap:wrap}.pip{width:12px;height:5px;border-radius:3px;background:#ffffff29}.pip.on{background:#ffca4a}.up-buy{flex:none;min-width:74px;padding:9px 10px;border:none;border-radius:9px;font-weight:700;font-size:13px;color:#24160a;background:linear-gradient(#ffd76a,#f0a83a);cursor:pointer}.up-buy:disabled{background:#ffffff1f;color:#ffffff80;cursor:default}.base__sail{display:block;width:100%;margin-top:16px;padding:14px;border:none;border-radius:12px;font-size:18px;font-weight:700;color:#06222f;background:linear-gradient(#7fe3a0,#35b06a);cursor:pointer}.base__sail:active{filter:brightness(1.08)}.base__stats{margin-top:12px;text-align:center;font-size:11px;letter-spacing:.5px;color:#ffe08a;opacity:.85}.base__stats:empty{display:none}.base__tip{margin-top:10px;font-size:11px;opacity:.7;text-align:center;line-height:1.4}.base__reset{display:block;margin:12px auto 0;padding:7px 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;color:#ffffff80;font-family:inherit;font-size:11px;letter-spacing:.5px;cursor:pointer}.base__reset:hover{color:#fffc}.base__reset.confirm{color:#ffdad0;border-color:#d8402a;background:#d8402a40;font-weight:700}.win{position:fixed;inset:0;z-index:45;display:flex;justify-content:center;padding:calc(env(safe-area-inset-top) + 12px) 20px calc(env(safe-area-inset-bottom) + 12px);background:radial-gradient(circle at 50% 35%,#3c2a0cd9,#140e04f0);color:#fdf6e3;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.win__panel{margin:auto}.win.hidden{display:none}.win__crown{font-size:clamp(48px,14vw,90px);filter:drop-shadow(0 4px 14px rgba(255,202,74,.5))}.win__title{font-size:clamp(30px,9vw,56px);font-weight:700;color:#ffd76a;text-shadow:0 3px 12px rgba(0,0,0,.6)}.win__sub{margin:14px auto 26px;max-width:460px;font-size:clamp(14px,3.6vw,17px);line-height:1.5;opacity:.92}.win__btn{padding:14px 28px;border:none;border-radius:12px;font-size:18px;font-weight:700;color:#24160a;background:linear-gradient(#ffd76a,#f0a83a);cursor:pointer}.win__btn:active{transform:scale(.96)}.death__panel{margin:auto;text-align:center}.death__title{font-size:clamp(26px,7vw,44px);font-weight:700;color:#ff8a6a}.death__lost{margin:12px 0 22px;font-size:clamp(14px,3.6vw,17px);opacity:.9}.death__return{padding:14px 26px;border:none;border-radius:12px;font-size:17px;font-weight:700;color:#06222f;background:linear-gradient(#ffd76a,#f0a83a);cursor:pointer}