:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101112;color:#edf5f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #edf5f2;--muted: #9fb4b2;--panel: rgba(14, 26, 29, .88);--panel-strong: rgba(9, 20, 23, .96);--brass: #d5b66f;--brass-dark: #92743b;--signal: #54d6cf;--danger: #ff775f;--good: #7ddf93;--water-a: #0a2935;--water-b: #0d4757;--wood-a: #3a2117;--wood-b: #6e3e25}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,select{font:inherit}button{cursor:pointer}.game-shell{min-height:100vh;padding:clamp(12px,2vw,28px);background:radial-gradient(circle at 18% 12%,rgba(213,182,111,.12),transparent 30%),linear-gradient(120deg,#120a073d,#040e1033),repeating-linear-gradient(95deg,var(--wood-a) 0 36px,var(--wood-b) 37px 76px,#512f1e 77px 120px)}.tabletop{width:min(1500px,100%);min-height:calc(100vh - clamp(24px,4vw,56px));margin:0 auto;padding:clamp(14px,2.4vw,28px);border:1px solid rgba(255,231,180,.16);border-radius:8px;background:linear-gradient(145deg,#ffffff0a,#fff0),#060c0d6b;box-shadow:0 22px 70px #00000070,inset 0 1px #ffffff17}.command-bar{display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(330px,auto);gap:14px;align-items:center;margin-bottom:18px}.brand-lockup,.status-pill,.controls,.select-wrap,.tool-button,.primary-button,.card-title,.hint-card{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-mark{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(213,182,111,.52);border-radius:8px;color:var(--brass);background:linear-gradient(145deg,#213333f5,#0a1516f5);box-shadow:inset 0 0 20px #54d6cf1f}.eyebrow{margin:0 0 2px;color:var(--brass);font-size:.72rem;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(1.75rem,3vw,3rem);line-height:1}.status-pill{justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#092222;font-weight:800;text-align:center;box-shadow:0 10px 28px #0000003d}.status-ready{background:linear-gradient(135deg,#8ae6dc,#d6f0b5)}.status-warn{background:linear-gradient(135deg,#ffd57d,#ff9f6f)}.status-good{background:linear-gradient(135deg,#a4f5b7,#72ddcb)}.status-bad{background:linear-gradient(135deg,#ff977d,#d85a55);color:#220b08}.controls{justify-content:flex-end;gap:9px;flex-wrap:wrap}.select-wrap,.tool-button,.primary-button{gap:8px;min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--ink);background:#0e191bd1;box-shadow:inset 0 1px #ffffff14}.select-wrap{padding:0 10px}select{min-width:92px;border:0;outline:0;color:var(--ink);background:transparent}option{color:#0d1c1e}.tool-button,.primary-button{padding:0 13px}.tool-button:hover,.primary-button:hover{border-color:#d5b66f99;transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#b98e42,#e7c777);color:#1b1308;font-weight:850}.battlefield-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,22px);align-items:start}.board-panel,.intel-card{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:var(--panel);box-shadow:0 18px 45px #0000004d,inset 0 1px #ffffff14}.board-panel{padding:clamp(10px,1.6vw,18px)}.board-panel.player{background:linear-gradient(145deg,#112828eb,#101719f0)}.board-panel.computer{background:linear-gradient(145deg,#242018ed,#0b1619f0)}.board-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.board-heading h2{font-size:clamp(1.05rem,1.7vw,1.35rem)}.board-heading p{margin-top:3px;color:var(--muted);font-size:.88rem;line-height:1.35}.board-heading span{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(213,182,111,.28);border-radius:999px;color:var(--brass);font-size:.72rem;text-transform:uppercase}.sea-board{display:grid;grid-template-columns:26px repeat(10,minmax(28px,1fr));gap:3px;width:100%;max-width:590px;margin:0 auto;padding:9px;border:1px solid rgba(137,220,220,.3);border-radius:8px;background:linear-gradient(135deg,rgba(0,0,0,.25),transparent),radial-gradient(circle at 50% 45%,rgba(84,214,207,.16),transparent 48%),#061317;box-shadow:inset 0 0 35px #0000009e,0 12px 28px #0000003d}.corner-cell,.coord-cell{display:grid;min-height:24px;place-items:center;color:#e2f1ecb8;font-size:clamp(.65rem,1.4vw,.78rem);font-weight:800}.sea-cell{position:relative;display:grid;aspect-ratio:1 / 1;min-width:0;min-height:30px;place-items:center;overflow:hidden;border:1px solid rgba(124,222,220,.22);border-radius:6px;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 42%),radial-gradient(circle at 50% 130%,rgba(91,197,204,.22),transparent 62%),linear-gradient(160deg,var(--water-b),var(--water-a));box-shadow:inset 0 1px 1px #ffffff0d;transition:transform .13s ease,border-color .13s ease,filter .13s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sea-cell:not(:disabled):hover{z-index:2;border-color:var(--brass);transform:translateY(-2px) scale(1.02);filter:brightness(1.12)}.sea-cell:disabled{cursor:default}.water-glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.08),transparent);opacity:.55}.ship-segment{position:absolute;inset:18% 10%;z-index:1;border:1px solid rgba(238,217,169,.5);border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 38%),linear-gradient(135deg,#7e8e8e,#29363a 54%,#12191c);box-shadow:inset 0 2px 3px #ffffff29,0 5px 12px #00000052}.shot-miss{background:radial-gradient(circle at 50% 50%,rgba(235,250,255,.34) 0 18%,transparent 19%),radial-gradient(circle at 50% 50%,rgba(93,213,230,.22) 0 42%,transparent 43%),linear-gradient(160deg,#15566a,#0b2732);border-color:#cbf5ffa8}.miss-mark{position:relative;z-index:3;width:58%;height:58%;border:3px solid rgba(235,255,255,.92);border-radius:999px;background:#5dd5e61a;box-shadow:0 0 0 4px #5acfe221,0 0 18px #96e6e8a3;animation:splashPop .52s ease both}.hit-mark{position:relative;z-index:4;display:grid;width:76%;height:76%;place-items:center;border-radius:50%;background:radial-gradient(circle,#fffbe2 0 11%,#ffd15e 12% 29%,#ff5b41 30% 58%,#580a08f0 59% 100%);box-shadow:0 0 0 3px #ffefbe57,0 0 18px #ff6b3ff2,0 0 34px #ffbe5875;animation:hitPulse .78s ease both}.hit-mark span{position:absolute;width:78%;height:15%;border-radius:999px;background:#fff8d8;box-shadow:0 1px 4px #2d080494}.hit-mark span:first-child{transform:rotate(45deg)}.hit-mark span:last-child{transform:rotate(-45deg)}.ship-sunk,.shot-sunk{background:radial-gradient(circle at 50% 45%,rgba(255,131,86,.48),transparent 36%),linear-gradient(135deg,#0e0e0ead,#48110d94),linear-gradient(160deg,#27383b,#11191b);border-color:#ff8f67b8;box-shadow:inset 0 0 18px #000000a6,0 0 16px #ff674633}.ship-sunk .ship-segment,.shot-sunk .ship-segment{inset:14% 7%;border-color:#ffcc916b;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 34%),linear-gradient(135deg,#565b5a,#22282a 54%,#100f0f);filter:grayscale(.65) brightness(.82)}.shot-sunk:after,.ship-sunk:after{content:"";position:absolute;z-index:3;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 55%,rgba(255,236,186,.72),transparent 12%),radial-gradient(circle at 44% 38%,rgba(255,115,76,.55),transparent 22%),radial-gradient(circle at 61% 33%,rgba(45,42,38,.72),transparent 34%);opacity:.95;pointer-events:none}.intel-panel{display:grid;grid-template-columns:.95fr 1.2fr .85fr;gap:14px;margin-top:18px}.intel-card{padding:14px}.card-title{gap:8px;margin-bottom:12px;color:var(--brass);font-weight:850}.fleet-list{display:grid;gap:13px}.fleet-line-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.fleet-line-head strong{color:var(--ink)}.fleet-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-ship{height:13px;border-radius:999px;background:linear-gradient(90deg,#d8d0bd,#59666a 42%,#253035);box-shadow:inset 0 1px #ffffff47}.ship-size-1{width:22px}.ship-size-2{width:33px}.ship-size-3{width:44px}.ship-size-4{width:55px}.mini-ship.is-sunk{opacity:.38;background:linear-gradient(90deg,#5b5b58,#282e30);text-decoration:line-through}.action-log{display:grid;gap:8px;max-height:178px;margin:0;padding:0;overflow:auto;list-style:none}.action-log li{padding:9px 10px;border-left:3px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff0b;color:#dbe8e5;font-size:.9rem;line-height:1.35}.action-log .log-good{border-left-color:var(--good)}.action-log .log-bad{border-left-color:var(--danger)}.action-log .log-info{border-left-color:var(--signal)}.hint-card{gap:10px;color:#cbdad6;line-height:1.45}.hint-card svg{flex:0 0 auto;color:var(--brass)}@keyframes hitPulse{0%{transform:scale(.3);opacity:.35}60%{transform:scale(1.16);opacity:1}to{transform:scale(1);opacity:1}}@keyframes splashPop{0%{transform:scale(.2);opacity:.2}70%{transform:scale(1.16);opacity:1}to{transform:scale(1);opacity:1}}@media(max-width:1120px){.command-bar{grid-template-columns:1fr}.status-pill,.controls{justify-content:flex-start}.battlefield-grid,.intel-panel{grid-template-columns:1fr}}@media(max-width:720px){.game-shell{padding:0}.tabletop{min-height:100vh;border:0;border-radius:0}.brand-mark{width:42px;height:42px}.controls{display:grid;grid-template-columns:1fr}.select-wrap,.tool-button,.primary-button{justify-content:center;width:100%}.sea-board{grid-template-columns:22px repeat(10,minmax(27px,1fr));gap:2px;padding:7px}.sea-cell{min-height:31px;border-radius:4px}.computer-board .shot-hit,.computer-board .shot-sunk{border-width:2px;transform:scale(1.01)}.computer-board .hit-mark{width:84%;height:84%}.computer-board .miss-mark{width:68%;height:68%;border-width:3px}.board-heading{display:grid}}@media(max-width:390px){.tabletop{padding:10px}.board-panel{padding:8px}.sea-board{grid-template-columns:18px repeat(10,minmax(24px,1fr))}.coord-cell{font-size:.6rem}.sea-cell{min-height:27px}.hit-mark{width:86%;height:86%}.miss-mark{width:72%;height:72%}}