*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:#0f172a;color:#e2e8f0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:#38bdf8;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.board-grid{display:grid;gap:2px}.cell{width:32px;height:32px;border:1px solid #334155;border-radius:2px;cursor:pointer;transition:filter .1s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;position:relative}.cell:hover{filter:brightness(1.3);transform:scale(1.05);z-index:1}.cell-empty{background-color:#1e3a5f}.cell-ship{background-color:#16a34a;border-color:#22c55e}.cell-hit{background-color:#dc2626;border-color:#ef4444}.cell-hit:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#fca5a5}.cell-miss{background-color:#0f2744;border-color:#1e3a5f}.cell-miss:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#94a3b8}.cell-sunk{background-color:#7f1d1d;border-color:#991b1b}.cell-sunk:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#fca5a5}.board-label{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;text-align:center}.text-muted{color:#64748b}.text-accent{color:#38bdf8}.text-success{color:#4ade80}.text-danger{color:#f87171}.text-warning{color:#fb923c}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}@keyframes cell-fire-blink{0%{filter:brightness(4) saturate(0)}20%{filter:brightness(1) saturate(1)}40%{filter:brightness(3) saturate(0)}60%{filter:brightness(1) saturate(1)}80%{filter:brightness(2) saturate(.5)}to{filter:brightness(1) saturate(1)}}.cell-firing{animation:cell-fire-blink .7s ease-out;z-index:2}@media (max-width: 600px){.cell{width:24px;height:24px}.cell-hit:after,.cell-sunk:after{width:7px;height:7px}.cell-miss:after{width:5px;height:5px}}@media (max-width: 400px){.cell{width:20px;height:20px}.cell-hit:after,.cell-sunk:after{width:6px;height:6px}.cell-miss:after{width:4px;height:4px}}