@font-face{font-family:Fleet Sans;src:url(/fonts/dm-sans.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Fleet Display;src:url(/fonts/fraunces.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{font-family:Fleet Sans,Segoe UI,sans-serif;color:#102a43;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy: #102a43;--navy-soft: #35546d;--blue: #246b99;--blue-light: #dceef8;--paper: #f8fafc;--line: #d6e1e8;--slate: #617c8e;--hit: #ad473b;--hit-wash: #f5e3df;--sea: #21705d;--sea-wash: #e4f1ec}*{box-sizing:border-box}html{min-width:320px;scrollbar-color:#9db4c2 #eef3f6;scrollbar-width:thin}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}::selection{color:#fff;background:#246b99}:focus-visible{outline:3px solid #246b99;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;position:relative;overflow:clip;display:flex;flex-direction:column}.topbar{width:min(100% - 80px,1440px);min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5edf2;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;padding:6px 0;border:0;background:transparent}.brand-mark{height:35px;width:35px;display:grid;place-items:center;border:1px solid #a9c1d0;color:var(--blue);border-radius:50%}.brand-name{font-size:18px;font-weight:750;letter-spacing:-.065em}.brand-name span{font-weight:450;color:var(--blue)}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{height:44px;width:44px;flex:0 0 44px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:50%;color:#42647c;background:transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}.icon-button:hover{color:var(--navy);background:#edf4f8;border-color:#dce8ef}.quiet-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid transparent;border-radius:7px;color:#42647c;background:transparent;font-size:13px;font-weight:650}.quiet-button:hover{background:#edf4f8}.back-button{margin-right:4px}.page-content{width:100%;max-width:1440px;padding:0 40px;margin:0 auto;flex:1;animation:page-in .38s cubic-bezier(.19,1,.22,1) both}.footer{width:min(100% - 80px,1440px);min-height:59px;margin:auto auto 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5edf2;color:#5b7486;font-size:11px;letter-spacing:.025em}.footer span:first-child{display:inline-flex;gap:9px;align-items:center}.footer-dot,.available-light{width:7px;height:7px;background:#4e927e;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #e4f1ec}.home-screen{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:650px;padding:58px 0 68px;gap:24px}.home-copy{padding-left:clamp(0px,3vw,46px);z-index:1}.available{display:flex;align-items:center;gap:10px;margin-bottom:27px;color:#547082;font-size:10px;font-weight:750;letter-spacing:.145em}h1,h2,p{margin-top:0}.home-copy h1,.work-intro h1,.lobby-title h1,.game-heading h1,.result-screen h1,.entry-copy h1{margin-bottom:23px;color:var(--navy);font-size:clamp(48px,5.7vw,77px);font-weight:610;line-height:.98;letter-spacing:-.063em}h1 em,h2 em{font-family:Fleet Display,Georgia,serif;font-weight:650;font-style:italic;letter-spacing:-.055em;color:var(--blue)}.home-intro{max-width:420px;color:#48677e;font-size:16px;line-height:1.75;margin-bottom:31px}.home-actions{display:grid;gap:10px;width:min(100%,355px)}.primary-button,.secondary-button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:7px;padding:13px 17px;font-size:13px;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.primary-button{background:var(--navy);border:1px solid var(--navy);color:#fff;box-shadow:0 4px 10px #102a431a}.primary-button:hover:not(:disabled){background:#1d4665;border-color:#1d4665;box-shadow:0 7px 15px #102a432b;transform:translateY(-1px)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{background:#8299a8;border-color:#8299a8;box-shadow:none;opacity:.75}.primary-button>svg:last-child,.secondary-button>svg:last-child{margin-left:auto}.button-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #688095;border-radius:50%}.secondary-button{color:var(--navy);border:1px solid #b6c8d3;background:#fffc}.secondary-button:hover:not(:disabled){background:#fff;border-color:var(--blue);box-shadow:0 4px 12px #246b991a}.difficulty-select{width:min(100%,355px);margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#557184;font-size:9px;font-weight:750;letter-spacing:.11em}.difficulty-options{display:flex;gap:3px;padding:3px;border:1px solid #dce7ed;background:#f1f6f8;border-radius:6px}.difficulty-options button{min-height:34px;min-width:54px;padding:6px 9px;border:1px solid transparent;border-radius:4px;color:#557184;background:transparent;font-size:11px;font-weight:650}.difficulty-options button:hover{color:var(--navy)}.difficulty-options button.selected{color:var(--navy);border-color:#c7d9e3;background:#fff;box-shadow:0 1px 2px #102a430d}.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:5px 0;color:#617e90;font-size:12px;background:transparent;border:0;text-decoration:underline;text-decoration-color:#bed0db;text-underline-offset:4px}.text-link span{color:var(--blue);font-weight:700}.text-link:hover{color:var(--navy);text-decoration-color:var(--blue)}.home-art{position:relative;min-height:445px;display:grid;place-items:center}.route-svg{width:min(100%,530px);overflow:visible}.route-ring{stroke:#b4cad6;stroke-width:1}.ring-b{stroke-dasharray:1 6;stroke-linecap:round}.route-grid{stroke:#d7e4eb;stroke-width:1;stroke-dasharray:2 7}.route-path{stroke:#246b99;stroke-width:1.5;stroke-dasharray:4 5}.route-start{fill:#9eb9c8;stroke:#f8fafc;stroke-width:4}.route-end{fill:#4d927e;stroke:#e4f1ec;stroke-width:5}.ship-illustration{stroke:#102a43;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.north-mark{fill:#246b99}.art-label{position:absolute;color:#7891a0;font-size:9px;font-weight:750;letter-spacing:.14em}.label-north{top:22%;right:13%}.label-south{bottom:16%;left:11%}.coordinate-tag{position:absolute;right:1%;bottom:25%;padding:12px 14px;display:grid;gap:7px;background:#fff;border:1px solid #d6e1e8;box-shadow:0 7px 18px #102a4314;transform:rotate(2deg)}.coordinate-tag span{font-size:8px;letter-spacing:.12em;color:#658093}.coordinate-tag b{font-size:18px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.coordinate-tag i{color:#8ba6b6;font-style:normal}.art-caption{position:absolute;bottom:1%;right:19%;display:flex;gap:8px;align-items:center;color:#718a99;font-size:9px;font-weight:700;letter-spacing:.14em}.caption-line{width:27px;height:1px;background:#7194a8}.work-screen{padding:46px 0 64px}.work-intro{display:flex;align-items:flex-start;gap:30px;margin:0 0 31px;position:relative}.work-intro>div:first-child{min-width:0}.work-intro>p:not(.intro-body){position:absolute;left:0;top:4px;transform:translateY(-22px);margin:0;color:#668092;font-size:9px;font-weight:750;letter-spacing:.15em}.work-intro h1{margin:0;font-size:51px;line-height:.98}.intro-rule{width:1px;height:82px;margin:5px 0 0;background:#b7cbd7}.intro-body{max-width:315px;margin:16px 0 0;color:#567184;font-size:14px;line-height:1.7}.mode-pill{height:30px;display:inline-flex;align-items:center;gap:9px;padding:0 10px;position:absolute;top:-27px;right:0;color:#42667c;border:1px solid #dce7ed;border-radius:20px;background:#f4f8fa;font-size:9px;font-weight:750;letter-spacing:.11em;cursor:default}.placement-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(315px,.78fr);align-items:start;gap:clamp(24px,4vw,62px)}.chart-panel{min-width:0;padding:23px 25px 17px;background:#fff;border:1px solid #d8e4eb;border-radius:9px;box-shadow:0 7px 20px #102a430b}.panel-top,.battle-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-kicker,.section-label{margin:0 0 7px;display:block;color:#678396;font-size:9px;font-weight:750;letter-spacing:.145em}.panel-top h2,.battle-board-heading h2{margin:0;font-size:19px;font-weight:680;letter-spacing:-.04em}.chart-status,.turn-indicator{display:inline-flex;align-items:center;gap:8px;color:#507184;font-size:9px;font-weight:750;letter-spacing:.11em}.grid-wrap{min-width:0}.coordinate-row{display:grid;grid-template-columns:24px repeat(10,1fr);padding-bottom:4px;align-items:center;color:#7891a0;font-size:9px;text-align:center;font-variant-numeric:tabular-nums}.coordinate-row b,.coordinate-column b{font-weight:600}.grid-with-rows{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px}.coordinate-column{display:grid;grid-template-rows:repeat(10,1fr);align-items:center;justify-items:center;color:#7891a0;font-size:9px;font-variant-numeric:tabular-nums}.grid-board{width:100%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));border:1px solid #b9ccd7;background:#e7f2f7;touch-action:manipulation}.grid-cell{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:0;display:grid;place-items:center;border:0;border-right:1px solid #d3e1e8;border-bottom:1px solid #d3e1e8;background:#f3f8fa;transition:background .12s ease,box-shadow .12s ease}.grid-cell:nth-child(10n){border-right:0}.grid-cell:nth-last-child(-n+10){border-bottom:0}.grid-cell:not(:disabled):hover{background:#d7eaf3;box-shadow:inset 0 0 0 1px #6f9eb6;z-index:1}.grid-cell:focus-visible{z-index:2;outline:3px solid #246b99;outline-offset:-3px}.grid-cell.is-disabled{cursor:default}.grid-cell.is-own-ship{background:#c5dbe6}.grid-cell.is-preview{background:#c4ded0;box-shadow:inset 0 0 0 1px #5b927c}.grid-cell.is-invalid{background:#f4d9d4;box-shadow:inset 0 0 0 1px #bd6256}.grid-cell.is-hit{background:#f2d9d5;animation:impact .3s ease-out}.grid-cell.is-miss{background:#dbe8ee}.own-ship-mark{width:76%;height:43%;display:block;background:#246b99;border:1px solid #1f5d85;border-radius:4px}.impact-mark{height:75%;width:75%;display:grid;place-items:center;position:relative}.impact-mark span{position:absolute;width:68%;height:3px;border-radius:2px;background:var(--hit)}.impact-mark span:first-child{transform:rotate(45deg)}.impact-mark span:last-child{transform:rotate(-45deg)}.miss-mark{width:6px;height:6px;border-radius:50%;background:#597f93;box-shadow:0 0 0 3px #c3d7e1}.chart-legend,.board-caption{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:15px;color:#627f90;font-size:10px}.chart-legend>span,.board-caption>span{display:inline-flex;align-items:center;gap:7px}.legend-ship,.legend-preview,.legend-hit,.legend-miss,.legend-target{width:9px;height:9px;display:inline-block;border-radius:2px;background:#246b99}.legend-preview{background:#66a187}.legend-hit{background:var(--hit);border-radius:50%}.legend-miss{background:#708c9d;border-radius:50%}.legend-target{background:#dceef8;border:1px solid #9cb8c8}.chart-coordinate{margin-left:auto;letter-spacing:.1em;font-size:8px;font-weight:700}.placement-panel{min-width:0;padding:3px 0 0}.placement-heading{display:flex;justify-content:space-between;align-items:flex-end}.placement-heading .section-label{margin-bottom:9px}.placement-heading h2{margin:0;font-size:31px;line-height:1;font-weight:610;letter-spacing:-.06em}.placement-heading h2 em{color:var(--blue)}.progress-mark{display:flex;align-items:baseline;gap:4px;color:#6c8697;font-size:12px}.progress-mark b{color:var(--navy);font-size:28px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.placement-progress{height:3px;margin:19px 0 14px;background:#e0e9ee}.placement-progress span{height:100%;display:block;background:#4c8a78;transition:width .24s ease}.placement-help{margin:0 0 16px;color:#557386;font-size:12px;line-height:1.65}kbd{padding:1px 5px;color:#325b75;border:1px solid #b9cbd5;border-radius:3px;background:#f1f6f8;font:600 10px Fleet Sans,sans-serif}.ship-tray{display:grid;border-top:1px solid #d9e4ea}.ship-row{width:100%;min-height:51px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-bottom:1px solid #e3ebef;border-radius:3px;background:transparent;text-align:left;transition:background .15s ease}.ship-row:hover{background:#eff6f8}.ship-row.is-selected{background:#e8f2f6;box-shadow:inset 2px 0 #246b99}.ship-info{min-width:0;display:flex;align-items:center;gap:12px}.ship-info>span:last-child{display:grid;gap:2px}.ship-info b{font-size:11px;font-weight:680}.ship-info small{color:#718a99;font-size:9px}.ship-glyph{display:flex;flex:0 0 auto;gap:2px}.ship-glyph i{width:9px;height:12px;display:block;background:#33799f;border-radius:2px}.ship-glyph i:first-child{border-radius:4px 2px 2px 4px}.ship-glyph i:last-child{border-radius:2px 5px 5px 2px}.ship-glyph.vertical{flex-direction:column}.ship-glyph.vertical i{width:12px;height:9px}.ship-glyph.compact i{width:6px;height:8px}.ship-glyph.compact.vertical i{width:8px;height:6px}.ship-action{color:#38816d}.ready-dot{width:8px;height:8px;display:block;border-radius:50%;background:#4a8c77}.select-hint{font-size:10px;color:#7690a0}.placed-check{color:#327760}.placement-tools{display:flex;gap:7px;margin-top:12px}.tool-button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;flex:1 1 auto;padding:8px 9px;border:1px solid #c7d6df;border-radius:5px;color:#355d76;background:#fff;font-size:10px;font-weight:680}.tool-button:hover{background:#eff6f8;border-color:#91adbd}.tool-button>span{font-size:14px}.tool-active{color:#1d5e83}.quiet-reset{min-height:40px;margin-top:4px;padding:7px 3px;background:transparent;border:0;color:#718a99;font-size:10px;text-decoration:underline;text-underline-offset:3px}.launch-button{width:100%;margin-top:7px;text-transform:capitalize}.placement-footnote{display:flex;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;color:#668092;font-size:9px}.inline-error{margin:10px 0;padding:10px 12px;color:#883c32;border:1px solid #e7c4bd;border-radius:5px;background:#fcf1ee;font-size:12px;line-height:1.5}.inline-error button{margin-left:6px;color:#763a33;border:0;background:transparent;font-weight:700;text-decoration:underline}.loading-dots:after{content:"";display:inline-block;width:13px;animation:dots 1s steps(4,end) infinite}.lobby-entry{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.entry-copy{max-width:470px}.entry-copy h1{margin:13px 0 18px;font-size:61px}.entry-copy>p:not(.section-label){margin:0 0 24px;max-width:400px;color:#567184;line-height:1.7}.entry-copy>.primary-button{width:100%;margin-bottom:30px}.room-input-label{display:block;margin-bottom:8px;color:#678396;font-size:9px;font-weight:750;letter-spacing:.15em}.room-input-row{display:flex;gap:8px}.room-input-row input{flex:1;min-width:0;height:50px;padding:0 14px;color:var(--navy);border:1px solid #bbcdd7;border-radius:5px;background:#fff;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.room-input-row .secondary-button{min-width:100px}.private-note{display:flex;align-items:center;gap:7px;margin-top:23px;color:#657f90;font-size:11px}.invite-visual{min-height:410px;display:grid;place-items:center;position:relative}.invite-orbit{width:min(76%,350px);aspect-ratio:1;position:absolute;border:1px solid #c6d9e3;border-radius:50%}.orbit-inner{width:min(52%,240px);border-style:dashed;border-color:#dae6ec}.invite-anchor{width:86px;height:86px;display:grid;place-items:center;color:var(--blue);border:1px solid #b2cbd8;border-radius:50%;background:#f6fafb}.invite-player{position:absolute;min-height:42px;padding:0 14px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d4e1e8;box-shadow:0 5px 14px #102a4312;color:#45677c;font-size:9px;font-weight:750;letter-spacing:.12em}.player-a{top:20%;left:17%}.player-b{right:13%;bottom:18%}.waiting-dot{width:7px;height:7px;background:#a3b5bf;border-radius:50%;display:inline-block}.invite-line{width:43%;position:absolute;border-top:1px dashed #82a5b8;transform:rotate(45deg)}.lobby-screen{min-height:560px}.lobby-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.lobby-title h1,.game-heading h1{font-size:53px;line-height:.98;margin:0}.connection-pill{min-height:31px;margin-top:7px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid #d5e1e7;border-radius:30px;color:#5b788a;font-size:9px;font-weight:750;letter-spacing:.1em}.connection-pill>span{width:7px;height:7px;border-radius:50%;background:#9eafba}.connection-connected>span{background:#438673;box-shadow:0 0 0 3px #e4f1ec}.connection-reconnecting>span{background:#b38243}.invite-strip{min-height:81px;margin-bottom:19px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d5e2e9;border-radius:7px;background:#fff}.invite-strip>div:first-child{display:grid;gap:3px}.invite-strip strong{font-size:12px;font-weight:600}.invite-controls{display:flex;align-items:center;gap:7px}.invite-controls code{color:#365d76;font:650 12px Fleet Sans,sans-serif;letter-spacing:.1em}.copy-button{min-height:43px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #b9cbd6;border-radius:5px;background:#f9fbfc;color:#315a73;font-size:11px;font-weight:650}.copy-button:hover{background:#edf5f8;border-color:#7fa3b6}.waiting-state{min-height:110px;margin:20px 0;padding:20px 24px;display:flex;align-items:center;gap:17px;background:#eff6f8;border:1px solid #d6e5eb;border-radius:7px}.waiting-state h2{margin:0 0 4px;font-size:15px}.waiting-state p{margin:0;color:#587386;font-size:12px}.waiting-ripple{width:50px;height:50px;display:grid;flex:0 0 50px;place-items:center;color:#33779a;border:1px solid #b2cad6;border-radius:50%;background:#f9fcfd}.lobby-status-row{display:flex;gap:24px;margin:18px 0;color:#5e7b8d;font-size:11px}.lobby-status-row>span{display:inline-flex;align-items:center;gap:8px}.lobby-status-row i{width:7px;height:7px;background:#abbac3;border-radius:50%}.lobby-status-row .seat-ready i{background:#478a73;box-shadow:0 0 0 3px #e4f1ec}.lobby-placement-layout{margin-top:18px}.lobby-ready-action{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:14px 0;border-top:1px solid #d9e4ea}.lobby-ready-action p{margin:0;color:#5c7788;font-size:12px}.game-screen{padding-top:36px}.game-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.game-heading .section-label{margin-bottom:10px}.game-turn{min-width:225px;margin-bottom:4px;padding:12px 16px;display:grid;grid-template-columns:10px 1fr;align-items:center;column-gap:9px;border:1px solid #d4e1e8;border-radius:6px;background:#f3f7f9}.turn-pulse{width:7px;height:7px;background:#9bacb7;border-radius:50%}.my-turn .turn-pulse{background:#4c8d77;box-shadow:0 0 0 3px #e4f1ec}.game-turn b{color:#526f81;font-size:10px;letter-spacing:.1em}.my-turn b{color:#285f4f}.game-turn small{grid-column:2;margin-top:4px;color:#6a8392;font-size:10px}.result-banner{min-height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4e1e8;border-bottom:1px solid #d4e1e8;color:#638092;font-size:9px;font-weight:750;letter-spacing:.12em}.result-banner .banner-hit{color:#a44c3e}.result-banner>span:last-child{color:#6e8999;font-weight:600;letter-spacing:.03em;text-transform:none}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.43fr);align-items:start;gap:clamp(22px,4vw,54px);margin-top:21px}.battle-board{min-width:0}.battle-board.target-board{grid-column:1;grid-row:1;padding:17px 18px 15px;border:1px solid #d5e2e9;border-radius:8px;background:#fff;box-shadow:0 5px 16px #102a430a}.battle-board.own-board{grid-column:2;grid-row:1;padding:16px 0 0}.battle-board-heading{margin-bottom:12px}.target-board .grid-cell:not(:disabled){cursor:crosshair}.target-board .grid-cell:disabled{opacity:1}.own-board .grid-cell{aspect-ratio:1}.fleet-count{padding:6px 9px;background:#e9f3f7;border-radius:4px;color:#246b99;font-size:14px;font-weight:700}.fleet-count small{font-size:9px;font-weight:600}.own-board .battle-board-heading{padding:0 2px}.own-board .board-caption{gap:10px}.board-caption{font-size:9px;padding-top:12px;gap:13px}.mobile-board-tabs{display:none}.game-bottom{min-height:56px;margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e0e8ed}.game-bottom>p:not(.inline-error){display:flex;align-items:center;gap:9px;margin:0;color:#5d7889;font-size:11px}.game-bottom>p svg{color:#40799a}.mini-stats{display:flex;gap:14px;color:#668092;font-size:10px}.mini-stats b{color:#2a4f67;font-size:12px;font-variant-numeric:tabular-nums}.result-screen{min-height:620px;padding:56px 0 64px;display:flex;flex-direction:column;align-items:center;text-align:center}.result-emblem{width:78px;height:78px;margin-bottom:21px;display:grid;place-items:center;border:1px solid #b6cbd6;border-radius:50%;color:#246b99;background:#eaf4f8}.result-emblem.victory{color:#347966;border-color:#b2d1c3;background:#e8f3ee}.result-emblem.defeat{color:#6e8796;background:#edf3f6}.result-emblem span{width:56px;height:56px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.result-screen .section-label{margin-bottom:15px}.result-screen h1{margin-bottom:15px;font-size:59px}.result-copy{max-width:370px;margin:0 auto 24px;color:#5c7889;font-size:14px;line-height:1.7}.result-stats{width:min(100%,470px);min-height:77px;margin:1px 0 23px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dbe5ea;border-bottom:1px solid #dbe5ea}.result-stats>div{display:grid;align-content:center;gap:4px;border-right:1px solid #e4ebef}.result-stats>div:last-child{border:0}.result-stats b{font-size:20px;font-weight:620;font-variant-numeric:tabular-nums}.result-stats span{color:#6b8595;font-size:8px;font-weight:750;letter-spacing:.1em}.online-rematch-status{margin:0 0 16px;display:flex;align-items:center;gap:9px;color:#547285;font-size:11px}.result-actions{width:min(100%,400px);display:grid;gap:9px}.result-actions .primary-button,.result-actions .secondary-button{min-height:48px}.result-home{margin-top:16px}.dialog{width:min(470px,calc(100vw - 32px));max-height:min(83vh,680px);padding:0;border:1px solid #cfdee6;border-radius:10px;color:var(--navy);background:#fbfdfe;box-shadow:0 17px 55px #102a4333}.dialog::backdrop{background:#102a4361}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 17px;border-bottom:1px solid #dce6eb}.dialog-label{margin:0 0 5px;color:#698597;font-size:9px;font-weight:750;letter-spacing:.14em}.dialog-head h2{margin:0;font-size:22px;font-weight:620;letter-spacing:-.04em}.dialog-content{padding:20px 22px 22px}.dialog-copy{color:#597588;font-size:13px}.setting-row{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e2eaee}.setting-row>span{display:grid;gap:4px}.setting-row strong{font-size:12px}.setting-row small{color:#688395;font-size:10px}.toggle{min-width:62px;height:34px;display:inline-flex;align-items:center;justify-content:space-around;border:1px solid #aec1cc;border-radius:20px;background:#eef4f7;color:#5d7a8c}.toggle.is-on{color:#fff;border-color:#246b99;background:#246b99}.toggle-thumb{width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #102a4333}.setting-select{min-height:39px;padding:0 30px 0 10px;color:#284f68;border:1px solid #b9cbd5;border-radius:5px;background:#fff;font-size:11px}.reduced-note{display:flex;align-items:center;gap:7px;margin:13px 0 0;color:#668092;font-size:10px}.rule-list>p{margin-bottom:15px;color:#526f81;font-size:13px;line-height:1.65}.rule-list b{color:var(--navy)}.dialog-cta{width:100%;margin-top:4px}.toast{position:fixed;right:22px;bottom:20px;z-index:5;padding:11px 15px;border:1px solid #bdd6cb;border-radius:5px;background:#edf6f1;color:#326d59;box-shadow:0 5px 18px #102a431a;font-size:12px}@keyframes page-in{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes impact{0%{box-shadow:inset 0 0 0 9px #ad473b42}to{box-shadow:inset 0 0 #ad473b00}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@media(min-width:1441px){.home-screen{min-height:700px}.battle-layout{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:1100px){.topbar,.footer{width:calc(100% - 48px)}.page-content{padding:0 24px}.home-screen{min-height:600px;grid-template-columns:.95fr 1.05fr}.home-art{min-height:380px}.placement-layout{grid-template-columns:minmax(0,1.25fr) minmax(295px,.8fr);gap:25px}.chart-panel{padding:19px}.battle-layout{grid-template-columns:minmax(0,1fr) minmax(215px,.45fr);gap:24px}.battle-board.target-board{padding:15px}}@media(max-width:767px){.topbar,.footer{width:calc(100% - 34px)}.topbar{min-height:68px}.page-content{padding:0 17px}.footer{min-height:50px;font-size:9px}.footer span:last-child{text-align:right}.home-screen{min-height:auto;padding:49px 0 37px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.home-copy{padding:0}.available{margin-bottom:20px;font-size:9px}.home-copy h1{margin-bottom:15px;font-size:55px}.home-intro{max-width:430px;margin-bottom:21px;font-size:14px;line-height:1.65}.home-actions{width:100%;max-width:430px}.primary-button,.secondary-button{min-height:52px}.difficulty-select{width:100%;max-width:430px;margin-top:17px}.text-link{margin-top:16px}.home-art{min-height:260px;margin:0 auto;width:min(100%,450px)}.route-svg{width:min(100%,340px)}.coordinate-tag{right:0;bottom:16%;padding:9px 10px}.coordinate-tag b{font-size:15px}.label-north{top:17%;right:8%}.label-south{bottom:9%;left:8%}.art-caption{right:12%;bottom:0}.work-screen{padding:40px 0 46px}.work-intro{display:block;margin-bottom:25px}.work-intro h1{font-size:44px}.work-intro>p:not(.intro-body){top:-14px;transform:translateY(-8px)}.intro-rule{display:none}.intro-body{max-width:350px;margin:12px 0 0;font-size:12px}.mode-pill{top:-29px;font-size:8px}.placement-layout{grid-template-columns:1fr;gap:20px}.chart-panel{padding:15px 12px 13px}.panel-top{margin-bottom:12px}.panel-top h2{font-size:17px}.coordinate-row{grid-template-columns:19px repeat(10,1fr);font-size:8px}.grid-with-rows{grid-template-columns:19px minmax(0,1fr);gap:2px}.coordinate-column{font-size:8px}.grid-cell{min-width:0}.chart-legend{gap:10px;padding-top:11px;font-size:9px}.chart-coordinate{font-size:7px}.placement-heading h2{font-size:28px}.placement-panel{padding:4px 2px 0}.placement-help{margin-bottom:13px}.ship-row{min-height:55px}.ship-info b{font-size:12px}.ship-info small{font-size:10px}.tool-button{min-height:46px;font-size:10px}.launch-button{min-height:52px}.lobby-entry{min-height:auto;padding:42px 0;grid-template-columns:1fr;gap:17px}.entry-copy h1{font-size:49px}.invite-visual{min-height:260px}.invite-orbit{width:min(63%,240px)}.orbit-inner{width:42%}.invite-anchor{width:67px;height:67px}.invite-anchor svg{width:32px}.player-a{top:14%;left:13%}.player-b{bottom:12%;right:10%}.lobby-screen{padding-top:34px}.lobby-title h1{font-size:42px}.lobby-title{gap:12px}.connection-pill{padding:0 8px;font-size:8px}.invite-strip{align-items:flex-start;flex-direction:column;padding:12px}.invite-controls{width:100%;justify-content:space-between}.lobby-status-row{gap:14px;font-size:10px}.lobby-placement-layout{margin-top:14px}.lobby-ready-action{align-items:flex-start;flex-direction:column}.lobby-ready-action .primary-button{width:100%}.game-screen{padding-top:30px}.game-heading{align-items:flex-start;flex-direction:column;margin-bottom:13px}.game-heading h1{font-size:42px}.game-turn{width:100%;min-width:0;margin:0;grid-template-columns:10px 1fr}.result-banner{min-height:39px;font-size:8px}.mobile-board-tabs{display:flex;gap:5px;padding:4px;margin-top:13px;border:1px solid #d8e4ea;border-radius:6px;background:#eff5f8}.mobile-board-tabs button{min-height:42px;flex:1;border:1px solid transparent;border-radius:4px;color:#597589;background:transparent;font-size:11px;font-weight:650}.mobile-board-tabs button[aria-selected=true]{color:var(--navy);border-color:#c4d7e1;background:#fff;box-shadow:0 1px 2px #102a430d}.battle-layout{display:block;margin-top:11px}.battle-board{display:none}.battle-board.mobile-active{display:block}.battle-board.target-board{padding:13px 10px 12px}.battle-board.own-board{padding:13px 10px 12px;border:1px solid #d5e2e9;border-radius:8px;background:#fff}.battle-board-heading h2{font-size:16px}.target-board .grid-cell,.own-board .grid-cell{min-height:27px}.board-caption{gap:11px}.game-bottom{align-items:flex-start;flex-direction:column;padding:12px 0}.game-bottom>p:not(.inline-error){font-size:10px;line-height:1.5}.mini-stats{width:100%;justify-content:space-between}.result-screen{min-height:auto;padding:48px 0 50px}.result-screen h1{font-size:49px}.result-copy{font-size:13px}.result-stats b{font-size:18px}.result-stats span{font-size:7px}}:root{color-scheme:light;--navy: #12364c;--navy-soft: #365e72;--blue: #0878aa;--blue-light: #d9f2fb;--paper: #fffaf0;--line: #d8e8e9;--slate: #456c80;--hit: #c92e2e;--hit-wash: #f8dcce;--sea: #20705f;--sea-wash: #e3f2e8;font-family:Fleet Sans,sans-serif;background:#fffaf0}html{scrollbar-color:#72b9d2 #e8f5f7}body{background:#fffaf0;color:#12364c}::selection{color:#fff;background:#0878aa}:focus-visible{outline-color:#c92e2e}.app-shell.tabletop{background:radial-gradient(ellipse at 84% 18%,rgba(250,219,177,.27),transparent 36%),#fffaf0}.tabletop .topbar,.tabletop .footer{width:min(100% - 88px,1420px);border-color:#e1ddd0}.tabletop .brand-mark{border:0;border-radius:11px;color:#fff;background:#0878aa;transform:rotate(-4deg);box-shadow:0 3px #07577f}.tabletop .brand-name{font-family:Fleet Display,Georgia,serif;font-size:23px;letter-spacing:-.045em}.tabletop .brand-name span{color:#c92e2e}.tabletop .icon-button:hover,.tabletop .quiet-button:hover{background:#eaf5f4;border-color:#d0e6e4}.tabletop .page-content{max-width:1420px;padding:0 44px}.tabletop .home-screen{min-height:690px;grid-template-columns:.8fr 1.2fr;gap:4vw;padding:54px 0 62px}.tabletop .home-copy{padding-left:8px}.tabletop .available{color:#246b5b;font-size:11px;letter-spacing:.16em}.tabletop .available-light{background:#30836b;box-shadow:0 0 0 4px #dceddf}.tabletop .home-copy h1{max-width:570px;margin:18px 0 22px;font-family:Fleet Display,Georgia,serif;font-size:clamp(57px,6.1vw,86px);font-weight:750;line-height:.94;letter-spacing:-.05em}.tabletop .home-copy h1 em,.tabletop .work-intro h1 em,.tabletop .placement-heading h2 em,.tabletop .lobby-title h1 em,.tabletop .game-heading h1 em,.tabletop .entry-copy h1 em,.tabletop .result-screen h1 em{color:#c92e2e;font-style:normal}.tabletop .home-intro{max-width:430px;color:#456c80;font-size:17px;line-height:1.55}.tabletop .home-actions{max-width:420px;gap:10px}.tabletop .primary-button{color:#fff;border-color:#0878aa;background:#0878aa;box-shadow:0 4px #075b80,0 8px 15px #12364c1a}.tabletop .primary-button:hover:not(:disabled){background:#096b96;border-color:#096b96;box-shadow:0 5px #064a6b,0 10px 18px #12364c21;transform:translateY(-1px)}.tabletop .secondary-button{border:1px solid #b8d8e2;background:#fff;color:#12364c;box-shadow:0 3px #d9e7e8}.tabletop .secondary-button:hover:not(:disabled){background:#eaf6f8;border-color:#91c3d2}.tabletop .difficulty-select{max-width:405px;color:#456c80}.tabletop .difficulty-options{border-radius:9px;background:#eeeadd}.tabletop .difficulty-options button{border-radius:7px}.tabletop .difficulty-options button.selected{color:#fff;background:#12364c;box-shadow:0 2px 4px #12364c30}.tabletop .text-link{color:#456c80}.tabletop .text-link span{color:#0878aa}.tabletop .home-art{min-height:520px;padding:15px 4px 22px 8px}.hero-tray{position:relative;width:min(100%,690px);padding:21px 24px 17px;border:1px solid #07577f;border-radius:23px;background:#0878aa;box-shadow:0 9px #07577f,0 18px 30px #0e435d2b;transform:rotate(1.15deg)}.hero-tray-head,.hero-tray-foot{display:flex;align-items:center;justify-content:space-between;color:#e4f7fc}.hero-tray-head{margin-bottom:12px;font-size:9px;font-weight:800;letter-spacing:.11em}.hero-tray-head b{color:#fff;font-size:10px;letter-spacing:.08em}.hero-board-wrap{position:relative;padding:9px 9px 9px 31px;border-radius:14px;background:#d7f1f8}.hero-coordinates{position:absolute;z-index:1;display:grid;color:#426b7b;font-size:9px;font-weight:750;text-align:center}.hero-columns{top:1px;left:31px;right:9px;height:8px;grid-template-columns:repeat(10,1fr)}.hero-rows{top:9px;bottom:9px;left:3px;width:24px;grid-template-rows:repeat(10,1fr);align-items:center}.hero-board-grid{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(10,1fr);border:2px solid #fff;border-radius:7px;background:#b6e2f0}.hero-board-grid>i{position:relative;aspect-ratio:1;background:#ccecf5;border-right:1px solid #a9d8e9;border-bottom:1px solid #a9d8e9}.hero-board-grid>i:nth-child(20n+11),.hero-board-grid>i:nth-child(20n+13),.hero-board-grid>i:nth-child(20n+15),.hero-board-grid>i:nth-child(20n+17),.hero-board-grid>i:nth-child(20n+19){background:#c3e7f2}.hero-board-grid>i.hero-boat{background:#bddfed}.hero-fleet-layer{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));pointer-events:none}.hero-vessel{position:relative;align-self:center;height:67%;margin:0 -2px;border:1px solid #725f45;border-radius:3px 5px 5px 3px;background:linear-gradient(180deg,#ead7ac,#d0b57f 34%,#c1a46d 74%,#ab8957);clip-path:polygon(0 12%,86% 12%,100% 50%,86% 88%,0 88%);box-shadow:0 2px #816c4d}.hero-vessel:before{content:"";position:absolute;top:7%;left:37%;width:24%;height:38%;border:1px solid #8c764f;border-radius:2px;background:#f2e2ba}.hero-vessel:after{content:"";position:absolute;top:43%;left:17%;width:66%;height:2px;border-radius:2px;background:#fffae5d1}.vessel-carrier:before{left:26%;width:38%;box-shadow:18px 1px 0 -1px #f2e2ba}.vessel-submarine:before{top:7%;left:45%;width:12%;height:32%}.hero-board-grid>i.hero-peg{z-index:4;background:transparent}.hero-board-grid>i.hero-peg:before{content:"";position:absolute;z-index:5;top:50%;left:50%;width:57%;aspect-ratio:1;border:2px solid #a71d22;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff8170,#d72f31 61%,#ad2029);box-shadow:0 2px #921c22;transform:translate(-50%,-55%)}.hero-tray-foot{gap:12px;padding-top:13px;font-size:9px;font-weight:750;letter-spacing:.045em}.hero-tray-foot>span{display:inline-flex;align-items:center;gap:7px}.hero-tray-foot strong{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:9px;letter-spacing:.04em}.sample-ship{width:19px;height:9px;border-radius:4px;background:#f4e7c8}.sample-hit{width:10px;height:10px;border:2px solid #ff9c91;border-radius:50%;background:#d72f31}.hero-sticker{position:absolute;top:2%;right:-1%;width:94px;height:94px;display:grid;place-content:center;border:3px solid #fffaf0;border-radius:50%;color:#fff;background:#c92e2e;font-family:Fleet Display,Georgia,serif;font-size:31px;font-weight:800;line-height:.86;text-align:center;transform:rotate(9deg);box-shadow:0 4px #8e2925}.hero-sticker small{margin-top:5px;font-family:Fleet Sans,sans-serif;font-size:7px;letter-spacing:.08em}.tabletop .work-screen{padding-top:42px}.tabletop .section-label,.tabletop .panel-kicker{color:#426e80}.tabletop .work-intro h1,.tabletop .lobby-title h1,.tabletop .game-heading h1,.tabletop .entry-copy h1,.tabletop .result-screen h1{font-family:Fleet Display,Georgia,serif;font-weight:750;letter-spacing:-.045em}.tabletop .chart-panel,.tabletop .battle-board.target-board,.tabletop .battle-board.own-board{border-radius:16px}.tabletop .chart-panel{border:1px solid #c6e1e5;background:#fffefa;box-shadow:0 6px #ede8da,0 12px 24px #12364c12}.tabletop .grid-board{overflow:hidden;border:2px solid #fff;border-radius:7px;background:#c6e9f2}.tabletop .grid-cell{background:#d8f1f7;border-color:#b6e0ed}.tabletop .grid-cell:nth-child(20n+11),.tabletop .grid-cell:nth-child(20n+13),.tabletop .grid-cell:nth-child(20n+15),.tabletop .grid-cell:nth-child(20n+17),.tabletop .grid-cell:nth-child(20n+19){background:#ccebf4}.tabletop .grid-cell:not(:disabled):hover{background:#b1e2ef;box-shadow:inset 0 0 0 2px #318cae}.tabletop .grid-cell:focus-visible{outline-color:#c92e2e}.tabletop .grid-cell.is-own-ship{z-index:1;overflow:visible;background:#d8f1f7}.tabletop .own-ship-mark{position:relative;z-index:1;width:calc(100% + 2px);height:66%;margin-right:-2px;border:1px solid #8c7049;border-radius:0;background:linear-gradient(180deg,#ead7ac,#d0b57f 34%,#c1a46d 74%,#ab8957);clip-path:polygon(0 12%,86% 12%,100% 50%,86% 88%,0 88%)}.tabletop .own-ship-mark:before{content:"";position:absolute;top:7%;left:32%;width:34%;height:35%;border:1px solid #8c764f;border-radius:2px;background:#f2e2ba}.tabletop .own-ship-mark:after{content:"";position:absolute;top:55%;left:16%;width:65%;height:1px;border-radius:1px;background:#fffae5d9}.tabletop .ship-horizontal:not(.ship-last) .own-ship-mark{margin-right:-2px;clip-path:polygon(0 12%,100% 12%,100% 88%,0 88%)}.tabletop .ship-horizontal.ship-first .own-ship-mark{border-radius:7px 0 0 7px;clip-path:polygon(0 18%,100% 12%,100% 88%,0 82%)}.tabletop .ship-horizontal.ship-last .own-ship-mark{clip-path:polygon(0 12%,74% 12%,100% 50%,74% 88%,0 88%)}.tabletop .ship-vertical .own-ship-mark{width:66%;height:calc(100% + 2px);margin:0 0 -2px;clip-path:polygon(12% 0,88% 0,88% 100%,12% 100%)}.tabletop .ship-vertical.ship-first .own-ship-mark{border-radius:7px 7px 0 0;clip-path:polygon(18% 0,82% 0,88% 100%,12% 100%)}.tabletop .ship-vertical.ship-last .own-ship-mark{clip-path:polygon(12% 0,88% 0,88% 74%,50% 100%,12% 74%)}.tabletop .grid-cell.is-preview{background:#c2e6ca;box-shadow:inset 0 0 0 2px #459477}.tabletop .grid-cell.is-invalid{background:#f3d2c9;box-shadow:inset 0 0 0 2px #bd493f}.tabletop .grid-cell.is-hit{background:#f4ded3}.tabletop .impact-mark{width:67%;height:67%;border:2px solid #a51f27;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ff8d7b,#d32f32 66%,#ac222a);box-shadow:0 2px #8b1e24}.tabletop .impact-mark span{display:none}.tabletop .grid-cell.is-miss{background:#d8f1f7}.tabletop .miss-mark{width:34%;height:34%;border:1px solid #5da0b8;background:#a8dceb;box-shadow:0 0 0 2px #effbfc}.tabletop .battle-layout{grid-template-columns:minmax(0,1.42fr) minmax(190px,.55fr);gap:clamp(20px,3vw,40px)}.tabletop .battle-board.target-board{padding:18px 20px;border:2px solid #07577f;background:#0878aa;box-shadow:0 6px #07577f,0 12px 24px #0e435d1f}.tabletop .target-board .panel-kicker,.tabletop .target-board .battle-board-heading h2,.tabletop .target-board .board-caption,.tabletop .target-board .turn-indicator{color:#fff}.tabletop .target-board .turn-indicator{border-color:#73b7d0;background:#086b97}.tabletop .target-board .grid-wrap{padding:5px;border-radius:10px;background:#0a6590}.tabletop .target-board .coordinate-row,.tabletop .target-board .coordinate-column{color:#eafaff}.tabletop .battle-board.own-board{padding:17px;border:1px solid #c9e2e4;background:#fffefa;box-shadow:0 5px #ede8da}.tabletop .own-board .grid-cell{border-width:1px}.tabletop .own-board .battle-board-heading h2{font-size:19px}.tabletop .own-board .panel-kicker{font-size:9px}.tabletop .own-board .board-caption{flex-wrap:wrap}.tabletop .grid-cell.is-aimed{z-index:4;outline:3px solid #fff;outline-offset:-3px;background:#f9a28f;box-shadow:inset 0 0 0 2px #bd2c31,0 0 0 2px #07577f}.tabletop .grid-cell.is-aimed:after{content:"";width:24%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:#c92e2e;box-shadow:0 1px #8b1e24}.tabletop .ship-glyph{width:49px;height:17px;position:relative;display:inline-flex;flex:0 0 49px;align-items:flex-end}.tabletop .ship-glyph.vertical{width:17px;height:49px;flex:0 0 17px}.tabletop .ship-glyph .ship-hull{position:absolute;right:0;bottom:2px;left:0;height:9px;display:flex;align-items:center;justify-content:space-evenly;gap:2px;padding:0 5px 1px;background:linear-gradient(180deg,#3995b6,#08739e);clip-path:polygon(0 6%,87% 6%,100% 50%,88% 96%,0 96%)}.tabletop .ship-glyph .ship-hull:before{content:"";position:absolute;z-index:1;top:-3px;left:42%;width:19%;height:4px;border-radius:2px 2px 0 0;background:#eddbad}.tabletop .ship-glyph .ship-hull i{position:relative;z-index:2;width:2px;height:4px;display:block;flex:1;border:0;border-radius:1px;background:#d6f1f4}.tabletop .ship-glyph.vertical .ship-hull{inset:0 auto 0 2px;width:9px;height:auto;flex-direction:column;padding:5px 1px;clip-path:polygon(8% 0,92% 0,92% 86%,50% 100%,8% 86%)}.tabletop .ship-glyph.vertical .ship-hull:before{top:42%;left:-3px;width:4px;height:18%;border-radius:2px 0 0 2px}.tabletop .ship-glyph.vertical .ship-hull i{width:4px;height:2px}.tabletop .ship-glyph.compact,.tabletop .ship-glyph.compact.vertical{width:34px;height:13px;flex-basis:34px}.tabletop .ship-glyph.compact.vertical{width:13px;height:34px;flex-basis:13px}.tabletop .ship-glyph.compact .ship-hull{height:7px}.tabletop .ship-glyph.compact.vertical .ship-hull{width:7px}.tabletop .ship-glyph.compact .ship-hull:before{top:-2px;height:3px}.tabletop .aim-assist{scroll-margin-block:18px;border-color:#83b8cd;background:#e1f3f8;color:#12364c}.tabletop .aim-assist>p{color:#365e72}.tabletop .aim-zoom button.aim-selected{border-color:#a51f27;background:#c92e2e;box-shadow:0 2px #8b1e24}.tabletop .game-turn{border-radius:10px;background:#e4f2e9;border-color:#c5e0d0}.tabletop .result-banner{color:#365e72}.tabletop .footer{color:#456c80}.tabletop .dialog{border-radius:17px;background:#fffdf7}.tabletop .dialog-cta{margin-top:8px}@media(max-width:1100px){.tabletop .home-screen{grid-template-columns:.9fr 1.1fr}.tabletop .hero-tray{padding:16px 17px 14px}.tabletop .battle-layout{grid-template-columns:minmax(0,1.3fr) minmax(180px,.6fr)}}@media(max-width:767px){.tabletop .topbar,.tabletop .footer{width:calc(100% - 34px)}.tabletop .page-content{padding:0 17px}.tabletop .home-screen{gap:0;padding-top:37px}.tabletop .home-copy{padding:0}.tabletop .home-copy h1{margin-top:12px;font-size:clamp(49px,12vw,66px)}.tabletop .home-intro{font-size:15px}.tabletop .home-art{min-height:0;width:100%;margin:32px auto 18px;padding:14px 2px 18px}.hero-tray{padding:12px 11px 11px;border-radius:16px;transform:rotate(.5deg)}.hero-tray-head{font-size:7px}.hero-tray-head b{font-size:8px}.hero-board-wrap{padding:7px 7px 7px 22px}.hero-columns{left:22px;right:7px;font-size:7px}.hero-rows{top:7px;bottom:7px;width:18px;font-size:7px}.hero-tray-foot{gap:6px;padding-top:10px;font-size:7px}.hero-tray-foot strong{font-size:7px}.hero-sticker{top:-14px;right:-5px;width:72px;height:72px;font-size:24px}.tabletop .battle-layout{display:block}.tabletop .battle-board.target-board{padding:11px 8px}.tabletop .battle-board.own-board{padding:12px 10px}.tabletop .target-board .grid-wrap{padding:4px}.tabletop .aim-assist{scroll-margin-block:16px}.tabletop .work-screen{padding-top:20px}.tabletop .work-intro{margin-bottom:14px}.tabletop .work-intro h1{max-width:100%;font-size:36px}.tabletop .work-intro>p:not(.intro-body){top:-11px;transform:none}.tabletop .intro-body{margin-top:7px;line-height:1.45}.tabletop .placement-layout{gap:10px}.tabletop .chart-panel{padding:11px 9px 9px}.tabletop .panel-top{margin-bottom:7px}.tabletop .chart-legend{padding-top:7px}.tabletop .placement-panel{padding-top:0}.tabletop .placement-heading .section-label{margin-bottom:4px}.tabletop .placement-heading h2{font-size:24px}.tabletop .progress-mark b{font-size:22px}.tabletop .placement-progress{height:3px;margin:10px 0 8px}.tabletop .placement-help{margin-bottom:8px;font-size:11px;line-height:1.4}.tabletop .ship-tray{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d9e4ea}.tabletop .ship-row{position:relative;min-height:67px;padding:5px 3px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-right:1px solid #e3ebef;text-align:center}.tabletop .ship-info{flex-direction:column;justify-content:center;gap:2px}.tabletop .ship-info>span:last-child{text-align:center}.tabletop .ship-info b{font-size:10px}.tabletop .ship-info small{display:none}.tabletop .ship-action{position:absolute;top:5px;right:6px}.tabletop .ship-row .select-hint{font-size:8px}.tabletop .placement-tools{margin-top:8px}.tabletop .tool-button{min-height:42px;padding:7px 6px;font-size:10px}.tabletop .quiet-reset{min-height:33px;margin-top:0}.tabletop .launch-button{min-height:48px;margin-top:3px}.tabletop .placement-footnote{margin-top:7px}}@media(max-width:380px){.tabletop .topbar,.tabletop .footer{width:calc(100% - 26px)}.tabletop .page-content{padding:0 13px}.tabletop .hero-tray-foot>span:first-child{display:none}.tabletop .hero-tray-foot{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.tabletop .hero-tray,.tabletop .hero-sticker{transform:none}}@media(max-width:380px){.topbar,.footer{width:calc(100% - 26px)}.page-content{padding:0 13px}.brand-name{font-size:16px}.top-actions{gap:4px}.back-button{padding-left:5px;padding-right:5px}.home-copy h1{font-size:49px}.difficulty-select{align-items:flex-start;flex-direction:column}.difficulty-options{width:100%}.difficulty-options button{flex:1}.chart-panel{padding:12px 8px 11px}.coordinate-row{grid-template-columns:16px repeat(10,1fr)}.grid-with-rows{grid-template-columns:16px minmax(0,1fr);gap:1px}.chart-legend{gap:7px;font-size:8px}.ship-info{gap:9px}.tool-button{padding:8px 6px;gap:5px}.lobby-title h1{font-size:37px}.connection-pill{max-width:118px}.invite-controls code{font-size:10px}.copy-button{min-height:42px;padding:7px 9px;font-size:10px}.result-stats span{letter-spacing:.045em}.result-screen h1{font-size:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.aim-assist{display:none}@media(max-width:767px){.aim-assist{display:block;margin-top:12px;padding:13px;border:1px solid #b8ceda;border-radius:6px;background:#f1f7f9}.aim-heading{display:flex;justify-content:space-between;align-items:center}.aim-heading>span{display:flex;align-items:baseline;gap:10px}.aim-heading small{color:#607d8f;font-size:8px;font-weight:750;letter-spacing:.11em}.aim-heading b{color:var(--navy);font-size:21px;font-variant-numeric:tabular-nums}.aim-assist>p{margin:3px 0 10px;color:#5a7688;font-size:10px}.aim-zoom{width:max-content;margin:0 auto 11px;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:3px}.aim-zoom button{min-width:48px;min-height:48px;padding:3px;color:#365e76;border:1px solid #b5cad5;border-radius:4px;background:#fff;font-size:11px;font-weight:650}.aim-zoom button:hover:not(:disabled){background:#e4f0f5;border-color:#6d98ae}.aim-zoom button.aim-selected{color:#fff;border-color:#246b99;background:#246b99}.aim-zoom button:disabled{color:#8f5952;border-color:#e1c5c0;background:#f5e4e1;text-decoration:line-through}.aim-fire{width:100%;min-height:48px}}