@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#e5eeef;font-synthesis:none;--mint:#8edacc;--muted:#8da4b2;--border:#29404f;--coral:#f49b83;--water:#17313f;background:#0b1c29;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 90% 10%,#18344266,#0000 42%);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e9d8a2}button[hidden]{display:none}#app{max-width:1160px;margin:auto;padding:0 48px}.masthead{border-bottom:1px solid var(--border);align-items:center;gap:34px;height:108px;display:flex}.brand{color:var(--mint);letter-spacing:-1.7px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;text-decoration:none;display:flex}.brand svg{width:35px;height:39px}.brand-dot{color:var(--coral)}.masthead-note{color:var(--muted);font-size:13px}.edition{color:var(--muted);letter-spacing:1.6px;margin-left:auto;font-size:10px}.intro{justify-content:space-between;align-items:center;gap:30px;padding:49px 0 42px;display:flex}.eyebrow{letter-spacing:2px;color:var(--mint);margin:0 0 12px;font-size:10px;font-weight:650}h1,h2,p{margin-top:0}h1{letter-spacing:-2px;margin-bottom:17px;font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,51px);font-weight:650;line-height:1.18}h1 span{color:var(--mint)}.intro-copy{color:#a3b5c0;max-width:440px;margin-bottom:0;font-size:14px;line-height:1.8}.radar{background:conic-gradient(from 5deg,#0000 0deg,#77d8c918 75deg,#0000 76deg);border:1px solid #436d6a60;border-radius:50%;flex:none;width:211px;height:211px;margin-right:54px;position:relative}.radar:before,.radar:after{content:"";border:1px solid #436d6a60;border-radius:50%;position:absolute;inset:26px}.radar:after{inset:53px}.radar-axis{background:linear-gradient(#0000 calc(50% - .5px),#436d6a60 50%,#0000 calc(50% + .5px)),linear-gradient(90deg,#0000 calc(50% - .5px),#436d6a60 50%,#0000 calc(50% + .5px));position:absolute;inset:0}.radar i{background:var(--mint);border-radius:50%;width:5px;height:5px;position:absolute;top:27%;left:36%;box-shadow:0 0 0 5px #8edacc15}.radar i:nth-of-type(2){background:var(--coral);top:40%;left:72%}.radar i:nth-of-type(3){width:4px;height:4px;top:68%;left:42%}.radar span{color:var(--muted);letter-spacing:1.2px;background:#0d202d;padding:5px 0 0 10px;font-size:8px;line-height:1.8;position:absolute;bottom:-7px;right:-42px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}h2{letter-spacing:-.4px;margin-bottom:0;font-family:Manrope,sans-serif;font-size:17px;font-weight:650}.section-heading>span{color:var(--muted);font-size:11px}.opponent-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.opponent{text-align:left;border:1px solid var(--border);color:inherit;background:#112633;border-radius:12px;flex-direction:column;padding:18px;transition:border-color .15s,background .15s;display:flex}.opponent:hover:enabled{background:#193541;border-color:#688f90}.opponent[aria-pressed=true]{border-color:var(--mint);background:#193b40}.opponent-top{align-items:center;gap:8px;width:100%;margin-bottom:15px;display:flex}.avatar{color:var(--mint);background:#23434b;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-family:Arial,sans-serif;font-size:23px;display:grid}.opponent:first-child .avatar{color:#e0c186;background:#403c35}.opponent:nth-child(3) .avatar{color:#c0b1e3;background:#37364b}.opponent:nth-child(4) .avatar{color:#e7aa98;background:#453a3b}.opponent-level{color:#b3c4cc;font-size:9px}.selection{color:var(--mint);visibility:hidden;margin-left:auto;font-size:14px}.opponent[aria-pressed=true] .selection{visibility:visible}.opponent-name{letter-spacing:-.5px;margin-bottom:10px;font-family:Manrope,sans-serif;font-size:19px;font-weight:700;display:block}.opponent-name>span{letter-spacing:0;color:#a8bec6;margin-left:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}.opponent-description{color:#a8bec6;font-size:11px;line-height:1.7}.opponent:disabled:not([aria-pressed=true]){opacity:.6}.fair-play{color:var(--muted);margin:13px 0 29px;font-size:10px;line-height:1.7}.command-bar{border:1px solid var(--border);background:#142d38;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:117px;margin-bottom:20px;padding:22px 24px;display:flex}.command-status{align-items:flex-start;gap:14px;min-width:0;display:flex}.status-dot{background:var(--mint);border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 5px #8edacc12}.status-dot.live{animation:2.5s infinite beacon}.command-status .eyebrow{letter-spacing:1.5px;margin-bottom:7px;font-size:9px}.command-status h2{margin:0 0 7px;font-size:18px}.command-status p:last-child{color:#b4c5cc;max-width:390px;margin:0;font-size:11px;line-height:1.6}.actions{flex:none;gap:9px;display:flex}.button{border:1px solid var(--border);border-radius:7px;min-height:42px;padding:12px 15px;font-size:11px;font-weight:650;transition:background .15s}.button.primary{background:var(--mint);color:#102b32;border-color:var(--mint)}.button.primary:hover{background:#b7eadf}.button.primary span{margin-left:15px;font-size:17px}.button.secondary{color:#d6e5e9;background:0 0;border-color:#49636d}.button.secondary:hover{background:#26434c}.boards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sea-panel{border:1px solid var(--border);background:#102632;border-radius:12px;min-width:0;padding:23px 25px 18px;transition:border-color .2s}.sea-panel.ready{border-color:#6caaa0}.sea-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.sea-heading .eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:7px;font-size:9px}.sea-heading h2{font-size:20px}.fleet-count{color:#bdd4d9;white-space:nowrap;border:1px solid #38515d;border-radius:20px;padding:6px 9px;font-size:10px}.sea-grid{grid-template-columns:18px repeat(10,minmax(0,1fr));gap:4px;display:grid}.axis{color:#8ba4b2;place-items:center;min-height:17px;font-size:9px;font-weight:500;display:grid}.cell{aspect-ratio:1;background:var(--water);min-width:0;color:var(--muted);border:1px solid #254651;border-radius:4px;place-items:center;padding:0;font:24px/1 DM Sans,sans-serif;transition:background .12s,border-color .12s;display:grid}.cell:enabled:hover{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint);background:#2f5d63}.cell:enabled:active{background:#527e7b}.cell:focus-visible{outline-offset:1px;z-index:1;outline:2px solid #e9d8a2}.cell.ship{background:#4b837f;border-color:#70aaa0;box-shadow:inset 0 0 0 3px #4b837f,inset 0 0 0 4px #7db6aa66}.cell.hit{color:#ffd5bc;background:#7c4c44;border-color:#ba7968}.cell.sunk{color:#d6a19a;background:#373846;border-color:#71616a}.cell.miss{color:#94b5c4;background:#142c39;border-color:#233f4e;font-size:27px}.cell.blocked{color:#536f7f;background:#102733;border-color:#1e3946;font-size:20px}.cell.last-shot{outline-offset:-2px;outline:2px solid #e7ca8c}.sea-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding-left:22px;display:flex}.fleet{flex-wrap:wrap;align-items:center;gap:5px 7px;max-width:200px;display:flex}.mini-ship{gap:1px;display:flex}.mini-ship i{background:#8ebbb4;border-radius:1px;width:5px;height:5px}.mini-ship.lost i{background:#5d515a}.sea-footer>span{color:var(--muted);white-space:nowrap;font-size:9px}.legend{color:#9fb4c0;flex-wrap:wrap;justify-content:center;gap:23px;margin:20px 0 34px;font-size:10px;display:flex}.legend>span{align-items:center;gap:7px;display:flex}.legend i{border-radius:3px;place-items:center;width:13px;height:13px;font-size:16px;font-style:normal;line-height:1;display:grid}.legend-ship{background:#4b837f;border:1px solid #70aaa0}.legend-miss{color:#94b5c4;background:#17313f}.legend-hit{color:#ffd5bc;background:#7c4c44}.legend-sunk{color:#d6a19a;background:#373846}.legend .legend-sunk{font-size:12px}.below-deck{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:60px;padding:30px 0 35px;display:grid}.rules h2{margin-bottom:20px;font-size:21px}.rules .eyebrow{color:var(--muted);font-size:9px}.rules ol{counter-reset:brief;margin:0;padding:0;list-style:none}.rules li{counter-increment:brief;color:#9fb4c0;margin-bottom:14px;padding-left:34px;font-size:11px;line-height:1.85;position:relative}.rules li:before{content:"0" counter(brief);color:var(--mint);font-size:10px;position:absolute;left:0}.rules strong{color:#d6e5e9;font-weight:500}.log-panel .section-heading{margin:0 0 13px}.log-panel .section-heading>span{letter-spacing:1.2px;font-size:8px}.history{max-height:228px;margin:0;padding:0;list-style:none;overflow:auto}.history li{border-bottom:1px solid #29404f80;align-items:center;gap:12px;padding:9px 0;font-size:11px;display:flex}.log-mark{color:#94b5c4;background:#1a3442;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:19px;display:grid}.log-mark.hit{color:var(--coral);background:#3d3639}.history strong{color:#c4d7df;margin-left:13px;font-weight:500}.log-result{color:var(--muted);margin-left:auto;font-size:10px}.history li.empty-log{color:var(--muted);border:0;padding:22px 0;font-size:12px;line-height:1.9}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:15px;padding:24px 0 30px;font-size:10px;display:flex}footer>span:last-child{letter-spacing:1.5px;font-size:8px}footer>span:last-child span{color:var(--mint);padding:0 8px}@keyframes beacon{50%{box-shadow:0 0 0 7px #8edacc05}}@media (width>=1400px){.intro{padding:54px 0 48px}}@media (width<=1000px){#app{padding:0 28px}.command-bar{flex-wrap:wrap}.command-status p:last-child{max-width:100%}.sea-panel{padding:20px 17px 17px}.opponent{padding:14px}.opponent-name>span{margin:4px 0 0;display:block}.opponent-level{font-size:8px}.sea-footer{gap:7px;padding-left:0}.fleet{max-width:145px}}@media (width<=720px){#app{padding:0 20px}.masthead{gap:20px;height:80px}.brand{font-size:29px}.masthead-note{margin-left:auto;font-size:11px}.edition{display:none}.intro{gap:0;padding:34px 0 29px}h1{font-size:39px}.intro-copy{max-width:360px;font-size:12px}.radar{opacity:.7;width:130px;height:130px;margin-left:15px;margin-right:15px}.radar:before{inset:17px}.radar:after{inset:34px}.radar span{display:none}.opponent-grid{grid-template-columns:1fr 1fr;gap:10px}.opponent-name>span{margin:0 0 0 5px;display:inline}.opponent-top{margin-bottom:10px}.opponent-level{font-size:9px}.opponent-description{font-size:11px}.fair-play{margin-bottom:22px}.boards{grid-template-columns:1fr;gap:18px}.sea-panel{padding:22px 22px 20px}.sea-grid{grid-template-columns:19px repeat(10,minmax(0,1fr));gap:5px}.sea-footer{padding-left:24px}.fleet{max-width:220px}.sea-footer>span{font-size:10px}.cell{font-size:27px}.legend{gap:15px;margin-bottom:26px}.below-deck{grid-template-columns:1fr;gap:25px;padding-top:26px}.log-panel{border-top:1px solid var(--border);padding-top:23px}.command-bar{gap:18px;padding:20px}.actions{width:100%}.button{flex:1}.command-status h2{font-size:17px}.rules li{font-size:12px}.history{max-height:188px}footer{font-size:9px}footer>span:last-child{letter-spacing:.7px;font-size:7px}}@media (width<=430px){#app{padding:0 15px}.masthead-note{text-align:right;max-width:110px;line-height:1.6}.intro{padding-top:29px}.intro .eyebrow{font-size:9px}h1{letter-spacing:-1.6px;font-size:36px}.radar{display:none}.intro-copy{max-width:320px}.section-heading>span{font-size:9px}h2{font-size:15px}.opponent{padding:13px}.opponent-name{font-size:18px}.opponent-name>span{margin:4px 0 0;font-size:10px;display:block}.opponent-description{font-size:10px}.avatar{width:30px;height:30px;font-size:20px}.opponent-level{font-size:8px}.selection{font-size:12px}.opponent-top{gap:5px}.fair-play{font-size:9px}.command-bar{padding:17px 15px}.command-status{gap:11px}.command-status h2{font-size:16px}.command-status p:last-child{font-size:10px}.button{padding:11px 10px;font-size:10px}.button.primary span{margin-left:5px}.sea-panel{padding:19px 14px 16px}.sea-heading h2{font-size:18px}.sea-heading .eyebrow{font-size:8px}.fleet-count{padding:6px 8px;font-size:9px}.sea-grid{grid-template-columns:15px repeat(10,minmax(0,1fr));gap:3px}.cell{border-radius:3px;font-size:23px}.axis{font-size:8px}.sea-footer{padding-left:18px}.fleet{gap:4px 5px;max-width:170px}.mini-ship i{width:4px;height:4px}.sea-footer>span{font-size:8px}.legend{gap:11px;font-size:9px}.legend>span{gap:5px}footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=720px){.battle.in-progress .command-bar{z-index:5;background:#142d38;position:sticky;top:8px;box-shadow:0 8px 24px #06121c99}.cell{scroll-margin-top:190px}}.language-switch{color:#9aaeb8;white-space:nowrap;align-items:center;gap:.4em;font-size:11px;display:inline-flex}.language-switch button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}.language-switch button[aria-pressed=true]{font-weight:600;text-decoration:none}.language-switch button:focus-visible{outline-offset:4px;outline:2px solid}footer{flex-wrap:wrap;align-items:center}