@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:400;src:url(./oswald-latin-400-normal-BAFo8sP8.woff2)format("woff2"),url(./oswald-latin-400-normal-D1wpMXgf.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(./oswald-latin-500-normal-B-eyT0Dw.woff2)format("woff2"),url(./oswald-latin-500-normal-DM85Di4w.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(./oswald-latin-700-normal-vy6hmKSr.woff2)format("woff2"),url(./oswald-latin-700-normal-UmC9Ev9x.woff)format("woff")}:root{--navy:#0d2a4a;--navy-2:#123a63;--panel:#091c34d1;--panel-2:#102c4ee6;--gold:#fc3;--gold-2:#ffb21e;--cyan:#48d6ff;--red:#ff4d4d;--green:#5ef38c;--cream:#fff6e0;--muted:#a9c3df;--ink:#0a1a2e;--display:"Lilita One", "Trebuchet MS", system-ui, sans-serif;--hud:"Oswald", "Arial Narrow", system-ui, sans-serif;--radius:14px;--shadow:0 10px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--navy);height:100%;color:var(--cream);font-family:var(--hud);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}#scene{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#app.playing #scene{cursor:none}#ui{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ui .interactive,#ui button,#ui input,#ui select,#ui a{pointer-events:auto}button{font:inherit;color:inherit}.panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #ffcc3359}.btn{pointer-events:auto;appearance:none;cursor:pointer;font-family:var(--display);letter-spacing:.5px;color:var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, var(--gold-2));text-shadow:0 1px #ffffff80;border:0;border-radius:999px;outline:none;padding:12px 26px;font-size:22px;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,filter .12s;box-shadow:0 5px #b97a12,0 10px 18px #00000059,inset 0 2px #fff9}.btn:hover,.btn:focus-visible,.btn.focus{filter:brightness(1.06);transform:translateY(-2px)scale(1.04)}.btn:focus-visible,.btn.focus{box-shadow:0 5px #b97a12,0 0 0 4px #48d6ffd9,0 10px 18px #00000059}.btn:active{transform:translateY(3px)scale(.98);box-shadow:0 2px #b97a12,0 4px 10px #00000059}.btn.secondary{color:var(--cream);text-shadow:0 2px #00000059;background:linear-gradient(#2b6aa8,#1b4d82 60%,#143c68);box-shadow:0 5px #0b2645,0 10px 18px #00000059,inset 0 2px #ffffff40}.btn.secondary:focus-visible,.btn.secondary.focus{box-shadow:0 5px #0b2645,0 0 0 4px #ffcc33e6,0 10px 18px #00000059}.btn.small{padding:8px 16px;font-size:16px}.btn:disabled{filter:grayscale(.9)brightness(.7);cursor:not-allowed;transform:none}.key{color:#1b2b44;min-width:26px;height:26px;font-family:var(--hud);background:linear-gradient(#f4f7fb,#c9d4e2);border-radius:6px;justify-content:center;align-items:center;margin:0 2px;padding:0 6px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 3px #7d8ea5,0 4px 8px #0000004d}.key.pad{border-radius:999px;min-width:26px}.muted{color:var(--muted)}.logo{font-family:var(--display);letter-spacing:2px;color:#9eeaff;background:linear-gradient(#fff 0%,#b8f1ff 28%,#5fd0ff 62%,#2f8fe8 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:4px #12408a;paint-order:stroke fill;filter:drop-shadow(0 8px #0c2e66)drop-shadow(0 18px 24px #00000073);-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,11vw,150px);line-height:.95;animation:4s ease-in-out infinite logo-bob;display:inline-block;position:relative}.logo-wrap{display:inline-block;position:relative}.logo-wrap .sparkle{color:#e9fbff;text-shadow:0 0 12px #8fe6ff;font-size:28px;animation:2.2s ease-in-out infinite twinkle;position:absolute}.logo.small{-webkit-text-stroke:2px #12408a;filter:drop-shadow(0 4px #0c2e66)drop-shadow(0 8px 12px #00000073);font-size:44px;animation:none}@keyframes logo-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;animation:.35s ease-out fade-in;display:flex;position:absolute;inset:0}.screen.dim{background:radial-gradient(#08182e59,#051020d9)}.screen.title{background:radial-gradient(at 50% 60%,#08182e00 0%,#0510208c 75%)}.title-tagline{font-family:var(--hud);letter-spacing:6px;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 6px #0009;margin-top:18px;font-size:20px}.menu-buttons{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px 22px;margin-top:38px;display:grid}.menu-buttons .btn{min-width:240px}.menu-footer{color:var(--muted);align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;bottom:18px}.sound-toggle{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:transform .1s,opacity .15s,background .15s;display:inline-flex}.sound-toggle:hover{background:#ffffff1f;transform:scale(1.15)}.sound-toggle:active{transform:scale(.95)}.sound-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sound-toggle.off{opacity:.6}.sheet{pointer-events:auto;width:min(980px,94vw);max-height:88vh;padding:26px 30px;overflow:hidden auto}.screen.multiplayer .sheet{flex-direction:column;height:min(760px,88vh);display:flex;overflow:hidden}.screen.multiplayer .sheet>h2,.screen.multiplayer .sheet>.actions{flex-shrink:0}.multiplayer-content{scrollbar-gutter:stable;flex:1;min-height:0;overflow:hidden auto}.multiplayer-skins{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.multiplayer-skins .seg{flex-wrap:wrap}.sheet h2{font-family:var(--display);color:var(--gold);letter-spacing:1px;text-shadow:0 3px #00000059;margin:0 0 6px;font-size:38px;font-weight:400}.sheet h3{font-family:var(--display);color:var(--cyan);margin:18px 0 8px;font-size:22px;font-weight:400}.sheet p{color:var(--cream);font-size:17px;line-height:1.45}.sheet .row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sheet .actions{flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:22px;display:flex}.settings-version{text-align:center;letter-spacing:.5px;margin-top:18px;font-size:14px}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:14px;margin-left:-4px;margin-right:-4px;padding:4px;display:grid}.card{appearance:none;text-align:left;cursor:pointer;color:var(--cream);pointer-events:auto;background:linear-gradient(#2b6aa88c,#12345cbf);border:2px solid #ffffff1f;border-radius:14px;outline:none;flex-direction:column;align-items:stretch;padding:14px 14px 12px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s;display:flex;position:relative}.card:hover,.card:focus-visible,.card.focus{border-color:var(--cyan);z-index:3;transform:translateY(-3px)scale(1.02)}.card.selected{z-index:2;border-color:var(--gold);position:relative;box-shadow:0 0 0 3px #ffcc3359}.card.locked{cursor:not-allowed}.card.locked .island-preview{filter:saturate(.7)brightness(.85)}.card .card-title{font-family:var(--display);color:var(--gold);font-size:20px}.card .card-sub{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35}.card .stars{letter-spacing:2px;color:#6b7f99;margin-top:6px;font-size:18px}.card .stars .on{color:var(--gold);text-shadow:0 0 8px #fc39}.card canvas{background:#1a5e9c;border-radius:8px;width:100%;height:auto;margin-bottom:8px;display:block}.campaign-pick{justify-content:center;margin:2px 0 10px;display:flex}.campaign-intro{min-height:2.9em}.campaign-brief{min-height:4.35em}@media (max-width:560px){.campaign-title{min-height:2.4em}.campaign-brief{min-height:7.25em}.campaign-pick .seg{border-radius:14px;flex-wrap:wrap;display:flex}.campaign-pick .seg button{flex:auto;padding:6px 10px;font-size:13px}}.island-preview{aspect-ratio:8/5;background:#1a5e9c;border-radius:9px;flex-shrink:0;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 8px #0011244d,0 0 0 1px #d2eef529}.island-preview img,.island-preview canvas{object-fit:cover;width:100%;height:100%;margin:0;animation:.18s ease-out fade-in;display:block}.island-preview [hidden]{display:none}.seg{border:2px solid #ffffff26;border-radius:999px;display:inline-flex;overflow:hidden}.seg button{appearance:none;color:var(--muted);font-family:var(--hud);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#12345cbf;border:0;outline:none;padding:8px 16px;font-size:16px}.seg button.on{background:linear-gradient(180deg, #ffe27a, var(--gold));color:var(--ink)}.seg button:focus-visible,.seg button.focus{box-shadow:inset 0 0 0 3px var(--cyan)}.field{grid-template-columns:minmax(130px,180px) minmax(0,1fr);align-items:center;gap:10px 18px;max-width:100%;margin:10px 0;font-size:17px;display:grid}.field>*{min-width:0}.field .seg{justify-self:start}@media (max-width:560px){.field{grid-template-columns:1fr;gap:6px 0}}.difficulty{margin-top:16px}input[type=range]{width:100%;min-width:0;accent-color:var(--gold)}input[type=text]{font:inherit;color:var(--cream);background:#0000004d;border:2px solid #fff3;border-radius:10px;outline:none;width:100%;min-width:0;padding:8px 12px;font-size:18px}input[type=text]:focus{border-color:var(--cyan)}input[type=text].bad,input[type=text][aria-invalid=true]{border-color:#ff8a8a}table.board{border-collapse:collapse;width:100%;font-size:16px}table.board th{text-align:left;color:var(--muted);letter-spacing:1px;text-transform:uppercase;padding:6px 8px;font-size:13px;font-weight:400}table.board td{border-top:1px solid #ffffff14;padding:6px 8px}table.board tr.me td{color:var(--gold)}.howto-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.howto-grid .card{cursor:default}.controls-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:15px}.controls-table td,.controls-table th{text-align:left;border-top:1px solid #ffffff14;padding:7px 10px}.controls-table th{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:400}.hud,.touch-build-guide{pointer-events:none;position:absolute;inset:0}.build-footprints{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.build-fit{fill-opacity:.32;stroke-width:2px;pointer-events:auto;cursor:pointer;touch-action:manipulation}.build-note{width:max-content;max-width:calc(100% - 16px);color:var(--cream);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#081426d1;border:1px solid #fc39;border-radius:999px;padding:5px 12px;font-size:14px;animation:.3s ease-out fade-in;position:absolute;bottom:172px;left:50%;overflow:hidden;transform:translate(-50%)}.hud.suggested .minimap{display:none!important}.hud.suggested .tools{left:8px}@media (orientation:portrait) and (max-width:640px){.build-note{font-size:12.5px;bottom:200px}}.phase-tag{font-family:var(--hud);color:#fff;text-shadow:0 2px 4px #0009;letter-spacing:.5px;background:linear-gradient(90deg,#0000008c,#00000040 80%,#0000);padding:10px 26px 10px 18px;font-size:26px;font-weight:500;position:absolute;top:0;left:0}.top-right{align-items:center;gap:10px;display:flex;position:absolute;top:12px;right:14px}.wave-pill{font-family:var(--display);color:var(--gold);letter-spacing:1px;padding:8px 16px;font-size:22px}.score-pill{font-family:var(--display);color:var(--cream);text-align:right;min-width:120px;padding:8px 16px;font-size:22px}.icon-btn{pointer-events:auto;appearance:none;background:var(--panel);width:44px;height:44px;color:var(--cream);cursor:pointer;border:2px solid #ffcc3359;border-radius:12px;place-items:center;font-size:20px;display:grid}.icon-btn:hover{border-color:var(--gold)}.timer{text-align:center;min-width:330px;font-family:var(--hud);letter-spacing:1px;color:#ffd9a8;text-shadow:0 2px 6px #0009;background:linear-gradient(#081426d1,#08142699);border-top:2px solid #ffb45a73;border-radius:12px 12px 6px 6px;padding:10px 26px 14px;font-size:30px;font-weight:500;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.timer .bar{background:#ffffff1f;border-radius:2px;height:4px;position:absolute;bottom:6px;left:14px;right:14px;overflow:hidden}.timer .bar i{transform-origin:0;background:linear-gradient(90deg,#ff5a4f,#ffb347);height:100%;display:block}.timer.panic{color:#ff8a80;animation:.5s ease-in-out infinite panic}@keyframes panic{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.06)}}.breach-alert{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;max-width:calc(100vw - 32px);font-family:var(--hud);letter-spacing:1px;text-transform:uppercase;text-align:center;color:#fff6e8;text-shadow:0 2px 4px #0000008c;background:#7a4800e6;border:2px solid #ffb020;border-radius:999px;padding:6px 18px;font-size:20px;font-weight:500;animation:.6s ease-in-out infinite breach-pulse;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ffb0208c}.breach-alert.critical{background:#84120aeb;border-color:#ff3b30;box-shadow:0 0 24px #ff3b30bf}@keyframes breach-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.breach-edge{width:0;height:0;position:absolute;top:0;left:0}.breach-edge:before,.breach-edge:after{content:"";filter:drop-shadow(0 0 4px #000000bf);animation:.6s ease-in-out infinite breach-edge;position:absolute}.breach-edge:before{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:32px solid #ffa30f;top:-15px;left:-14px}.breach-edge:after{background:#ffa30f;border-radius:3px;width:26px;height:12px;top:-6px;left:-38px}.breach-edge.critical:before{border-left-color:#ff2a1f}.breach-edge.critical:after{background:#ff2a1f}@keyframes breach-edge{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}@media (max-width:600px){.sheet{width:min(980px,96vw);padding:18px 16px}.breach-alert{padding:5px 14px;font-size:16px;top:50px}}.timer .sub{letter-spacing:2px;color:var(--muted);margin-top:2px;font-size:13px;display:block}.bars{align-items:center;gap:8px;display:flex;position:absolute;bottom:16px}.bars.left{left:190px}.bars.right{right:16px}.meter{background:#081426bf;border:1px solid #ffffff1a;border-radius:10px;width:210px;padding:6px 10px 8px;position:relative}.meter .label{letter-spacing:1px;color:#fff;text-transform:uppercase;font-size:14px}.meter .track{background:#00000073;border-radius:5px;height:10px;margin-top:4px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.meter .fill{border-radius:5px;height:100%;transition:width .25s ease-out}.meter .fill.green{background:linear-gradient(#8fff9e,#2fbf4f)}.meter .fill.red{background:linear-gradient(#ff9a8a,#d8302a)}.crest{clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);width:40px;height:46px;color:var(--cream);background:linear-gradient(#2f5f9e,#183a66);place-items:center;padding-bottom:6px;font-size:20px;display:grid}.crest.enemy{background:linear-gradient(#b0383a,#6a1c22)}.minimap{background:#081426cc;border:2px solid #ffffff26;border-radius:10px;padding:5px;position:absolute;bottom:14px;left:14px}.minimap canvas{image-rendering:pixelated;border-radius:6px;display:block}.queue{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14px;right:14px}.queue .slot{background:#081426cc;border:2px solid #ffffff26;border-radius:12px;place-items:center;width:78px;height:78px;display:grid}.queue .slot.current{border-color:#48d6ffcc;width:104px;height:104px;box-shadow:0 0 18px #48d6ff59}.queue .slot canvas{width:90%;height:90%}.queue .label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:13px;position:absolute;top:-22px;right:0}.tools{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14px;left:190px}.tool{pointer-events:auto;appearance:none;width:66px;height:66px;color:var(--cream);cursor:pointer;background:#081426cc;border:2px solid #ffffff26;border-radius:14px;place-items:center;font-size:30px;transition:transform .12s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.tool:hover{transform:scale(1.06)}.tool.active{border-color:var(--gold);box-shadow:0 0 16px #ffcc3380}.tool:disabled{opacity:.45}.tool .count{background:var(--gold);min-width:22px;height:22px;color:var(--ink);border-radius:11px;place-items:center;padding:0 5px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.tool.counter{cursor:default}.tool.counter:hover{transform:none}.tool.counter svg{margin-top:-10px}.tool.counter .label{text-align:center;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px;position:absolute;bottom:5px;left:0;right:0}.tool.counter.empty{opacity:.6;border-style:dashed}.tool.counter.empty .count{background:var(--red);color:#fff}.tool .hotkey{position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scale(.8)}.hint-keys{color:var(--muted);background:#08142699;border-radius:10px;align-items:center;gap:4px;padding:8px 10px;font-size:14px;display:flex}.artillery{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:14px;left:14px}.art-row{gap:10px;display:flex}.art-card{pointer-events:auto;appearance:none;width:112px;color:var(--cream);cursor:pointer;text-align:center;background:linear-gradient(#2b4262e6,#102038e6);border:2px solid #ffffff26;border-radius:14px;padding:10px 8px 8px;transition:transform .12s cubic-bezier(.34,1.56,.64,1);position:relative}.art-card:hover{transform:translateY(-3px)}.art-card.selected{border-color:var(--gold);box-shadow:0 0 18px #ffcc3373}.art-card.locked{filter:grayscale()brightness(.55);cursor:not-allowed}.art-card .icon{filter:drop-shadow(0 3px 2px #0006);font-size:34px;line-height:1}.art-card .name{letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:14px}.art-card .cost{color:var(--gold);font-size:12px}.art-card .k{color:var(--muted);font-size:11px;position:absolute;top:4px;left:6px}.summary{background:#081426d9;border:1px solid #ffffff26;border-radius:12px;width:330px;padding:14px 18px 12px;font-size:17px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.summary .line{align-items:center;gap:10px;margin:3px 0;display:flex}.summary .line b{color:var(--gold);font-weight:500}.summary .ready{pointer-events:auto;color:#fff;width:100%;font-family:var(--hud);letter-spacing:1px;cursor:pointer;text-align:center;background:linear-gradient(#ffffff1f,#ffffff0a);border:0;border-radius:8px;margin-top:10px;padding:8px 10px 6px;font-size:19px}.summary .ready:hover{background:linear-gradient(#ffcc3359,#ffcc3326)}.summary .ready small{color:var(--muted);font-size:12px;display:block}.banner{text-align:center;pointer-events:none;white-space:nowrap;animation:2.2s cubic-bezier(.34,1.56,.64,1) forwards banner-in;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.banner .big{font-family:var(--display);color:#fff;-webkit-text-stroke:3px #12408a;paint-order:stroke fill;text-shadow:0 6px #0c2e66,0 14px 26px #00000080;letter-spacing:1px;font-size:clamp(36px,min(6vw,9vh),84px)}.banner.red .big{color:#ffd2cc;-webkit-text-stroke-color:#8a1f1f;text-shadow:0 6px #5c1212,0 14px 26px #00000080}.banner.gold .big{color:#fff3c4;-webkit-text-stroke-color:#9a5b00;text-shadow:0 6px #6b3d00,0 14px 26px #00000080}.banner .small{font-family:var(--hud);letter-spacing:4px;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 6px #000000b3;margin-top:6px;font-size:22px}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}22%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)}}.callout{font-family:var(--display);white-space:nowrap;pointer-events:none;-webkit-text-stroke:2px #0a1a2ed9;paint-order:stroke fill;text-shadow:0 3px #0a1a2ecc;font-size:22px;animation:1.6s cubic-bezier(.34,1.56,.64,1) forwards callout;position:absolute;transform:translate(-50%,-50%)}.callout.big{font-size:32px}.callout.good{color:#8fffa0}.callout.bad{color:#ff8a80}.callout.gold{color:#ffe066}.callout.info{color:#fff}@keyframes callout{0%{opacity:0;margin-top:0;transform:translate(-50%,-50%)scale(.2)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}28%{transform:translate(-50%,-50%)scale(.95)}38%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1;margin-top:-26px}to{opacity:0;margin-top:-46px;transform:translate(-50%,-50%)scale(.9)}}.shipbar{pointer-events:none;align-items:center;gap:3px;width:56px;height:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.shipbar .skull{color:#ffd0c8;background:#2a1214;border:1.5px solid #ffd0c8;border-radius:50%;flex:none;place-items:center;width:12px;height:12px;font-size:8px;display:grid}.shipbar .t{background:#0000008c;border-radius:3px;flex:1;height:6px;overflow:hidden;box-shadow:0 0 0 1px #0006}.shipbar .f{background:linear-gradient(#ff7a6a,#d8302a);height:100%}.shipbar.boss{width:120px}.cursor-hint{color:#ffd2cc;white-space:nowrap;pointer-events:none;background:#3c0a0ad9;border-radius:8px;padding:5px 10px;font-size:14px;position:absolute;transform:translate(-50%,-140%)}.cursor-ticket{color:var(--cream);white-space:nowrap;pointer-events:none;background:#081426e0;border:2px solid #ffffff47;border-radius:10px;align-items:center;gap:7px;padding:4px 10px 4px 7px;font-size:14px;display:flex;position:absolute;transform:translate(-50%,26px);box-shadow:0 4px 10px #0000004d}.cursor-ticket.above{transform:translate(-50%,calc(-100% - 46px))}.cursor-ticket .t-icon{color:var(--gold);place-items:center;display:grid}.cursor-ticket .t-body{flex-direction:column;line-height:1.25;display:flex}.cursor-ticket .t-sub{color:var(--muted);font-size:12px}.cursor-ticket.normal{opacity:.85;font-size:13px}.cursor-ticket.clear{border-style:dashed;border-color:#ffb347}.cursor-ticket.armed{border:3px solid #ffe066;font-weight:700;animation:.9s ease-in-out infinite ticket-pulse}.cursor-ticket.short{border:4px double var(--red);color:#ffd2cc;background:#3c0a0aeb}.cursor-ticket.done{border-color:var(--green)}.cursor-ticket.empty{color:var(--muted);border-style:dotted}@keyframes ticket-pulse{50%{box-shadow:0 0 16px #ffe066bf}}.boss-bar{text-align:center;width:min(560px,70vw);font-family:var(--display);color:#ffd2cc;text-shadow:0 2px 4px #0009;font-size:20px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.boss-bar .track{background:#0000008c;border:2px solid #ffc8be80;border-radius:7px;height:14px;margin-top:4px;overflow:hidden}.boss-bar .fill{background:linear-gradient(#ff8a6a,#c02020);height:100%;transition:width .2s}.coach{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9;letter-spacing:.3px;width:max-content;max-width:min(760px,70vw);color:var(--cream);text-align:center;text-shadow:0 1px 3px #00000080;background:#081426c7;border:1px solid #ffffff26;border-radius:999px;padding:8px 18px;font-size:16px;animation:.4s ease-out fade-in;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast{color:var(--cream);background:#081426d9;border-radius:10px;padding:8px 16px;font-size:16px;animation:.2s ease-out fade-in;position:absolute;top:70px;left:50%;transform:translate(-50%)}.p-side{width:230px;padding:10px 14px;font-size:15px;position:absolute;top:54px}.p-side.left{left:14px}.p-side.right{text-align:right;right:14px}.p-side.mid{text-align:right;top:160px;right:14px}.p-side .name{font-family:var(--display);font-size:22px}.sandbox-bar{flex-direction:column;gap:8px;width:220px;padding:10px;display:flex;position:absolute;top:60px;left:14px}.sandbox-bar .grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sandbox-bar .grid button{pointer-events:auto;cursor:pointer;background:#102038e6;border:2px solid #ffffff1f;border-radius:8px;place-items:center;height:40px;padding:2px;display:grid}.sandbox-bar .grid button.on{border-color:var(--gold)}.sandbox-bar .grid canvas{width:30px;height:30px}.sandbox-bar h4{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:400}.results-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.stat{background:#00000040;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px}.stat .v{font-family:var(--display);color:var(--gold);font-size:30px}.stat .l{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:13px}.big-stars{letter-spacing:8px;color:#42536b;text-align:center;font-size:54px}.big-stars .on{color:var(--gold);text-shadow:0 0 18px #ffcc33b3;animation:.6s cubic-bezier(.34,1.56,.64,1) backwards star-pop;display:inline-block}@keyframes star-pop{0%{transform:scale(0)rotate(-90deg)}}@keyframes fade-in{0%{opacity:0}}.loading{font-family:var(--display);color:var(--cream);background:var(--navy);place-items:center;font-size:32px;display:grid;position:absolute;inset:0}.webgl-error{text-align:center;background:var(--navy);place-items:center;padding:40px;font-size:20px;display:grid;position:absolute;inset:0}@media (max-width:900px){.menu-buttons{grid-template-columns:1fr}.bars.left{display:none}.howto-grid{grid-template-columns:1fr}.results-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1360px){.hint-keys{white-space:nowrap;position:absolute;bottom:calc(100% + 8px);left:0}}@media (max-width:1200px){.timer{min-width:230px;padding:8px 18px 12px;font-size:24px}.queue{gap:8px}.queue .slot{width:64px;height:64px}.queue .slot.current{width:86px;height:86px}.bars .crest{display:none}.meter{width:150px}.art-card{width:96px;padding:8px 6px 6px}.art-card .name{font-size:12px}.summary{width:290px;font-size:15px}}@media (max-height:520px),(orientation:landscape) and (max-height:600px){.screen.title{justify-content:flex-start;padding:10px 16px;overflow-y:auto}.screen.title .logo-wrap{margin-top:auto}.screen.title .logo{-webkit-text-stroke:2px #12408a;filter:drop-shadow(0 4px #0c2e66)drop-shadow(0 6px 10px #00000073);font-size:clamp(32px,8vh,46px);line-height:1}.screen.title .title-tagline{letter-spacing:3px;margin-top:4px;font-size:13px}.screen.title .menu-buttons{grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px 12px;width:min(720px,94vw);margin-top:10px}.screen.title .menu-buttons .btn{min-width:0;padding:7px 14px;font-size:16px}.screen.title .menu-footer{gap:12px;margin-top:10px;margin-bottom:auto;font-size:13px;position:relative;bottom:auto}.screen.title .menu-footer .btn.small{padding:5px 12px;font-size:14px}.sheet{width:min(920px,96vw);max-height:94vh;padding:12px 18px;overflow:hidden auto}.sheet h2{margin-bottom:4px;font-size:26px}.sheet h3{margin:8px 0 4px;font-size:18px}.sheet p{font-size:14px;line-height:1.35}.campaign-pick{margin:2px 0 6px}.campaign-pick .seg button{padding:5px 12px;font-size:13px}.campaign-intro,.campaign-brief{min-height:0}.cards{gap:10px;margin-top:8px}.card{padding:8px 10px}.card .card-title{font-size:16px}.card .card-sub{margin-top:2px;font-size:11.5px}.card .stars{margin-top:3px;font-size:14px}.island-preview{margin-bottom:6px}.sheet .actions{gap:10px;margin-top:10px}.sheet .actions .btn{padding:8px 18px;font-size:18px}.minimap{display:none}.tools{bottom:12px;left:12px}.tool{width:56px;height:56px}.timer{min-width:180px;padding:6px 14px 11px;font-size:20px;bottom:10px}.timer .sub{letter-spacing:1px;font-size:11px}.queue{gap:6px;bottom:12px;right:12px}.queue .slot{width:52px;height:52px}.queue .slot.current{width:70px;height:70px}.breach-alert{top:48px}.coach{max-width:min(760px,84vw);padding:5px 14px;font-size:14px}.artillery{gap:6px;bottom:12px;left:12px}.art-row{gap:6px}.art-card{border-radius:10px;width:78px;padding:6px 4px 5px}.art-card .icon svg{width:26px;height:26px}.art-card .name{letter-spacing:.5px;margin-top:2px;font-size:11px}.art-card .cost{font-size:10px}.summary{width:230px;padding:8px 12px;font-size:13px;bottom:12px;left:auto;right:12px;transform:none}.summary .line{gap:8px;margin:1px 0}.summary .ready{margin-top:6px;padding:6px 8px 4px;font-size:15px}.summary .ready small{font-size:11px}}@media (max-height:520px) and (max-width:560px),(orientation:landscape) and (max-height:600px) and (max-width:560px){.screen.title .menu-buttons{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media (prefers-reduced-motion:reduce){.logo,.logo-wrap .sparkle,.cursor-ticket.armed{animation:none}}.online-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;display:grid}@media (max-width:720px){.online-grid{grid-template-columns:1fr}}.online-card{background:linear-gradient(#2b6aa873,#12345cb3);border:2px solid #ffffff1f;border-radius:14px;align-content:start;gap:12px;padding:16px 18px;display:grid}.online-card h3{margin:0}.online-card p{color:var(--muted);margin:0;font-size:15px}.room-code{font-family:var(--display);color:var(--gold);letter-spacing:3px;text-align:center;text-shadow:0 3px #00000059;-webkit-user-select:all;user-select:all;font-size:44px}.open-room-choice{cursor:pointer;align-items:center;gap:10px;display:flex}.open-room-choice input{width:20px;height:20px;accent-color:var(--gold)}.open-matches h3{margin-bottom:6px}.open-matches p{font-size:15px}.open-rooms{gap:8px;max-height:240px;display:grid;overflow-y:auto}.open-room{background:#2b6aa84d;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.open-room-name{overflow-wrap:anywhere}.open-room.own{border:2px solid var(--gold);background:#ffcc331f}.open-room-tag{color:var(--gold);white-space:nowrap;border:1px solid #ffcc3380;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:13px}.open-room .btn{flex-shrink:0;min-width:90px}.net-status{min-height:1.4em;color:var(--cream);font-size:16px}.net-status.ok{color:#7cf0a0}.net-status.error{color:#ff8a8a}input[type=text].code-input{box-sizing:border-box;width:100%;font-family:var(--display);letter-spacing:3px;text-align:center;font-size:26px}.net-pill{font-family:var(--hud);letter-spacing:.5px;color:#7cf0a0;padding:8px 12px;font-size:15px}.net-pill.warn{color:#ffb347}.net-pill.bad{color:#ff8a8a}.training-layer{pointer-events:none;position:absolute;inset:0}.training{pointer-events:auto;width:min(370px,100vw - 32px);color:var(--cream);padding:12px 16px 14px;position:absolute;top:66px;left:16px}.training.enter{animation:.35s cubic-bezier(.34,1.56,.64,1) training-in}.training.waiting{box-shadow:var(--shadow), 0 0 0 4px #ffcc332e;border-color:#fc3c}.training-head{font-family:var(--hud);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.training-progress{background:#ffffff1f;border-radius:3px;flex:1;height:5px;overflow:hidden}.training-progress i{background:linear-gradient(90deg, var(--gold-2), var(--gold));transform-origin:0;height:100%;transition:transform .4s ease-out;display:block}.training-title{font-family:var(--display);color:var(--gold);text-shadow:0 2px #00000059;margin-top:8px;font-size:24px}.training-body{margin-top:4px;font-size:15px;line-height:1.4}.training-objective{font-family:var(--hud);letter-spacing:.5px;color:#fff;background:#ffffff12;border-radius:8px;margin-top:10px;padding:6px 10px;font-size:16px}.training-objective:before{content:"▸ ";color:var(--gold)}.training-tip{color:#bfe9ff;margin-top:8px;font-size:14px;line-height:1.35}.training-tip:before{content:"Tip: ";color:var(--cyan);font-weight:700}.training-next{float:right;align-items:center;gap:8px;margin-top:12px;display:inline-flex}.training-next small{background:#00000040;border-radius:4px;padding:1px 6px;font-size:11px}.training:after{content:"";clear:both;display:block}.training-pin{flex-direction:column;align-items:center;animation:1.1s ease-in-out infinite pin-bob;display:flex;position:absolute;transform:translate(-50%,-100%)}.training-pin span{background:var(--gold);color:var(--ink);font-family:var(--display);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:17px;box-shadow:0 4px 12px #00000059}.training-pin i{border-left:9px solid #0000;border-right:9px solid #0000;border-top:12px solid var(--gold);width:0;height:0;margin-top:-1px}.hud .glow{animation:1.2s ease-in-out infinite training-glow}.hud .queue.glow{border-radius:14px}.hud.held button{pointer-events:none}@keyframes training-in{0%{opacity:0;transform:translate(-18px)}}@keyframes pin-bob{50%{margin-top:-8px}}@keyframes training-glow{0%,to{box-shadow:0 0 #fc30}50%{box-shadow:0 0 0 4px #ffcc33bf}}.howto-train{background:#ffcc3314;border:2px solid #ffcc3380;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.howto-train-title{font-family:var(--display);color:var(--gold);font-size:20px}.howto-goal{margin:0 0 14px;line-height:1.45}.sheet.offer{width:min(560px,92vw)}.sheet.offer p{line-height:1.45}@media (orientation:portrait) and (max-width:640px){.training{width:calc(100vw - 16px);max-height:38vh;top:60px;left:8px;overflow-y:auto}.training-title{font-size:19px}.training-body{font-size:13.5px}.training-tip{font-size:12.5px}.timer{width:auto;min-width:0;font-size:22px;bottom:8px;left:8px;right:8px;transform:none}.hud.touch .tools{flex-wrap:nowrap;max-width:none;bottom:78px;left:8px;right:auto}.hud.touch .tool{width:46px;height:46px}.queue{gap:6px;bottom:132px;right:8px}.queue .slot{width:46px;height:46px}.queue .slot.current{width:60px;height:60px}.minimap{bottom:132px;left:8px}.minimap canvas{width:84px;height:auto}.bars.right{bottom:78px;right:8px}.meter{width:120px}.summary{width:calc(100vw - 16px);bottom:78px}.artillery{max-height:24vh;bottom:140px;left:8px;overflow-y:auto}}@media (max-width:640px){.hud.ffa .p-side{text-align:center;width:calc(33.3333vw - 10.6667px);padding:6px;font-size:11px;top:160px}.hud.ffa .p-side.left{left:8px}.hud.ffa .p-side.right{left:calc(33.3333vw + 5.33333px);right:auto}.hud.ffa .p-side.mid{right:8px}.hud.ffa .p-side .name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}}.battle-list{flex-direction:column;gap:10px;display:flex}.battle-row{background:#081e3699;border:1px solid #6ec6ea40;border-radius:14px;align-items:center;gap:16px;padding:12px;display:flex}.battle-row .island-preview{flex:0 0 92px;width:92px;margin:0}.battle-row .island-preview canvas{object-fit:contain;width:100%;height:100%;display:block}.battle-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.battle-info strong{color:var(--gold);font:21px var(--hud)}.battle-info .muted{font-size:14px}.battle-tag{color:var(--cyan);font:13px var(--hud)}.battle-host-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.battle-key{border:1px solid var(--cyan);border-radius:12px;margin-bottom:12px;padding:0 14px 14px}.battle-key .row{flex-wrap:wrap;gap:12px;display:flex}.battle-row .room-code{padding:6px 0;font-size:18px}.screen.multiplayer [hidden]{display:none!important}.screen.multiplayer .sheet>.actions{justify-content:space-between}@media (max-width:560px){.battle-row{flex-wrap:wrap;gap:10px}.battle-row .island-preview{flex-basis:58px;width:58px}.battle-row>.btn{margin-left:auto}.screen.multiplayer .sheet>.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.screen.multiplayer .sheet>.actions>.btn:last-child{grid-column:1/-1}.battle-info strong{font-size:18px}}.multiplayer-host .sheet>.actions>.btn:last-child{min-width:220px}.multiplayer-browser .net-status:empty{display:none}.multiplayer-browser .battle-row{padding:8px 12px}.multiplayer-browser .battle-info{gap:3px;line-height:1.25}.multiplayer-host .island-preview canvas{object-fit:contain}@media (max-width:560px){.multiplayer-host .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.multiplayer-host .card{padding:8px}.multiplayer-host .card-title{font-size:18px}}.battle-filters{flex-wrap:wrap;align-items:center;gap:12px 24px;margin:12px 0 16px;font-size:15px;display:flex}.battle-filters label{align-items:center;gap:8px;display:inline-flex}.battle-filters select{color:var(--cream);font:inherit;background:#102e4a;border:1px solid #6ec6ea66;border-radius:8px;padding:6px 10px}.battle-filters input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan)}.local-player-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.local-player-controls>p{grid-column:1/-1;margin:0}.local-player-controls-card{background:#081e3699;border-radius:10px;padding:12px;font-size:15px}.local-player-controls-card strong{color:var(--cyan)}.local-player-controls-card dl{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:14px 0 0;display:grid}.local-player-controls-card dd{margin:0}.local-player-controls-card .key{white-space:nowrap;vertical-align:middle;margin-bottom:3px}@media (max-width:700px){.local-player-controls{grid-template-columns:1fr}}