:root{--ayu-fg:#5c6166;--ayu-muted:#828e9f;--ayu-bg:#f8f9fa;--ayu-surface:#fcfcfc;--ayu-panel:#fafafa;--ayu-line:#6b7d8f;--ayu-blue:#22a4e6;--ayu-red:#f07171;--ayu-orange:#f29718;color:var(--ayu-fg);background:var(--ayu-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:1.05rem}button{font:inherit}#app{min-height:100svh}.game-page{width:min(1440px,100%);margin:0 auto;padding:46px 48px 56px}.game-controls{justify-content:space-between;align-items:center;gap:24px;min-height:84px;margin-bottom:24px;display:flex}.agent-picker{color:var(--ayu-fg);align-items:center;gap:8px;font-size:1rem;display:flex}.agent-picker select{border:0;border-bottom:1px solid color-mix(in srgb, var(--ayu-line) 45%, transparent);min-width:218px;color:var(--ayu-fg);font:inherit;cursor:pointer;background:0 0;padding:8px 24px 8px 2px}.eyebrow{color:var(--ayu-orange);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h2{margin:0;font-size:1.2rem}.restart-button{border:1px solid color-mix(in srgb, var(--ayu-line) 42%, transparent);color:var(--ayu-fg);background:var(--ayu-surface);cursor:pointer;border-radius:999px;padding:10px 18px}.restart-button:hover{background:#fff;transform:translateY(-1px)}.status{color:#8b4b3c;min-height:28px;margin:0 0 24px;font-weight:700}.game-result{border:1px solid;border-radius:14px;align-items:center;gap:14px;margin:-6px 0 28px;padding:18px 22px;display:flex;box-shadow:0 8px 18px #403d351a}.game-result.victory{background:color-mix(in srgb, #86b300 12%, var(--ayu-surface));color:#527000;border-color:#86b300}.game-result.defeat{border-color:var(--ayu-red);background:color-mix(in srgb, var(--ayu-red) 12%, var(--ayu-surface));color:#b34747}.result-kicker{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:.7rem;font-weight:800}.game-result strong{letter-spacing:-.03em;font-size:1.55rem}.game-result>span:not(.result-kicker){color:inherit;opacity:.85;margin-right:auto}.result-button{color:inherit;cursor:pointer;background:#ffffff73;border:1px solid;border-radius:999px;padding:8px 14px}.boards{justify-content:center;gap:clamp(32px,5vw,80px);display:flex}.board-panel{flex:1 1 0;min-width:0}.board-title{justify-content:space-between;align-items:end;gap:20px;min-height:58px;margin-bottom:12px;display:flex}.board-title h2{margin-bottom:3px}.board-title span{color:var(--ayu-muted);font-size:1rem}.board-layout{flex-direction:column;align-items:stretch;gap:18px;display:flex}.board-wrap{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--ayu-line) 35%, transparent);background:#ebeef0;border-radius:6px;flex:auto;grid-template-rows:28px repeat(10,minmax(24px,1fr));grid-template-columns:28px repeat(10,minmax(24px,1fr));width:100%;padding:9px;display:grid}.axis{color:var(--ayu-muted);place-items:center;font-size:.72rem;font-weight:800;display:grid}.corner{grid-column:1}.cell{border:1px solid color-mix(in srgb, var(--ayu-line) 35%, transparent);cursor:default;background:#f8f9fa;min-width:0;position:relative}.enemy-cell{cursor:crosshair}.enemy-cell:hover:not(:disabled){background:#e6f5fc}.enemy-cell:disabled{cursor:not-allowed}.enemy-cell[data-shot=true]{cursor:default}.ship-cell{background:var(--ayu-muted)}.sunk-ship-cell{background:color-mix(in srgb, var(--ayu-red) 20%, transparent)}.hit-marker,.miss-marker,.legend-dot{aspect-ratio:1;border-radius:50%;width:52%;margin:auto;display:block;box-shadow:0 2px 3px #1e232a4d,inset 0 1px #ffffff73}.hit-marker{background:var(--ayu-red)}.miss-marker{border:1px solid var(--ayu-muted);background:var(--ayu-surface)}.latest-move:before{content:"";border:2px solid var(--ayu-blue);pointer-events:none;border-radius:50%;animation:1.25s ease-out infinite latest-wave;position:absolute;inset:12%}.latest-move:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ayu-blue) 85%, transparent);pointer-events:none;position:absolute;inset:0}.ship-dot{background:var(--ayu-muted)}.hit-dot{background:var(--ayu-red)}.miss-dot{border:1px solid var(--ayu-muted);background:var(--ayu-surface)}.legend{color:var(--ayu-muted);justify-content:center;gap:20px;margin-top:20px;font-size:.78rem;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend-dot{width:13px}.fleet-status{border:1px solid color-mix(in srgb, var(--ayu-line) 28%, transparent);background:var(--ayu-surface);border-radius:6px;width:100%;padding:14px 16px}.fleet-label{color:var(--ayu-muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800}.fleet-list{flex-wrap:wrap;gap:8px;width:100%;display:flex}.fleet-status-right .fleet-label,.fleet-status-left .fleet-label{text-align:left}.fleet-row{border:1px solid color-mix(in srgb, var(--ayu-line) 28%, transparent);border-radius:5px;flex:0 auto;justify-content:flex-start;align-items:center;gap:7px;min-height:24px;padding:7px 9px;display:flex}.fleet-row.sunk{opacity:.36;text-decoration:line-through}.fleet-name{color:var(--ayu-fg);white-space:nowrap;font-size:.86rem}.fleet-cells{gap:3px;display:flex}.fleet-cells i{background:var(--ayu-muted);border-radius:3px;width:14px;height:14px;display:block}.fleet-row.sunk .fleet-cells i{background:var(--ayu-red)}@keyframes latest-wave{0%{opacity:.95;transform:scale(.55)}75%,to{opacity:0;transform:scale(1.45)}}.simulation-panel{border:1px solid color-mix(in srgb, var(--ayu-line) 28%, transparent);background:var(--ayu-surface);border-radius:8px;margin-top:42px;padding:22px}.simulation-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.simulation-heading .eyebrow{margin-bottom:5px}.simulation-heading h2{font-size:1.5rem}.simulation-controls{color:var(--ayu-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.simulation-controls input,.simulation-controls select{border:1px solid color-mix(in srgb, var(--ayu-line) 35%, transparent);color:var(--ayu-fg);background:var(--ayu-surface);border-radius:5px;padding:8px}.simulation-controls input{width:86px}.simulation-button{color:#fff;cursor:pointer;background:#6b7d8f;border:1px solid #52708a;border-radius:5px;padding:8px 12px}.simulation-button:hover{background:#5c6f80}.simulation-empty{color:var(--ayu-muted);margin:18px 0 0;font-size:.85rem}.simulation-results{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;display:grid}.result-stat{background:#ebeef0;border-radius:6px;min-height:76px;padding:11px 12px}.result-stat span{color:var(--ayu-muted);margin-bottom:7px;font-size:.7rem;display:block}.result-stat strong{color:var(--ayu-fg);font-size:1.05rem}.result-stat small{color:#b34747;font-size:.72rem}@media (width<=760px){.game-page{padding:28px 16px 40px}.game-controls{flex-direction:column;align-items:stretch;min-height:0}.agent-picker{justify-content:space-between}.agent-picker select{flex:1;min-width:0}.restart-button{width:100%}.boards{flex-direction:column;align-items:center;gap:30px}.board-panel{width:min(92vw,560px)}.board-layout{align-items:stretch}.board-title{width:min(92vw,420px)}.game-result{flex-direction:column;align-items:start;gap:6px}.game-result>span:not(.result-kicker){margin-right:0}.result-button{margin-top:8px}.simulation-heading{flex-direction:column;align-items:start}.simulation-controls{flex-wrap:wrap;width:100%}.simulation-controls input{flex:1}.simulation-controls select{flex:1;min-width:0}.simulation-button{flex:1 0 100%}.simulation-results{grid-template-columns:repeat(2,1fr)}}