:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#06101b;color:#f4f9ff;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #06101b;--panel: rgba(8, 24, 39, .92);--panel-strong: #0a1c2d;--panel-soft: rgba(255, 255, 255, .035);--line: rgba(130, 196, 230, .15);--line-strong: rgba(103, 203, 248, .3);--text: #f4f9ff;--muted: #91a7ba;--accent: #55cef8;--accent-strong: #1aa6df;--green: #62e5a2;--red: #ff6f73}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;min-height:100%;margin:0}html{background:var(--bg)}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 20% -10%,rgba(21,117,168,.23),transparent 34%),radial-gradient(circle at 90% 20%,rgba(20,74,107,.16),transparent 30%),linear-gradient(180deg,#081522,#050b13)}#app{min-height:100vh;min-height:100dvh}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.game-shell{width:min(1480px,100%);min-width:0;min-height:100vh;min-height:100dvh;margin:0 auto;padding:12px clamp(12px,2.4vw,34px) 14px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:50px;margin-bottom:8px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.brand-mark{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border:1px solid rgba(118,211,255,.24);border-radius:10px;background:#125c8233;box-shadow:inset 0 0 24px #40b5e40a;font-size:1.08rem}.brand strong,.brand small{display:block}.brand strong{overflow:hidden;text-overflow:ellipsis;letter-spacing:.13em;font-size:.9rem;white-space:nowrap}.brand small{margin-top:1px;color:var(--muted);font-size:.66rem}.topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.icon-button,.secondary-button,.ghost-button,.primary-button{min-height:42px;border-radius:10px;cursor:pointer;transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease}.icon-button:hover,.secondary-button:hover,.ghost-button:hover,.primary-button:hover:not(:disabled){transform:translateY(-1px)}.icon-button{width:40px;padding:0;border:1px solid var(--line);background:var(--panel-soft)}.primary-button{min-height:46px;padding:0 20px;border:0;background:linear-gradient(135deg,#55cef8,#168ac4);color:#03131d;font-weight:900;box-shadow:0 10px 26px #19a4dc2b}.primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.secondary-button,.ghost-button{padding:0 15px;border:1px solid var(--line);background:#ffffff0b;color:#dceefa;font-weight:750}.secondary-button:hover,.ghost-button:hover{border-color:var(--line-strong);background:#55cef812}.ghost-button{background:transparent;color:var(--muted)}.compact{min-height:38px;padding:0 12px;font-size:.78rem}.eyebrow,.card-kicker,.command-label{margin:0;color:var(--accent);font-size:.67rem;font-weight:850;letter-spacing:.15em}h1,h2,p{margin-top:0}h1{margin-bottom:8px;letter-spacing:-.04em}h2{margin:3px 0 0}.menu-grid{flex:1;display:grid;align-content:center;gap:12px;min-width:0}.hero-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,380px);align-items:center;gap:clamp(24px,5vw,68px);min-width:0;min-height:min(64vh,610px);padding:clamp(26px,4.6vw,64px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(120deg,#0d2a41f0,#071422e0),repeating-linear-gradient(90deg,transparent 0 50px,rgba(255,255,255,.015) 51px);box-shadow:0 22px 80px #0000003d}.hero-copy-wrap{min-width:0}.hero-copy-wrap h1{max-width:760px;margin-top:8px;font-size:clamp(2.4rem,5.8vw,5.6rem);line-height:.94}.hero-copy{max-width:680px;margin-bottom:20px;color:#abc0d0;font-size:clamp(.96rem,1.6vw,1.08rem);line-height:1.6}.feature-row{display:flex;flex-wrap:wrap;gap:7px}.feature-row span,.status-chip,.fleet-count{display:inline-flex;align-items:center;min-height:27px;max-width:100%;padding:0 9px;border:1px solid rgba(87,197,242,.18);border-radius:999px;background:#1d84b214;color:#a7e6ff;font-size:.67rem;font-weight:800;letter-spacing:.05em}.start-panel{display:grid;gap:10px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:17px;background:#030d1780;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-panel label{color:var(--muted);font-size:.76rem;font-weight:800}.start-panel select{width:100%;min-height:46px;padding:0 11px;border:1px solid var(--line-strong);border-radius:10px;background:#0b2235;color:var(--text)}.microcopy{margin:2px 2px 0;color:#70879a;font-size:.71rem;line-height:1.4}.stats-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stats-panel>div,.result-stats>div{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#071421b8}.stats-panel span,.result-stats span{display:block;color:var(--muted);font-size:.69rem}.stats-panel strong,.result-stats strong{display:block;margin-top:3px;font-size:1.18rem}.phase-heading,.battle-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-width:0;margin:0 0 8px}.phase-heading>div,.battle-head>div{min-width:0}.phase-heading h1,.battle-head h1{margin:4px 0 2px;font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.04}.phase-heading p:last-child{margin:0;color:var(--muted);font-size:.82rem}.placement-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.62fr);gap:10px;min-width:0;min-height:0}.battle-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;min-height:0}.board-card,.fleet-panel{min-width:0;padding:clamp(10px,1.35vw,17px);border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 14px 44px #00000021}.board-card-main,.battle-layout .board-card{display:flex;min-height:0;flex-direction:column}.card-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.card-heading h2,.panel-heading h2{font-size:clamp(.95rem,1.6vw,1.18rem)}.board-frame{display:grid;grid-template-columns:23px minmax(0,1fr);grid-template-rows:23px minmax(0,1fr);width:min(100%,560px);max-width:100%;margin:auto}.board-corner{grid-column:1;grid-row:1}.axis{color:#6f8da3;font-size:clamp(.5rem,.9vw,.64rem);font-weight:800;-webkit-user-select:none;user-select:none}.axis-top{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(10,1fr);align-items:center;text-align:center}.axis-side{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(10,1fr);align-items:center;text-align:center}.board{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:100%;min-width:0;overflow:hidden;border:1px solid rgba(103,190,229,.24);border-radius:9px;background:#0a2940;aspect-ratio:1;touch-action:manipulation}.board-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid rgba(113,193,225,.14);border-bottom:1px solid rgba(113,193,225,.14);background:radial-gradient(circle at 38% 32%,rgba(78,186,232,.08),transparent 40%),linear-gradient(145deg,#0b3550,#0a2940);cursor:crosshair}.board-cell span{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(.72rem,1.8vw,1.25rem);font-weight:950}.board-cell:not(:disabled):hover{background:linear-gradient(145deg,#16729d,#0d4969)}.board-cell:disabled{cursor:default}.board-cell.has-ship:before{content:"";position:absolute;inset:16%;border-radius:30%;background:linear-gradient(145deg,#8aa2b4,#4f6678);box-shadow:inset 0 0 0 1px #ffffff29,0 2px 8px #00000040}.board-cell.is-miss span{color:#bcecff;text-shadow:0 0 10px rgba(94,201,244,.8)}.board-cell.is-hit{background:radial-gradient(circle,#ff6f7370,#6b1822a8)}.board-cell.is-hit span{color:#fff1f1;text-shadow:0 0 12px rgba(255,82,92,.95)}.board-cell.is-sunk{background:linear-gradient(145deg,#5d1f28,#261219)}.board-cell.is-sunk:before{background:linear-gradient(145deg,#74343e,#32181e)}.fleet-panel{display:flex;min-height:0;flex-direction:column}.fleet-list{display:grid;gap:6px;min-height:0}.ship-option{display:grid;grid-template-columns:minmax(90px,1fr) auto auto;align-items:center;gap:9px;min-width:0;min-height:48px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:#ffffff07;text-align:left;cursor:pointer}.ship-option:hover{border-color:var(--line-strong)}.ship-option.is-selected{border-color:#55cef8b3;background:#55cef814}.ship-option.is-placed{border-color:#62e5a242}.ship-option strong,.ship-option small{display:block}.ship-option strong{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;white-space:nowrap}.ship-option small{margin-top:1px;color:var(--muted);font-size:.64rem}.ship-pips{display:flex;gap:3px}.ship-pips i{width:8px;height:8px;border-radius:3px;background:#4a687d}.is-placed .ship-pips i{background:var(--green)}.ship-state{color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.is-selected .ship-state{color:var(--accent)}.is-placed .ship-state{color:var(--green)}.placement-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.placement-actions .ghost-button{grid-column:1 / -1}.placement-actions button{min-height:38px;padding-inline:8px;font-size:.72rem}.launch-button{width:100%;margin-top:9px}.command-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin-top:8px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#050f1ae0}.command-message{min-width:0}.command-strip strong{display:block;margin-top:3px;overflow-wrap:anywhere;color:#dbefff;font-size:.8rem;line-height:1.35}.mini-stats{display:flex;flex:0 0 auto;gap:clamp(10px,2.3vw,26px);color:var(--muted);font-size:.7rem}.mini-stats span{white-space:nowrap}.mini-stats strong{display:inline;margin:0 3px 0 0;color:var(--text);font-size:.86rem}.battle-score{display:flex;flex:0 0 auto;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff06;font-size:.72rem}.battle-score strong{color:var(--text);font-size:.94rem}.battle-score i{width:1px;height:18px;background:var(--line)}.mobile-board-tabs{display:none}.result-screen{width:min(760px,100%);margin:auto;padding:clamp(28px,6vw,62px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,#0d2a41f0,#071422eb);text-align:center}.result-icon{margin-bottom:12px;font-size:clamp(2.8rem,8vw,4.7rem)}.result-screen h1{margin:7px 0 9px;font-size:clamp(2.2rem,7vw,4.5rem)}.result-screen>p:not(.eyebrow){color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0;text-align:left}.result-actions{display:flex;justify-content:center;gap:8px}.site-footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:9px;color:#536c7e;font-size:.65rem}.site-footer span:first-child{font-size:0}.site-footer span:first-child:after{content:"Battleship v1.1";font-size:.65rem}@media(min-width:981px){.game-shell:has(.placement-layout),.game-shell:has(.battle-layout){height:100vh;height:100dvh;min-height:0;overflow:hidden}.game-shell:has(.placement-layout) .placement-layout,.game-shell:has(.battle-layout) .battle-layout{flex:1 1 auto;min-height:0}.game-shell:has(.placement-layout) .site-footer,.game-shell:has(.battle-layout) .site-footer{display:none}.game-shell:has(.placement-layout) .board-card,.game-shell:has(.placement-layout) .fleet-panel,.game-shell:has(.battle-layout) .board-card{min-height:0;overflow:hidden}.game-shell:has(.placement-layout) .board-frame,.game-shell:has(.battle-layout) .board-frame{width:min(100%,calc(100dvh - 222px),560px)}}@media(max-width:1100px)and (min-width:981px){.placement-layout{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)}.ship-option{grid-template-columns:minmax(82px,1fr) auto}.ship-state{display:none}}@media(max-height:760px)and (min-width:981px){.game-shell{padding-top:7px;padding-bottom:7px}.topbar{min-height:42px;margin-bottom:4px}.brand-mark{width:34px;height:34px}.phase-heading,.battle-head{margin-bottom:5px}.phase-heading h1,.battle-head h1{font-size:clamp(1.3rem,2.4vw,2rem)}.phase-heading p:last-child{font-size:.74rem}.board-card,.fleet-panel{padding:9px}.card-heading,.panel-heading{margin-bottom:5px}.ship-option{min-height:42px;padding-block:4px}.fleet-list{gap:5px}.placement-actions{margin-top:6px}.launch-button{min-height:42px;margin-top:6px}.command-strip{margin-top:5px;padding-block:8px}.game-shell:has(.placement-layout) .board-frame,.game-shell:has(.battle-layout) .board-frame{width:min(100%,calc(100dvh - 190px),520px)}}@media(max-width:980px){.hero-panel{grid-template-columns:1fr;min-height:auto}.stats-panel{grid-template-columns:repeat(3,1fr)}.placement-layout{grid-template-columns:1fr}.board-frame{width:min(100%,620px)}}@media(max-width:760px){.game-shell{padding:8px 8px 12px}.topbar{min-height:44px;margin-bottom:5px}.brand-mark{width:34px;height:34px;border-radius:9px;font-size:.98rem}.brand strong{font-size:.78rem}.brand small{font-size:.6rem}.icon-button{width:36px;min-height:36px}.compact{min-height:36px;padding:0 10px;font-size:.7rem}.hero-panel{gap:18px;padding:22px 16px;border-radius:17px}.hero-copy-wrap h1{font-size:clamp(2.1rem,12vw,3.8rem)}.stats-panel{grid-template-columns:repeat(2,1fr)}.phase-heading,.battle-head{align-items:flex-start;flex-direction:column;gap:6px}.phase-heading h1,.battle-head h1{font-size:clamp(1.45rem,8vw,2.35rem)}.battle-score{width:100%;justify-content:center}.battle-layout{grid-template-columns:1fr}.mobile-board-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:6px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#050f1ac7}.mobile-board-tabs button{min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:800}.mobile-board-tabs button.active{background:#55cef81c;color:var(--accent)}.mobile-board.mobile-hidden{display:none}.board-card,.fleet-panel{padding:10px;border-radius:14px}.board-frame{grid-template-columns:20px minmax(0,1fr);grid-template-rows:20px minmax(0,1fr)}.command-strip{align-items:flex-start;flex-direction:column;gap:7px;padding:9px 11px}.mini-stats{width:100%;justify-content:space-between;gap:5px}.result-stats{grid-template-columns:repeat(2,1fr)}.site-footer{flex-direction:column;gap:2px}}@media(max-width:480px){.game-shell{padding-inline:6px}.phase-heading{margin-bottom:6px}.phase-heading p:last-child{font-size:.72rem;line-height:1.35}.status-chip,.fleet-count{min-height:24px;padding-inline:7px;font-size:.6rem}.board-card,.fleet-panel{padding:7px;border-radius:12px}.card-heading,.panel-heading{margin-bottom:5px}.card-heading h2,.panel-heading h2{font-size:.92rem}.board-frame{grid-template-columns:17px minmax(0,1fr);grid-template-rows:17px minmax(0,1fr)}.axis{font-size:.48rem}.fleet-list{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin;scroll-snap-type:x proximity}.ship-option{flex:0 0 112px;grid-template-columns:minmax(0,1fr);gap:2px;min-height:44px;padding:5px 7px;scroll-snap-align:start}.ship-option strong{font-size:.76rem}.ship-option small{font-size:.59rem}.ship-pips,.ship-state{display:none}.placement-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.placement-actions .ghost-button{grid-column:1 / -1}.placement-actions button{min-height:36px;padding-inline:6px;font-size:.66rem}.launch-button{min-height:42px;margin-top:6px;font-size:.78rem}.command-strip{margin-top:6px}.command-strip strong{font-size:.75rem}.mini-stats{font-size:.64rem}.mini-stats strong{font-size:.78rem}.feature-row span{font-size:.6rem}.start-panel{padding:13px}.result-actions{flex-direction:column}.result-actions button{width:100%}}@media(max-width:320px){.game-shell{padding:5px}.topbar,.brand{gap:6px}.brand-mark{width:31px;height:31px}.brand strong{font-size:.68rem;letter-spacing:.08em}.brand small{display:none}.topbar-actions{gap:4px}.icon-button{width:32px;min-height:32px}.compact{min-height:32px;padding-inline:7px;font-size:.62rem}.phase-heading h1,.battle-head h1{font-size:1.32rem}.eyebrow,.card-kicker,.command-label{font-size:.58rem;letter-spacing:.11em}.board-frame{grid-template-columns:15px minmax(0,1fr);grid-template-rows:15px minmax(0,1fr)}.axis{font-size:.43rem}.ship-option{flex-basis:102px}.battle-score{gap:6px;padding:6px 7px;font-size:.64rem}.mobile-board-tabs button{min-height:33px;font-size:.68rem}}@media(max-width:260px){.brand>span:last-child{display:none}.phase-heading p:last-child,.site-footer{display:none}.board-card,.fleet-panel{padding:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#app,.game-shell{max-width:100%;overflow-x:hidden}@media(min-width:901px){html:has(.placement-layout),html:has(.battle-layout),body:has(.placement-layout),body:has(.battle-layout),#app:has(.placement-layout),#app:has(.battle-layout){height:100%;min-height:0;overflow:hidden!important}.game-shell:has(.placement-layout),.game-shell:has(.battle-layout){width:min(1480px,100%)!important;height:100vh!important;height:100dvh!important;min-height:0!important;padding:6px clamp(10px,1.8vw,26px)!important;overflow:hidden!important}.game-shell:has(.placement-layout) .topbar,.game-shell:has(.battle-layout) .topbar{min-height:40px!important;margin-bottom:3px!important}.game-shell:has(.placement-layout) .brand-mark,.game-shell:has(.battle-layout) .brand-mark{width:32px!important;height:32px!important;border-radius:8px!important}.game-shell:has(.placement-layout) .brand strong,.game-shell:has(.battle-layout) .brand strong{font-size:.78rem!important}.game-shell:has(.placement-layout) .brand small,.game-shell:has(.battle-layout) .brand small{font-size:.58rem!important}.game-shell:has(.placement-layout) .icon-button,.game-shell:has(.battle-layout) .icon-button,.game-shell:has(.placement-layout) .compact,.game-shell:has(.battle-layout) .compact{min-height:34px!important}.game-shell:has(.placement-layout) .icon-button,.game-shell:has(.battle-layout) .icon-button{width:34px!important}.phase-heading,.battle-head{flex:0 0 auto!important;gap:10px!important;margin-bottom:4px!important}.phase-heading h1,.battle-head h1{margin:2px 0 1px!important;font-size:clamp(1.28rem,2.15vw,1.95rem)!important;line-height:1!important}.phase-heading p:last-child{font-size:.7rem!important;line-height:1.2!important}.eyebrow,.card-kicker,.command-label{font-size:.59rem!important;letter-spacing:.12em!important}.placement-layout,.battle-layout{flex:1 1 0!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important;gap:8px!important}.placement-layout{grid-template-columns:minmax(0,1.55fr) minmax(250px,.58fr)!important}.board-card,.fleet-panel{height:100%!important;min-height:0!important;padding:7px 9px!important;overflow:hidden!important;border-radius:13px!important}.card-heading,.panel-heading{flex:0 0 auto!important;margin-bottom:4px!important}.card-heading h2,.panel-heading h2{margin-top:1px!important;font-size:.94rem!important;line-height:1.05!important}.status-chip,.fleet-count{min-height:23px!important;padding-inline:7px!important;font-size:.58rem!important}.game-shell:has(.placement-layout) .board-frame,.game-shell:has(.battle-layout) .board-frame{width:min(100%,calc(100dvh - 230px),520px)!important;max-width:100%!important;margin:auto!important;grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:18px minmax(0,1fr)!important}.axis{font-size:.5rem!important}.fleet-list{gap:4px!important}.ship-option{grid-template-columns:minmax(78px,1fr) auto auto!important;gap:6px!important;min-height:37px!important;padding:4px 7px!important;border-radius:8px!important}.ship-option strong{font-size:.75rem!important}.ship-option small{font-size:.57rem!important}.ship-pips{gap:2px!important}.ship-pips i{width:6px!important;height:6px!important}.ship-state{font-size:.54rem!important}.placement-actions{gap:4px!important;margin-top:5px!important}.placement-actions button{min-height:32px!important;padding-inline:6px!important;font-size:.64rem!important}.launch-button{min-height:36px!important;margin-top:5px!important;font-size:.72rem!important}.command-strip{flex:0 0 auto!important;gap:10px!important;margin-top:4px!important;padding:6px 10px!important;border-radius:10px!important}.command-strip strong{margin-top:1px!important;font-size:.7rem!important;line-height:1.2!important}.mini-stats{gap:clamp(8px,1.7vw,20px)!important;font-size:.62rem!important}.mini-stats strong{font-size:.74rem!important}.game-shell:has(.placement-layout) .site-footer,.game-shell:has(.battle-layout) .site-footer{display:none!important}}@media(min-width:901px)and (max-height:680px){.game-shell:has(.placement-layout),.game-shell:has(.battle-layout){padding-block:4px!important}.game-shell:has(.placement-layout) .topbar,.game-shell:has(.battle-layout) .topbar{min-height:36px!important;margin-bottom:2px!important}.phase-heading,.battle-head{margin-bottom:3px!important}.phase-heading h1,.battle-head h1{font-size:1.22rem!important}.phase-heading p:last-child{font-size:.64rem!important}.game-shell:has(.placement-layout) .board-frame,.game-shell:has(.battle-layout) .board-frame{width:min(100%,calc(100dvh - 210px),470px)!important}.ship-option{min-height:34px!important}.placement-actions button{min-height:29px!important}.launch-button{min-height:33px!important}.command-strip{padding-block:5px!important}}@media(max-width:900px){html,body,#app{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}.game-shell,.game-shell:has(.placement-layout),.game-shell:has(.battle-layout){width:100%!important;height:auto!important;min-height:100dvh!important;overflow:visible!important}.placement-layout,.battle-layout{min-height:0!important;overflow:visible!important}.placement-layout{grid-template-columns:minmax(0,1fr)!important}.board-card,.fleet-panel{height:auto!important;overflow:visible!important}.board-frame{width:min(100%,calc(100vw - 30px),620px)!important;max-width:100%!important}}@media(max-width:760px){.game-shell{padding:6px 7px 12px!important}.phase-heading,.battle-head{gap:4px!important;margin-bottom:5px!important}.phase-heading h1,.battle-head h1{margin-block:2px!important;font-size:clamp(1.35rem,7vw,2rem)!important}.phase-heading p:last-child{font-size:.7rem!important;line-height:1.3!important}.board-frame{width:min(100%,calc(100vw - 26px))!important}.command-strip{margin-top:6px!important}}@media(max-width:480px){.topbar{gap:6px!important}.board-card,.fleet-panel{padding:6px!important}.board-frame{width:min(100%,calc(100vw - 20px))!important;grid-template-columns:16px minmax(0,1fr)!important;grid-template-rows:16px minmax(0,1fr)!important}.fleet-list{max-width:100%!important}}.site-footer span:first-child:after{content:"Battleship v1.2"!important}