:root{--wg-ui-bg: #07111f;--wg-ui-panel: #0d1827;--wg-ui-panel-strong: #132236;--wg-ui-text: #ecf4ff;--wg-ui-muted: #b9c7d8;--wg-ui-border: rgba(255, 255, 255, .14);--wg-ui-accent: #5fe0a3;--wg-ui-accent-text: #07111f;--wg-ui-warning: #ffd23f;--wg-ui-danger: #ff6b5f;--wg-ui-focus: #8ab4ff;--wg-ui-radius: 8px;--wg-ui-shadow: 0 18px 42px rgba(0, 0, 0, .28);color:var(--wg-ui-text);background:var(--wg-ui-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{min-height:38px;border:1px solid var(--wg-ui-border);border-radius:var(--wg-ui-radius);padding:0 12px;color:var(--wg-ui-text);background:#ffffff14;cursor:pointer}button:hover:not(:disabled),button.is-active{color:var(--wg-ui-accent-text);background:var(--wg-ui-accent)}button:disabled{cursor:not-allowed;opacity:.42}input{min-width:0;min-height:42px;border:1px solid var(--wg-ui-border);border-radius:var(--wg-ui-radius);padding:0 12px;color:var(--wg-ui-text);background:#00000038}.wg-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);background:linear-gradient(135deg,rgba(95,224,163,.14),transparent 34%),linear-gradient(160deg,var(--wg-ui-bg) 0%,#102033 54%,#17251d 100%)}.wg-main{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.wg-topbar,.wg-session-pill,.wg-brand,.wg-hud,.wg-hud-items,.wg-hud-actions,.wg-ready-head,.wg-ready-actions{display:flex;align-items:center;gap:10px}.wg-topbar{justify-content:space-between;padding:18px clamp(16px,4vw,40px)}.wg-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--wg-ui-radius);color:var(--wg-ui-accent-text);background:var(--wg-ui-warning);font-weight:900}.wg-brand div,.wg-hero-copy,.wg-ready,.wg-login,.wg-hud-item,.wg-room-card,.wg-seat{display:grid;gap:6px}.wg-eyebrow,.wg-room-card em,.wg-seat em,.wg-hud-item em{color:var(--wg-ui-muted);font-size:.78rem;font-style:normal;font-weight:800;text-transform:uppercase}.wg-session-pill span{color:var(--wg-ui-muted)}.wg-hero{min-height:220px;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(260px,1.15fr);align-items:center;gap:24px;padding:20px clamp(16px,4vw,40px)}.wg-hero h1{margin:0;font-size:clamp(42px,7vw,96px);line-height:.95;letter-spacing:0}.wg-hero p,.wg-empty,.wg-footer{margin:0;color:var(--wg-ui-muted)}.wg-status-line{color:var(--wg-ui-warning);font-weight:800}.wg-hero-art,.wg-sidebar,.wg-login,.wg-hud,.wg-ready{border:1px solid var(--wg-ui-border);border-radius:var(--wg-ui-radius);background:#0d1827d1;box-shadow:var(--wg-ui-shadow)}.wg-hero-art{min-height:180px;display:grid;place-items:center;padding:18px}.wg-content{min-width:0;display:grid;gap:14px;padding:16px clamp(16px,4vw,40px) 32px}.wg-sidebar{border-width:0 0 0 1px;border-radius:0;box-shadow:none;padding:22px;overflow-y:auto}.wg-footer{padding:0 clamp(16px,4vw,40px) 24px}.wg-login{grid-template-columns:minmax(120px,.7fr) repeat(2,minmax(140px,1fr)) auto;align-items:center;padding:12px}.wg-error{color:var(--wg-ui-danger, #ffb6aa)}.wg-hud{justify-content:space-between;padding:12px}.wg-hud-items{flex-wrap:wrap}.wg-hud-item{min-width:92px;padding:8px 10px;border-radius:var(--wg-ui-radius);background:#ffffff12}.wg-hud-item.is-accent strong{color:var(--wg-ui-accent)}.wg-hud-item.is-warning strong{color:var(--wg-ui-warning)}.wg-hud-item.is-danger strong{color:var(--wg-ui-danger)}.wg-lobby{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.wg-room-card{min-height:128px;text-align:left;align-content:center;padding:14px;background:var(--wg-ui-panel)}.wg-room-card strong{font-size:1.1rem}.wg-room-card span{color:var(--wg-ui-muted)}.wg-ready{padding:14px}.wg-ready-head{justify-content:space-between;margin-bottom:10px}.wg-ready-head span{color:var(--wg-ui-muted)}.wg-seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.wg-seat{min-height:86px;align-content:center;text-align:left;padding:12px}.wg-seat.is-open{border-style:dashed}.wg-seat.is-human{border-color:color-mix(in srgb,var(--wg-ui-accent),white 10%)}.wg-seat.is-bot{border-color:var(--wg-ui-focus)}.wg-seat.is-ready:after,.wg-seat.is-current:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--wg-ui-accent);justify-self:end}.wg-seat.is-current:after{background:var(--wg-ui-warning)}.wg-ready-actions{flex-wrap:wrap;margin-top:12px}@media(max-width:860px){.wg-shell,.wg-hero,.wg-login{grid-template-columns:1fr}.wg-sidebar{border-left:0;border-top:1px solid var(--wg-ui-border)}}:root{color-scheme:dark}body{margin:0;background:#0f1416}.battleship-layout{display:grid;gap:18px;width:min(100%,1180px)}.status-band{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:center;padding-block:4px}.status-band p{margin:0;color:#dbe8df;line-height:1.45}.controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.controls button{min-height:38px;border:1px solid #6f7d87;border-radius:8px;padding:8px 12px;color:#edf7f1;background:#253039;font-weight:700;cursor:pointer}.controls button.primary{border-color:#f0c35a;color:#14120b;background:#f0c35a}.controls button:disabled{cursor:not-allowed;opacity:.45}.controls button:focus-visible,.cell:focus-visible{outline:3px solid #f0c35a;outline-offset:2px}.selected-ship{align-self:center;min-height:38px;border:1px solid #3f8f78;border-radius:8px;padding:8px 12px;color:#c8f4dc;background:#16251f;font-weight:800}.boards{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;align-items:start}.board-wrap{display:grid;gap:10px}.board-title{display:flex;align-items:end;justify-content:space-between;min-height:30px}.board-title h2,.fleet-list h2{margin:0;color:#f7efe0;font-size:18px;line-height:1.2}.battle-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:100%;max-width:540px;aspect-ratio:1;border:2px solid #f0c35a;background:#111719;box-shadow:0 12px 32px #00000047}.cell{display:grid;place-items:center;min-width:0;border:1px solid rgba(178,213,211,.18);padding:0;aspect-ratio:1;color:#eaf7f4;background:linear-gradient(135deg,#15323d,#10252f);font:900 18px/1 system-ui,sans-serif;text-transform:uppercase}.cell:not(:disabled){cursor:pointer}.cell:not(:disabled):hover{background:#1d4c58}.cell.ship{background:linear-gradient(135deg,#70808a,#34424c)}.cell.preview{box-shadow:inset 0 0 0 3px #6fd39d}.cell.hit{background:#8f2f42;color:#fff7f0}.cell.miss{background:#18313f;color:#9fd0df}.cell.sunk{box-shadow:inset 0 0 0 3px #f0c35a}.cell-mark{display:grid;place-items:center;width:70%;aspect-ratio:1;border-radius:999px}.cell.hit .cell-mark{background:#f26f64}.cell.miss .cell-mark{background:#9fd0df38}.fleet-panels{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px}.fleet-list{display:grid;gap:10px}.fleet-list ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.fleet-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #42515a;border-radius:8px;padding:8px 10px;color:#edf7f1;background:#182128}.fleet-list li.sunk{border-color:#8f2f42;color:#ffc8bd}.fleet-list strong{color:#f0c35a}@media(max-width:860px){.status-band,.boards,.fleet-panels{grid-template-columns:1fr}.controls{justify-content:flex-start}.battle-board{max-width:min(94vw,540px)}}