:root{font-family:Arial,Helvetica,sans-serif;color:#e4eaf0;background:#0b151e;font-synthesis:none;--muted:#7f94a4;--mint:#acd5c5;--coral:#f08570;--line:#263845;--panel:#111f2a;--sea:#132530}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{touch-action:manipulation}::selection{background:#36554e}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.21;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.16' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:10}
.shell{max-width:1416px;padding:0 48px;margin:auto}.topbar{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;border:1px solid #4b6b6d;border-radius:50%;display:grid;place-items:center;color:var(--mint)}.brand-mark svg{width:23px;height:23px}.brand-name{font-size:15px;font-weight:800;letter-spacing:2.5px}.brand-sub{font:9px monospace;color:var(--muted);letter-spacing:3.3px;margin-top:6px}.top-actions{display:flex;align-items:center;gap:9px}.nav-button,.icon-button{background:transparent;border:1px solid transparent;color:#8da2af;border-radius:8px;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px}.nav-button:hover,.icon-button:hover{color:#e9f1f2;background:#182732}.icon-button{width:39px;height:39px;justify-content:center;padding:8px;border-color:var(--line)}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.divider{height:20px;width:1px;background:var(--line);margin:0 12px}.language{font:11px monospace;letter-spacing:1px}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:205px;padding:30px 0 26px;overflow:hidden}.eyebrow{font:10px monospace;letter-spacing:2.2px;color:var(--mint);display:flex;align-items:center;gap:9px;text-transform:uppercase}.signal-dot{width:6px;height:6px;border-radius:100%;background:var(--mint);box-shadow:0 0 12px #add5c544;display:inline-block}.hero h1{font-size:clamp(29px,3.1vw,44px);letter-spacing:-1.5px;line-height:1.16;margin:15px 0 12px;font-weight:500}.hero h1 em{color:var(--mint);font-style:normal}.hero p{font-size:13px;color:var(--muted);line-height:1.7;margin:0;max-width:600px}.hero-art{width:310px;height:165px;margin-right:15px;position:relative;color:#506e76;flex-shrink:0}.hero-art svg{width:100%;height:100%}.coordinate{position:absolute;right:0;bottom:0;color:#546d7b;font:9px monospace;letter-spacing:1px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0 18px;border-top:1px solid var(--line)}.operation{display:flex;align-items:center;gap:12px}.operation-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #334b55;border-radius:7px;color:var(--mint);font:12px monospace}.operation-label{font-size:12px;font-weight:700}.operation-sub{font:9px monospace;color:#5e7686;margin-top:5px;letter-spacing:1px}.difficulty{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.select-wrap{position:relative}.difficulty select{appearance:none;background:#152631;border:1px solid #2e424c;padding:8px 29px 8px 12px;border-radius:6px;color:#c1d5d6;font-size:11px;cursor:pointer}.select-wrap:after{content:'⌄';position:absolute;right:11px;top:6px;pointer-events:none;color:var(--mint)}.difficulty select:disabled{cursor:default;opacity:.65}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 242px;gap:18px;align-items:start}.board-panel{background:linear-gradient(155deg,#152631,#10202b);border:1px solid #2b3d48;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 28px #030b1015}.panel-head{padding:20px 19px 17px;display:flex;justify-content:space-between;align-items:center}.panel-kicker{font:9px monospace;letter-spacing:1.5px;color:#718a9a;margin-bottom:7px}.panel-title{font-size:17px;letter-spacing:-.3px;font-weight:600;display:flex;gap:9px;align-items:center}.panel-title .icon{color:var(--mint);width:19px}.enemy-panel .panel-title .icon{color:var(--coral)}.tag{font:8px monospace;letter-spacing:1px;color:var(--mint);border:1px solid #406056;background:#243d3640;padding:5px 7px;border-radius:4px;text-transform:uppercase;white-space:nowrap}.tag.enemy{color:#9aaab7;border-color:#3f4f5a;background:#2d3b4440}.tag.active{color:#f4ae92;border-color:#965d4b;background:#8c4d2933}.grid-wrap{position:relative;padding:0 18px 0 9px}.sea-map{display:grid;grid-template-columns:22px repeat(10,minmax(0,1fr));grid-template-rows:22px repeat(10,minmax(0,1fr));aspect-ratio:1.06;user-select:none}.axis{display:flex;align-items:center;justify-content:center;font:9px monospace;color:#698393}.cell{padding:0;min-width:0;min-height:0;position:relative;border:0;border-right:1px solid #2a435044;border-bottom:1px solid #2a435044;background:#172c38;display:grid;place-items:center;outline-offset:-2px!important}.cell.edge-top{border-top:1px solid #2a435044}.cell.edge-left{border-left:1px solid #2a435044}.cell:nth-child(2n){background:#172b36}.enemy-panel .cell{background:#172b36}.enemy-panel .cell:nth-child(2n){background:#162a35}.cell:disabled{opacity:1}.cell.shootable:hover,.cell.shootable:focus-visible{background:#365459;box-shadow:inset 0 0 0 1px #8aa8a0;z-index:3}.cell.shootable:hover:before,.cell.shootable:focus-visible:before{content:'+';position:absolute;color:var(--mint);font:26px monospace;z-index:4}.cell.placement:hover{background:#33524d}.cell.preview-valid{background:#365a50!important;box-shadow:inset 0 0 0 1px #8eb9a7}.cell.preview-invalid{background:#723f3a!important}.cell.hit:after,.cell.sunk:after{content:'×';font:clamp(16px,2vw,29px)/1 monospace;color:#f3987f;z-index:5;text-shadow:0 0 8px #fa876444}/* Hit and sunk markers retain the underlying water background. */.cell.miss:after{content:'';width:4px;height:4px;border-radius:50%;background:#7c949f90;z-index:4}.cell.last-shot{box-shadow:inset 0 0 0 1px #f2a088}.cell.last-shot:after{animation:shot .5s ease-out}.fleet-layer{position:absolute;inset:22px 18px 0 31px;pointer-events:none}.ship-piece{position:absolute;padding:3px 2px}.ship-hull{height:100%;width:100%;border:1px solid #71928f;background:linear-gradient(0deg,#587777,#87a49d);clip-path:polygon(0 19%,5% 8%,82% 8%,100% 50%,82% 92%,5% 92%,0 81%);filter:drop-shadow(0 2px 3px #0008);display:flex;align-items:center;justify-content:center;gap:5%;position:relative;opacity:.88}.ship-hull:before{content:'';width:28%;height:42%;border:1px solid #adc1b15c;background:#405d60;box-shadow:0 0 0 3px #b4c9ba22;border-radius:2px}.ship-hull:after{content:'';width:15%;height:33%;border:1px solid #b6c5b480;background:#466769;border-radius:50%}.ship-piece.vertical .ship-hull{clip-path:polygon(19% 100%,8% 95%,8% 18%,50% 0,92% 18%,92% 95%,81% 100%);flex-direction:column}.ship-piece.vertical .ship-hull:before{width:42%;height:28%}.ship-piece.vertical .ship-hull:after{width:33%;height:15%}.ship-piece.small .ship-hull{clip-path:polygon(5% 30%,55% 15%,96% 50%,55% 85%,5% 70%)}.ship-piece.destroyed .ship-hull{background:#aa6c58;border-color:#f09b7c;opacity:.35}.grid-cover{position:absolute;inset:22px 18px 0 31px;background:radial-gradient(ellipse at center,#14263144,#13232e77);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;gap:13px}.radar{width:88px;height:88px;position:relative;border:1px solid #54747865;border-radius:50%;background:repeating-radial-gradient(circle,#0000 0 13px,#54747833 14px 15px,#0000 16px 27px),conic-gradient(from 25deg,#a1c4b500 270deg,#a1c4b533 360deg)}.radar:before,.radar:after{content:'';position:absolute;background:#54747850}.radar:before{width:1px;top:0;bottom:0;left:50%}.radar:after{height:1px;left:0;right:0;top:50%}.radar-dot{position:absolute;left:57%;top:33%;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #acd5c5aa}.cover-title{font:9px monospace;color:#92aaa9;letter-spacing:2px}.cover-description{font-size:10px;color:#6e8690}.board-footer{padding:19px 19px 17px}.fleet-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:8px}.fleet-caption{font:9px monospace;color:#77919e;letter-spacing:1px}.fleet-count{font:10px monospace;color:#bfd2d6}.fleet-dots{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.mini-ship{display:inline-flex;gap:2px;padding:1px}.mini-ship i{display:block;width:7px;height:7px;background:#7b9c94;border-radius:1px}.enemy-panel .mini-ship i{background:#718693}.mini-ship.destroyed i{background:#62463e}.mini-ship.pending i{background:transparent;outline:1px solid #4a6068;outline-offset:-1px}.panel-controls{display:flex;gap:8px;margin-top:18px}.small-button{border:1px solid #344852;border-radius:6px;background:#1b303b;color:#a8bdc5;font-size:10px;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:7px}.small-button:hover{border-color:#8ba99f;color:#e1ebe6}.small-button .icon{width:13px;height:13px}.small-button.wide{flex:1}.small-button.selected{border-color:#8caf9e;color:var(--mint);background:#29413d}.manual-tools{margin-top:15px;border-top:1px solid #2c404b;padding-top:13px}.ship-picker{display:flex;gap:5px;margin-bottom:9px}.ship-select{flex:1;min-width:0;background:#1b303b;border:1px solid #344852;border-radius:5px;padding:9px 4px;display:flex;gap:6px;align-items:center;justify-content:center}.ship-select.active{border-color:#9dc6b3}.ship-select:disabled{opacity:.35}.ship-select small{font:9px monospace;color:var(--muted)}.manual-hint{font-size:10px;color:#829a9f;line-height:1.6;margin:9px 0 0}.side-panel{border:1px solid #2b3d48;background:#111f29;border-radius:12px;overflow:hidden}.mission-section{padding:21px 19px 19px}.section-label{font:9px monospace;letter-spacing:1.5px;color:#7a929c;text-transform:uppercase}.status-orbit{display:flex;align-items:center;gap:10px;margin-top:20px}.orbit{width:31px;height:31px;border:1px solid #506e64;border-radius:50%;position:relative;display:grid;place-items:center;flex-shrink:0}.orbit:before{content:'';width:9px;height:9px;border:1px solid var(--mint);border-radius:50%}.orbit:after{content:'';position:absolute;right:1px;top:3px;width:4px;height:4px;background:var(--mint);border-radius:50%}.status-orbit h2{font-size:14px;margin:0;font-weight:500;color:#dce8e5}.mission-copy{color:#7d949f;font-size:11px;line-height:1.8;min-height:53px;margin:15px 0 19px}.primary-button{width:100%;padding:14px 11px;background:var(--mint);border:1px solid var(--mint);border-radius:7px;color:#152a2c;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 14px #94c4b211}.primary-button:hover{background:#c0e7d7;transform:translateY(-1px)}.primary-button:disabled{background:#344b45;border-color:#344b45;color:#82988d;transform:none}.primary-button .icon{width:17px}.key-note{text-align:center;font:9px monospace;color:#536e7a;margin-top:11px}.key-note kbd{font:8px monospace;border:1px solid #3a505a;padding:2px 4px;border-radius:3px;margin-right:4px}.sidebar-divider{height:1px;background:var(--line);margin:0 19px}.log-section{padding:20px 19px}.log-header{display:flex;justify-content:space-between;align-items:center}.log-counter{font:9px monospace;color:#4f6975}.log{display:flex;flex-direction:column;gap:15px;min-height:106px;margin-top:19px}.log-line{display:flex;gap:9px;align-items:start;font-size:10px;line-height:1.65;color:#7f96a3}.log-mark{color:#738e94;flex-shrink:0}.log-line:first-child{color:#b1c5c7}.log-line.hit .log-mark,.log-line.sunk .log-mark{color:var(--coral)}.log-line time{font:9px monospace;color:#526f7d;flex-shrink:0;padding-top:3px}.session-stats{display:flex;border-top:1px solid var(--line);background:#10202a;padding:17px 19px;gap:26px}.stat-value{font:20px monospace;color:#b6cbc9}.stat-name{font-size:9px;color:#667f8c;margin-top:6px}.below-game{display:flex;justify-content:space-between;align-items:center;padding:24px 0 28px;gap:20px}.legend{display:flex;gap:23px;color:#708895;font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.legend .legend-ship{width:12px;height:7px;border-radius:2px;background:#819f95}.legend .legend-miss{width:4px;height:4px;background:#8ca1ab;border-radius:50%;margin:0 4px}.legend .legend-hit{font:18px monospace;color:var(--coral)}.save-note{color:#536c7b;font-size:9px;display:flex;align-items:center;gap:6px}.save-note .icon{width:12px;height:12px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 26px;gap:16px;color:#435f6e;font:9px monospace;letter-spacing:1px}.footer .footer-motto{letter-spacing:0;font-family:Arial;font-size:10px;color:#627d87}.mobile-tabs{display:none}.turn-banner{font-size:10px;color:#8bb4a7;display:flex;align-items:center;gap:7px;min-height:33px;margin-top:10px}.turn-banner.enemy-turn{color:#d7a48d}.thinking{display:inline-flex;gap:3px}.thinking i{width:3px;height:3px;background:currentColor;border-radius:50%;animation:blink 1s infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}.pause-cover{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#0c1824dc;backdrop-filter:blur(5px);padding:20px;text-align:center}.pause-cover .icon{width:25px;height:25px;color:var(--mint)}.pause-cover strong{font-weight:500}.pause-cover small{color:var(--muted);font-size:11px;line-height:1.5}.pause-cover button{max-width:170px;margin-top:8px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#050d14c9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#142630;border:1px solid #3a525c;border-radius:17px;max-width:470px;width:100%;padding:30px;box-shadow:0 20px 100px #0008;position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:12px;top:12px}.modal-eyebrow{font:10px monospace;letter-spacing:2px;color:var(--mint);margin:4px 0 17px}.modal h2{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:0 0 18px}.modal p{font-size:13px;line-height:1.8;color:#96aeb8}.modal ol{padding-left:20px;font-size:12px;color:#a1b6bd;line-height:1.8;margin:0 0 23px}.modal li{margin:12px 0;padding-left:5px}.modal li::marker{color:var(--mint);font-family:monospace}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .small-button{flex:1}.result-symbol{width:60px;height:60px;border:1px solid #52796b;border-radius:50%;display:grid;place-items:center;color:var(--mint);margin-bottom:24px}.result-symbol .icon{width:28px;height:28px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0;border-top:1px solid #30444d;border-bottom:1px solid #30444d}.result-stats strong{font:24px monospace;color:var(--mint)}.result-stats small{display:block;color:#869eaa;font-size:10px;margin-top:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;background:#d0e5da;color:#183c35;font-size:12px;padding:12px 20px;border-radius:8px;box-shadow:0 5px 25px #0004;max-width:90vw;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes shot{0%{transform:scale(1.8);opacity:.2}100%{transform:scale(1);opacity:1}}@keyframes blink{50%{opacity:.25}}
@media(min-width:1600px){.shell{max-width:1516px;padding:0 62px}.hero{min-height:230px}.battle-layout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 270px}.mission-section{padding:25px 23px}.log-section{padding:23px}.log{min-height:132px}}
@media(max-width:1170px){.shell{padding:0 28px}.battle-layout{grid-template-columns:1fr 1fr}.side-panel{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 180px}.sidebar-divider{display:none}.mission-section{padding:20px;display:grid;grid-template-columns:1fr 160px;gap:5px 20px;align-items:center}.mission-section .section-label{grid-column:1}.status-orbit{margin-top:10px}.mission-copy{grid-column:1;min-height:0;margin:8px 0;font-size:10px}.mission-section .primary-button{grid-column:2;grid-row:1/4}.key-note{grid-column:2;margin-top:0}.log-section{border-left:1px solid var(--line);padding:20px}.log{min-height:0;gap:6px;margin-top:12px}.log-line:nth-child(n+3){display:none}.session-stats{border-left:1px solid var(--line);border-top:0;flex-direction:column;gap:15px;justify-content:center;padding:20px}.cell.hit:after,.cell.sunk:after{font-size:29px}.hero-art{width:260px}}
@media(max-width:800px){.shell{padding:0 20px}.topbar{height:76px}.hero{min-height:180px}.hero h1{font-size:32px}.hero-art{width:180px;opacity:.8;margin:0}.hero p{max-width:370px;font-size:12px}.side-panel{grid-template-columns:1.2fr 1fr}.session-stats{display:none}.mission-section{grid-template-columns:1fr}.mission-section .primary-button{grid-column:1;grid-row:auto}.key-note{display:none}.mission-copy{min-height:0}.log-section{padding:22px}.log{gap:16px}.log-line:nth-child(n+3){display:flex}.panel-head{padding:17px 13px}.panel-title{font-size:15px}.tag{font-size:7px;padding:4px}.grid-wrap{padding-right:12px;padding-left:4px}.fleet-layer,.grid-cover{left:26px;right:12px}.board-footer{padding:17px 13px}.fleet-dots{gap:5px}.mini-ship i{width:6px;height:6px}.nav-button{padding:8px}.nav-button span{display:none}.divider{margin:0 3px}.panel-controls{gap:5px}.small-button{padding:9px 7px;font-size:9px}.legend{gap:15px}.save-note{font-size:8px}.hero h1{letter-spacing:-1px}}
@media(max-width:590px){.shell{padding:0 16px}.brand-name{font-size:12px;letter-spacing:2px}.brand-sub{font-size:7px;letter-spacing:2.2px}.brand-mark{width:34px;height:34px}.top-actions{gap:3px}.topbar{height:69px}.divider{display:none}.nav-button{padding:8px 6px}.icon-button{width:32px;height:32px;padding:6px}.language{font-size:9px}.hero{min-height:166px;padding:23px 0}.hero h1{font-size:29px;margin:13px 0 10px}.hero p{font-size:11px;max-width:330px;line-height:1.7}.hero-art{display:none}.eyebrow{font-size:8px;letter-spacing:1.7px}.game-top{padding:14px 0}.operation-number{width:27px;height:27px;font-size:10px}.operation{gap:8px}.operation-label{font-size:10px}.operation-sub{font-size:7px}.difficulty{font-size:9px;gap:6px}.difficulty>span{display:none}.difficulty select{font-size:10px;padding:8px 24px 8px 9px}.battle-layout{display:flex;flex-direction:column;gap:14px}.board-panel{width:100%}.board-panel.mobile-hidden{display:none}.panel-head{padding:18px}.panel-title{font-size:17px}.panel-kicker{font-size:8px}.tag{font-size:8px}.grid-wrap{padding:0 18px 0 8px}.fleet-layer,.grid-cover{left:30px;right:18px}.sea-map{aspect-ratio:1.06}.axis{font-size:9px}.cell.hit:after,.cell.sunk:after{font-size:27px}.board-footer{padding:17px 18px}.fleet-dots{gap:8px}.mini-ship i{width:7px;height:7px}.panel-controls .small-button{font-size:10px;padding:11px}.side-panel{width:100%;display:block}.mission-section{padding:18px;display:grid;grid-template-columns:1fr 150px;gap:7px 12px}.mission-section .section-label{font-size:8px}.status-orbit{margin-top:4px;gap:8px}.status-orbit h2{font-size:12px}.orbit{width:23px;height:23px}.mission-copy{margin:3px 0;font-size:9px;line-height:1.6}.mission-section .primary-button{grid-column:2;grid-row:1/4;font-size:11px;padding:14px 8px}.log-section{padding:15px 18px;border-left:none;border-top:1px solid var(--line)}.log-header .section-label{font-size:8px}.log{margin-top:10px;gap:6px}.log-line{font-size:9px}.log-line:nth-child(n+3){display:none}.below-game{flex-direction:column;gap:16px;padding:20px 0}.legend{font-size:9px;gap:25px}.footer{padding:20px 0;font-size:7px;letter-spacing:.5px}.footer .footer-motto{font-size:9px}.mobile-tabs{display:flex;gap:3px;padding:4px;background:#13232e;border:1px solid #273c48;border-radius:8px;margin-bottom:13px}.mobile-tabs button{flex:1;border:0;background:transparent;color:#748c9a;border-radius:5px;padding:10px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-tabs button.active{background:#29423f;color:#c7e0d6}.mobile-tabs .icon{width:14px;height:14px}.mobile-tabs .mini-count{font:8px monospace;opacity:.6}.manual-tools .mini-ship i{width:6px;height:6px}.modal{padding:28px 23px}.modal h2{font-size:25px}.modal p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Same-device setup is private; battle boards keep their physical sides. */
.mode-picker{display:flex;gap:12px;margin:0 0 24px;max-width:1080px}
.mode-choice{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;padding:15px 17px;background:#12232e;border:1px solid #2b404a;border-radius:9px;color:#8da7b3}
.mode-choice>span{min-width:0;flex:1}.mode-choice strong{display:block;font-size:13px;font-weight:600}.mode-choice small{display:block;margin-top:6px;font-size:10px;color:#6f8895;line-height:1.4}
@media(max-width:590px){.mode-picker{flex-wrap:wrap}.mode-choice{flex-basis:calc(50% - 8px)}.mode-choice[data-mode="lan"]{flex-basis:100%}}
.mode-choice>.icon{width:21px;height:21px}.mode-choice>.icon:last-child{width:15px;height:15px}
.mode-choice:hover:not(:disabled),.mode-choice.selected{border-color:#698f82;background:#1b3436;color:#c5e3d5}.mode-choice.selected small{color:#91b2a6}.mode-choice:disabled:not(.selected){opacity:.48}
.player-badge{display:flex;gap:9px;align-items:center;color:var(--mint);font-size:12px}.player-badge small{display:block;font:8px monospace;color:var(--muted);margin-top:5px;letter-spacing:.4px}
.handoff-screen{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #36524f;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#29464055,transparent 65%),#10212b;padding:40px 22px;margin-bottom:28px}
.handoff-emblem{width:62px;height:62px;border:1px solid #55786a;border-radius:50%;display:grid;place-items:center;color:var(--mint);background:#24413d66;margin-bottom:23px}.handoff-emblem .icon{width:27px;height:27px}
.handoff-screen .eyebrow{font-size:9px;letter-spacing:2px}.handoff-screen h2{font-size:30px;line-height:1.4;font-weight:500;letter-spacing:-.6px;margin:16px 0 10px;outline:none}.handoff-screen h2 em{font-style:normal;color:var(--mint)}
.handoff-screen p{color:#8fa8b1;max-width:410px;font-size:12px;line-height:1.8;margin:8px 0 23px}.handoff-screen .handoff-result{color:#d3e4dd;border:1px solid #36524f;background:#1b3238;border-radius:6px;padding:8px 16px;font:11px monospace;margin:4px 0 7px}
.handoff-screen .primary-button{max-width:320px;padding:15px 12px}.handoff-screen small{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;line-height:1.5;color:#78978e;margin-top:16px}.handoff-screen small .icon{width:13px;height:13px}
.result-table{width:100%;border-collapse:collapse;margin:23px 0;font-size:12px;text-align:center}.result-table caption{font:9px monospace;letter-spacing:1px;color:var(--muted);text-align:left;margin-bottom:14px}.result-table thead th{font-size:9px;font-weight:400;color:#89a2ae;padding:8px 4px}.result-table tbody th{text-align:left;font-size:11px;white-space:nowrap}.result-table td,.result-table tbody th{padding:14px 6px;border-top:1px solid #334a52}.result-table .winner-row{color:var(--mint);background:#203e393d}
.shared-layout{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:18px;align-items:start}
.shared-board-area{min-width:0}.shared-boards{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;align-items:start;overflow-x:auto;padding:2px 0 9px;scrollbar-color:#53786b #132630;scrollbar-width:thin;overscroll-behavior-x:contain}
.shared-boards .board-panel{width:100%;min-width:0}.shared-boards .turn-owner{border-color:#80b19b;box-shadow:0 0 0 1px #80b19b22}.shared-boards .enemy-panel.turn-owner{border-color:var(--coral);box-shadow:0 0 0 1px #f0857022}
.shared-turn{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 17px;margin:0 0 16px;border:1px solid #446a5e;background:#1d3733;border-radius:8px;color:var(--mint);font-size:12px}.shared-turn strong{font-weight:600}.shared-turn span{margin-left:auto;color:#a7bcb6;font-size:11px}.shared-turn.second-turn{border-color:#775443;background:#332923;color:#f0b094}.shared-turn.second-turn span{color:#cab2a6}
.shared-scroll-note{display:none;color:#78909b;font-size:10px;line-height:1.6;margin:6px 0 0}
@media(min-width:1600px){.shared-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.shared-boards{gap:22px}}
@media(max-width:1170px){.shared-layout{grid-template-columns:minmax(0,1fr)}.shared-layout>.side-panel{grid-column:1}}
@media(max-width:590px){.shared-boards{gap:12px}.shared-turn{padding:12px;font-size:11px;gap:8px}.shared-turn span{width:100%;margin:0 0 0 26px;font-size:10px}.shared-scroll-note{display:block}.shared-layout{gap:14px}.shared-boards .panel-title{font-size:15px}.shared-boards .panel-head{padding:16px 12px}.shared-boards .tag{font-size:7px}.shared-boards .board-footer{padding:16px 12px}.shared-boards .fleet-dots{gap:5px}.shared-boards .mini-ship i{width:6px;height:6px}}
@media(max-width:590px){.difficulty>.select-wrap{display:block}}
@media(max-width:800px){.mode-picker{max-width:none}.mode-choice{padding:13px;gap:9px}.mode-choice strong{font-size:12px}.mode-choice small{font-size:9px}.handoff-screen{min-height:410px}}
@media(max-width:590px){.mode-picker{gap:8px;margin-bottom:18px}.mode-choice{padding:12px 10px;gap:8px;align-items:flex-start}.mode-choice strong{font-size:11px;line-height:1.5}.mode-choice small{font-size:8px;margin-top:4px}.mode-choice>.icon{width:16px;height:16px;margin-top:2px}.mode-choice>.icon:last-child{display:none}.player-badge{font-size:10px;gap:6px}.player-badge small{font-size:7px}.player-badge .icon{width:15px;height:15px}.handoff-screen{min-height:410px;padding:28px 16px;margin-bottom:23px}.handoff-screen h2{font-size:26px}.handoff-screen p{font-size:11px}.handoff-screen .primary-button{font-size:11px}.handoff-screen small{font-size:9px}.handoff-emblem{width:54px;height:54px}.result-table td,.result-table tbody th{padding:12px 4px}}