*,:before,:after{box-sizing:border-box}html,body,#root{background:#0d3a4f;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.game-root{background:#0d3a4f;position:fixed;inset:0}.game-root canvas{cursor:crosshair}.loading{color:#e8f6ff;place-items:center;font-family:Segoe UI,system-ui,sans-serif;font-size:1.1rem;display:grid;position:absolute;inset:0}.toast-error{color:#fff;z-index:20;background:#7a1f1f;border-radius:8px;padding:.6rem 1rem;font-family:Segoe UI,system-ui,sans-serif;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.lobby{color:#f4f8fb;background:radial-gradient(at 20% 10%,#2a8fb0 0%,#0000 50%),radial-gradient(at 80% 90%,#0b4a5c 0%,#0000 45%),linear-gradient(160deg,#0e4d66 0%,#0a2f3d 55%,#123a2a 100%);place-items:center;min-height:100vh;padding:1.5rem;font-family:Segoe UI,system-ui,sans-serif;display:grid}.lobby-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081c26b8;border:1px solid #ffffff1f;border-radius:16px;width:min(420px,100%);padding:2rem 1.75rem;box-shadow:0 20px 60px #00000059}.lobby-kicker{letter-spacing:.18em;text-transform:uppercase;color:#8fd6ef;margin:0;font-size:.72rem}.lobby h1{margin:.35rem 0 .5rem;font-size:clamp(1.8rem,4vw,2.3rem);font-weight:700}.lobby-sub{color:#c5dbe6;margin:0 0 1.4rem;font-size:.95rem;line-height:1.45}.lobby form{gap:.85rem;display:grid}.lobby label{color:#b7d0dc;gap:.35rem;font-size:.85rem;display:grid}.lobby input{color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:.7rem .85rem;font-size:1rem}.lobby input:focus{outline-offset:1px;outline:2px solid #4db8d9}.lobby button{color:#1a1205;cursor:pointer;background:linear-gradient(#e8a23a,#c97a18);border:0;border-radius:10px;margin-top:.35rem;padding:.85rem 1rem;font-size:1rem;font-weight:700}.lobby button:hover{filter:brightness(1.06)}.lobby button:disabled{cursor:wait;opacity:.72;filter:grayscale(.35)}.lobby-colors{color:#b7d0dc;gap:.4rem;font-size:.85rem;display:grid}.lobby-colors>div{gap:.5rem;display:flex}.lobby-colors button{border:2px solid #0000;border-radius:50%;width:2.05rem;height:2.05rem;margin:0;padding:0;box-shadow:inset 0 0 0 1px #00000047}.lobby-colors button[aria-checked=true]{border-color:#fff;box-shadow:0 0 0 2px #ffffff73}.lobby-music{color:#f0b4a2;margin:.7rem 0 0;font-size:.85rem}.lobby-keys{color:#a9c4d1;gap:.4rem;margin:1.25rem 0 0;padding:0;font-size:.82rem;list-style:none;display:grid}.lobby-keys kbd{text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:4px;min-width:1.3rem;margin-right:.15rem;padding:.1rem .35rem;font-size:.75rem;display:inline-block}.hud{pointer-events:none;z-index:10;color:#f4f8fb;font-family:Segoe UI,system-ui,sans-serif;position:absolute;inset:0}.hud-top{pointer-events:auto;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.hud-status{background:#081c26a6;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.dot{background:#888;border-radius:50%;width:.55rem;height:.55rem}.dot.on{background:#3ecf6a;box-shadow:0 0 8px #3ecf6a}.hud-actions{align-items:center;gap:.45rem;display:flex}.hud-music{background:#081c26bf;border-radius:8px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.82rem;display:flex}.hud-music input[type=range]{accent-color:#e2b657;cursor:pointer;width:6.5rem}.hud-leave{color:#fff;cursor:pointer;background:#081c26bf;border:0;border-radius:8px;padding:.45rem .8rem}.hud-hp{background:#081c26b3;border-radius:10px;width:min(240px,70vw);padding:.7rem .85rem;position:absolute;bottom:1.2rem;left:1rem}.hud-hp-label{font-size:.85rem}.hud-hp-bar{background:#1a1a1a;border-radius:4px;height:8px;margin:.35rem 0;overflow:hidden}.hud-hp-bar>div{background:#3ecf6a;height:100%;transition:width .15s linear}.hud-nitro-label{margin-top:.45rem;font-size:.82rem}.hud-nitro-bar{background:#1a1a1a;border-radius:4px;height:8px;margin-top:.28rem;overflow:hidden}.hud-nitro-bar>div{background:#7ec8e3;height:100%;transition:width .12s linear}.hud-nitro-bar>div.on{background:#ff9a3c;box-shadow:0 0 8px #ff9a3c}.hud-nitro-bar>div.empty{background:#e85d4c}.hud-score{background:#081c26a6;border-radius:10px;gap:.3rem;width:min(200px,55vw);padding:.5rem .65rem;font-size:.82rem;display:grid;position:absolute;top:3.4rem;right:1rem}.hud-score>div{grid-template-columns:12px 1fr auto;align-items:center;gap:.4rem;display:grid}.hud-score>div.me{color:#ffe08a}.hud-sinks{align-items:center;gap:.2rem;display:inline-flex}.ship-mark{width:1.05rem;height:.75rem}.swatch{border-radius:2px;width:10px;height:10px}.hud-respawn{background:#081c26cc;border-radius:12px;padding:.9rem 1.4rem;font-size:1.15rem;font-weight:600;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}html.is-phone,html.is-phone body{overscroll-behavior:none;width:100%;position:fixed;inset:0;overflow:hidden}.phone-shell{z-index:1;overscroll-behavior:none;background:#0d3a4f;position:fixed}.phone-shell.is-landscape{top:var(--vv-top,0px);left:var(--vv-left,0px);width:var(--vv-w,100dvw);height:var(--vv-h,100dvh)}.phone-shell.is-portrait{top:var(--vv-top,0px);left:calc(var(--vv-left,0px) + var(--vv-w,100dvw));width:var(--vv-h,100dvh);height:var(--vv-w,100dvw);transform-origin:0 0;pointer-events:none;transform:rotate(90deg)}.phone-shell.can-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow:auto}.phone-shell.is-play{overflow:hidden}.phone-stage{min-height:100%;position:relative}.phone-shell.is-play .phone-stage{height:100%}.phone-shell .game-root{position:absolute}.phone-shell.is-play canvas{touch-action:none}.phone-turn{z-index:40;text-align:center;color:#f4f8fb;background:radial-gradient(at 50% 18%,#2a8fb0 0%,#0000 52%),#0a2f3d;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.5rem;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0}.phone-turn strong{font-size:1.7rem}.phone-turn p{max-width:18rem;margin:0;line-height:1.4}.phone-turn button{color:#1a1205;font:inherit;background:#e8a23a;border:0;border-radius:999px;margin-top:.45rem;padding:.85rem 1.25rem;font-weight:700}.phone-turn-hint{color:#b7d0dc;font-size:.85rem}.phone-shell .lobby{height:auto;min-height:100%;padding:calc(.7rem + env(safe-area-inset-top,0px)) calc(.8rem + env(safe-area-inset-right,0px)) calc(1.4rem + env(safe-area-inset-bottom,0px)) calc(.8rem + env(safe-area-inset-left,0px));display:block}.phone-shell .lobby-card{width:min(520px,100%);margin:0 auto;padding:.95rem 1rem 1rem}.phone-shell .lobby h1{font-size:1.45rem}.phone-shell .lobby-sub{margin-bottom:.75rem;font-size:.88rem}.phone-shell .lobby form{gap:.6rem}.phone-shell .lobby input{padding:.75rem .85rem;font-size:16px}.phone-shell .lobby-colors button{width:2.75rem;height:2.75rem}.phone-shell .hud-top{padding:calc(1.35rem + env(safe-area-inset-top,0px)) calc(.4rem + env(safe-area-inset-right,0px)) .15rem calc(.4rem + env(safe-area-inset-left,0px));flex-wrap:wrap;align-items:center;gap:.3rem}.phone-shell .hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.phone-shell .hud-status,.phone-shell .hud-music,.phone-shell .hud-leave{font-size:.72rem}.phone-shell .hud-music{padding:.25rem .45rem}.phone-shell .hud-music input[type=range]{touch-action:pan-x;width:4.2rem}.phone-shell .hud-leave{padding:.28rem .5rem}.phone-shell .hud-hp{pointer-events:none;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.12rem .35rem;width:min(420px,46vw);padding:.32rem .5rem .4rem;display:grid;inset:2.4rem auto auto 50%;transform:translate(-50%)}.phone-shell .hud-hp-label,.phone-shell .hud-nitro-label{white-space:nowrap;margin:0;font-size:.66rem}.phone-shell .hud-hp-bar,.phone-shell .hud-nitro-bar{height:6px;margin:0}.phone-shell .hud-score{top:4.3rem;right:calc(.4rem + env(safe-area-inset-right,0px));pointer-events:none;width:min(150px,22vw);max-height:22vh;padding:.28rem .4rem;font-size:.68rem;overflow:hidden}.mobile-controls{z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.stick-slot{bottom:calc(.35rem + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;align-items:center;gap:.12rem;display:flex;position:absolute}.stick-slot.left{left:calc(.4rem + env(safe-area-inset-left,0px))}.stick-slot.right{right:calc(.4rem + env(safe-area-inset-right,0px))}.stick-slot>span{color:#f4f8fb;text-shadow:0 1px 2px #000000a6;font-size:.68rem;font-weight:700}.stick{pointer-events:auto;touch-action:none;background-image:linear-gradient(#e8c478,#e8c478),linear-gradient(#e8c478,#e8c478),radial-gradient(circle at 50% 45%,#123a4a59,#081c26b8 68%);background-position:50%,50%,50%;background-repeat:no-repeat;background-size:2px 32%,32% 2px,100% 100%;border:2px solid #e8c478e0;border-radius:50%;width:clamp(104px,30vmin,148px);height:clamp(104px,30vmin,148px);position:relative;box-shadow:inset 0 0 0 7px #081c2647,0 8px 18px #00000047}.stick.on{border-color:#ffe08a;box-shadow:inset 0 0 0 7px #e8a23a4d,0 0 16px #e8a23a73}.stick-knob{pointer-events:none;background:radial-gradient(circle at 38% 32%,#fff1c9,#e8a23a 46%,#8a5a16);border:2px solid #fff4d2;border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%}.nitro-btn{right:calc(.45rem + env(safe-area-inset-right,0px) + clamp(104px, 30vmin, 148px) + .55rem);bottom:calc(1.15rem + env(safe-area-inset-bottom,0px));pointer-events:auto;touch-action:none;color:#1a1205;width:clamp(58px,16vmin,76px);height:clamp(58px,16vmin,76px);font:inherit;background:radial-gradient(circle at 38% 32%,#fff1c9,#c97a18 58%,#6d4310);border:2px solid #e8c478e6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:800;line-height:1.05;display:flex;position:absolute;box-shadow:0 8px 16px #00000047}.nitro-btn small{font-size:.68rem;font-weight:700}.nitro-btn.on{background:radial-gradient(circle at 38% 32%,#fff,#ffe08a 42%,#e07a12);box-shadow:0 0 16px #ff9a3cb3}.nitro-btn span{font-size:.72rem;position:relative}.nitro-btn small{position:relative}.phone-shell .hud-hull{z-index:3;top:env(safe-area-inset-top,0px);left:calc(.45rem + env(safe-area-inset-left,0px));right:calc(.45rem + env(safe-area-inset-right,0px));pointer-events:none;text-shadow:0 1px 2px #0000008c;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;display:flex;position:absolute}.phone-shell .hud-hull .hud-hp-bar{flex:1;height:7px;margin:0}.charge-ring{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible;transform:rotate(-90deg)}.charge-ring circle{fill:none;stroke-width:5px}.charge-ring-track{stroke:#ffffff47}.charge-ring-value{stroke:#ffe08a;stroke-linecap:round}.nitro-btn .charge-ring-value{stroke:#fff6d8}.install-help{z-index:50;background:#0410189e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.install-help div{color:#f4f7fb;background:#102833;border-radius:16px;width:min(22rem,100%);padding:1rem 1.1rem .9rem;box-shadow:0 16px 40px #00000059}.install-help strong{margin-bottom:.45rem;font-size:1rem;display:block}.install-help p{margin:0 0 .9rem;font-size:.92rem;line-height:1.4}.install-help button{color:#1b1408;background:#e7b15a;border:0;border-radius:999px;padding:.55rem 1rem;font-weight:700}