@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-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%}.legend-overlap{background:linear-gradient(135deg,var(--gold) 50%,var(--danger) 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.scanned{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--round-color) 75%,transparent)}.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}}