@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@700;900&display=swap";:root{color:#eaf8ff;font-synthesis:none;--navy:#031a2c;--panel:#052235e0;--line:#69c9de38;--cyan:#6ed8eb;--gold:#efaa45;--danger:#ff786c;background:#021321;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:linear-gradient(120deg,#02111ee0,#031d2ebd),url(/assets/ocean-chart-bg.png) 50%/cover fixed;min-height:100vh;position:relative;overflow-x:hidden}.texture{pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;background:#02121fc2;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;position:relative}.brand{letter-spacing:.08em;align-items:center;gap:12px;display:flex}.brand-mark{width:38px;height:38px;color:var(--gold);border:1px solid #efaa4580;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 24px #efaa4529}.brand strong{font-family:Noto Serif SC;font-size:18px}.brand small{color:#7fb0c3;margin-top:2px;font-size:10px;display:block}.mission-meta{color:#9fc9d8;align-items:center;gap:22px;font-size:13px;display:flex}.mission-meta span+span{border-left:1px solid var(--line);padding-left:22px}.mission-meta b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px}.mission-meta .danger{color:var(--danger)}.ghost-button,.secondary-button,.text-button,.direction-grid button{color:#b9d7e3;border:1px solid var(--line);cursor:pointer;background:#092d4294;border-radius:8px;padding:9px 14px;transition:all .2s}.ghost-button:hover,.secondary-button:hover,.direction-grid button:hover{color:#fff;border-color:#6ed8eb99}.text-button{background:0 0;border:0}.primary-button{color:#1b150b;cursor:pointer;background:linear-gradient(135deg,#f6b652,#d78a27);border:0;border-radius:8px;width:100%;padding:13px 18px;font-weight:800;transition:all .2s;box-shadow:0 10px 30px #ca7e2038}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.primary-button.large{width:auto;padding:16px 24px;font-size:16px}.primary-button.large span{padding-left:34px}.button-row{align-items:center;gap:10px;display:flex}.button-row.center{justify-content:center}.button-row.center button{width:170px}.home-screen{z-index:1;grid-template-columns:1.35fr .65fr;align-items:center;gap:80px;max-width:1240px;min-height:calc(100vh - 112px);margin:auto;padding:72px 52px;display:grid;position:relative}.kicker,.section-label{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.hero-copy h1{letter-spacing:.02em;margin:18px 0 24px;font-family:Noto Serif SC;font-size:clamp(48px,7vw,86px);line-height:1.08}.hero-copy h1 em{color:#9fe5ef;text-shadow:0 0 35px #44c7de40;font-style:normal}.hero-copy>p:not(.kicker){color:#9bbbc8;max-width:600px;margin-bottom:34px;font-size:16px;line-height:1.9}.rules-strip{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.rules-strip span{color:#8fb8c7;border-left:2px solid #6ed8eb59;padding:7px 10px;font-size:12px}.command-card{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#16849d2e,#0000 45%),#031a2bb3;border-radius:4px;flex-direction:column;justify-content:flex-end;min-height:420px;padding:30px;display:flex;position:relative;overflow:hidden}.command-card h2{letter-spacing:.15em;color:#9fc8d7;margin:0 0 18px;font-size:14px}.radar-ring{border:1px solid #6ed8eb38;border-radius:50%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.radar-ring.r1{width:210px;height:210px}.radar-ring.r2{width:130px;height:130px}.radar-line{transform-origin:0;background:linear-gradient(90deg,var(--cyan),transparent);width:104px;height:1px;animation:5s linear infinite sweep;position:absolute;top:38%;left:50%}.radar-core{color:var(--gold);font-size:22px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.stats-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:18px;display:grid}.stats-grid b{font-size:26px}.stats-grid small{color:#759cad;margin-top:6px;font-size:10px;font-weight:500;display:block}@keyframes sweep{to{transform:rotate(360deg)}}.setup-layout,.battle-layout{z-index:1;grid-template-columns:minmax(520px,1fr) 300px;gap:24px;max-width:1440px;margin:0 auto;padding:30px 34px 44px;display:grid;position:relative}.battle-layout{grid-template-columns:minmax(0,1fr) 300px}.boards-wrap{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.board-panel,.status-card,.salvo-card,.log-card{border:1px solid var(--line);background:linear-gradient(145deg,#082b40eb,#03192aeb);border-radius:4px;padding:18px;box-shadow:0 24px 60px #0000003d}.panel-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.panel-heading h2{margin:0;font-family:Noto Serif SC;font-size:17px}.panel-heading span{color:#77a1b2;font-size:10px}.board-shell{aspect-ratio:1.05;grid-template-rows:24px repeat(10,minmax(0,1fr));grid-template-columns:26px repeat(10,minmax(0,1fr));display:grid}.axis{color:#6e9aac;font-variant-numeric:tabular-nums;place-items:center;font-size:10px;display:grid}.cell{color:#fff;cursor:pointer;background:#0a364a70;border:1px solid #5eb7cc24;min-width:0;min-height:0;padding:0;position:relative}.cell:hover{z-index:1;background:#419fb333;border-color:#6ed8eba6}.cell.ship{background:linear-gradient(135deg,#879da4,#354b55);box-shadow:inset 0 0 0 3px #d8eff21a}.cell.ship:after{content:"";opacity:.45;background:#bdd0d3;border-radius:50%;position:absolute;inset:30%}.cell.selected{box-shadow:inset 0 0 0 2px var(--gold);background:#e79c3747}.cell.selected span{background:var(--gold);color:#1b150b;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:19%}.cell.scanned:after{content:"";opacity:.7;border:1px solid #5ec3d7;border-radius:50%;position:absolute;inset:34%}.cell.hit{background:#b540326b}.cell.hit i,.cell.miss i{color:#ff8a72;font-size:18px;font-style:normal}.cell.miss i{color:#80cfe0}.side-rail{flex-direction:column;gap:14px;display:flex}.status-card h3,.salvo-card h3,.log-card h3{margin:0 0 15px;font-size:14px}.muted{color:#83a9b8;font-size:12px;line-height:1.7}.direction-grid{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.direction-grid button.active{border-color:var(--gold);color:#ffd28b;background:#efaa451a}.fleet-list{gap:9px;display:grid}.fleet-item{background:#01131f59;border-left:2px solid #5197a9;align-items:center;gap:12px;padding:9px;display:flex}.fleet-item.sunk{opacity:.42;border-left-color:var(--danger)}.fleet-item strong{font-size:12px;display:block}.fleet-item small{color:#729baa;margin-top:3px;font-size:10px;display:block}.ship-glyph{gap:2px;width:66px;display:flex}.ship-glyph i{background:#7494a0;border-radius:2px;flex:1;height:8px;display:block}.fleet-item.sunk .ship-glyph i{background:#9f554d}.salvo-heading{justify-content:space-between;display:flex}.salvo-heading b{color:var(--gold)}.shot-slots{grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0;display:grid}.shot-slots span{border:1px solid var(--line);color:#587e8e;place-items:center;height:34px;font-size:11px;display:grid}.shot-slots .filled{color:#ffd18b;background:#efaa4514;border-color:#efaa458c}.salvo-card p{text-align:center;color:#739dad;margin:10px 0 0;font-size:10px}.log-list{max-height:132px;overflow:auto}.log-list p{color:#82a8b6;border-top:1px solid #69c9de1a;margin:0;padding:8px 0;font-size:10px;line-height:1.45}.battle-main{min-width:0}.view-switch{justify-content:center;gap:6px;margin:0 0 12px;display:flex}.view-switch button{border:1px solid var(--line);color:#7ea6b6;cursor:pointer;background:#031a2bb8;padding:8px 18px}.view-switch button.active{color:#ffe0aa;background:#efaa451a;border-color:#efaa45a6}.overview-panel{max-width:760px;margin:0 auto}.overview-panel .panel-heading{align-items:center}.overview-panel .section-label{margin:0 0 5px}.overview-heading-tools{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.overview-axis-toggle{display:none}.overview-board{max-height:650px;margin:auto}.overview-cell.own-ship-zone{background:linear-gradient(135deg,#98b1b94d,#2d4b5457);box-shadow:inset 0 0 0 2px #cde5e917}.overview-marker{background:var(--round-color);z-index:3;place-items:center;font-weight:800;display:grid;position:absolute;color:#07141b!important;font-size:8px!important;font-style:normal!important}.our-marker{border-radius:50% 3px 3px;inset:6% 47% 48% 6%}.enemy-marker{filter:saturate(.8)hue-rotate(310deg);border-radius:3px 3px 50%;inset:48% 6% 6% 47%}.overview-cell:not(.overlap-shot) .our-marker,.overview-cell:not(.overlap-shot) .enemy-marker{border-radius:50%;inset:19%;font-size:9px!important}.overview-cell.selected .overview-marker{display:none}.overview-legend{color:#7da5b4;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;font-size:10px;display:flex}.overview-legend span{align-items:center;gap:6px;display:flex}.overview-legend i{width:10px;height:10px;display:inline-block}.legend-ship{background:#6d8993}.legend-ours{background:var(--gold);border-radius:50%}.legend-enemy{background:var(--danger);border-radius:50%}.round-tone-0{--round-color:#f0ad4d}.round-tone-1{--round-color:#63d5e8}.round-tone-2{--round-color:#b58cff}.round-tone-3{--round-color:#7edc91}.round-tone-4{--round-color:#ff7d78}.round-tone-5{--round-color:#f0e26c}.cell .round-number{background:var(--round-color,#63d5e8);z-index:2;border-radius:50%;place-items:center;font-style:normal;font-weight:800;display:grid;position:absolute;inset:22%;color:#06151c!important;font-size:10px!important}.cell .impact-mark{z-index:4;font-style:normal;position:absolute;bottom:0;right:2px;color:#ff8275!important;font-size:13px!important}.cell.miss .impact-mark{color:#8bd7e5!important}.latest-report-button{color:#ffd796;border-color:#efaa4573;width:100%}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000910c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.round-report-modal{background:linear-gradient(145deg,#092d42,#031a2c 75%);border:1px solid #6ed8eb59;border-radius:8px;width:min(760px,100%);max-height:calc(100vh - 34px);padding:28px;overflow:auto;box-shadow:0 30px 100px #0009}.round-report-modal>h2{margin:4px 0 6px;font-family:Noto Serif SC;font-size:28px}.report-intro{color:#86aab8;margin:0 0 20px;font-size:12px}.report-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.report-side{background:#01111d73;border:1px solid #6ed8eb2e;padding:16px}.report-side.enemy{border-color:#ff786c33}.report-side-title{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.report-side-title>span{color:var(--gold)}.report-side.enemy .report-side-title>span{color:var(--danger)}.report-side-title h3{margin:0;font-size:13px}.report-side-title b{color:#a9d2df;font-size:11px}.report-summary{color:#fff;margin:17px 0;font-family:Noto Serif SC;font-size:18px}.report-lines{gap:6px;display:grid}.report-lines>div{background:#0b35498c;justify-content:space-between;align-items:center;padding:8px;font-size:11px;display:flex}.report-lines strong small{color:#638d9d;font-size:8px;display:block}.report-lines span{color:#ffd18a}.report-side.enemy .report-lines span{color:#ff9b91}.report-coordinates{border-top:1px solid var(--line);color:#6f98a7;margin-top:12px;padding-top:10px;font-size:9px;line-height:1.6}.round-report-modal>.primary-button{max-width:240px;margin:auto;display:block}.result-screen{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 110px);padding:42px;display:flex;position:relative}.result-emblem{width:110px;height:110px;color:var(--gold);border:1px solid #efaa4580;border-radius:50%;place-items:center;margin-bottom:24px;font-size:38px;display:grid;box-shadow:0 0 60px #efaa452e}.result-emblem.loss{color:var(--danger);border-color:#ff786c80}.result-emblem.draw{color:var(--cyan);border-color:#6ed8eb80}.result-screen h1{margin:5px;font-family:Noto Serif SC;font-size:64px}.result-screen>p:not(.kicker){color:#92b5c1}.score-change{color:var(--gold);margin:15px}.result-stats{border-block:1px solid var(--line);gap:44px;margin:22px 0 30px;padding:20px 36px;display:flex}.result-stats span{color:#7198a8;font-size:10px}.result-stats b{color:#ecfaff;margin-bottom:5px;font-size:25px;display:block}footer{border-top:1px solid var(--line);color:#5c8392;letter-spacing:.08em;z-index:2;place-items:center;height:34px;font-size:10px;display:grid;position:relative}@media (width<=1050px){.boards-wrap{grid-template-columns:1fr}.battle-layout,.setup-layout{grid-template-columns:minmax(420px,1fr) 280px}}@media (width<=760px){.topbar{height:64px;padding:0 14px}.brand small{display:none}.mission-meta{gap:9px}.mission-meta span:nth-child(2){display:none}.mission-meta span+span{padding-left:9px}.ghost-button{padding:7px 9px;font-size:11px}.home-screen{padding:42px 22px;display:block}.hero-copy h1{font-size:46px}.command-card{min-height:320px;margin-top:44px}.setup-layout,.battle-layout{padding:10px 10px 22px;display:block}.side-rail{margin-top:10px}.boards-wrap{display:block}.boards-wrap .board-panel+.board-panel{margin-top:14px}.board-panel{padding:10px}.panel-heading{margin-bottom:9px}.view-switch{margin-bottom:8px}.overview-panel .panel-heading span{text-align:right;max-width:150px}.overview-legend{gap:9px;margin-top:9px}.battle-rail .status-card,.battle-rail .log-card{display:none}.salvo-card{padding:13px}.shot-slots{margin:8px 0}.shot-slots span{height:30px}.fire-button{padding:11px}.result-stats{gap:20px;padding:16px}.button-row.center{flex-direction:column;width:100%}.button-row.center button{width:100%}.cell.selected span{font-size:9px;inset:12%}.round-report-modal{padding:20px 14px}.round-report-modal>h2{font-size:23px}.report-grid{grid-template-columns:1fr;gap:10px}.report-summary{margin:11px 0;font-size:16px}.report-side{padding:12px}.report-lines>div{padding:6px}footer{text-align:center;padding:0 12px}}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mode-selector{grid-template-columns:repeat(2,minmax(0,220px));gap:10px;margin:0 0 18px;display:grid}.mode-selector button{text-align:left;color:#a5c6d2;border:1px solid var(--line);cursor:pointer;background:#052235ad;border-radius:8px;min-height:74px;padding:13px 15px;transition:all .2s}.mode-selector button:hover,.mode-selector button.active{color:#fff;background:#efaa451a;border-color:#efaa45ad}.mode-selector strong,.mode-selector small{display:block}.mode-selector strong{color:#eaf8ff;margin-bottom:5px;font-size:14px}.mode-selector button.active strong{color:#ffd18a}.mode-selector small{color:#789fac;font-size:10px;line-height:1.45}.cell.selected-ship{z-index:1;box-shadow:inset 0 0 0 3px var(--gold),0 0 16px #efaa4540}.cell.placement-preview-valid{background:#47be8f7a;box-shadow:inset 0 0 0 2px #7ce1b8}.cell.placement-preview-invalid{background:#da524a80;box-shadow:inset 0 0 0 2px #ff8d83}.deployment-card{padding-bottom:16px}.deployment-fleet{gap:7px;margin:14px 0;display:grid}.deployment-fleet>button{color:#b9d7e3;text-align:left;cursor:grab;background:#01131f61;border:1px solid #69c9de29;border-left:3px solid #4d91a3;border-radius:6px;grid-template-columns:74px 1fr;align-items:center;gap:9px;width:100%;min-height:50px;padding:8px 10px;display:grid}.deployment-fleet>button,.setup-layout .cell{touch-action:none;-webkit-user-select:none;user-select:none}.deployment-fleet>button:active{cursor:grabbing}.deployment-fleet>button.active{color:#fff;border-color:#efaa459e;border-left-color:var(--gold);background:#efaa451a}.deployment-fleet>button.placed small{color:#75cfb0}.deployment-fleet strong,.deployment-fleet small{display:block}.deployment-fleet strong{font-size:12px}.deployment-fleet small{color:#739baa;margin-top:3px;font-size:9px}.deployment-fleet .ship-glyph{width:66px}.ship-controls{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 14px;display:grid}.ship-controls button{color:#a9d5df;border:1px solid var(--line);cursor:pointer;background:#092d4294;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:7px;display:flex}.ship-controls button:hover{color:#fff;border-color:#6ed8eb99}.ship-controls svg{width:18px;height:18px}.ship-controls .rotate-control{color:#ffd18a}.ship-controls .rotate-control span{font-size:9px}.competitive-notice{color:#b7d8e2;text-align:center;letter-spacing:.05em;background:#efaa4514;border:1px solid #efaa4552;max-width:760px;margin:0 auto 12px;padding:9px 14px;font-size:11px}.battle-summary{border:1px solid var(--line);background:linear-gradient(145deg,#082b40eb,#03192aeb);border-radius:4px;padding:14px;box-shadow:0 24px 60px #0000003d}.summary-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.summary-heading .section-label{margin:0 0 3px;font-size:9px}.summary-heading h3{margin:0;font-size:13px}.summary-heading button{color:#ffd18a;cursor:pointer;background:#efaa4512;border:1px solid #efaa4557;border-radius:5px;padding:6px 8px;font-size:9px}.summary-heading button:disabled{opacity:.4;cursor:not-allowed}.summary-table{border-top:1px solid var(--line);border-left:1px solid var(--line)}.summary-row{grid-template-columns:minmax(88px,1.7fr) repeat(4,minmax(34px,1fr));display:grid}.summary-row>span{color:#a9c8d3;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;justify-content:center;align-items:center;gap:3px;min-height:34px;padding:5px 3px;font-size:9px;display:flex}.summary-row>span:first-child{justify-content:flex-start;padding-left:7px}.summary-header>span{color:#6f98a7;background:#01111d66;min-height:27px;font-size:8px}.summary-row b{color:#eaf8ff;font-variant-numeric:tabular-nums;font-size:11px}.summary-row small{color:#fff;background:var(--danger);border-radius:3px;padding:1px 3px;font-size:7px}.player-result>span:first-child{color:#ffd18a}.enemy-result>span:first-child{color:#ff9c93}.history-modal{background:linear-gradient(145deg,#092d42,#031a2c 75%);border:1px solid #6ed8eb59;border-radius:8px;width:min(680px,100%);max-height:calc(100vh - 34px);padding:24px;overflow:auto;box-shadow:0 30px 100px #0009}.history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.history-heading .section-label{margin:0 0 4px}.history-heading h2{margin:0;font-family:Noto Serif SC;font-size:24px}.history-list{gap:8px;display:grid}.history-list button{color:#a9cad5;text-align:left;cursor:pointer;background:#01111d6b;border:1px solid #69c9de29;border-radius:6px;grid-template-columns:74px 1fr 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.history-list button:hover{background:#0b354994;border-color:#6ed8eb80}.history-list b{color:#ffd18a;font-size:12px}.history-list span{font-size:10px;line-height:1.45}.history-list i{color:#70cfe1;font-size:9px;font-style:normal}.overview-marker{color:#06151c!important;background:var(--round-color)!important;filter:none!important}.our-marker{border-radius:50%!important}.enemy-marker{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:18%;border-radius:0!important}.overview-cell:not(.overlap-shot) .our-marker,.overview-cell:not(.overlap-shot) .enemy-marker{inset:17%;font-size:10px!important}.overview-cell.overlap-shot .our-marker{inset:5% 49% 49% 5%}.overview-cell.overlap-shot .enemy-marker{inset:48% 5% 5% 48%}.legend-enemy{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--danger)!important;border-radius:0!important}.legend-overlap{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:50% 0 0 50%}.cell .round-number.our-shot-marker{border-radius:50%}.cell .round-number.enemy-shot-marker{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;padding-top:15%;inset:17%}@media (width<=760px){.mode-selector{grid-template-columns:1fr}.mode-selector button{min-height:62px}.deployment-card{padding:13px}.deployment-fleet{grid-template-columns:1fr 1fr}.deployment-fleet>button{grid-template-columns:1fr;min-height:66px}.deployment-fleet .ship-glyph{width:54px}.ship-controls button{min-height:46px}.competitive-notice{margin-bottom:8px}.battle-summary{padding:11px}.summary-row{grid-template-columns:minmax(82px,1.55fr) repeat(4,minmax(38px,1fr))}.summary-row>span{min-height:31px;font-size:8px}.summary-row b{font-size:10px}.history-modal{padding:17px 12px}.history-list button{grid-template-columns:60px 1fr}.history-list button span,.history-list button i{grid-column:2}}.board-shell{position:relative}.board-shell>.cell{z-index:2}.board-shell>.cell:hover{z-index:3}.board-shell>.axis,.board-shell>.corner{z-index:3;position:relative}.ship-sprite-layer{z-index:1;pointer-events:none;position:absolute;inset:24px 0 0 26px;overflow:hidden}.ship-sprite{transform-origin:50%;opacity:.96;transition:opacity .16s,filter .16s;display:block;position:absolute}.ship-art{background-image:url(/assets/ship-sprite-sheet-v1.png);background-repeat:no-repeat;background-size:var(--sprite-size-x) var(--sprite-size-y);background-position:var(--sprite-position-x) var(--sprite-position-y);filter:contrast(1.22)brightness(1.15)saturate(.82);mix-blend-mode:screen;border-radius:42%;display:block;position:absolute;inset:0}.ship-sprite.is-dragging{opacity:.22;filter:grayscale(.35)}.ship-sprite-layer:has(.placement-ship-ghost){z-index:4;overflow:visible}.placement-ship-ghost{opacity:.58}.placement-ship-ghost.valid{filter:drop-shadow(0 0 7px #58e2b1)}.placement-ship-ghost.invalid{opacity:.42;filter:sepia()saturate(4)hue-rotate(310deg)drop-shadow(0 0 7px #ff6d65)}.drag-ship-ghost{z-index:80;pointer-events:none;transform-origin:50%;opacity:.62;filter:drop-shadow(0 10px 14px #00000073)drop-shadow(0 0 8px #6ed8eb6b);display:block;position:fixed}:root{--our-shot:#f2eee4;--enemy-shot:#f08a7c}.cell.placement-occupied{background:#7e979e57;box-shadow:inset 0 0 0 2px #deedef2e}.cell.placement-occupied:after{background:0 0;border:1px solid #e1eff157;border-radius:2px;inset:22%}.cell.placement-occupied.selected-ship{background:#becdcf59}.placement-cell-label{color:#e9f3f3;z-index:4;place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;inset:13%}.overview-marker{color:#06151c!important;filter:none!important}.our-marker,.overview-cell:not(.overlap-shot) .our-marker,.overview-cell.overlap-shot .our-marker{border:1px solid #07141b80;inset:5% 49% 49% 5%;background:var(--our-shot)!important;border-radius:50%!important;font-size:8px!important}.enemy-marker,.overview-cell:not(.overlap-shot) .enemy-marker,.overview-cell.overlap-shot .enemy-marker{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:16%;inset:48% 5% 5% 48%;background:var(--enemy-shot)!important;color:#07141b!important;border-radius:0!important;font-size:8px!important}.legend-ours{background:var(--our-shot);border:1px solid #07141b8c}.legend-enemy{background:var(--enemy-shot)!important}.legend-overlap{background:linear-gradient(135deg,var(--our-shot) 50%,var(--enemy-shot) 50%)}.cell.scanned{box-shadow:inset 0 0 0 2px #f2eee494}.cell .round-number{background:var(--our-shot);color:#06151c!important}.cell .round-number.enemy-shot-marker{background:var(--enemy-shot);color:#07141b!important}.report-summary{min-height:2.8em}.typewriter-summary i{vertical-align:-.1em;background:#d9f1f4;width:1px;height:1em;margin-left:3px;animation:.72s step-end infinite report-caret;display:inline-block}.report-coordinates>span{color:#6f98a7;letter-spacing:.12em;margin-bottom:7px;display:block}.report-coordinates>div{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.report-coordinates b{color:#496d7b;font-variant-numeric:tabular-nums;background:#01111d66;border:1px solid #69c9de1f;place-items:center;min-height:30px;font-size:10px;display:grid}.report-coordinates b.revealed{color:#f3eee4;background:#f2eee414;border-color:#f2eee46b}.report-coordinates b.latest{animation:.52s ease-out signal-pulse}@keyframes report-caret{50%{opacity:0}}@keyframes signal-pulse{50%{color:#07141b;background:var(--our-shot);box-shadow:0 0 18px #f2eee459}}.damage-track{width:100%;border:0!important;gap:2px!important;padding:0!important;display:flex!important}.damage-track i{color:#668b98;font-variant-numeric:tabular-nums;background:#01111d85;border:1px solid #69c9de33;flex:1;place-items:center;min-width:15px;height:22px;font-size:9px;font-style:normal;font-weight:800;display:grid}.damage-track i.damaged{color:#07141b;background:var(--our-shot);border-color:#f2eee49e}.enemy-result .damage-track i.damaged{color:#07141b;background:var(--enemy-shot);border-color:#f08a7ca6}@media (prefers-reduced-motion:reduce){.typewriter-summary i,.report-coordinates b.latest{animation:none}}@media (width<=760px){.placement-cell-label{font-size:7px}.summary-row{grid-template-columns:minmax(68px,1.25fr) repeat(4,minmax(46px,1fr));overflow-x:auto}.damage-track i{min-width:10px;height:20px;font-size:8px}.report-summary{min-height:0}}.drag-ship-ghost .ship-art{mix-blend-mode:normal}.board-shell>.cell.ship{background:#0b3a4e33;box-shadow:inset 0 0 0 2px #d8eff221}.board-shell>.cell.ship:after{display:none}.setup-layout .board-shell>.cell.placement-occupied{background:#5baebe4d;border-color:#d7eff1b3;box-shadow:inset 0 0 0 2px #def1f26b,inset 0 0 14px #60d6e02e}.setup-layout .board-shell>.cell.placement-occupied:after{content:"";background:#d6eeef14;border:1px solid #eaf6f67a;border-radius:2px;display:block;position:absolute;inset:18%}.setup-layout .board-shell>.cell.placement-occupied.selected-ship{background:#daad5b4d;border-color:#ffda97db;box-shadow:inset 0 0 0 2px #ffdea18c,inset 0 0 16px #efaa4538}.setup-layout .board-shell>.cell.placement-occupied.selected-ship:after{background:#efaa451a;border-color:#ffebc2ad}.overview-cell.own-ship-zone{background:#0b3a4e29}@media (width<=760px){.ship-sprite>span{filter:contrast(1.3)brightness(1.18)saturate(.78)}.overview-panel .panel-heading{align-items:flex-start}.overview-heading-tools{align-items:flex-end}.overview-heading-tools>span{display:none}.overview-axis-toggle{color:#a9d7e1;cursor:pointer;background:#031a2bb8;border:1px solid #6ed8eb4d;border-radius:5px;align-items:center;min-height:32px;padding:6px 10px;font-size:10px;display:inline-flex}.overview-axis-toggle[aria-pressed=true]{color:#ffe0aa;background:#efaa4517;border-color:#efaa458c}.overview-board{aspect-ratio:1;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr))}.overview-board>.corner,.overview-board>.axis{display:none}.overview-board>.ship-sprite-layer{top:0;left:0}.overview-panel.mobile-axes-visible .overview-board{aspect-ratio:1.05;grid-template-rows:18px repeat(10,minmax(0,1fr));grid-template-columns:18px repeat(10,minmax(0,1fr))}.overview-panel.mobile-axes-visible .overview-board>.corner,.overview-panel.mobile-axes-visible .overview-board>.axis{font-size:8px;display:grid}.overview-panel.mobile-axes-visible .overview-board>.ship-sprite-layer{top:18px;left:18px}.overview-cell:not(.overlap-shot) .our-marker,.overview-cell:not(.overlap-shot) .enemy-marker{inset:12%;font-size:12px!important}.overview-cell.overlap-shot .our-marker,.overview-cell.overlap-shot .enemy-marker{font-size:9px!important}}.lovable-home,.lovable-home{--font-sans:"Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Noto Sans SC", sans-serif;--default-mono-font-family:"IBM Plex Mono", monospace;--font-display:"Noto Serif SC", serif;--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border)}.lovable-home,.lovable-home *,.lovable-home :after,.lovable-home :before,.lovable-home ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.lovable-home ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.lovable-home,.lovable-home{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.lovable-home hr{height:0;color:inherit;border-top-width:1px}.lovable-home abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.lovable-home h1,.lovable-home h2,.lovable-home h3,.lovable-home h4,.lovable-home h5,.lovable-home h6{font-size:inherit;font-weight:inherit}.lovable-home a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.lovable-home b,.lovable-home strong{font-weight:bolder}.lovable-home code,.lovable-home kbd,.lovable-home samp,.lovable-home pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.lovable-home small{font-size:80%}.lovable-home sub,.lovable-home sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.lovable-home sub{bottom:-.25em}.lovable-home sup{top:-.5em}.lovable-home table{text-indent:0;border-color:inherit;border-collapse:collapse}.lovable-home :-moz-focusring{outline:auto}.lovable-home progress{vertical-align:baseline}.lovable-home summary{display:list-item}.lovable-home ol,.lovable-home ul,.lovable-home menu{list-style:none}.lovable-home img,.lovable-home svg,.lovable-home video,.lovable-home canvas,.lovable-home audio,.lovable-home iframe,.lovable-home embed,.lovable-home object{vertical-align:middle;display:block}.lovable-home img,.lovable-home video{max-width:100%;height:auto}.lovable-home button,.lovable-home input,.lovable-home select,.lovable-home optgroup,.lovable-home textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.lovable-home ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.lovable-home :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.lovable-home :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.lovable-home ::file-selector-button{margin-inline-end:4px}.lovable-home ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.lovable-home ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.lovable-home ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.lovable-home textarea{resize:vertical}.lovable-home ::-webkit-search-decoration{-webkit-appearance:none}.lovable-home ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.lovable-home ::-webkit-datetime-edit{display:inline-flex}.lovable-home ::-webkit-datetime-edit-fields-wrapper{padding:0}.lovable-home ::-webkit-datetime-edit{padding-block:0}.lovable-home ::-webkit-datetime-edit-year-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-month-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-day-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-hour-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-minute-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-second-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-millisecond-field{padding-block:0}.lovable-home ::-webkit-datetime-edit-meridiem-field{padding-block:0}.lovable-home ::-webkit-calendar-picker-indicator{line-height:1}.lovable-home :-moz-ui-invalid{box-shadow:none}.lovable-home button,.lovable-home input:where([type=button],[type=reset],[type=submit]){appearance:button}.lovable-home ::file-selector-button{appearance:button}.lovable-home ::-webkit-inner-spin-button{height:auto}.lovable-home ::-webkit-outer-spin-button{height:auto}.lovable-home [hidden]:where(:not([hidden=until-found])){display:none!important}.lovable-home .hidden{display:none}.lovable-home .inline-flex{display:inline-flex}.lovable-home .h-8{height:calc(var(--spacing) * 8)}.lovable-home .h-9{height:calc(var(--spacing) * 9)}.lovable-home .h-10{height:calc(var(--spacing) * 10)}.lovable-home .w-9{width:calc(var(--spacing) * 9)}.lovable-home .cursor-pointer{cursor:pointer}.lovable-home .items-center{align-items:center}.lovable-home .justify-center{justify-content:center}.lovable-home .gap-2{gap:calc(var(--spacing) * 2)}.lovable-home .rounded-md{border-radius:calc(var(--radius) - 2px)}.lovable-home .border{border-style:var(--tw-border-style);border-width:1px}.lovable-home .border-input{border-color:var(--input)}.lovable-home .bg-background{background-color:var(--background)}.lovable-home .bg-destructive{background-color:var(--destructive)}.lovable-home .bg-primary{background-color:var(--primary)}.lovable-home .bg-secondary{background-color:var(--secondary)}.lovable-home .px-3{padding-inline:calc(var(--spacing) * 3)}.lovable-home .px-4{padding-inline:calc(var(--spacing) * 4)}.lovable-home .px-8{padding-inline:calc(var(--spacing) * 8)}.lovable-home .py-2{padding-block:calc(var(--spacing) * 2)}.lovable-home .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lovable-home .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.lovable-home .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.lovable-home .whitespace-nowrap{white-space:nowrap}.lovable-home .text-destructive-foreground{color:var(--destructive-foreground)}.lovable-home .text-primary{color:var(--primary)}.lovable-home .text-primary-foreground{color:var(--primary-foreground)}.lovable-home .text-secondary-foreground{color:var(--secondary-foreground)}.lovable-home .underline-offset-4{text-underline-offset:4px}.lovable-home .shadow,.lovable-home .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lovable-home .outline{outline-style:var(--tw-outline-style);outline-width:1px}.lovable-home .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.lovable-home .hover\:bg-accent:hover{background-color:var(--accent)}}@media (hover:hover){.lovable-home .hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.lovable-home .hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}}@media (hover:hover){.lovable-home .hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.lovable-home .hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}@media (hover:hover){.lovable-home .hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.lovable-home .hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}}@media (hover:hover){.lovable-home .hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}@media (hover:hover){.lovable-home .hover\:underline:hover{text-decoration-line:underline}}.lovable-home .focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lovable-home .focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.lovable-home .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.lovable-home .disabled\:pointer-events-none:disabled{pointer-events:none}.lovable-home .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.lovable-home .disabled\:opacity-50:disabled{opacity:.5}.lovable-home .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.lovable-home .\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.lovable-home .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.lovable-home,.lovable-home *{border-color:var(--color-border)}.lovable-home{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);margin:0}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.lovable-home,.lovable-home *,.lovable-home :before,.lovable-home :after,.lovable-home ::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.lovable-home{--radius:.25rem;--background:oklch(11.8% .025 222);--foreground:oklch(93% .025 196);--card:oklch(16% .03 221);--card-foreground:oklch(93% .025 196);--popover:oklch(15% .03 221);--popover-foreground:oklch(93% .025 196);--primary:oklch(79% .17 84);--primary-foreground:oklch(16% .035 74);--secondary:oklch(20% .035 219);--secondary-foreground:oklch(88% .04 192);--muted:oklch(18% .025 220);--muted-foreground:oklch(64% .035 205);--accent:oklch(24% .055 190);--accent-foreground:oklch(90% .08 180);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(34% .055 205/.58);--input:oklch(28% .04 210);--ring:oklch(75% .15 177);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.4% .003 247.858);--sidebar-foreground:oklch(12.9% .042 264.695);--sidebar-primary:oklch(20.8% .042 265.755);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(96.8% .007 247.896);--sidebar-accent-foreground:oklch(20.8% .042 265.755);--sidebar-border:oklch(92.9% .013 255.508);--sidebar-ring:oklch(70.4% .04 256.788);--radar:oklch(82% .16 174);--scan-duration:10s;--radar-dim:oklch(46% .09 184);--warning:oklch(78% .17 76);--alert:oklch(65% .2 29);--panel:oklch(14.5% .028 220/.82);--panel-strong:oklch(18% .04 218)}.lovable-home .dark{--background:oklch(12.9% .042 264.695);--foreground:oklch(98.4% .003 247.858);--card:oklch(20.8% .042 265.755);--card-foreground:oklch(98.4% .003 247.858);--popover:oklch(20.8% .042 265.755);--popover-foreground:oklch(98.4% .003 247.858);--primary:oklch(92.9% .013 255.508);--primary-foreground:oklch(20.8% .042 265.755);--secondary:oklch(27.9% .041 260.031);--secondary-foreground:oklch(98.4% .003 247.858);--muted:oklch(27.9% .041 260.031);--muted-foreground:oklch(70.4% .04 256.788);--accent:oklch(27.9% .041 260.031);--accent-foreground:oklch(98.4% .003 247.858);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.1% .027 264.364);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.8% .042 265.755);--sidebar-foreground:oklch(98.4% .003 247.858);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(27.9% .041 260.031);--sidebar-accent-foreground:oklch(98.4% .003 247.858);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.1% .027 264.364)}@keyframes radar-rotate{to{transform:rotate(360deg)}}@keyframes radar-ping{0%,to{opacity:.22;transform:scale(.75)}50%{opacity:1;transform:scale(1.4)}}@keyframes signal-blink{50%{opacity:.35}}.lovable-home.game-home{background:radial-gradient(circle at 50% 22%, var(--radar), transparent 31%), linear-gradient(180deg, var(--background), var(--background));height:100dvh;min-height:560px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lovable-home.game-home{background:radial-gradient(circle at 50% 22%, color-mix(in oklab, var(--radar) 8%, transparent), transparent 31%), linear-gradient(180deg, color-mix(in oklab, var(--background) 93%, var(--radar) 7%), var(--background))}}.lovable-home.game-home:after{content:"";pointer-events:none;opacity:.17;background-image:repeating-linear-gradient(0deg, transparent 0 3px, var(--foreground) 4px);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.lovable-home.game-home:after{background-image:repeating-linear-gradient(0deg, transparent 0 3px, color-mix(in oklab, var(--foreground) 5%, transparent) 4px)}}.lovable-home.game-home:after{z-index:20}.lovable-home .ocean-grid{opacity:.12;background-image:linear-gradient(var(--radar) 1px, transparent 1px), linear-gradient(90deg, var(--radar) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.lovable-home .ocean-grid{background-image:linear-gradient(color-mix(in oklab, var(--radar) 24%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--radar) 24%, transparent) 1px, transparent 1px)}}.lovable-home .ocean-grid{background-size:72px 72px;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.lovable-home .command-header{z-index:5;border-bottom:1px solid var(--border);background:var(--background);grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 3vw;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.lovable-home .command-header{background:color-mix(in oklab, var(--background) 88%, transparent)}}.lovable-home .command-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lovable-home .brand-lockup{align-items:center;gap:12px;display:flex}.lovable-home .brand-mark{place-items:center;width:38px;height:38px;display:grid}.lovable-home .brand-mark img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 7px var(--radar))}@supports (color:color-mix(in lab, red, red)){.lovable-home .brand-mark img{filter:drop-shadow(0 0 7px color-mix(in oklab, var(--radar) 46%, transparent))}}.lovable-home .brand-lockup p{font-family:var(--font-display);margin:0;font-size:17px;font-weight:700}.lovable-home .brand-lockup span{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.16em;margin-top:2px;font-size:9px;display:block}.lovable-home .command-nav{height:58px;display:flex}.lovable-home .nav-command{height:58px;color:var(--muted-foreground);border-radius:0;padding-inline:18px;position:relative}.lovable-home .nav-command:hover,.lovable-home .nav-command.is-current{color:var(--foreground);background:0 0}.lovable-home .nav-command.is-current:after{content:"";background:var(--radar);height:2px;box-shadow:0 0 12px var(--radar);position:absolute;bottom:-1px;left:20px;right:20px}.lovable-home .header-actions{justify-content:flex-end;align-items:center;gap:22px;display:flex}.lovable-home .sea-status{color:var(--muted-foreground);font-family:var(--font-mono);font-size:10px}.lovable-home .sea-status i{background:var(--radar);width:6px;height:6px;box-shadow:0 0 8px var(--radar);border-radius:50%;margin-right:7px;animation:1.8s infinite signal-blink;display:inline-block}.lovable-home .battle-button{border-radius:0;height:34px;font-size:11px}.lovable-home .command-deck{z-index:2;grid-template-rows:auto minmax(150px,1fr) auto auto;gap:clamp(8px,1.25vh,14px);width:min(94vw,1400px);height:calc(100dvh - 58px);min-height:502px;margin:auto;padding:clamp(12px,1.8vh,20px) 0;display:grid;position:relative}.lovable-home .deck-heading{justify-content:space-between;align-items:end;min-width:0;display:flex}.lovable-home .section-code{color:var(--radar);font-family:var(--font-mono);letter-spacing:.16em;margin:0 0 8px;font-size:10px}.lovable-home .deck-heading h1{font-family:var(--font-display);margin:0;font-size:clamp(25px,3.2vh,38px);font-weight:700;line-height:1}.lovable-home .deck-heading h1 span{color:var(--muted-foreground);margin-left:.5em;font-size:.48em;font-weight:500}.lovable-home .deck-status{color:var(--muted-foreground);font-family:var(--font-mono);font-size:9px}.lovable-home .radar-banner{border:1px solid var(--border);background:var(--panel);min-height:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-banner{background:color-mix(in oklab, var(--panel) 90%, transparent)}}.lovable-home .radar-banner{box-shadow:inset 0 0 80px var(--radar)}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-banner{box-shadow:inset 0 0 80px color-mix(in oklab, var(--radar) 7%, transparent)}}.lovable-home .frame-corner{z-index:5;border-color:var(--radar);width:18px;height:18px;position:absolute}.lovable-home .frame-corner--tl{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.lovable-home .frame-corner--tr{border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.lovable-home .frame-corner--bl{border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.lovable-home .frame-corner--br{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.lovable-home .radar-banner__top,.lovable-home .radar-banner__bottom{z-index:4;color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:8px 13px;font-size:8px;display:flex;position:absolute;left:0;right:0}.lovable-home .radar-banner__top{border-bottom:1px solid var(--border);top:0}.lovable-home .radar-banner__bottom{border-top:1px solid var(--border);bottom:0}.lovable-home .radar-banner__top>span:first-child{color:var(--foreground);align-items:center;gap:7px;display:flex}.lovable-home .radar-banner__top svg{width:12px;color:var(--radar)}.lovable-home .radar-state{color:var(--radar)}.lovable-home .radar-state i{background:var(--radar);width:5px;height:5px;box-shadow:0 0 8px var(--radar);border-radius:50%;margin-right:6px;animation:1s infinite signal-blink;display:inline-block}.lovable-home .radar-field{background:radial-gradient(ellipse at center, var(--radar), transparent 38%);place-items:center;display:grid;position:absolute;inset:31px 0 25px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-field{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--radar) 8%, transparent), transparent 38%)}}.lovable-home .radar-disc{aspect-ratio:1;border:1px solid var(--radar);max-width:92%;height:min(96%,390px);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-disc{border:1px solid color-mix(in oklab, var(--radar) 55%, transparent)}}.lovable-home .radar-disc{background:radial-gradient(circle, var(--radar), transparent 64%), var(--background);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-disc{background:radial-gradient(circle, color-mix(in oklab, var(--radar) 9%, transparent), transparent 64%), var(--background)}}.lovable-home .radar-disc{box-shadow:inset 0 0 55px var(--radar), 0 0 28px var(--radar)}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-disc{box-shadow:inset 0 0 55px color-mix(in oklab, var(--radar) 12%, transparent), 0 0 28px color-mix(in oklab, var(--radar) 10%, transparent)}}.lovable-home .radar-lines{opacity:.26;background-image:linear-gradient(var(--radar) 1px, transparent 1px), linear-gradient(90deg, var(--radar) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-lines{background-image:linear-gradient(color-mix(in oklab, var(--radar) 34%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--radar) 34%, transparent) 1px, transparent 1px)}}.lovable-home .radar-lines{background-size:11% 11%}.lovable-home .radar-ring{border:1px solid var(--radar);position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-ring{border:1px solid color-mix(in oklab, var(--radar) 35%, transparent)}}.lovable-home .radar-ring{border-radius:50%;transform:translate(-50%,-50%)}.lovable-home .radar-ring--one{width:30%;height:30%}.lovable-home .radar-ring--two{width:58%;height:58%}.lovable-home .radar-ring--three{width:82%;height:82%}.lovable-home .radar-axis{z-index:1;background:var(--radar);position:absolute}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-axis{background:color-mix(in oklab, var(--radar) 36%, transparent)}}.lovable-home .radar-axis--x{height:1px;top:50%;left:6%;right:6%}.lovable-home .radar-axis--y{width:1px;top:6%;bottom:6%;left:50%}.lovable-home .radar-beam{z-index:2;background:conic-gradient(from -18deg, transparent 0 76%, var(--radar) 83%, var(--radar) 98.8%, var(--radar) 100%);border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-beam{background:conic-gradient(from -18deg, transparent 0 76%, color-mix(in oklab, var(--radar) 5%, transparent) 83%, color-mix(in oklab, var(--radar) 34%, transparent) 98.8%, var(--radar) 100%)}}.lovable-home .radar-beam{filter:drop-shadow(0 0 7px var(--radar))}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-beam{filter:drop-shadow(0 0 7px color-mix(in oklab, var(--radar) 65%, transparent))}}.lovable-home .radar-beam{animation:radar-rotate var(--scan-duration) linear infinite}.lovable-home .radar-center{z-index:4;border:1px solid var(--radar);background:var(--background);width:18px;height:18px;box-shadow:0 0 13px var(--radar);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-center{box-shadow:0 0 13px color-mix(in oklab, var(--radar) 55%, transparent)}}.lovable-home .radar-center span{background:var(--warning);position:absolute;inset:5px}.lovable-home .radar-blip{z-index:3;background:var(--radar);width:5px;height:5px;box-shadow:0 0 9px 3px var(--radar);border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.lovable-home .radar-blip{box-shadow:0 0 9px 3px color-mix(in oklab, var(--radar) 40%, transparent)}}.lovable-home .radar-blip{animation:2s ease-in-out infinite radar-ping}.lovable-home .radar-blip--one{top:24%;left:34%}.lovable-home .radar-blip--two{animation-delay:.7s;top:61%;left:25%}.lovable-home .radar-blip--three{animation-delay:1.3s;top:79%;left:46%}.lovable-home .compass{z-index:4;color:var(--radar);position:absolute}@supports (color:color-mix(in lab, red, red)){.lovable-home .compass{color:color-mix(in oklab, var(--radar) 62%, transparent)}}.lovable-home .compass{font-family:var(--font-mono);font-size:7px}.lovable-home .compass--north{top:7px;left:50%;transform:translate(-50%)}.lovable-home .compass--east{top:50%;right:7px;transform:translateY(-50%)}.lovable-home .compass--south{bottom:7px;left:50%;transform:translate(-50%)}.lovable-home .compass--west{top:50%;left:7px;transform:translateY(-50%)}.lovable-home .banner-message{--pull:1;z-index:5;text-align:center;width:max-content;max-width:62%;left:calc(50% + var(--dx) * var(--pull));top:calc(50% + var(--dy) * var(--pull));color:var(--radar);opacity:0;filter:none;pointer-events:none;align-content:center;justify-items:center;transition:none;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.94)}.lovable-home .banner-message small{font-family:var(--font-mono);letter-spacing:.12em;font-size:6px}.lovable-home .banner-message strong{font-family:var(--font-display);white-space:nowrap;margin-top:1px;font-size:clamp(12px,2vh,17px)}.lovable-home .banner-message>span{z-index:-1;text-align:center;color:var(--radar);font-family:var(--font-display);opacity:0;filter:blur(5px);white-space:nowrap;font-size:clamp(13px,2.15vh,18px);position:absolute;top:42%;left:0;right:0}.lovable-home .banner-message.is-hit{opacity:1;filter:drop-shadow(0 0 3px var(--radar)) drop-shadow(0 0 10px var(--radar)) drop-shadow(0 0 22px var(--radar));transform:translate(-50%,-50%)scale(1.035)}@supports (color:color-mix(in lab, red, red)){.lovable-home .banner-message.is-hit{filter:drop-shadow(0 0 3px var(--radar)) drop-shadow(0 0 10px var(--radar)) drop-shadow(0 0 22px color-mix(in oklab, var(--radar) 80%, transparent))}}.lovable-home .banner-message.is-hit{transition:opacity .11s linear,transform .2s ease-out,filter .22s ease-out}.lovable-home .banner-message.is-hit>span{opacity:.5;transition:opacity .12s linear,transform .22s ease-out;transform:translate(-9px)scale(1.03)}.lovable-home .banner-message.is-holding{opacity:1;filter:drop-shadow(0 0 6px var(--radar));transform:translate(-50%,-50%)scale(1)}@supports (color:color-mix(in lab, red, red)){.lovable-home .banner-message.is-holding{filter:drop-shadow(0 0 6px color-mix(in oklab, var(--radar) 62%, transparent))}}.lovable-home .banner-message.is-holding{transition:transform .42s ease-out,filter .42s ease-out}.lovable-home .banner-message.is-holding>span{opacity:.2;transition:opacity .42s ease-out,transform .42s ease-out;transform:translate(-6px)}.lovable-home .banner-message.is-decaying{opacity:0;filter:drop-shadow(0 0 12px var(--radar));transform:translate(-50%,-50%)scale(.99)}@supports (color:color-mix(in lab, red, red)){.lovable-home .banner-message.is-decaying{filter:drop-shadow(0 0 12px color-mix(in oklab, var(--radar) 28%, transparent))}}.lovable-home .banner-message.is-decaying{transition:opacity 1.9s cubic-bezier(.32,.42,.36,1),transform 1.9s ease-out,filter 1.9s ease-out}.lovable-home .banner-message.is-decaying>span{opacity:0;transition:opacity 1.5s ease-out,transform 1.9s ease-out;transform:translate(-16px)scale(1.06)}.lovable-home .mode-section{min-height:0}.lovable-home .section-heading{justify-content:space-between;align-items:end;margin-bottom:8px;display:flex}.lovable-home .section-heading h2{font-family:var(--font-display);margin:0;font-size:clamp(17px,2.2vh,23px)}.lovable-home .section-heading>span{color:var(--muted-foreground);font-family:var(--font-mono);font-size:8px}.lovable-home .mode-grid{border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.lovable-home .mode-entry{border:1px solid var(--border);min-width:0;height:clamp(92px,15vh,132px);color:var(--foreground);text-align:left;white-space:normal;border-left:0;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:start;gap:5px 12px;padding:13px 14px;display:grid;position:relative;overflow:hidden}.lovable-home .mode-entry:hover,.lovable-home .mode-entry.is-selected{background:var(--radar)}@supports (color:color-mix(in lab, red, red)){.lovable-home .mode-entry:hover,.lovable-home .mode-entry.is-selected{background:color-mix(in oklab, var(--radar) 8%, var(--panel))}}.lovable-home .mode-entry:hover,.lovable-home .mode-entry.is-selected{color:var(--foreground)}.lovable-home .mode-entry:after{content:"";background:var(--mode-accent,var(--radar));transform-origin:0;height:2px;transition:transform .35s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.lovable-home .mode-entry:hover:after,.lovable-home .mode-entry.is-selected:after{transform:scaleX(1)}.lovable-home .mode-entry--signal{--mode-accent:var(--radar)}.lovable-home .mode-entry--cyan{--mode-accent:var(--chart-2)}.lovable-home .mode-entry--amber{--mode-accent:var(--warning)}.lovable-home .mode-entry--red{--mode-accent:var(--alert)}.lovable-home .mode-number{color:var(--muted-foreground);font-family:var(--font-mono);font-size:8px}.lovable-home .mode-icon{color:var(--mode-accent);stroke-width:1.3px;grid-row:2;align-self:center;width:23px!important;height:23px!important}.lovable-home .mode-copy{grid-area:1/2/3;align-content:center;min-width:0;display:grid}.lovable-home .mode-copy small{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.1em;font-size:7px}.lovable-home .mode-copy strong{font-family:var(--font-display);margin-top:2px;font-size:clamp(16px,2.1vh,20px)}.lovable-home .mode-copy>span{color:var(--muted-foreground);margin-top:4px;font-size:9px}.lovable-home .mode-arrow{color:var(--muted-foreground);transition:transform .25s,color .25s;position:absolute;top:10px;right:10px;width:14px!important}.lovable-home .mode-entry:hover .mode-arrow{color:var(--mode-accent);transform:translate(3px,-3px)}.lovable-home .rookie-section{border:1px solid var(--warning);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:58px;padding:8px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.lovable-home .rookie-section{border:1px solid color-mix(in oklab, var(--warning) 42%, var(--border))}}.lovable-home .rookie-section{background:linear-gradient(90deg, var(--warning), var(--panel))}@supports (color:color-mix(in lab, red, red)){.lovable-home .rookie-section{background:linear-gradient(90deg, color-mix(in oklab, var(--warning) 7%, var(--panel)), var(--panel))}}.lovable-home .rookie-emblem{border:1px solid var(--warning);place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.lovable-home .rookie-emblem{border:1px solid color-mix(in oklab, var(--warning) 55%, transparent)}}.lovable-home .rookie-emblem{color:var(--warning);transform:rotate(45deg)}.lovable-home .rookie-emblem svg{width:17px;transform:rotate(-45deg)}.lovable-home .rookie-copy{min-width:0}.lovable-home .rookie-copy .section-code{margin-bottom:1px;font-size:7px}.lovable-home .rookie-copy h2{font-family:var(--font-display);margin:0;font-size:17px;display:inline}.lovable-home .rookie-copy>p:last-child{color:var(--muted-foreground);margin:0 0 0 12px;font-size:9px;display:inline}.lovable-home .rookie-button{border-radius:0;height:32px;font-size:10px}@media (width<=1050px){.lovable-home .command-header{grid-template-columns:1fr auto}.lovable-home .command-nav{display:none}}@media (width<=720px){.lovable-home.game-home{min-height:600px}.lovable-home .command-header{height:52px;padding:0 12px}.lovable-home .brand-lockup{gap:8px}.lovable-home .brand-lockup>div:last-child>span,.lovable-home .sea-status{display:none}.lovable-home .brand-mark{width:29px;height:29px}.lovable-home .brand-lockup p{font-size:13px}.lovable-home .battle-button{height:31px;padding-inline:9px}.lovable-home .command-deck{grid-template-rows:auto minmax(125px,1fr) auto auto;gap:8px;width:calc(100vw - 20px);height:calc(100dvh - 52px);min-height:548px;padding:10px 0}.lovable-home .section-code{margin-bottom:4px;font-size:7px}.lovable-home .deck-heading h1{font-size:24px}.lovable-home .deck-heading h1 span{font-size:.45em}.lovable-home .deck-status{display:none}.lovable-home .radar-banner__top,.lovable-home .radar-banner__bottom{padding-inline:9px}.lovable-home .radar-banner__bottom span:nth-child(2){display:none}.lovable-home .radar-disc{max-width:96%;height:min(96%,360px)}.lovable-home .banner-message{--pull:.82;max-width:78%}.lovable-home .banner-message strong{font-size:clamp(11px,3.5vw,15px)}.lovable-home .banner-message>span{font-size:clamp(12px,3.8vw,16px)}.lovable-home .section-heading{margin-bottom:6px}.lovable-home .section-heading h2{font-size:17px}.lovable-home .section-heading>span{display:none}.lovable-home .mode-grid{grid-template-columns:1fr 1fr}.lovable-home .mode-entry{gap:3px 8px;height:clamp(76px,11.5vh,93px);padding:9px}.lovable-home .mode-icon{width:19px!important;height:19px!important}.lovable-home .mode-copy strong{font-size:15px}.lovable-home .mode-copy>span{font-size:8px}.lovable-home .mode-copy small{font-size:6px}.lovable-home .mode-arrow{top:6px;right:6px;width:12px!important}.lovable-home .rookie-section{gap:10px;min-height:50px;padding:6px 9px}.lovable-home .rookie-emblem{width:31px;height:31px}.lovable-home .rookie-copy h2{font-size:15px}.lovable-home .rookie-copy>p:last-child{display:none}.lovable-home .rookie-button{height:30px;padding-inline:9px}}@media (prefers-reduced-motion:reduce){.lovable-home{--scan-duration:24s}.lovable-home .radar-blip,.lovable-home .sea-status i,.lovable-home .radar-state i{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.lovable-home{font-synthesis:auto}.lovable-home .brand-mark{color:inherit;box-shadow:none;border-radius:0}.lovable-home .home-dialog{width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);background:var(--background);border:1px solid var(--border);z-index:50;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}.lovable-home .home-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00080ccc}.lovable-home .home-dialog h2{font-family:var(--font-display);margin-bottom:16px;font-size:24px}.lovable-home .home-dialog p{color:var(--muted-foreground);margin-bottom:18px;line-height:1.8}.lovable-home .home-dialog-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}