@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nYivN04w.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nRivN04w.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nWivN04w.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nbivN04w.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy-900: #071426;--navy-800: #0d2038;--navy-700: #143050;--navy-600: #1d4370;--sea-500: #2e7fb8;--sea-400: #4aa3d8;--foam: #d8ecf7;--bg: radial-gradient(circle at 20% 0%, #123456 0%, var(--navy-900) 55%);--surface: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .12);--text: #eaf4fb;--text-dim: #93b2c9;--hit: #e0524a;--miss: #3d7fa8;--gold: #ffd166;--success: #46c48c;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--header-bg: #0a0714;--header-panel-line: #2c2350;--header-text: #ece7fb;--header-muted: #9b8fc4;--header-cyan: #29e6d6;--header-magenta: #ff3d81;--display: "Press Start 2P", "Segoe UI", system-ui, sans-serif;--header-body: "Space Grotesk", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font);line-height:1.5}h1,h2,h3{margin:0 0 .5rem;font-weight:650;letter-spacing:-.01em}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:1.25rem}h3{font-size:1rem}a{color:var(--sea-400)}.top-chrome{width:100%}.app-content{position:relative;z-index:0;padding-top:1.5rem}.site-header{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.25rem clamp(1.25rem,4vw,2.5rem);border-bottom:1px solid var(--header-panel-line);background:linear-gradient(180deg,#0a0714e6,#0a07148c);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--header-body)}.site-header .brand{display:flex;align-items:center;gap:.75rem;justify-self:start;color:var(--header-text);text-decoration:none}.site-header .brand-mark{width:38px;height:38px;flex:0 0 auto}.site-header .brand-word{color:var(--header-text);font-family:var(--display);font-size:.78rem;line-height:1.4;letter-spacing:.01em}.site-header .brand-word .drop{color:var(--header-cyan)}.site-header .brand-word .in{color:var(--header-magenta)}.site-header .brand-word small{display:block;color:var(--header-muted);font-family:var(--header-body);font-size:.7rem;font-weight:500;letter-spacing:.08em}.site-header .center-title{grid-column:2;justify-self:center;color:var(--header-text);font-family:var(--display);font-size:.8rem;line-height:1.4;letter-spacing:.02em;text-align:center;white-space:nowrap;text-shadow:0 0 18px rgba(255,61,129,.35),0 0 30px rgba(41,230,214,.2)}.site-header .header-right{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:1rem}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(.75rem,2.5vw,2rem);color:var(--header-muted);font-size:.92rem;font-weight:500}.site-header nav a{color:inherit;text-decoration:none;transition:color .15s ease}.site-header nav a:hover{color:var(--header-text)}.site-header .sound-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--header-panel-line);border-radius:0;background:#140f2699;color:var(--header-text);cursor:pointer;font-family:var(--header-body);font-size:.8rem;font-weight:600;padding:8px 11px}.site-header .sound-toggle:hover{border-color:var(--header-cyan);filter:none}.site-header .sound-toggle.muted{border-color:var(--hit)}.site-header .sound-label{color:var(--header-muted)}.site-header .sound-toggle.muted .sound-label{color:var(--hit)}.ad-banner{position:relative;z-index:0;clear:both;width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;padding:10px;overflow-x:hidden;background:#0a071459}.ad-banner>*{max-width:100%}@media (max-width: 760px){.site-header{grid-template-columns:1fr auto}.site-header .center-title{grid-column:1 / -1;grid-row:2;padding-top:.4rem}.site-header nav{gap:.8rem;font-size:.78rem}}@media (max-width: 620px){.site-header .sound-label{display:none}}@media (max-width: 520px){.site-header{grid-template-columns:1fr;gap:.6rem}.site-header .center-title{grid-column:1;grid-row:2}.site-header .header-right{grid-column:1;grid-row:3;justify-self:stretch;justify-content:space-between;width:100%}}.page{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.page-narrow{max-width:620px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card+.card{margin-top:1.25rem}.stack{display:grid;gap:1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:1.25rem;align-items:start}@media (max-width: 800px){.two-col{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--text-dim)}.small{font-size:.85rem}.center{text-align:center}button{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.7rem 1.3rem;background:linear-gradient(180deg,var(--sea-500),#24628f);color:#fff;transition:filter .15s ease,transform .05s ease}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.success{background:linear-gradient(180deg,var(--success),#2f9b6c)}.icon-btn{background:transparent;border:1px solid var(--border);padding:.3rem .5rem;font-size:1rem;line-height:1}.icon-btn:hover:not(:disabled){background:#ffffff14;filter:none}input[type=text],input[type=number]{font:inherit;color:var(--text);background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .8rem;width:100%}input:focus{outline:2px solid var(--sea-400);outline-offset:1px}label{display:block;font-weight:600;margin-bottom:.35rem}input[type=range]{width:100%;accent-color:var(--sea-400)}.banner{border-radius:var(--radius-sm);padding:.7rem 1rem;border:1px solid var(--border);background:var(--surface);font-size:.92rem}.banner-error{border-color:#e0524a80;background:#e0524a24}.banner-warn{border-color:#ffd16680;background:#ffd1661f}.banner-info{border-color:#4aa3d880;background:#4aa3d81f}.share{display:flex;gap:.5rem;align-items:stretch}.share code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;background:#00000059;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.85rem;color:var(--foam)}.attack-picker{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.attack-btn{display:flex;align-items:center;gap:.6rem;text-align:left;background:#00000047;border:2px solid var(--border);color:var(--text);padding:.55rem .9rem}.attack-btn.armed{border-color:var(--gold);background:#ffd16629;box-shadow:0 0 0 3px #ffd16629}.attack-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;flex:0 0 auto;font-size:2rem;font-weight:900;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) saturate(1.15) contrast(1.08)}.inline-icon{display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;margin-right:.2rem;vertical-align:-.4rem;font-size:1.35rem;font-weight:900;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) saturate(1.15) contrast(1.08)}.attack-name{display:block;font-weight:700}.attack-odds{display:block;font-size:.72rem;font-weight:500;color:var(--text-dim)}.attack-btn.armed .attack-odds{color:var(--gold)}.grid-wrap{overflow-x:auto;padding-bottom:.5rem}.clue-caption{display:flex;align-items:center;gap:.45rem;margin:0 0 .6rem;color:var(--gold);font-size:.78rem;font-weight:700}.clue-caption .clue-icon{width:1.25rem;height:1.25rem;font-size:1.15rem}.grid{display:grid;grid-template-columns:repeat(11,minmax(28px,1fr));gap:3px;min-width:392px}.clue{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;font-size:clamp(.72rem,1.9vw,.95rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold);background:#ffd1661a;border:1px solid rgba(255,209,102,.28);transition:color .2s ease,background .2s ease,border-color .2s ease}.clue.done{color:var(--text-dim);background:transparent;border-color:transparent;font-weight:500}.clue-head{color:var(--gold);opacity:.75}.clue-icon{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:900;line-height:1;transform:scale(1.1);filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) saturate(1.15) contrast(1.08)}.grid-head{display:grid;place-items:center;color:var(--text-dim);font-size:.75rem;font-weight:700;aspect-ratio:1}.cell{aspect-ratio:1;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,var(--navy-600),var(--navy-700));display:grid;place-items:center;font-size:clamp(1.1rem,2.8vw,1.55rem);padding:0;color:#fff;transition:transform .12s ease,filter .12s ease}.cell-icon{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;font-size:clamp(1.25rem,3.2vw,1.7rem);font-weight:900;line-height:1;transform:scale(1.08);filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) saturate(1.15) contrast(1.08)}.sea-glyph{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(1.25rem,3.2vw,1.7rem);line-height:1}.ship-part{position:relative;display:block;width:78%;height:78%;min-width:0;min-height:0;border:2px solid #c5d0d9;border-radius:6px;background:linear-gradient(145deg,#b9c3cc,#7e8a96 48%,#56626e);box-shadow:inset 0 1px #ffffff94,inset 0 -3px 5px #0a0f1661,0 1px 2px #00000080}.ship-part:before{content:"";position:absolute;inset:13% 10%;border-top:2px solid rgba(245,250,255,.34);border-bottom:1px solid rgba(20,28,36,.35);border-radius:inherit}.ship-part:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border:1px solid #53606c;border-radius:50%;background:#e0e8ee;box-shadow:0 1px 2px #00000073;transform:translate(-50%,-50%)}.ship-part.part-single{border-radius:16px}.ship-part.horizontal.part-bow{border-radius:55% 7px 7px 55%/50% 7px 7px 50%}.ship-part.horizontal.part-stern{border-radius:7px 55% 55% 7px/7px 50% 50% 7px}.ship-part.vertical.part-bow{border-radius:55% 55% 7px 7px/50% 50% 7px 7px}.ship-part.vertical.part-stern{border-radius:7px 7px 55% 55%/7px 7px 50% 50%}.cell.clickable:hover{filter:brightness(1.35);transform:scale(1.06);cursor:pointer}.cell.revealed{cursor:default;border-color:#0000004d}.cell.sea{background:var(--miss)}.cell.ship{background:#27323c;border-color:#91a0ad}.cell.ship.sunk{background:linear-gradient(145deg,#f2685e,#a82035);border-color:#ffaaa0}.cell.ship.sunk .ship-part{border-color:#ffd0c8;background:linear-gradient(145deg,#ef7166,#a92538)}.cell.sunk{box-shadow:inset 0 0 0 2px var(--gold)}.cell:disabled{cursor:default}.cell.flash{animation:flash .6s ease}@keyframes flash{0%{transform:scale(1.35);filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}.grid.mini{grid-template-columns:repeat(10,1fr);gap:2px;max-width:280px;min-width:0}.grid.mini .cell{border-radius:3px;font-size:0}.players{display:grid;gap:.5rem}.player{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:#00000038;border:1px solid var(--border)}.player.me{border-color:var(--sea-400);background:#4aa3d829}.swatch{width:18px;height:18px;border-radius:50%;flex:0 0 auto;border:2px solid rgba(255,255,255,.5)}.player-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{font-variant-numeric:tabular-nums;font-weight:700}.rank{width:1.8rem;text-align:center;font-size:1.05rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem}.stat{background:#00000038;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;text-align:center}.stat-value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.timer{font-variant-numeric:tabular-nums;font-weight:700}.timer.low{color:var(--hit)}.log{display:grid;gap:.35rem;max-height:280px;overflow-y:auto}.log-entry{font-size:.85rem;padding:.4rem .6rem;border-radius:6px;background:#00000038;border-left:3px solid var(--sea-500)}.badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:999px;background:#ffffff1f}.badge.gm{background:#ffd16638;color:var(--gold)}.badge.live{background:#46c48c33;color:var(--success)}.badge.off{background:#e0524a33;color:var(--hit)}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-dim)}.legend span{display:flex;align-items:center;gap:.35rem}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}