@font-face{font-family:Big Shoulders Stencil;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/big-shoulders-stencil-latin-700-normal-kpOjPBOh.woff2) format("woff2"),url(/assets/big-shoulders-stencil-latin-700-normal-CA6_N2Mm.woff) format("woff")}@font-face{font-family:Big Shoulders Stencil;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-stencil-latin-900-normal-BMLTXZai.woff2) format("woff2"),url(/assets/big-shoulders-stencil-latin-900-normal-1h3CkAxD.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-CtwdMZP0.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-Gqj0RTbC.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BRhHB0xN.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-BAaAwKGi.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DMnFtVx9.woff2) format("woff2"),url(/assets/barlow-latin-600-normal-DznpAvW9.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BZhxI-S8.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-CgFv4DbK.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-BN11TKSn.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-CX7qwx3H.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-B9NQhHK3.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-IaWpoxiT.woff) format("woff")}:root{color-scheme:dark;--night: #060b10;--night-2: #08131a;--deck: #0b1a22;--acrylic: #0b2128;--acrylic-2: #0e2a31;--etch: rgba(124, 255, 178, .17);--etch-strong: rgba(124, 255, 178, .34);--edge: rgba(150, 255, 200, .55);--phosphor: #7cffb2;--phosphor-dim: #4fb985;--phosphor-ink: #0a2a1c;--pencil: #ffc24b;--pencil-deep: #e29a12;--pencil-ink: #241500;--signal: #ff5a3c;--signal-deep: #c7321a;--chalk: #e9f1ec;--muted: #9bb2ab;--faint: #5f7a76;--steel: #7d97a3;--steel-fill: #1a2f38;--font-display: "Big Shoulders Stencil", "Barlow Condensed", system-ui, sans-serif;--font-plate: "Barlow Condensed", "Barlow", system-ui, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(16px, 4vw, 40px);--radius: 2px;--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-plate: 0 10px 30px -12px rgba(0, 0, 0, .7), 0 2px 6px -2px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--night)}body{margin:0;min-height:100dvh;background:radial-gradient(120% 70% at 50% -10%,rgba(79,185,133,.1),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(255,194,75,.05),transparent 70%),var(--night);color:var(--chalk);font-family:var(--font-body);font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}::selection{background:var(--pencil);color:var(--pencil-ink)}*{scrollbar-width:thin;scrollbar-color:var(--etch-strong) transparent;caret-color:var(--pencil)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--etch-strong);border-radius:0}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--pencil);outline-offset:3px}a{color:var(--phosphor);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--chalk)}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:.92;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px var(--gutter);padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--etch);background:linear-gradient(to bottom,#060b10f5,#060b10bf);position:sticky;top:0;z-index:30;backdrop-filter:blur(6px)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--chalk);text-decoration:none;margin-right:auto;min-width:0}.wordmark svg{flex:none}.wordmark b{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.03em;text-transform:uppercase;line-height:1;white-space:nowrap}.wordmark small{display:block;font-family:var(--font-plate);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1.2}.toggles{display:flex;align-items:center;gap:4px}.icon-btn{appearance:none;border:1px solid transparent;background:none;width:40px;height:40px;display:inline-grid;place-items:center;border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s}.icon-btn:hover{color:var(--chalk);border-color:var(--etch)}.icon-btn[aria-pressed=false]{color:var(--faint)}.lang{appearance:none;background:none;border:1px solid var(--etch);height:32px;padding:0 10px;font-family:var(--font-plate);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--chalk);cursor:pointer;border-radius:var(--radius);white-space:nowrap}.lang span{color:var(--faint)}.lang span.on{color:var(--pencil)}.conn{font-family:var(--font-plate);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:6px}.conn:before{content:"";width:7px;height:7px;background:currentColor;animation:blink 1s steps(2) infinite}main{flex:1;display:flex;flex-direction:column}.footer{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;padding:18px var(--gutter);padding-bottom:max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--etch);font-size:14px;color:var(--muted)}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--chalk)}.plate{--tick: var(--etch-strong);position:relative;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 22px;border:1px solid var(--etch-strong);border-radius:var(--radius);background:#0b2128a6;color:var(--chalk);font-family:var(--font-plate);font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;user-select:none;transition:background .18s,border-color .18s,color .18s,transform .12s var(--ease-out)}.plate:before,.plate:after{content:"";position:absolute;width:9px;height:9px;border-color:var(--tick);border-style:solid;pointer-events:none;transition:border-color .18s,inset .25s var(--ease-out)}.plate:before{top:-4px;left:-4px;border-width:2px 0 0 2px}.plate:after{bottom:-4px;right:-4px;border-width:0 2px 2px 0}.plate:hover{border-color:var(--edge);--tick: var(--phosphor)}.plate:hover:before{top:-6px;left:-6px}.plate:hover:after{bottom:-6px;right:-6px}.plate:active{transform:translateY(1px) scale(.99)}.plate:disabled,.plate[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.plate--primary:disabled,.plate--fire:disabled{opacity:1;background:transparent;box-shadow:none;color:var(--faint);border-color:#ffc24b61}.plate--fire:disabled{border-color:#ff5a3c61}.plate--primary:disabled:before,.plate--primary:disabled:after,.plate--fire:disabled:before,.plate--fire:disabled:after{display:none}.plate--primary{--tick: var(--pencil);background:var(--pencil);border-color:var(--pencil);color:var(--pencil-ink);box-shadow:var(--shadow-plate)}@media(hover:hover){.plate--primary:not(:disabled):hover{background:#ffd27a;border-color:#ffd27a;--tick: #ffd27a}}.plate--fire{--tick: var(--signal);background:var(--signal);border-color:var(--signal);color:#1d0500;box-shadow:0 10px 30px -10px #ff5a3c8c;font-size:22px;min-height:60px}@media(hover:hover){.plate--fire:not(:disabled):hover{background:#ff7559;border-color:#ff7559;--tick: #ff7559}}.plate--ghost{background:transparent}.plate--small{min-height:40px;padding:6px 14px;font-size:15px}.plate--wide{width:100%}.plate .sub{display:block;font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;opacity:.78}.field{display:grid;gap:6px}.field label,.label{font-family:var(--font-plate);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.field .hint{font-size:14px;color:var(--muted)}.field .err{font-size:14px;color:var(--signal)}.input{appearance:none;width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--etch-strong);border-radius:var(--radius);background:#040c10cc;color:var(--chalk);font-family:var(--font-plate);font-weight:600;font-size:22px;letter-spacing:.04em;transition:border-color .18s,box-shadow .18s}.input::placeholder{color:var(--faint)}.input:focus{outline:none;border-color:var(--pencil);box-shadow:0 0 0 3px #ffc24b2e}.input--code{text-transform:uppercase;letter-spacing:.32em;font-variant-numeric:tabular-nums}.segmented{display:grid;gap:8px;grid-template-columns:repeat(var(--n, 3),1fr)}.segment{appearance:none;text-align:left;border:1px solid var(--etch);background:#0b212873;padding:12px 12px 10px;border-radius:var(--radius);cursor:pointer;min-height:64px;display:grid;align-content:start;gap:2px;transition:border-color .18s,background .18s}.segment b{font-family:var(--font-plate);font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase}.segment small{font-size:13px;color:var(--muted);line-height:1.3}.segment:hover{border-color:var(--etch-strong)}.segment[aria-checked=true]{border-color:var(--pencil);background:#ffc24b17;box-shadow:inset 0 0 0 1px var(--pencil)}.segment[aria-checked=true] b{color:var(--pencil)}.bridge{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(16px,3vw,40px) var(--gutter) clamp(28px,4vw,56px);max-width:1440px;width:100%;margin:0 auto}.scope-wrap{position:relative;width:min(100%,78vh);aspect-ratio:1;justify-self:center}.scope-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.scope-title{position:absolute;left:0;right:0;top:50%;translate:0 -50%;text-align:center;font-size:clamp(64px,11vw,150px);line-height:.84;white-space:pre-line;color:var(--chalk);text-shadow:0 0 28px rgba(6,11,16,.95),0 2px 0 rgba(6,11,16,.9);pointer-events:none}.scope-title em{font-style:normal;display:block;font-family:var(--font-plate);font-weight:600;font-size:clamp(13px,1.3vw,16px);letter-spacing:.32em;color:var(--phosphor);margin-top:14px}.scope-readout{position:absolute;font-family:var(--font-plate);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor-dim);pointer-events:none}.scope-readout--tl{top:2%;left:0}.scope-readout--br{bottom:2%;right:0;text-align:right}.scope-readout b{color:var(--phosphor);font-weight:700}.console{display:grid;gap:22px;align-content:center;max-width:480px;width:100%;justify-self:center}.console .lead{font-size:19px;color:var(--muted);max-width:40ch}.console .actions{display:grid;gap:14px}.console .actions .plate{justify-content:space-between;text-align:left;min-height:76px;padding:12px 20px}.console .actions .plate svg{flex:none}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.resume{border:1px dashed var(--pencil);color:var(--pencil);background:#ffc24b0f}.panel-title{font-size:clamp(34px,4vw,48px)}.backlink{appearance:none;background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:var(--font-plate);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;justify-self:start}.backlink:hover{color:var(--chalk)}.board{--cell: calc((100% - var(--lbl)) / 10);--lbl: 22px;position:relative;width:100%;aspect-ratio:1;display:grid;grid-template-columns:var(--lbl) repeat(10,1fr);grid-template-rows:var(--lbl) repeat(10,1fr);user-select:none;touch-action:manipulation}.board__corner{grid-area:1 / 1}.board__lbl{display:grid;place-items:center;font-family:var(--font-plate);font-weight:600;font-size:clamp(10px,1.6vw,13px);letter-spacing:.06em;color:var(--phosphor-dim)}.board__lbl.hot{color:var(--pencil)}.board__sea{grid-area:2 / 2 / 12 / 12;position:relative;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);background:linear-gradient(180deg,rgba(150,255,200,.06),transparent 18%),radial-gradient(130% 100% at 50% 0%,var(--acrylic-2),var(--acrylic) 70%);border:1px solid var(--etch-strong);border-top-color:var(--edge);box-shadow:inset 0 1px #c8ffe140,inset 0 0 50px #7cffb20d,0 24px 60px -30px #000000e6;overflow:hidden;isolation:isolate}.cell{appearance:none;position:relative;border:0;border-right:1px solid var(--etch);border-bottom:1px solid var(--etch);background:transparent;padding:0;margin:0;cursor:default;min-width:0;min-height:0}.cell:nth-child(10n){border-right:0}.cell:nth-last-child(-n+10){border-bottom:0}.board--target .cell.open{cursor:crosshair}.board--target .cell.open:hover:after,.cell.cursor:after{content:"";position:absolute;inset:16%;opacity:.8;background:linear-gradient(var(--pencil),var(--pencil)) left top / 35% 2px no-repeat,linear-gradient(var(--pencil),var(--pencil)) left top / 2px 35% no-repeat,linear-gradient(var(--pencil),var(--pencil)) right top / 35% 2px no-repeat,linear-gradient(var(--pencil),var(--pencil)) right top / 2px 35% no-repeat,linear-gradient(var(--pencil),var(--pencil)) left bottom / 35% 2px no-repeat,linear-gradient(var(--pencil),var(--pencil)) left bottom / 2px 35% no-repeat,linear-gradient(var(--pencil),var(--pencil)) right bottom / 35% 2px no-repeat,linear-gradient(var(--pencil),var(--pencil)) right bottom / 2px 35% no-repeat}.cell.aimed{background:#ffc24b29}.cell.aimed:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--pencil),var(--pencil)) center / 2px 100% no-repeat,linear-gradient(var(--pencil),var(--pencil)) center / 100% 2px no-repeat;opacity:.85;mask:radial-gradient(circle,transparent 22%,#000 23%)}.cell.preview{background:#7cffb229}.cell.preview.bad{background:#ff5a3c38}.cell.halo{background:#7cffb20a}.mark{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.mark{filter:url(#wax)}.mark path,.mark circle{fill:none;stroke-linecap:round;stroke-linejoin:round}.mark--miss path{stroke:var(--chalk);stroke-width:7;opacity:.85}.mark--miss .dot{fill:var(--chalk);stroke:none;opacity:.55}.mark--hit path{stroke:var(--signal);stroke-width:11}.mark--hit{filter:url(#wax) drop-shadow(0 0 6px rgba(255,90,60,.6))}.mark--own-hit path{stroke:var(--signal);stroke-width:11}.mark.fresh path,.mark.fresh circle{stroke-dasharray:200;stroke-dashoffset:200;animation:draw .42s var(--ease-out) forwards}.mark.fresh path:nth-of-type(2){animation-delay:.14s}.fleet-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.ship{position:absolute;padding:.8%;transition:left .22s var(--ease-out),top .22s var(--ease-out)}.ship svg{width:100%;height:100%;display:block;overflow:visible}.ship .hull,.ship-icon .hull{fill:var(--steel-fill);stroke:var(--steel);stroke-width:1.4;vector-effect:non-scaling-stroke}.ship .deck,.ship-icon .deck{fill:none;stroke:var(--steel);stroke-width:1;opacity:.7;vector-effect:non-scaling-stroke}.ship .tower,.ship-icon .tower{fill:var(--steel);opacity:.55}.ship.sunk .hull{fill:#ff5a3c29;stroke:var(--signal)}.ship.sunk .deck,.ship.sunk .tower{stroke:var(--signal);fill:var(--signal);opacity:.35}.ship.revealed .hull{fill:#e9f1ec0f;stroke:var(--muted);stroke-dasharray:4 3}.ship.lifted{filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}.ship.lifted .hull{stroke:var(--pencil);fill:#ffc24b24}.ship.just-sunk{animation:sinkflash 1.2s var(--ease-out)}.sweep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}.ping{position:absolute;width:10%;aspect-ratio:1;pointer-events:none;z-index:3}.ping:before,.ping:after{content:"";position:absolute;inset:0;border:2px solid var(--phosphor);border-radius:50%;animation:ping .9s var(--ease-out) forwards}.ping:after{animation-delay:.16s;opacity:0}.ping.hit:before,.ping.hit:after{border-color:var(--signal)}.board.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}.leader{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}.leader line{stroke:var(--pencil);stroke-width:1;stroke-dasharray:3 3;opacity:.8}.leader circle{fill:none;stroke:var(--pencil);stroke-width:1.5}.match{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--gutter) 24px;display:flex;flex-direction:column;gap:16px}.band{position:relative;display:flex;align-items:center;gap:16px;min-height:68px;margin:0 calc(var(--gutter) * -1);padding:10px var(--gutter);border-bottom:1px solid var(--etch);background:#08131ad9;transition:background .35s var(--ease-out),color .35s;overflow:hidden}.band h2{font-size:clamp(30px,5.2vw,56px);line-height:.9;margin-right:auto;min-width:0}.band .meta{font-family:var(--font-plate);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.band--watch{background:var(--pencil);color:var(--pencil-ink);border-bottom-color:var(--pencil-deep)}.band--watch .meta{color:#241500b8}.band--watch:after{content:"";position:absolute;inset:auto 0 0;height:6px;background:repeating-linear-gradient(-45deg,var(--pencil-ink) 0 10px,transparent 10px 20px);opacity:.85;animation:crawl 1.2s linear infinite}.band--alarm{background:var(--signal);color:#1d0500}.band--alarm .meta{color:#1d0500b3}.countdown{font-family:var(--font-display);font-weight:900;font-size:clamp(54px,9vw,104px);line-height:.8;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.countdown.low{color:var(--signal-deep);animation:pulse .5s ease-in-out infinite alternate}.band:not(.band--watch) .countdown{color:var(--phosphor-dim);font-size:clamp(36px,5vw,56px)}.arena{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:clamp(20px,3vw,44px);align-items:start}.arena__main{display:grid;gap:14px;min-width:0}.arena__side{display:grid;gap:18px;min-width:0;align-content:start}.arena .board-frame{width:min(100%,calc(100dvh - 250px));justify-self:center;min-width:280px}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.board-head h3{font-size:24px}.board-head .meta{font-family:var(--font-plate);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.readout{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;padding:12px 14px;border:1px solid var(--etch);background:#08131a99;min-height:70px}.readout .coord{font-family:var(--font-display);font-weight:900;font-size:44px;line-height:.9;color:var(--pencil);grid-row:span 2}.readout .what{font-family:var(--font-plate);font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase}.readout .what.hit{color:var(--signal)}.readout .what.miss{color:var(--chalk)}.readout .who{font-size:14px;color:var(--muted)}.roster{display:grid;gap:6px}.roster li{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-family:var(--font-plate);font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.roster ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.roster .pips{display:flex;gap:3px}.roster .pips i{width:12px;height:8px;border:1px solid var(--steel);display:block}.roster .sunk{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--signal)}.roster .sunk .ship-icon .hull{stroke:var(--signal);fill:#ff5a3c2e}.roster .sunk .ship-icon .tower,.roster .sunk .ship-icon .deck{fill:var(--signal);stroke:var(--signal)}.firebar{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 70%,transparent)}.firebar .note{font-family:var(--font-plate);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.firebar .note b{color:var(--pencil)}.opponent-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:34px}.opponent-line .name{font-family:var(--font-plate);font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase}.dot{width:8px;height:8px;display:inline-block;background:var(--phosphor)}.dot.off{background:var(--signal);animation:blink 1s steps(2) infinite}.bubble{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--chalk);color:var(--night);font-family:var(--font-plate);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;animation:pop .35s var(--ease-out)}.emotes{display:flex;flex-wrap:wrap;gap:6px}.emote{appearance:none;border:1px solid var(--etch);background:#08131a99;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-plate);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-radius:var(--radius)}.emote:hover{color:var(--chalk);border-color:var(--etch-strong)}.toast{position:fixed;left:50%;bottom:max(90px,calc(env(safe-area-inset-bottom) + 90px));translate:-50% 0;z-index:60;max-width:min(92vw,440px);padding:12px 16px;background:var(--chalk);color:var(--night);font-weight:600;box-shadow:var(--shadow-plate);animation:pop .3s var(--ease-out)}.toast.err{background:var(--signal);color:#1d0500}.dock{display:grid;gap:8px}.dock-ship{appearance:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 12px;min-height:52px;border:1px solid var(--etch);background:#08131a99;cursor:pointer;text-align:left;border-radius:var(--radius)}.dock-ship .nm{font-family:var(--font-plate);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.dock-ship .sil{height:18px}.dock-ship[aria-pressed=true]{border-color:var(--pencil);box-shadow:inset 0 0 0 1px var(--pencil)}.dock-ship[aria-pressed=true] .nm{color:var(--pencil)}.dock-ship.placed{opacity:.55}.dock-ship .ok{color:var(--phosphor)}.tools{display:flex;gap:10px;flex-wrap:wrap}.verdict{display:grid;gap:18px;padding:clamp(18px,3vw,28px);border:1px solid var(--etch-strong);background:#08131ae6;animation:rise .6s var(--ease-out)}.verdict h2{font-size:clamp(64px,10vw,120px)}.verdict.win h2{color:var(--pencil)}.verdict.lose h2{color:var(--signal)}.verdict .why{font-size:18px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border-top:1px solid var(--etch-strong);padding-top:8px}.stat b{display:block;font-family:var(--font-display);font-weight:900;font-size:40px;line-height:1}.stat span{font-family:var(--font-plate);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.verdict .actions{display:flex;flex-wrap:wrap;gap:12px}.lobby{display:grid;gap:22px;justify-items:start;max-width:560px}.codebox{font-family:var(--font-display);font-weight:900;font-size:clamp(64px,14vw,120px);line-height:.85;letter-spacing:.08em;color:var(--pencil);user-select:all}.page{width:100%;max-width:760px;margin:0 auto;padding:clamp(24px,5vw,56px) var(--gutter) 56px;display:grid;gap:22px}.page h1{font-size:clamp(48px,8vw,88px)}.page h2{font-size:30px;margin-top:18px}.page p{font-size:18px;color:#cfdcd6;max-width:68ch}.page .updated{font-size:14px;color:var(--muted)}.fleet-table{display:grid;gap:10px}.fleet-table div{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}.fleet-table span{font-family:var(--font-plate);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.table{width:100%;border-collapse:collapse;font-size:15px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--etch)}.table th{font-family:var(--font-plate);letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted)}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ping{0%{transform:scale(.3);opacity:1}to{transform:scale(2.6);opacity:0}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px,1px)}30%,50%,70%{transform:translate(-5px,-1px)}40%,60%{transform:translate(5px,1px)}}@keyframes sinkflash{0%{filter:drop-shadow(0 0 0 rgba(255,90,60,0))}25%{filter:drop-shadow(0 0 16px rgba(255,90,60,.95))}to{filter:drop-shadow(0 0 0 rgba(255,90,60,0))}}@keyframes blink{50%{opacity:0}}@keyframes crawl{to{background-position:28px 0}}@keyframes pulse{to{opacity:.55}}@keyframes pop{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes rise{0%{transform:translateY(16px);opacity:0;clip-path:inset(0 0 100% 0)}to{transform:none;opacity:1;clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mark.fresh path,.mark.fresh circle{stroke-dashoffset:0}}@media(max-width:960px){.bridge{grid-template-columns:1fr;align-items:start;gap:8px}.scope-wrap{width:min(100%,62vh)}.console{max-width:560px}.arena{grid-template-columns:1fr}.arena .board-frame{width:min(100%,62vh)}.arena__side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.arena__side>.full{grid-column:1 / -1}}@media(max-width:560px){.wordmark small{display:none}.wordmark b{font-size:19px}.board{--lbl: 16px}.segmented{grid-template-columns:1fr}.segment{min-height:0;grid-template-columns:auto 1fr;align-items:baseline;gap:10px}.band{min-height:60px}.arena__side{grid-template-columns:1fr}.stats{gap:6px}.stat b{font-size:32px}.fleet-table div{grid-template-columns:1fr;gap:4px}.console .actions .plate{min-height:68px}}.board__sea:before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(closest-side,rgba(124,255,178,.07),transparent) 0 0 / 34% 22%,radial-gradient(closest-side,rgba(160,230,255,.05),transparent) 17% 11% / 28% 18%;animation:drift 18s linear infinite alternate}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(6%,4%,0)}}.board__sea{box-shadow:inset 0 1px #c8ffe14d,inset 0 0 0 1px #7cffb20f,inset 0 -40px 60px -40px #7cffb21f,0 24px 60px -30px #000000e6,0 0 80px -30px #7cffb240}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.leader polyline{stroke:var(--pencil);stroke-width:1.2;stroke-dasharray:3 3;opacity:.9}.leader-tag{position:absolute;z-index:6;top:0;height:var(--lbl);display:grid;place-items:center;left:calc(var(--lbl) + (100% - var(--lbl)) * (var(--lx) + .5) / 10);translate:-50% 0;padding:0 8px;white-space:nowrap;font-family:var(--font-plate);font-weight:700;font-size:clamp(10px,1.4vw,13px);letter-spacing:.06em;text-transform:uppercase;background:var(--pencil);color:var(--pencil-ink);pointer-events:none;animation:pop .35s var(--ease-out)}.leader-tag.edge-r{translate:-100% 0;left:100%}.leader-tag.edge-l{left:var(--lbl);translate:0 0}.leader-tag.hit{background:var(--signal);color:#1d0500}.enemy-fleet{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.enemy-fleet li{display:flex}.enemy-fleet .ship-icon{height:12px;width:auto!important}.enemy-fleet{gap:4px 10px}.enemy-fleet .sunk{opacity:.9}.enemy-fleet .sunk .ship-icon .hull{stroke:var(--signal);fill:#ff5a3c40}.enemy-fleet .sunk .ship-icon .tower,.enemy-fleet .sunk .ship-icon .deck{fill:var(--signal);stroke:var(--signal)}.arena__main{--board-w: min(100%, calc(100dvh - 330px) )}.arena .arena__main .board-frame{width:var(--board-w);min-width:min(100%,300px)}.firebar{width:var(--board-w);min-width:min(100%,300px);justify-self:center}.scope-title--small{font-size:clamp(40px,7vw,84px);padding:0 8%}@media(max-width:960px){.arena__main{--board-w: min(100%, 62vh)}.bridge--compact .scope-wrap{width:min(100%,220px)}.bridge--compact .scope-title{font-size:34px}.bridge--compact .scope-title em,.bridge--compact .scope-readout{display:none}.bridge--compact .scope-title--small{font-size:22px;padding:0 18%}.bridge--compact{gap:0}}@media(max-width:960px)and (max-height:760px){.bridge--compact .scope-wrap{width:160px}}