:root{color:#dce8e6;font-synthesis:none;background:#0b2029;font-family:Arial,sans-serif;font-weight:400}.cell.sunk{color:#eed6b2;background:#654e42;border:2px solid #c39b76;font-size:23px}.cell.deduced{color:#7f9a9f;background:repeating-linear-gradient(135deg,#12313c,#12313c 5px,#21404a 5px 6px)}.board-legend{color:#b4c2b8;margin-top:14px;font-size:11px}.panel.active-turn{outline-offset:2px;outline:1px solid #c1b58a;box-shadow:0 0 14px #d4c39f12}.fleet-status{border-top:1px solid #2e4953;margin-top:16px;padding-top:14px;container-type:inline-size}.fleet-status-heading{color:#a8bdc0;letter-spacing:1px;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:11px;display:flex}.fleet-status-heading [role=status]{color:#e3b690;letter-spacing:0;text-transform:none}.fleet-status-ships{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.fleet-status-ship{color:#78949c;background:#0e2731;border:1px solid #35505a;border-radius:6px;justify-content:center;padding:4px;display:flex}.fleet-status-ship svg{max-width:100%}@container (width<=560px){.fleet-status-ships{grid-template-columns:repeat(5,minmax(0,1fr))}}.fleet-status-ship.is-sunk{color:#e3b690;background:#352f2b;border-color:#a27b5f}.fleet-status-hull{fill:currentColor;fill-opacity:.24;stroke:currentColor;stroke-width:1.5px}.fleet-status-deck{fill:currentColor;fill-opacity:.5}.fleet-status-cross{fill:none;stroke:#f4ccb0;stroke-width:2.5px;stroke-linecap:round}.fleet-status-compact{margin-top:12px;padding-top:10px}.fleet-status-compact .fleet-status-heading{letter-spacing:.7px;font-size:10px}.fleet-status-compact .fleet-status-ships{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.fleet-status-compact .fleet-status-ship{border-radius:4px;padding:2px}.fleet-status-compact .fleet-status-ship svg{height:25px}.inspect-button{color:#d5dfd6;background:#193b47;border:1px solid #4c6b70;border-radius:4px;margin-top:18px;padding:9px 13px}.placement-tools{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.ship-movement{flex-wrap:wrap;gap:6px;display:flex}.ship-movement button{min-width:36px;min-height:36px}.placement-stage,.placement-board .occupied{cursor:grab;touch-action:none}.dragging,.dragging .occupied{cursor:grabbing}.placement-notice{color:#f3d688}.placement-feedback{margin-bottom:15px;display:grid}.placement-feedback>p{grid-area:1/1;margin:0}.placement-notice-reserve,.placement-help[aria-hidden=true]{visibility:hidden}.selected-ship.invalid-placement{--selection-color:#ff806b;--selection-glow:#ff604da0;--placement-fill:#7c3934}[data-keyboard-board]:focus-visible{outline-offset:4px;outline:2px solid #789aa5}.placement-tools label{gap:6px;display:grid}.placement-tools select,.placement-tools button{color:#e2e5d7;background:#1c414d;border:1px solid #4c6b70;border-radius:4px;padding:8px}.placement-help{font-size:11px}.placement-board{touch-action:none}.placement-board .selected-ship{background:var(--placement-fill,#76683c);outline:2px solid var(--selection-color,#ffe1a1);outline-offset:-3px;box-shadow:0 0 10px 2px var(--selection-glow,#ffc85f9c), inset 0 0 6px var(--selection-glow,#ffc85f9c);z-index:1}button.cell{font:inherit;color:inherit;padding:0}button.cell:disabled{opacity:1;cursor:default}.cell.selected{outline-offset:-2px;color:#17313b;background:#d6bc72;outline:3px solid #e4c995}.cell-coordinate{pointer-events:none;font-size:clamp(8px,2cqw,13px);font-weight:700;line-height:1}.cell.hit{color:#fff0d7;background:#905744;font-size:24px}.cell.miss{color:#a8c4cf;font-size:20px}.fire-controls{color:#c8cebd;justify-content:space-between;align-items:center;margin:0;font-size:13px;display:flex}.fire-controls .primary{min-width:64px;margin:0}.shot-selection{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fire-controls .fire-ready{box-shadow:0 0 0 2px #f1d89e55}.fire-controls .fire-pulse{animation:2.4s ease-in-out infinite fire-pulse}@keyframes fire-pulse{0%,to{background-color:#d9c795;box-shadow:0 0 0 2px #f1d89e33}50%{background-color:#ffe4a3;box-shadow:0 0 14px 3px #f1d89e66}}@media (prefers-reduced-motion:reduce){.fire-controls .fire-pulse{animation:none}}.shot-log{color:#afc1bf;padding:0;font-size:12px;line-height:2;list-style:none}*{box-sizing:border-box}body{background:radial-gradient(at 20% 45%,#173f4a55,#0000 65%);min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #ecd4a4}.app-shell{margin:auto;padding:0 24px}.topbar{border-bottom:1px solid #29424c;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:16px 0 12px;display:grid}.wordmark{color:#f1ede2;letter-spacing:3px;font-size:22px;font-weight:700;text-decoration:none}.identity{color:#adbfbd;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;font-size:13px;display:flex}.status-dot{background:#7fc7a8;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #7fc7a844}.guest-tag{letter-spacing:1px;border:1px solid #35515b;border-radius:4px;padding:4px 6px;font-size:10px}main{padding:20px 0 36px}.eyebrow{letter-spacing:2.3px;color:#8da8ad;font-size:11px;font-weight:600}.intro{justify-content:space-between;align-items:center;margin:8px 0 18px;display:flex}h1,h2{font-weight:500}h1{letter-spacing:-1.2px;margin:0 0 4px;font-size:36px}p{color:#91aab0;margin:0;font-size:14px;line-height:1.7}.mode-label{letter-spacing:1.6px;color:#d0bc91;border:1px solid #756b504d;border-radius:30px;padding:6px 10px;font-size:10px}.turn-intro{margin:0 0 16px}.turn-label{text-transform:uppercase;margin:0;line-height:1.4;display:inline-block}.battle-layout{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);align-items:start;gap:20px;display:grid}.battle-layout>*{min-width:0}.panel{background:#112e38;border:1px solid #2e4953;border-radius:12px;padding:24px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel-heading h2{margin:0;font-size:18px}.pill{color:#dbcca9;letter-spacing:1.5px;background:#b8a26b12;border:1px solid #796b4d66;border-radius:4px;padding:5px 9px;font-size:11px}.tiny-label{letter-spacing:1.5px;color:#9fb8be;font-size:11px}.board{grid-template-columns:22px repeat(10,minmax(0,1fr));gap:3px;display:grid}.board-row{display:contents}.axis{color:#a9c2c9;justify-content:center;align-items:center;min-height:19px;font-size:13px;font-weight:600;display:flex}.cell{aspect-ratio:1;background:#173b46;border:1px solid #254b58;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative}.water-dot{color:#395c68;font-size:14px}.occupied{background:#759c98;border-color:#acc4bb;box-shadow:inset 0 0 0 3px #15374455}.ship-mark{background:#bed0c5;border-radius:3px;width:45%;height:45%}.board-footer{color:#9fb8be;letter-spacing:1.4px;justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.board-footer span:first-child{color:#b0c7bd}:where(.board-enemy) .cell{background:#112c36;border-color:#24424e}.enemy-panel{flex-direction:column;height:calc(100dvh - 170px);max-height:calc(100dvh - 24px);padding:22px;display:flex;overflow:auto}.enemy-panel>*{flex-shrink:0}.enemy-board-viewport,.own-board-viewport,.placement-board-viewport{flex:auto;min-height:140px;overflow:hidden;container-type:size}.battle-layout>aside .enemy-panel{height:auto}.battle-layout>aside :is(.enemy-board-viewport,.own-board-viewport){aspect-ratio:1;flex:none}:is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport) .ocean-view{flex-direction:column;height:100%;display:flex}:is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport) .ocean-view>*{flex-shrink:0}:is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport) .ocean-stage{aspect-ratio:auto;flex:auto;min-height:0}:is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport)>.board{grid-template-rows:19px repeat(10,minmax(0,1fr));width:min(100cqw,100cqh + 3px);height:min(100cqh,100cqw - 3px);margin-inline:auto}:is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport)>.board .cell{aspect-ratio:auto;min-width:0;min-height:0}.enemy-panel .muted{margin-top:16px;font-size:12px}.own-panel{flex-direction:column;display:flex}.battle-layout>.own-panel{height:calc(100dvh - 210px);max-height:calc(100dvh - 24px);overflow:auto}.own-panel>*{flex-shrink:0}.own-panel>.own-board-viewport,.own-panel>.fleet-editor{flex:auto}.fleet-editor{flex-direction:column;min-height:min-content;display:flex;container-type:inline-size}.placement-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.placement-actions button,.tray-ship{color:#e2e5d7;background:#1c414d;border:1px solid #4c6b70;border-radius:6px;padding:9px 12px}.placement-actions>span{color:#a6bfbd;font-size:12px}.fleet-editor>.placement-workspace{flex:auto;grid-template-columns:136px minmax(0,1fr);gap:14px;min-height:180px;display:grid}.placement-workspace>.placement-board-viewport{width:100%;height:100%}.ship-tray{background:#0c2530;border:1px solid #35515b;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:6px;display:grid;overflow-y:auto}.ship-tray>.eyebrow,.ship-tray>p{grid-column:1/-1}.ship-tray>.eyebrow{letter-spacing:1px;padding:5px 2px}.tray-ship{touch-action:none;cursor:grab;min-height:48px;padding:7px 4px}.tray-ship[aria-pressed=true]{background:#37545a;border-color:#ffe1a1;box-shadow:0 0 10px #ffc85f80,inset 0 0 6px #ffc85f30}.tray-ship svg{fill:#b7cecb;width:100%;height:24px;display:block}.tray-ship svg rect,.tray-ship-deck{fill:#476b73}.tray-ship-detail{fill:none;stroke:#476b73;stroke-width:1.5px}.tray-ship span{letter-spacing:1px;font-size:12px}@container (width<=560px){.fleet-editor>.placement-workspace{grid-template-rows:auto 280px;grid-template-columns:minmax(0,1fr);min-height:auto}.ship-tray{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}}.fleet-editor>*{flex-shrink:0}.fleet-editor>.placement-board-viewport{flex:auto}.own-panel>button{align-self:flex-start}.fleet-summary{padding:25px 8px}.fleet-summary p{font-size:12px}.fleet-summary p span{color:#49636b;margin:0 9px}.save-note{color:#84a098;border-top:1px solid #2d424b;margin-top:20px;padding-top:18px;font-size:11px}.save-note .status-dot{margin-right:7px}.save-note:first-child{border-top:0;margin-top:0;padding-top:0}.welcome{background:#102d3666;border:1px solid #2e4953;border-radius:14px;justify-content:center;align-items:center;gap:90px;min-height:460px;display:flex}.welcome h2{margin:12px 0;font-size:34px}.primary{color:#142f37;background:#d4c39f;border:0;border-radius:6px;margin-top:28px;padding:15px 22px;font-size:13px;font-weight:700}.primary span{margin-left:35px}.radar{background:repeating-radial-gradient(circle,#1e494733 0 1px,#0000 2px 42px);border:1px solid #436d704f;border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;display:flex;position:relative}.radar:after,.radar:before{content:"";background:#42666255;position:absolute}.radar:before{width:100%;height:1px}.radar:after{width:1px;height:100%}.radar span{color:#a0bab0;z-index:1;font-size:72px}.radar i{background:#8bad94;width:6px;height:6px;position:absolute;top:32%;left:25%;box-shadow:0 0 13px #78b997}.radar i:nth-child(2){top:64%;left:69%}.radar i:nth-child(3){top:21%;left:63%}.error{background:#473c33;border:1px solid #b08362;border-radius:6px;margin:20px 0;padding:15px}.error button{margin-left:12px}footer{color:#6f8992;letter-spacing:1.6px;border-top:1px solid #29424c;justify-content:space-between;padding:23px 0;font-size:9px;display:flex}@media (width<=900px){.app-shell{padding:0 24px}.battle-layout{grid-template-columns:1.2fr 1fr;gap:16px}.panel{padding:16px}.welcome{gap:40px}.radar{width:180px;height:180px}h1{font-size:29px}}@media (width<=650px){.app-shell{padding:0 16px}.identity{font-size:10px}.wordmark{letter-spacing:1px;font-size:16px}.battle-layout{grid-template-columns:1fr}.welcome{flex-direction:column;gap:25px;padding:35px 20px}.welcome h2{font-size:28px}main{padding-top:16px}.topbar{gap:6px 8px}.topbar .presentation-switch{gap:4px}.topbar .presentation-switch button{padding:8px;font-size:12px}footer span:last-child{display:none}}.presentation-switch{justify-content:flex-end;gap:8px;margin:0;display:flex}.presentation-switch [aria-pressed=true]{color:#f5df9b;border-color:#c6b47e}.presentation-switch button,.ocean-tools button,.rematch-controls button{color:#dce8e6;background:#193b47;border:1px solid #4c6b70;border-radius:4px;padding:8px 12px}.rematch-controls button{margin:0 8px 12px 0}.ocean-stage{aspect-ratio:1;background:radial-gradient(#204857,#0c202b 75%);border-radius:10px;width:100%;min-height:260px;position:relative;overflow:hidden}.ocean-cell-overlay{pointer-events:none;position:absolute;inset:0}.ocean-loading{color:#dce8e6;z-index:1;background:#0c202be6;place-items:center;display:grid;position:absolute;inset:0}.ocean-cell,.ocean-marker{color:#f4f0d8;text-align:center;position:absolute;transform:translate(-50%,-50%)}.ocean-cell{pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:3px;width:28px;height:26px;min-height:0;padding:0;font-size:17px}.ocean-cell:focus-visible{outline-offset:2px;outline:2px solid #e0c680}.placement-stage .ocean-cell{background:0 0;border-color:#0000}.ocean-cell:disabled{opacity:1;cursor:default}.ocean-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.ocean-tools button{min-height:36px;padding:6px 10px}.ocean-tools label{align-items:center;gap:6px;font-size:12px;display:flex}.ocean-tools input{width:75px}.ocean-help{margin:8px 0;font-size:12px}.shot-effects{color:#e3c895;min-height:20px;max-height:20px;margin-top:5px;font-size:12px;overflow:hidden}@media (width>=651px) and (width<=800px){.battle-layout{grid-template-columns:1fr}}.keyboard-help{color:#b9cfcc;font-size:12px;line-height:1.5}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f3d688}.presentation-settings{border:1px solid #46636c;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:24px 0 0;padding:12px 16px;display:flex}.presentation-settings label{align-items:center;gap:8px;display:flex}.presentation-settings input{width:18px;height:18px}.presentation-settings select{font:inherit;color:#e1eeee;background:#173747;padding:5px}.account-panel{border:1px solid #46636c;border-radius:8px;margin-bottom:20px;padding:16px}.account-panel input{font:inherit;color:#e1eeee;background:#173747;border:1px solid #46636c;padding:8px}.match-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.match-actions>section{min-width:0;max-width:100%}.match-actions>.primary{font-size:inherit;border:1px solid #0000;margin-top:0;padding:10px 16px}.private-invitation input{width:min(100%,580px);font:inherit;padding:8px}.private-invitation button+button{margin-left:8px}.public-queue button,.reactions button,.control-panel button,.private-invitation button,.account-panel button{font:inherit;color:#e1eeee;cursor:pointer;background:#173747;border:1px solid #46636c;border-radius:6px;padding:10px 16px}.public-queue button:disabled,.reactions button:disabled,.control-panel button:disabled,.private-invitation button:disabled,.account-panel button:disabled{opacity:.5;cursor:default}.control-panel{border:1px solid #d4b671;border-radius:8px;margin-bottom:20px;padding:16px}.placement-warning{color:#f3d688}.reactions{border-top:1px solid #46636c;margin:16px 0;padding-top:12px}.reactions label{align-items:center;gap:8px;display:flex}.reaction-buttons{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.incoming-reaction{color:#f3d688;min-height:1.5em}.reaction-sent{color:#a2bbc3;font-size:12px}.game-shell{color:#e6ece7;background:#091c25;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.game-shell [hidden]{display:none!important}.game-header{background:#0c212b;border-bottom:1px solid #29434d;flex:0 0 66px;align-items:center;gap:24px;height:66px;padding:0 24px;display:flex}.game-header .wordmark{letter-spacing:2px;white-space:nowrap;font-size:15px}.header-score{color:#a5bac0;flex-shrink:0;gap:18px;font-size:12px;display:flex}.header-score>span{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.header-score strong{color:#d9c795;font-variant-numeric:tabular-nums;font-weight:600}.header-statistics{border-left:1px solid #29434d;flex-shrink:0;gap:20px;margin:0;padding-left:24px;display:flex}.header-statistic{white-space:nowrap;color:#a5bac0;align-items:baseline;gap:8px;font-size:12px;display:flex}.header-statistic dd{color:#d9c795;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.game-header .identity{flex-wrap:nowrap;min-width:0;margin-left:auto;font-size:12px;overflow:hidden}.game-header button{font:inherit;color:#17313b;background:#d9c795;border:0;border-radius:7px;padding:10px 15px}.game-header .account-toggle{box-sizing:border-box;white-space:nowrap;flex-shrink:1;justify-content:center;align-items:center;gap:10px;min-width:96px;max-width:240px;font-size:13px;display:flex}.game-header .account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-avatar{color:#f0e6ce;background:#324c51;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.status-dot.offline{background:#d7a783}.game-workspace{flex:1;min-height:0;display:flex;position:relative}.navigation-rail{background:#0c212b;border-right:1px solid #29434d;flex-direction:column;flex:0 0 86px;gap:8px;padding:18px 8px;display:flex;overflow-y:auto}.navigation-rail button{color:#9fb4ba;font:inherit;background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:center;gap:8px;min-height:66px;padding:12px 2px;font-size:12px;display:flex;position:relative}.navigation-rail button:hover,.navigation-rail button[aria-expanded=true]{color:#d9c795;background:#283b3e}.navigation-icon{flex-shrink:0;width:22px;height:22px}.navigation-badge{color:#17313b;background:#d9c795;border-radius:10px;min-width:16px;padding:2px;font-size:10px;position:absolute;top:3px;right:3px}.navigation-panel{z-index:10;background:#112b35;border-right:1px solid #38545d;flex-direction:column;flex:0 0 330px;width:330px;min-height:0;display:flex;box-shadow:12px 0 35px #0002}.navigation-heading{border-bottom:1px solid #29434d;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px 20px;display:flex}.navigation-heading h2{letter-spacing:-.3px;margin:0;font-size:21px;font-weight:600}.navigation-close{color:#9fb4ba;background:0 0;border:0;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:0;font-size:25px;line-height:1}.navigation-close:hover{color:#fff;background:#203c46}.navigation-content{scrollbar-width:thin;scrollbar-color:#46636a transparent;flex:1;min-height:0;padding:22px 20px;overflow:auto}.navigation-content :is(section,fieldset){min-width:0}.navigation-content p{color:#a5bac0;margin:8px 0 12px;font-size:13px;line-height:1.6}.navigation-content :is(h2,h3){color:#e6ece7;margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.4}.navigation-content button{color:#dce8e6;min-height:36px;font:inherit;overflow-wrap:anywhere;background:#193b47;border:1px solid #42606a;border-radius:8px;max-width:100%;margin:3px 4px 3px 0;padding:8px 12px;font-size:14px;line-height:1.4}.navigation-content button:hover{background:#284b56}.navigation-content button.primary{color:#17313b;background:#d9c795;border-color:#d9c795;font-weight:600}.navigation-content button.primary:hover{background:#e6d6ae}.navigation-content button:disabled{opacity:.5;cursor:default}.navigation-content :is(button,input,select):focus-visible,.navigation-close:focus-visible{outline-offset:3px;outline:2px solid #e3cd91}.navigation-content label{margin:10px 0;font-size:14px;line-height:1.6;display:block}.navigation-content input:not([type=checkbox]){box-sizing:border-box;color:#e6ece7;width:100%;font:inherit;background:#0b212b;border:1px solid #42606a;border-radius:8px;margin-top:8px;padding:11px 12px;display:block}.navigation-content :is(.match-actions,.presentation-settings){border:0;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin:0;padding:0;display:flex}.navigation-content .presentation-settings{gap:0}.navigation-content .presentation-settings legend{float:none;text-transform:uppercase;letter-spacing:1.1px;color:#91aab0;margin:0 0 8px;padding:0;font-size:12px;font-weight:600}.navigation-content .sidebar-section{border-bottom:1px solid #29434d;margin:0 0 22px;padding:0 0 22px}.navigation-content .sidebar-section>h3{text-transform:uppercase;letter-spacing:1.1px;color:#91aab0;margin-bottom:12px;font-size:12px}.navigation-content .presentation-switch{background:#0b212b;border:1px solid #29434d;border-radius:10px;flex-wrap:nowrap;gap:4px;width:100%;padding:4px;display:flex}.navigation-content .presentation-switch button{color:#a5bac0;background:0 0;border-color:#0000;flex:1;margin:0}.navigation-content .presentation-switch button[aria-pressed=true]{color:#eddbac;background:#30474a;border-color:#60716a}.navigation-content label.setting-row{text-align:left;border-bottom:1px solid #29434d;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:17px 0;display:flex}.navigation-content .setting-row:last-child{border-bottom:0}.setting-row>span{min-width:0}.setting-row strong{color:#e6ece7;font-size:14px;font-weight:500;display:block}.setting-row small{color:#91aab0;margin-top:4px;font-size:12px;line-height:1.5;display:block}.navigation-content input.setting-toggle{appearance:none;cursor:pointer;background:#28414b;border:1px solid #597079;border-radius:20px;flex:0 0 38px;width:38px;height:22px;margin:0;position:relative}.navigation-content input.setting-toggle:after{content:"";background:#b5c6cb;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px}.navigation-content input.setting-toggle:checked{background:#d9c795;border-color:#d9c795}.navigation-content input.setting-toggle:checked:after{background:#17313b;left:19px}.navigation-content input.setting-toggle:disabled{opacity:.45;cursor:default}.navigation-content .setting-row select{min-width:76px;font:inherit;color:#e6ece7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#193b47;border:1px solid #42606a;border-radius:8px;flex-shrink:0;padding:8px}.navigation-content .sidebar-list{flex-direction:column;gap:10px;margin:16px 0;padding:0;list-style:none;display:flex}.navigation-content .sidebar-card{overflow-wrap:anywhere;background:#142f39;border:1px solid #304a54;border-radius:12px;margin:0 0 12px;padding:15px;font-size:14px}.navigation-content .sidebar-list .sidebar-card,.navigation-content .match-actions .sidebar-card{margin:0}.navigation-content .match-actions{margin-bottom:12px}.navigation-content .sidebar-card-heading{color:#e6ece7;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.sidebar-card-heading strong{min-width:0;font-weight:600}.sidebar-card-heading button{flex-shrink:0;margin:0}.availability,.review-status{color:#a9cec0;background:#223f40;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:400;display:inline-flex}.availability:before{content:"";background:#9ac6b3;border-radius:50%;width:4px;height:4px}.navigation-content .player-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:13px;display:flex}.navigation-content .player-actions>span{color:#a5bac0;flex-basis:100%;line-height:1.6}.navigation-content .player-action-confirmation{overflow-wrap:anywhere;background:#0c242e;border:1px solid #60716a;border-radius:8px;padding:12px}.player-action-confirmation>strong,.player-action-confirmation>span{margin-bottom:8px;display:block}.player-action-confirmation>strong{color:#e6ece7;font-weight:500}.navigation-content button.quiet-action{color:#a5bac0;background:0 0;border-color:#0000;min-height:32px;margin:0;padding:6px 8px}.navigation-content button.quiet-action:hover{color:#e6ece7;background:#203c46}.navigation-content .card-invite{width:100%;margin:0}.navigation-content .sidebar-empty{text-align:center;border:1px dashed #3a535d;border-radius:12px;margin:16px 0;padding:28px 16px}.navigation-content .sidebar-note{margin-top:0}.invitation-link-row{align-items:stretch;gap:8px;display:flex}.navigation-content .invitation-link-row input{flex:1;width:0;min-width:0;margin:0}.navigation-content .invitation-link-row button{white-space:nowrap;flex-shrink:0;margin:0}.navigation-content .record{color:#c7d8d9;background:#0c242e;border:1px solid #304a54;border-radius:10px;margin:0 0 22px;padding:14px;font-size:13px;line-height:1.8}.navigation-content .record strong{color:#d9c795;margin-bottom:8px;font-weight:500;display:block}.navigation-content .record span{font-variant-numeric:tabular-nums;display:block}.navigation-content .account-panel{background:0 0;border:0;margin:20px 0;padding:0}.navigation-content .account-danger{border-top:1px solid #29434d;margin-top:24px;padding-top:18px}.navigation-content button.danger-action{color:#edb7b0;background:0 0;border-color:#6a4d50}.navigation-content button.danger-action:hover{background:#452f36}.navigation-content [role=alert]{color:#ffc4b6;overflow-wrap:anywhere;line-height:1.6}@media (forced-colors:active){.navigation-content input.setting-toggle{appearance:auto}.navigation-content input.setting-toggle:after{display:none}}.navigation-backdrop{display:none}.game-content{flex:1;min-width:0;min-height:0;overflow:hidden;container-type:inline-size}.game-main{flex-direction:column;gap:10px;height:100%;min-height:0;padding:18px 22px;display:flex;position:relative;overflow:auto}.game-main .intro{flex-shrink:0;min-height:29px;margin:0;padding-right:160px;position:relative}.game-main .intro h1{letter-spacing:-.4px;font-size:24px}.game-main .intro .turn-label{letter-spacing:1px;font-size:12px}.fleet-view-toggle{position:absolute;top:0;right:0}.game-main .fleet-view-toggle:empty{display:none}.fleet-view-toggle .inspect-button{margin:0;padding:8px 10px;font-size:12px}.game-main .battle-layout{flex:1;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:stretch;gap:18px;min-height:0}.game-main .battle-layout>.panel{height:100%;min-height:0;max-height:none;overflow:auto}.game-main .battle-layout>aside{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden}.game-main .battle-layout>aside>.panel{flex:0 58%;height:58%;min-height:150px;max-height:500px;margin-top:auto;overflow:auto}.game-main .battle-layout>aside>.panel:has(.own-board-viewport>.board){flex:0 0 430px;height:430px}.game-main .battle-layout>aside :is(.enemy-board-viewport,.own-board-viewport){aspect-ratio:auto;flex:auto}.game-main .panel{padding:16px}.game-main .panel-heading{margin-bottom:10px}.game-main .panel-heading h2{font-size:18px}.game-main .panel>.board-footer{margin-top:8px}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport){min-height:100px}.game-main .ocean-help{display:none}.game-main .ocean-tools{flex-wrap:wrap;gap:6px;margin:0;padding:5px 0}.game-main .ocean-tools button{padding:4px 8px;font-size:12px}.game-main .ocean-tools label{font-size:12px}.game-main .ocean-tools input{width:65px}.game-main .board-legend{margin:8px 0 0;font-size:12px}.game-main .fleet-status{margin-top:8px;padding-top:7px}.game-main .fleet-status-ships{gap:4px;margin-top:6px}.game-main .fleet-status-heading{font-size:11px}.game-main .enemy-heading{gap:8px}.game-main .enemy-heading:has(.fire-controls){margin-bottom:0}.game-main .fire-controls{flex-shrink:0;margin:0;padding:0}.game-main .fire-controls .primary{width:clamp(76px,100cqw - 232px,112px);height:37px;padding:0 18px;font-size:16px;font-weight:600}.game-main .fleet-summary{scrollbar-width:thin;flex:auto;min-height:0;margin:0;padding:10px 0 0;overflow:auto}.game-main .fleet-summary p{font-size:12px;line-height:1.5}.game-main .shot-log{margin:5px 0;font-size:12px;line-height:1.5}.game-main .save-note{margin:8px 0;font-size:12px}.game-main .fleet-summary .inspect-button{margin:6px 0;padding:6px 10px;font-size:12px}.game-main .welcome{flex-direction:column;flex:1;gap:30px;min-height:min-content;margin:0;padding:30px}.welcome-intro{justify-content:center;align-items:center;gap:28px;max-width:800px;display:flex}.game-main .welcome .radar{flex:0 0 100px;width:100px;height:100px}.game-main .welcome .radar span{font-size:38px}.welcome-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:1000px;display:grid}.welcome-choice{background:#112e38;border:1px solid #35515b;border-radius:12px;flex-direction:column;min-width:0;padding:22px;display:flex}.welcome-choice h3{margin:0 0 10px;font-size:18px;font-weight:500}.welcome-choice p{margin-bottom:24px;font-size:14px}.welcome-choice .primary{width:100%;min-height:44px;margin:auto 0 0;padding:12px;font-size:14px}.game-guide{color:#b9cbd0;border-top:1px solid #35515b;width:100%;max-width:1000px;padding-top:20px}.game-main .game-guide h2{color:#e6ece7;margin:0 0 12px;font-size:20px}.game-guide ol{margin:0 0 14px;padding-left:24px}.game-guide li,.game-guide p{margin:0 0 10px;font-size:14px;line-height:1.65}@container (width<=760px){.game-main .welcome{gap:20px;padding:22px}.welcome-intro{gap:16px}.game-main .welcome .radar{display:none}.welcome-choices{grid-template-columns:1fr;gap:12px}.welcome-choice{padding:16px}.welcome-choice h3{margin-bottom:6px;font-size:16px}.welcome-choice p{margin-bottom:12px;font-size:13px}}.game-main .control-panel,.game-main>.error,.game-main>.placement-warning{flex-shrink:0;margin:0;padding:8px}.game-main .fleet-editor{flex:1;min-height:min-content}.game-main .placement-tools{margin:6px 0}.game-main .placement-feedback{margin:4px 0}.game-main .placement-feedback p{font-size:12px;line-height:1.4}.game-main .placement-actions button,.game-main .placement-tools button{padding:6px 8px;font-size:12px}.game-main .placement-actions{gap:5px}.game-main .own-panel>.primary{flex-shrink:0;margin-top:8px;padding:10px}.game-main .placement-workspace{min-height:130px}@container (width<=560px){.game-main .fleet-editor>.placement-workspace{grid-template-rows:auto minmax(150px,1fr);min-height:220px}.game-main .ship-tray{max-height:90px;overflow:auto}}@container (width<=760px){.game-main .battle-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:8px}.game-main .battle-layout>aside>.panel{display:none}.game-main .battle-layout>aside{max-height:130px}.game-main .fleet-summary{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:4px 0;display:flex}.game-main .fleet-summary .eyebrow{display:none}.game-main .shot-log{flex:40%;max-height:40px;overflow:auto}.game-main .intro h1{font-size:20px}}@media (width<=1100px){.navigation-panel{flex-basis:300px;width:300px}.header-score{flex-direction:column;gap:3px}.header-score>span{justify-content:space-between}.header-statistics{flex-direction:column;gap:3px;padding-left:16px}.header-statistic{justify-content:space-between}}@media (width<=760px),(pointer:coarse) and (width<=900px) and (height<=500px){.game-header{flex-basis:82px;grid-template-rows:54px 28px;grid-template-columns:auto auto minmax(70px,1fr);gap:0 10px;height:82px;padding:0 12px;display:grid}.game-header .wordmark{letter-spacing:1px;font-size:12px}.header-score{justify-self:center;font-size:11px}.header-statistics{border-top:1px solid #29434d;border-left:0;flex-direction:row;grid-area:2/1/auto/-1;justify-content:center;gap:20px;padding:6px 0}.header-statistic{font-size:11px}.game-header .identity{display:none}.game-header .account-toggle{box-sizing:border-box;grid-area:1/3;justify-self:end;gap:6px;width:100%;min-width:70px;max-width:100px;margin-left:0;padding:8px;font-size:12px;overflow:hidden}.game-header .account-avatar{display:none}.account-toggle>span:not(.account-avatar){text-overflow:ellipsis;overflow:hidden}.navigation-rail{flex-basis:62px;padding:12px 4px}.navigation-rail button{min-height:62px;font-size:11px}.navigation-icon{width:20px;height:20px}.navigation-panel{z-index:30;width:min(330px,100% - 62px);position:absolute;top:0;bottom:0;left:62px}.navigation-backdrop{z-index:20;background:#020d1688;border:0;display:block;position:absolute;inset:0}.game-main{gap:6px;padding:12px 10px}.game-main .panel{padding:10px}.game-main .panel-heading .tiny-label{letter-spacing:0}.game-main .intro{min-height:36px;padding-right:126px}.fleet-view-toggle{top:0;right:0}.fleet-view-toggle .inspect-button{padding:6px;font-size:11px}.game-main .intro h1{font-size:16px}.game-main .intro p{font-size:12px}.game-main .intro .turn-label{letter-spacing:.4px;padding:5px 6px;font-size:11px}.game-main .welcome{justify-content:center;gap:18px;padding:20px 12px}.game-main .welcome h2{font-size:24px}.game-main .radar{width:110px;height:110px}.game-main .placement-tools{flex-wrap:wrap;gap:5px}.game-main .placement-feedback .placement-help{display:none}.game-main .ship-tray{max-height:90px;overflow:auto}}@media (height<=600px){.game-main{overflow:auto}.game-main .battle-layout{min-height:440px}.game-main .battle-layout>.panel{height:calc(100dvh - 104px)}.game-main :is(.enemy-board-viewport,.own-board-viewport){min-height:220px}}.guest-name-controls{align-items:stretch;gap:8px;display:flex}.navigation-content .guest-name-controls input{flex:1;width:0;min-width:0;margin:0}.navigation-content .guest-name-controls button{flex-shrink:0;margin:0}.game-header .identity-edit{color:#b8ced3;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px}.game-header .identity-edit:hover,.game-header .identity-edit[aria-expanded=true]{color:#e9dbb7;background:#193640;border-color:#42606a}.game-header .identity-edit:focus-visible{outline-offset:2px;outline:2px solid #e3cd91}.identity-edit .identity-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity-edit svg,.identity-edit .status-dot,.identity-edit .guest-tag{flex-shrink:0}.guest-name-popup{color:#e6ece7;background:#112b35;border:1px solid #42606a;border-radius:14px;width:370px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 92px);margin:0;padding:0;position:fixed;inset:76px 24px auto auto;box-shadow:0 18px 60px #0008}.guest-name-popup::backdrop{background:#03141b55}.guest-name-popup .navigation-heading{min-height:0;padding:14px 18px}.guest-name-popup .navigation-heading h2{font-size:18px}.game-header .guest-name-popup .navigation-close{color:#a5bac0;background:0 0;padding:0;font-size:25px}.guest-name-popup .navigation-content{padding:8px 18px 18px}.guest-name-popup .guest-name{border:0;margin:0;padding:0}.guest-name-popup .guest-name-controls button{color:#17313b;background:#d9c795}@media (width<=760px),(pointer:coarse) and (width<=900px) and (height<=500px){.guest-name-popup{inset:68px 12px auto auto}.game-workspace{flex-direction:column}.navigation-rail{border-bottom:1px solid #29434d;border-right:0;flex-direction:row;flex:none;gap:4px;padding:4px 8px;overflow:visible}.navigation-rail button{flex:1;gap:3px;min-width:0;min-height:48px;padding:4px 2px}.navigation-panel{width:100%;top:0;bottom:0;left:0}.navigation-heading{min-height:60px;padding:12px 16px}.navigation-content{padding:16px}.navigation-close,.game-header .account-toggle{min-height:44px}.navigation-close{min-width:44px}.navigation-content button,.navigation-content button.quiet-action,.navigation-content select{min-height:44px}.navigation-content .setting-row{gap:10px}.game-content{min-height:0}.game-main{padding:10px;overflow:auto}.game-main .intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding-right:0;display:flex}.fleet-view-toggle{margin-left:auto;position:static}.fleet-view-toggle .inspect-button{min-height:44px;padding:8px}.game-main .battle-layout{flex-direction:column;flex:none;min-height:0;display:flex}.game-main .battle-layout>.panel{height:auto;min-height:0;overflow:visible}.game-main .battle-layout>aside{max-height:none;overflow:visible}.game-main .fleet-summary{flex:none;display:block;overflow:visible}.game-main .shot-log{max-height:none;overflow:visible}.game-main .fleet-editor{flex:none;display:block}.game-main .fleet-editor>.placement-workspace{flex:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0}.game-main .ship-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:none;overflow:visible}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport){flex:none;width:100%;height:auto;min-height:0;overflow:visible;container-type:inline-size}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport) .ocean-view{height:auto}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport) .ocean-stage{aspect-ratio:1;flex:none;min-height:0}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport)>.board{width:100%;height:calc(100cqw - 3px)}.game-main .panel-heading{flex-wrap:wrap}.game-main .panel-heading h2{min-width:0}.game-main .fire-controls .primary{height:44px}.game-main .placement-actions button,.game-main .placement-tools :is(button,select),.game-main .ocean-tools button,.game-main .fleet-summary button,.game-main .control-panel button{min-height:44px}.game-main .ship-movement button,.game-main .ocean-tools button{min-width:44px}.game-main .ocean-tools{gap:6px}.game-main .ocean-tools label{align-items:center;gap:6px;min-height:44px;display:flex}.game-main .ocean-tools input{height:32px}.game-main .own-panel>.primary{align-self:stretch;min-height:44px}.game-main .board-footer,.game-main .fleet-status-heading{flex-wrap:wrap;gap:6px}.game-main .reactions label{flex-wrap:wrap;min-height:44px}.game-main .fleet-summary button:not(.primary):not(.inspect-button){color:#dce8e6;background:#193b47;border:1px solid #4c6b70;border-radius:6px;padding:8px 12px}.outcome-card .outcome-dismiss,.activity-toast .activity-dismiss{min-height:44px}.game-main .welcome{flex:none;justify-content:flex-start}}@media (pointer:coarse) and (width<=900px) and (height<=500px){.game-main .battle-layout>aside>.panel{display:none}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport) .ocean-stage{width:min(100%,max(260px,100dvh - 110px));margin-inline:auto}.game-main :is(.enemy-board-viewport,.own-board-viewport,.placement-board-viewport)>.board{width:min(100%,max(263px,100dvh - 107px));height:min(100cqw - 3px,max(260px,100dvh - 110px))}}.invitation-popup{color:#e6ece7;text-align:center;background:#112b35;border:1px solid #49636c;border-radius:18px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:26px;overflow:auto;box-shadow:0 24px 80px #0009}.invitation-popup::backdrop{background:#03141b99}.invitation-popup-symbol{color:#e4ce95;background:#283e40;border:1px solid #63726b;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 16px;font-size:28px;display:grid}.invitation-popup h2{margin:0 0 14px;font-size:24px;line-height:1.3}.invitation-popup p{overflow-wrap:anywhere;margin:10px 0;line-height:1.5}.invitation-popup-sender{color:#e3d4ac;font-size:17px}.invitation-popup-expiry{color:#a5bac0;font-variant-numeric:tabular-nums;font-size:14px}.invitation-popup-actions{gap:10px;margin-top:22px;display:flex}.invitation-popup button{color:#e6ece7;min-height:44px;font:inherit;cursor:pointer;background:#193b47;border:1px solid #526b72;border-radius:8px;padding:12px;font-size:14px}.invitation-popup-actions button{flex:1;margin:0}.invitation-popup button.primary{color:#17313b;background:#d9c795;border-color:#d9c795;font-weight:600}.invitation-popup button:hover{filter:brightness(1.12)}.invitation-popup button:focus-visible{outline-offset:3px;outline:2px solid #e3cd91}.invitation-popup button:disabled{opacity:.5;cursor:default}.invitation-popup button.invitation-popup-later{color:#b5c9cc;background:0 0;border-color:#0000;margin-top:14px}.invitation-popup .invitation-popup-note{color:#91aab0;margin-bottom:0;font-size:13px}.invitation-popup [role=alert]{color:#ffc4b6}.outcome-event{z-index:80;pointer-events:none;color:#edc775;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.outcome-atmosphere{background:radial-gradient(at 50% 42%,#80602330,#031017ce 75%);animation:5.2s both outcome-atmosphere;position:absolute;inset:0}.outcome-card{text-align:center;background:radial-gradient(at 50% 5%,#384039 0%,#10212b 58%,#0b1922);border:1px solid #e9c77855;border-radius:20px;width:min(460px,100vw - 40px);max-height:calc(100dvh - 24px);padding:20px 32px 28px;animation:.8s cubic-bezier(.16,1,.3,1) both outcome-arrive;position:relative;overflow:auto;box-shadow:0 24px 100px #0008,inset 0 1px #fff1}.outcome-art{width:min(280px,100%);height:200px;margin:0 auto;position:relative}.outcome-art svg{filter:drop-shadow(0 0 18px #edc77530);width:100%;height:100%;position:relative}.outcome-halo{opacity:0;border:1px solid;border-radius:50%;animation:2.3s ease-out .2s 2 outcome-halo;position:absolute;inset:25px 60px}.outcome-eyebrow{letter-spacing:.3em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.outcome-card h2{color:inherit;letter-spacing:.06em;margin:0;font-family:Georgia,serif;font-size:clamp(46px,8vw,64px);font-weight:400;line-height:1.1}.outcome-description{color:#c3d0d7;max-width:290px;margin:18px auto 24px;font-size:14px;line-height:1.6}.outcome-card .outcome-dismiss{pointer-events:auto;color:#e0e8ed;background:#ffffff08;border:1px solid #ffffff28;border-radius:8px;padding:11px 20px;font-size:12px}.outcome-dismiss span{color:#edc775;margin-left:18px}.outcome-countdown{opacity:.55;transform-origin:0;background:currentColor;width:100%;height:2px;animation:5.2s linear both outcome-countdown;position:absolute;bottom:0;left:0}.outcome-particles{position:absolute;inset:0}.outcome-particles i{top:-20px;left:var(--x);width:5px;height:11px;animation:outcome-confetti 4.5s var(--delay) ease-out both;background:#e5bd64;position:absolute}.outcome-particles i:nth-child(3n){background:#bde8dc;width:3px;height:7px}.outcome-particles i:nth-child(4n){background:#fff0c4}.outcome-medal{transform-origin:160px 105px;animation:1.2s cubic-bezier(.16,1,.3,1) both outcome-medal}.outcome-defeat{color:#d39a8e}.outcome-defeat .outcome-atmosphere{background:radial-gradient(at 50% 42%,#55425725,#030e19dd 75%)}.outcome-defeat .outcome-card{background:radial-gradient(at 50% 5%,#303844,#101d2a 58%,#0a1521);border-color:#a783824a}.outcome-defeat .outcome-halo{border-color:#809faf}.outcome-defeat .outcome-art svg{filter:drop-shadow(0 0 16px #d39a8e20)}.outcome-defeat .outcome-particles i{opacity:0;width:1px;height:38px;animation:outcome-rain 2s var(--delay) 2 linear both;background:#a7c8da}.outcome-sinking-ship{transform-origin:160px 135px;animation:4.5s ease-in-out both outcome-sink}.outcome-waterline{color:#7ea7ba;animation:2.4s ease-in-out 2 outcome-waves}.outcome-bubbles{animation:3s .5s both outcome-bubbles}@keyframes outcome-arrive{0%{opacity:0;transform:translateY(28px)scale(.93)}to{opacity:1;transform:none}}@keyframes outcome-atmosphere{0%,to{opacity:0}12%,90%{opacity:1}}@keyframes outcome-medal{0%{opacity:0;transform:scale(.6)rotate(-15deg)}to{opacity:1;transform:none}}@keyframes outcome-halo{0%{opacity:.4;transform:scale(.7)}to{opacity:0;transform:scale(1.8)}}@keyframes outcome-confetti{0%{opacity:0;transform:translateY(-20px)}10%{opacity:.85}to{opacity:0;transform:translate(var(--drift), 100vh) rotate(var(--spin))}}@keyframes outcome-rain{0%{opacity:0;transform:translateY(-40px)rotate(12deg)}15%,65%{opacity:.12}to{opacity:0;transform:translate(-80px,100vh)rotate(12deg)}}@keyframes outcome-sink{0%,15%{opacity:1;transform:translateY(-12px)rotate(0)}to{opacity:.32;transform:translateY(28px)rotate(-13deg)}}@keyframes outcome-bubbles{0%{opacity:0;transform:translateY(15px)}30%{opacity:.6}to{opacity:0;transform:translateY(-35px)}}@keyframes outcome-waves{50%{opacity:.6;transform:translate(7px)}}@keyframes outcome-countdown{to{transform:scaleX(0)}}.outcome-still *,.outcome-still{animation:none!important}.outcome-still .outcome-particles,.outcome-still .outcome-halo,.outcome-still .outcome-countdown{display:none}@media (prefers-reduced-motion:reduce){.outcome-event,.outcome-event *{animation:none!important}.outcome-particles,.outcome-halo,.outcome-countdown{display:none}}@media (height<=550px){.outcome-card{padding:12px 24px 20px}.outcome-art{height:110px}.outcome-description{margin:10px auto 14px}.outcome-card h2{font-size:40px}}.match-activity{--activity-accent:#9edee3;z-index:75;pointer-events:none;color:var(--activity-accent);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.activity-atmosphere{background:radial-gradient(at 50% 42%,#326a7430,#031017a8 75%);animation:5.2s both activity-atmosphere;position:absolute;inset:0}.activity-card{box-sizing:border-box;text-align:center;pointer-events:none;background:radial-gradient(at 50% 0,#274551,#10212b 60%,#0b1922);border:1px solid #9edee34d;border-radius:20px;width:min(490px,100vw - 32px);max-height:calc(100dvh - 24px);padding:20px 30px 26px;animation:.7s cubic-bezier(.16,1,.3,1) both activity-arrive;position:relative;overflow:auto;box-shadow:0 24px 100px #0008,inset 0 1px #fff1}.activity-art{width:min(320px,100%);height:160px;color:inherit;filter:drop-shadow(0 0 16px #9edee325);margin:0 auto 8px;display:block}.activity-card.activity-scrollable{pointer-events:auto;overscroll-behavior:contain}.activity-summary{color:#c3d0d7;margin:-4px 0 20px;line-height:1.6}.activity-art svg{width:100%;height:100%;display:block}.activity-radar{fill:none;stroke:currentColor;stroke-width:1px;transform-origin:160px 80px;animation:5.2s ease-out both activity-radar}.activity-radar:nth-of-type(2){animation-delay:.3s}.activity-ship{fill:currentColor;fill-opacity:.18;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:160px 110px;animation:5.2s ease-in-out both activity-ship}.activity-eyebrow{letter-spacing:.25em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700;line-height:1.5}.activity-title{color:inherit;letter-spacing:.025em;overflow-wrap:anywhere;margin:0;font-family:Georgia,serif;font-size:clamp(32px,6vw,46px);font-weight:400;line-height:1.12}.activity-matchup{letter-spacing:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;font-size:clamp(20px,3.5vw,24px);display:grid}.activity-player,.activity-opponent{overflow-wrap:anywhere;min-width:0}.activity-versus{letter-spacing:.12em;text-transform:uppercase;color:#b5c9d0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.5}.activity-description{color:#c3d0d7;overflow-wrap:anywhere;max-width:350px;margin:16px auto 22px;font-size:14px;line-height:1.6}.activity-card .activity-dismiss{color:#e0e8ed;pointer-events:auto;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff3d;border-radius:8px;min-height:44px;padding:10px 20px;font-size:12px;line-height:1.5}.activity-card .activity-dismiss:hover{border-color:var(--activity-accent);background:#ffffff14}.activity-card .activity-dismiss:focus-visible{outline:2px solid var(--activity-accent);outline-offset:3px}.activity-countdown{opacity:.55;transform-origin:0;background:currentColor;width:100%;height:2px;animation:5.2s linear both activity-countdown;position:absolute;bottom:0;left:0}.activity-toast{padding-top:max(20px, env(safe-area-inset-top));box-sizing:border-box;align-items:start}.activity-toast .activity-card{border-radius:14px;width:min(430px,100vw - 32px);padding:17px 22px 16px;animation:.45s cubic-bezier(.16,1,.3,1) both activity-toast-arrive;box-shadow:0 10px 40px #0006,inset 0 1px #fff1}.activity-toast .activity-eyebrow{letter-spacing:.2em;margin-bottom:6px;font-size:9px}.activity-toast .activity-title{letter-spacing:0;font-family:Arial,sans-serif;font-size:19px;font-weight:700;line-height:1.3}.activity-toast .activity-description{margin:8px auto 12px;font-size:13px;line-height:1.45}.activity-toast .activity-dismiss{min-height:36px;padding:7px 16px;font-size:11px}.activity-warning{--activity-accent:#e6b296}.activity-warning .activity-atmosphere{background:radial-gradient(at 50% 42%,#775d4030,#031017a8 75%)}.activity-warning .activity-card{background:radial-gradient(at 50% 0,#42464a,#15232c 60%,#0b1922);border-color:#e6b29655}.activity-positive{--activity-accent:#ade0bb}.activity-positive .activity-card{background:radial-gradient(at 50% 0,#2b4847,#10252b 60%,#0b1922);border-color:#ade0bb55}@keyframes activity-arrive{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:none}}@keyframes activity-toast-arrive{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes activity-atmosphere{0%,to{opacity:0}12%,90%{opacity:1}}@keyframes activity-radar{0%{opacity:0;transform:scale(.55)}12%{opacity:.55}50%{opacity:.12;transform:scale(1.1)}65%{opacity:.35}to{opacity:.08;transform:scale(1.35)}}@keyframes activity-ship{0%{opacity:0;transform:translate(-34px,8px)}15%{opacity:1;transform:translate(0)}38%{transform:translateY(-3px)rotate(-1deg)}62%{transform:translateY(2px)rotate(1deg)}85%,to{opacity:1;transform:none}}@keyframes activity-countdown{to{transform:scaleX(0)}}.activity-still,.activity-still *{animation:none!important}.activity-still .activity-countdown{display:none}.activity-still .activity-radar{opacity:.25}@media (prefers-reduced-motion:reduce){.match-activity,.match-activity *{animation:none!important}.activity-countdown{display:none}.activity-radar{opacity:.25}}@media (width<=420px){.activity-card{padding-left:20px;padding-right:20px}.activity-matchup{grid-template-columns:1fr;gap:6px}}@media (height<=550px){.activity-card{padding-top:12px;padding-bottom:18px}.activity-art{height:90px;margin-bottom:4px}.activity-title{font-size:32px}.activity-matchup{font-size:24px}.activity-eyebrow{margin-bottom:6px}.activity-description{margin-top:10px;margin-bottom:14px}.activity-toast{padding-top:max(12px, env(safe-area-inset-top))}}