:root{--ink: #14213d;--paper: #fdf6e3;--hot: #ff5d73;--sun: #ffd166;--aqua: #4ecdc4;--violet: #b388ff;--neon: #ff2fb9;--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0b1026;font-family:var(--font);color:var(--paper);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}.hidden{display:none!important}#loader{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#2b3d7a,#0b1026 70%);z-index:40;transition:opacity .5s ease}#loader.fade{opacity:0;pointer-events:none}.loader-inner{text-align:center}.bar{width:min(420px,70vw);height:10px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin:22px auto 12px}.bar>i{display:block;height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--sun),var(--hot));transition:width .25s ease}#loadmsg{font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}h1{font-size:clamp(30px,6vw,68px);font-weight:900;letter-spacing:.04em;line-height:.95;background:linear-gradient(180deg,#fff 10%,var(--sun) 55%,var(--hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25))}.sub{margin-top:8px;font-size:14px;letter-spacing:.28em;text-transform:uppercase;opacity:.7}#garage{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:18px;padding:24px;background:linear-gradient(180deg,#0b10268c,#0b1026e0);backdrop-filter:blur(3px);text-align:center}#garage-cards{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}.vcard{width:190px;padding:16px 14px 14px;border-radius:18px;background:#ffffff12;border:2px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .18s cubic-bezier(.2,.9,.3,1.4),border-color .18s,background .18s;text-align:left}.vcard:hover{transform:translateY(-6px) scale(1.03);background:#ffffff1f}.vcard.active{border-color:var(--sun);background:#ffd16629;transform:translateY(-6px)}.vcard .num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--sun);color:var(--ink);font-weight:900;font-size:13px}.vcard .vn{margin-top:8px;font-size:17px;font-weight:800;letter-spacing:.02em}.vcard .vd{margin-top:6px;font-size:12px;line-height:1.4;opacity:.72;min-height:48px}.vcard .stat{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:10px;letter-spacing:.1em;opacity:.8}.vcard .stat span{width:46px}.vcard .stat i{flex:1;height:5px;border-radius:9px;background:#ffffff24;overflow:hidden}.vcard .stat i b{display:block;height:100%;background:var(--aqua)}#launch{margin-top:10px;padding:14px 46px;font-family:var(--font);font-size:19px;font-weight:900;letter-spacing:.18em;color:var(--ink);background:linear-gradient(180deg,var(--sun),#ff9f45);border:none;border-radius:99px;cursor:pointer;box-shadow:0 8px #b4652a,0 14px 26px #0006;transition:transform .12s}#launch:hover{transform:translateY(-2px)}#launch:active{transform:translateY(5px);box-shadow:0 3px #b4652a}.controls-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px 18px;margin-top:16px;max-width:720px;font-size:11px}.controls-grid div{display:flex;flex-direction:column;align-items:center;gap:3px}.controls-grid b{padding:3px 9px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);letter-spacing:.06em}.controls-grid span{opacity:.55;letter-spacing:.08em;text-transform:uppercase;font-size:10px}#hud{position:fixed;inset:0;z-index:20;pointer-events:none}#hud>div{position:absolute}#hud-topleft{top:20px;left:22px}#hud-toggles{display:flex;gap:8px;flex-wrap:wrap}#sound-toggle,#view-toggle{margin-top:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 11px;border-radius:99px;border:2px solid rgba(255,255,255,.18);background:#080e228c;color:#fff;font-family:var(--font);font-size:18px;font-weight:800;letter-spacing:.1em;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#sound-toggle span,#view-toggle span{font-size:11px;letter-spacing:.16em;opacity:.8}#sound-toggle:active,#view-toggle:active{transform:scale(.94)}#sound-toggle.muted{border-color:#ff5d7380;color:#ff9aa8;opacity:.85}#view-toggle.first{border-color:#4ecdc4a6;color:var(--aqua);background:#4ecdc429}#vessel-name{font-size:22px;font-weight:900;letter-spacing:.1em;text-shadow:0 3px 0 rgba(0,0,0,.35)}#vessel-mode{margin-top:3px;font-size:11px;letter-spacing:.22em;opacity:.8;color:var(--aqua)}#vessel-mode.land{color:var(--sun)}#vessel-mode.air{color:var(--hot)}#hud-topright{top:20px;right:24px;text-align:right}.score-label{font-size:10px;letter-spacing:.3em;opacity:.55}#score{font-size:34px;font-weight:900;line-height:1;text-shadow:0 3px 0 rgba(0,0,0,.35)}#combo{font-size:12px;letter-spacing:.12em;color:var(--sun);height:16px}#hud-bottomleft{bottom:20px;left:22px}#minimap{width:180px;height:180px;border-radius:16px;background:#080e228c;border:2px solid rgba(255,255,255,.16);pointer-events:auto;cursor:pointer}#hud-bottomright{bottom:20px;right:24px;text-align:right}#speedo{display:flex;align-items:baseline;justify-content:flex-end;gap:7px}#speed-val{font-size:56px;font-weight:900;line-height:.85;text-shadow:0 4px 0 rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.speed-unit{font-size:12px;letter-spacing:.2em;opacity:.55}#boost-wrap{margin-top:9px;margin-left:auto;width:190px;height:9px;border-radius:99px;background:#ffffff21;overflow:hidden}#boost-bar{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,var(--aqua),var(--sun),var(--hot));transform-origin:left;transition:filter .2s}#boost-wrap.empty #boost-bar{filter:grayscale(1) brightness(.6)}#vessel-strip{bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:8px}.vpill{display:flex;align-items:center;gap:7px;padding:7px 13px 7px 8px;border-radius:99px;background:#080e2280;border:2px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.55;transition:all .18s}.vpill.active{opacity:1;border-color:var(--sun);background:#ffd1662e}.vpill em{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#ffffff2e;font-style:normal;font-weight:900;font-size:10px}.vpill.active em{background:var(--sun);color:var(--ink)}#toast{top:16%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.toast-item{padding:8px 20px;border-radius:99px;background:#080e229e;border:2px solid rgba(255,255,255,.16);font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;animation:pop .35s cubic-bezier(.2,.9,.3,1.5),fadeout .5s ease 1.5s forwards}.toast-item.big{font-size:20px;color:var(--sun)}@keyframes pop{0%{transform:scale(.6);opacity:0}}@keyframes fadeout{to{opacity:0;transform:translateY(-14px)}}#crosshair{top:50%;left:50%;width:0;height:0;display:none}#crosshair.on{display:block}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--hot);box-shadow:0 0 8px var(--hot)}#crosshair:before{width:2px;height:20px;left:-1px;top:-10px}#crosshair:after{width:20px;height:2px;left:-10px;top:-1px}#bigmap{position:fixed;inset:0;z-index:50;background:#060a18eb;display:flex}#bigmap.hidden{display:none}#bigmap-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#bigmap-canvas:active{cursor:grabbing}#bigmap-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:12px 18px;background:linear-gradient(180deg,#080e22d9,#080e2200);pointer-events:none}#bigmap-title{font-size:15px;font-weight:900;letter-spacing:.1em;color:#fff}#bigmap-hint{font-size:11px;letter-spacing:.08em;opacity:.6}#bigmap-close{margin-left:auto;pointer-events:auto;padding:9px 16px;border-radius:99px;border:2px solid rgba(255,255,255,.2);background:#ff5d7338;color:#fff;font-family:var(--font);font-size:13px;font-weight:800;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent}#bigmap-close:active{transform:scale(.95)}#bigmap-zoom{position:absolute;right:16px;bottom:20px;display:flex;flex-direction:column;gap:8px}#bigmap-zoom button{width:46px;height:46px;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:#080e22b3;color:#fff;font-size:18px;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#bigmap-zoom button:active{transform:scale(.9);background:#ffd16640}#bigmap-zoom button[data-z=fit],#bigmap-zoom button[data-z=me]{font-size:11px;letter-spacing:.06em}#mobile-actions,#mobile-fire,#mobile-boost,#touch-hint{display:none}#joy-base{position:fixed;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#080e2261);border:2px solid rgba(255,255,255,.22);z-index:16;pointer-events:none;opacity:0;transition:opacity .12s ease}#joy-base.on{opacity:1}#joy-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffe6a8,#ffd166);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #0006}body.touch-mode #mobile-actions{display:flex;flex-direction:column;gap:10px;top:92px;right:22px;pointer-events:auto}.mbtn{width:52px;height:52px;border-radius:14px;border:2px solid rgba(255,255,255,.18);background:#080e2299;color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mbtn:active{transform:scale(.92);background:#ffd16640}body.touch-mode #mobile-fire{display:grid;place-items:center;position:absolute;right:26px;bottom:118px;width:96px;height:96px;border-radius:50%;border:3px solid rgba(255,255,255,.22);background:radial-gradient(circle at 50% 38%,#ff8093,#e0384f);color:#fff;font-size:30px;line-height:1;box-shadow:0 8px #9c2437,0 14px 26px #0006;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#mobile-fire span{position:absolute;bottom:14px;font-size:11px;letter-spacing:.16em;font-weight:800}#mobile-fire:active{transform:translateY(5px);box-shadow:0 3px #9c2437}body.touch-mode #mobile-boost{display:grid;place-items:center;position:absolute;right:38px;bottom:224px;width:78px;height:78px;border-radius:50%;border:3px solid rgba(255,255,255,.22);background:radial-gradient(circle at 50% 38%,#86e6dd,#2ba99c);color:#04302b;font-size:30px;font-weight:900;box-shadow:0 7px #17766c,0 12px 22px #0006;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#mobile-boost span{position:absolute;bottom:12px;font-size:10px;letter-spacing:.14em;font-weight:800}#mobile-boost:active{transform:translateY(4px);box-shadow:0 3px #17766c}body.touch-mode #touch-hint{display:block;position:absolute;top:30%;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:99px;background:#080e228c;font-size:12px;letter-spacing:.06em;text-align:center;max-width:82vw;animation:fadeout 1s ease 5s forwards}@media(max-width:820px){.controls-grid{grid-template-columns:repeat(2,1fr)}#minimap{width:116px;height:116px}#speed-val{font-size:40px}#hud-bottomright{bottom:16px;right:18px}#vessel-strip{bottom:14px;gap:5px}.vpill{padding:9px 12px;font-size:12px}.vcard{width:44vw;max-width:210px}#launch{padding:16px 40px}}@media(max-width:560px){h1{font-size:34px}.vcard{width:45vw;padding:12px 11px 11px}.vcard .vn{margin-top:6px;font-size:15px}.vcard .vd{margin-top:4px;font-size:11px;line-height:1.32;min-height:0;max-height:3.96em;overflow:hidden}.vcard .stat{margin-top:4px;font-size:9px}.vcard .stat span{width:38px}#garage{gap:12px;padding:18px 12px}#garage-cards{gap:10px}.controls-grid{display:none}#vessel-strip{flex-wrap:wrap;justify-content:center;max-width:62vw}#hud-topright{top:14px;right:16px}#score{font-size:26px}}#weather-overlay{position:fixed;inset:0;pointer-events:none;z-index:12;overflow:hidden;background-color:#0000;transition:background-color 1.4s ease}#weather-overlay.w-overcast{background-color:#96a5b424}#weather-overlay.w-rain{background-color:#40546847}#weather-overlay.w-storm{background-color:#1a283c75}#weather-overlay.w-drought{background-color:#ffeec814}#weather-overlay.w-rain:before,#weather-overlay.w-storm:before{content:"";position:absolute;inset:-25%;background-image:repeating-linear-gradient(100deg,rgba(255,255,255,.06) 0 1px,transparent 1px 8px);opacity:.5;animation:rainfall .5s linear infinite}#weather-overlay.w-storm:before{opacity:.8;animation-duration:.32s}@keyframes rainfall{0%{transform:translateY(-16%)}to{transform:translateY(16%)}}#net-layer{inset:0}#net-layer.hidden{display:none}#net-plates{position:absolute;inset:0;overflow:hidden}.plate{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap;will-change:transform}.plate b{padding:3px 9px;border-radius:99px;background:#080e2299;border:1.5px solid rgba(255,255,255,.18);font-size:12px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.45)}.plate i{display:block;width:54px;height:4px;border-radius:99px;overflow:hidden;background:#00000073}.plate i s{display:block;height:100%;background:var(--aqua)}.plate.down b{color:var(--hot);text-decoration:line-through}.plate.down i s{background:var(--hot)}#net-roster{position:absolute;top:96px;right:24px;width:168px;padding:8px 10px;border-radius:12px;background:#080e2280;border:2px solid rgba(255,255,255,.12);font-size:11px}#net-head{display:flex;justify-content:space-between;align-items:center;letter-spacing:.18em;font-weight:800;font-size:9px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.12)}#net-count{opacity:.75;letter-spacing:.1em}#net-status.net-live{color:var(--aqua)}#net-status.net-connecting,#net-status.net-retrying{color:var(--sun)}#net-status.net-offline,#net-status.net-full{color:var(--hot)}.net-row{display:flex;align-items:center;gap:6px;padding:2px 0}.net-row .nrn{flex:1;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}.net-row.self .nrn{color:var(--sun);font-weight:800}.net-row.down .nrn{opacity:.45;text-decoration:line-through}.net-row em{display:block;width:34px;height:4px;border-radius:99px;overflow:hidden;background:#0006}.net-row em i{display:block;height:100%;background:var(--aqua)}.net-row.down em i{background:var(--hot)}#net-feed{position:absolute;bottom:78px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.feed-item{padding:4px 14px;border-radius:99px;background:#080e228c;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;animation:pop .3s cubic-bezier(.2,.9,.3,1.5),fadeout .6s ease 6.4s forwards}.feed-item.loud{color:var(--sun);border:1.5px solid rgba(255,209,102,.5)}.hit-marker{padding:3px 12px;font-size:13px;font-weight:900;letter-spacing:.1em;color:var(--hot);text-shadow:0 2px 0 rgba(0,0,0,.5);animation:pop .2s cubic-bezier(.2,.9,.3,1.5),fadeout .5s ease .9s forwards}#hull-wrap{margin-top:7px;margin-left:auto;width:190px;height:9px;border-radius:99px;background:#ffffff21;overflow:hidden;position:relative}#hull-bar{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,#7ef0c8,var(--aqua));transform-origin:left;transition:filter .2s}#hull-wrap span{position:absolute;right:7px;top:-1px;font-size:7px;letter-spacing:.22em;opacity:.5}#hull-wrap.critical #hull-bar{background:linear-gradient(90deg,var(--sun),var(--hot));animation:hullpulse .7s ease-in-out infinite}#hull-wrap.sunk #hull-bar{filter:grayscale(1) brightness(.5)}@keyframes hullpulse{50%{opacity:.45}}#hurt-flash{inset:0;pointer-events:none;opacity:0;transition:opacity .28s ease;background:radial-gradient(ellipse at center,#ff283c00 35%,#ff1e37d9)}#mp-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:4px 0 14px}#mp-row label{font-size:10px;letter-spacing:.28em;opacity:.6}#player-name{width:190px;padding:9px 14px;border-radius:99px;border:2px solid rgba(255,255,255,.22);background:#080e2280;color:var(--paper);font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:.08em;outline:none}#player-name:focus{border-color:var(--sun)}#mp-note{flex-basis:100%;font-size:10px;letter-spacing:.12em;opacity:.45}@media(max-width:780px){#net-roster{top:84px;right:14px;width:128px;font-size:10px}#net-feed{bottom:96px}#hull-wrap,#boost-wrap{width:140px}.plate b{font-size:11px}}