@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:oklch(15.5% .028 250);--surf:oklch(20.5% .032 250);--surf2:oklch(25.5% .036 250);--line:oklch(32.5% .035 250);--tx:oklch(95% .01 230);--tx2:oklch(72% .02 230);--coral:oklch(74% .15 38);--foam:oklch(86% .055 195);--amber:oklch(82% .13 85);--sea:oklch(30.5% .052 235);--ship:oklch(55% .02 240)}*{box-sizing:border-box}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,Helvetica Neue,Helvetica,sans-serif}a{color:var(--coral);text-decoration:none}a:hover{color:oklch(83% .13 38)}.mono{font-variant-numeric:tabular-nums;font-family:Space Mono,ui-monospace,Consolas,monospace}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--tx2);font-family:Space Mono,monospace;font-size:11px}.card{background:var(--surf);border:1px solid var(--line);border-radius:10px}.btn{border:1px solid var(--line);background:var(--surf2);min-height:48px;color:var(--tx);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:500;display:flex}.btn:hover:not(:disabled){border-color:var(--tx2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--coral);border-color:var(--coral);color:oklch(17% .03 250);font-weight:700}.btn-primary:hover:not(:disabled){background:oklch(79% .15 38)}.btn-ghost{background:0 0}.input{border:1px solid var(--line);background:var(--bg);width:100%;height:46px;color:var(--tx);font:inherit;border-radius:8px;padding:0 14px;font-size:15px}.input:focus{outline:2px solid var(--coral);outline-offset:-1px}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--tx2);font-size:13px}.error{color:var(--coral);font-size:13px}.board-frame{grid-template-rows:13px minmax(0,1fr);grid-template-columns:18px minmax(0,1fr);gap:5px 6px;width:100%;display:grid}.board-corner{grid-area:1/1}.board-cols{grid-area:1/2;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.board-rows{grid-area:2/1;grid-template-rows:repeat(10,minmax(0,1fr));gap:3px;display:grid}.board{grid-area:2/2}.board-frame.no-labels{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.board-frame.no-labels .board{grid-area:1/1}.board-frame.compact{gap:3px 4px}.board-frame.compact .board,.board-frame.compact .board-cols,.board-frame.compact .board-rows{gap:2px}.board-lab{color:var(--tx2);justify-content:center;align-items:center;font-family:Space Mono,monospace;font-size:11px;display:flex}.board{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.cell{aspect-ratio:1;background:var(--sea);font:inherit;color:inherit;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cell-ship{background:var(--ship)}.cell-hit{background:oklch(33% .055 40)}.cell-sunk{background:oklch(44% .1 40)}.cell-miss{background:oklch(24.5% .038 235)}.cell-buffer{background:repeating-linear-gradient(45deg,oklch(30.5% .052 235) 0 4px,oklch(35.5% .056 235) 4px 8px)}.cell-preview{outline:2px solid var(--coral);outline-offset:-2px;background:oklch(44% .08 40)}.cell-illegal{outline-offset:-2px;background:repeating-linear-gradient(135deg,oklch(23.5% .03 250) 0 4px,oklch(30% .035 250) 4px 8px);outline:2px dashed oklch(93% .012 240)}.cell-clickable{cursor:crosshair}.cell-clickable:hover{outline:2px solid var(--coral);outline-offset:-2px;background:oklch(37.5% .058 235)}.mark{display:block;position:absolute}.mark-miss{border:2px solid var(--foam);border-radius:50%;width:32%;height:32%}.mark-hit{background:var(--coral);border-radius:1px;width:42%;height:42%;transform:rotate(45deg)}.mark-sunk{width:58%;height:58%}.mark-sunk:before,.mark-sunk:after{content:"";background:oklch(97% .012 210);border-radius:1px;width:100%;height:15%;position:absolute;top:44%;left:0}.mark-sunk:before{transform:rotate(45deg)}.mark-sunk:after{transform:rotate(-45deg)}.mark-last{border:2px dashed var(--tx);border-radius:4px;inset:-2px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.wrap{max-width:1360px;margin:0 auto;padding:28px 24px 48px}.banner{border-bottom:1px solid var(--line);background:var(--surf);justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 20px;display:flex}.banner-yours{border-bottom-color:var(--coral);background:oklch(27% .05 35)}.dot{background:var(--coral);border-radius:50%;flex:none;width:9px;height:9px}.ship-glyph{gap:2px;display:flex}.ship-glyph span{background:var(--ship);border-radius:2px;width:12px;height:12px}.ship-glyph.spent span{background:oklch(34% .02 245)}.log-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.grid-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.only-wide{display:block}.only-narrow{display:none}.switch{border:1px solid var(--line);background:var(--surf);border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.switch button{min-height:40px;color:var(--tx2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:13.5px}.switch button[aria-pressed=true]{background:var(--surf2);color:var(--tx);font-weight:600}@media (width<=900px){.wrap{padding:16px 14px 32px}.grid-two{grid-template-columns:1fr}}@media (width<=760px){.only-wide{display:none}.only-narrow{display:block}.topbar{flex-wrap:nowrap;gap:8px;height:54px;padding:0 12px}.topbar .brand-domain{display:none}.topbar .brand{font-size:16px!important}.wrap{padding:12px 12px 28px}html,body{max-width:100%;overflow-x:hidden}.card{border-radius:10px}.btn{min-height:46px}}