:root{color:#f4f0de;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#07172b;--panel:#07172ed1;--cream:#fff6e1;--muted:#b5c9de;--gold:#e8bd71;--line:#b6cfe730;--mint:#8fcdbf;--serif:Georgia, "Songti SC", "STSong", serif;background:#061a39;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}button,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #f9d78b}button:disabled{opacity:.5;cursor:default}button{touch-action:manipulation}button,summary{-webkit-user-select:none;user-select:none}button:hover{transition:background .15s,border-color .15s,color .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}canvas{display:block}#world,#scene,canvas.game-canvas,body>canvas{outline:0;width:100%;height:100%;position:fixed;inset:0}#app{z-index:2;pointer-events:none;isolation:isolate;position:fixed;inset:0}#app button,#app input,#app summary,#app details,#app .dock-panel,#app .modal-backdrop,#app .error-backdrop{pointer-events:auto}.ui-icon{flex:none;width:22px;height:22px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ocean-vignette{z-index:-1;background:linear-gradient(90deg,#030c1f94,#03102926 46%,#0000 74%),linear-gradient(#0000 77%,#020a1c61);position:absolute;inset:0}#app:not([data-game-screen=menu]) .ocean-vignette{background:linear-gradient(#0000 81%,#020a1c4d),linear-gradient(#020a1c4d,#0000 18%)}.menu-screen{scrollbar-width:thin;scrollbar-color:#e3bd7366 transparent;padding:24px 32px 56px;position:absolute;inset:0;overflow-y:auto}.menu-masthead{align-items:center;gap:20px;max-width:600px;height:32px;display:flex}.brand-mark{letter-spacing:-1px;align-items:center;gap:9px;font-size:25px;font-weight:750;display:flex}.brand-mark .ui-icon{width:31px;height:31px;color:var(--gold)}.brand-dot{color:var(--gold)}.masthead-rule{background:var(--line);width:1px;height:20px}.masthead-label{letter-spacing:2.3px;color:#d6e0d7;font-size:10px}.menu-layout{align-items:center;gap:4vw;max-width:1500px;min-height:calc(100dvh - 117px);margin:auto;padding-top:22px;display:flex}.dock-panel{-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#132a46f5,#06162eed);border:1px solid #a6c0de3d;border-radius:15px;flex-shrink:0;width:480px;max-width:100%;padding:26px 28px 21px;position:relative;box-shadow:0 24px 70px #00071857,inset 0 1px #fff4d01f}.title-eyebrow{color:var(--gold);letter-spacing:2.5px;align-items:center;gap:9px;font-size:10px;display:flex}.gold-rule{background:var(--gold);width:23px;height:1px;display:inline-block}h1{font-family:var(--serif);letter-spacing:-.8px;margin:10px 0 0;font-size:52px;font-weight:600;line-height:1.16}[data-locale=en] h1{letter-spacing:-1px;white-space:nowrap;font-size:33px}.title-translation{color:#e7c992;letter-spacing:3.4px;margin-top:6px;font-size:10px}[data-locale=en] .title-translation{font-family:var(--serif);letter-spacing:4px;font-size:15px}.menu-subtitle{color:#bfcfe0;max-width:400px;margin:13px 0 12px;font-size:12px;line-height:1.7}.selection-heading{align-items:center;gap:8px;margin:17px 0 10px;display:flex}.selection-heading>span{width:18px;height:18px;color:var(--gold);border:1px solid #e3bd7373;border-radius:50%;place-items:center;font-size:9px;display:inline-grid}.selection-heading h2{letter-spacing:1.5px;margin:0;font-size:10px;font-weight:500}.ship-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ship-choice{text-align:center;border:1px solid var(--line);color:#b6c8dd;background:linear-gradient(160deg,#2f4b6c29,#010d2247);border-radius:9px;padding:7px 3px 11px;position:relative}.ship-choice:hover{color:var(--cream);background:#dfb96f12;border-color:#e3bd7399}.ship-choice[aria-pressed=true]{color:#ffe2a8;background:linear-gradient(145deg,#d8b26f2b,#d8b26f0a);border-color:#e7bd77;box-shadow:0 5px 15px #00091a33,inset 0 0 0 1px #e3bd731f}.ship-drawing{width:100%;height:62px;margin:0 auto 5px;display:block}.ship-choice strong{letter-spacing:1px;font-size:12px;font-weight:500;display:block}.ship-class{color:#b5c3c0;margin-top:5px;font-size:9px;display:block}.choice-tick{color:var(--gold);opacity:0;font-size:10px;position:absolute;top:6px;right:7px}.ship-choice[aria-pressed=true] .choice-tick{opacity:1}.ship-summary{min-height:37px;margin:11px 0 4px}.ship-summary p{color:#c9d4d0;margin:0 0 10px;font-size:11px;line-height:1.5}.ship-metrics{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.ship-metric{align-items:center;gap:6px;min-width:0;display:flex}.ship-metric>span:first-child{color:#a6b8b9;white-space:nowrap;font-size:9px}.metric-track{background:#e3d3ae29;flex:1;height:3px}.metric-track>span{background:var(--gold);height:100%;transition:width .2s;display:block}.voyage-options{grid-template-columns:1.3fr 1fr;gap:17px;display:grid}.map-choices,.difficulty-choices{gap:5px;display:flex}.map-choices button{border:1px solid var(--line);color:#b8c9dc;white-space:nowrap;background:#05112633;border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:56px;padding:6px 2px;font-size:9px;display:flex}.map-glyph{color:#91b6d6;margin-bottom:5px;font-family:Georgia,serif;font-size:21px;line-height:1}.map-choices button[aria-pressed=true],.difficulty-choices button[aria-pressed=true]{color:#f2d59c;background:#e3bd731a;border-color:#e3bd73bf}.map-choices button[aria-pressed=true] .map-glyph{color:var(--gold)}.map-choices button:hover,.difficulty-choices button:hover{border-color:var(--gold)}.difficulty-choices{height:57px}.difficulty-choices button{border:1px solid var(--line);color:#b8c9dc;background:#05112633;border-radius:7px;flex:1;padding:4px;font-size:10px}.aim-assist-note{color:#e0c993;min-height:14px;margin:6px 0 15px;font-size:9px;line-height:1.5}.option-note{color:#a7bab9;min-height:13px;margin:7px 0 17px;font-size:9px;line-height:1.4}.primary-button{color:#15253c;letter-spacing:2px;background:linear-gradient(105deg,#f3d798,#ddb56b);border-radius:8px;justify-content:center;align-items:center;gap:16px;width:100%;height:47px;padding:8px 16px;font-size:13px;font-weight:650;display:flex;box-shadow:0 6px 20px #deaf5d1a,inset 0 1px #fff9d9a6}.primary-button:hover{background:linear-gradient(105deg,#f3dc9d,#e7c17d)}.primary-button .ui-icon{width:20px;height:20px}.start-button{text-align:left;justify-content:space-between;padding-left:20px}.menu-secondary{justify-content:space-between;align-items:center;gap:10px;padding:10px 0 11px;display:flex}.text-button{color:#d8dfd0;justify-content:center;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:flex}.text-button:hover{color:var(--gold)}.text-button .ui-icon{width:16px;height:16px;color:var(--gold)}.route-record{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.route-record>span{letter-spacing:1px;color:#a2b6b7;font-size:8px}.route-record strong{color:#e4cd9c;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.handbook{border-top:1px solid var(--line)}.handbook summary{color:#b0c1c0;cursor:pointer;letter-spacing:1.6px;align-items:center;gap:8px;padding:12px 0 0;font-size:9px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.handbook .ui-icon{width:14px;height:14px}.disclosure-chevron{margin-left:auto;font-size:16px;transition:transform .2s}.handbook[open] .disclosure-chevron{transform:rotate(180deg)}.handbook-body{color:#c5d2e1;grid-template-columns:1fr;gap:15px;padding-top:17px;font-size:11px;display:grid}.handbook-section{border-bottom:1px solid var(--line);padding:0 0 14px}.handbook-section:last-child{border-bottom:0;padding-bottom:0}.handbook-section h3{color:#f1d6a4;letter-spacing:.6px;align-items:center;gap:8px;margin:0 0 9px;font-size:11px;font-weight:550;display:flex}.handbook-section h3>span:first-child{color:#839bb8;font-variant-numeric:tabular-nums;font-size:9px}.handbook-keys{grid-template-columns:1fr 1fr;gap:9px;margin:11px 0;display:grid}.handbook-keys>div{align-items:center;gap:9px;font-size:10px;display:flex}kbd{color:#c7d2cc;white-space:nowrap;background:#e1f0e00a;border:1px solid #d3e0d240;border-radius:3px;padding:3px 5px;font-family:inherit;font-size:9px;line-height:1}.handbook-aim-guide{background:#e9bb6c0a;border:1px solid #e6c07e33;border-radius:8px;padding:13px 14px}.handbook-aim-guide strong{color:var(--gold);letter-spacing:1px;font-size:9px;font-weight:500}.handbook-aim-guide p{margin:6px 0 0}.handbook-body kbd{text-align:center;min-width:36px}.handbook-body p{color:#b9cadf;margin:7px 0 0;line-height:1.8}.scroll-hint{color:#aabeba;font-size:9px}.hero-caption{text-shadow:0 2px 12px #001018b3;position:absolute;bottom:104px;left:max(600px,55vw)}.hero-line{background:#e2c480;width:40px;height:1px;margin-bottom:18px;display:block}.hero-eyebrow{color:#f0d48e;letter-spacing:4px;font-size:11px}.hero-caption p{font-family:var(--serif);letter-spacing:2px;max-width:375px;margin:15px 0 25px;font-size:31px;line-height:1.4}.hero-coordinates{letter-spacing:2px;color:#bed3d1;font-family:monospace;font-size:9px}.menu-footer{color:#b6c6c4;letter-spacing:1.1px;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:fixed;bottom:17px;left:33px;right:33px}.menu-footer>span:last-child{color:#b4c5c2;letter-spacing:2px;font-size:8px}.global-settings{z-index:12;position:absolute;top:24px;right:32px}.settings-summary{cursor:pointer;color:#e2e9df;letter-spacing:.7px;-webkit-backdrop-filter:blur(12px);background:#06162da8;border:1px solid #efe1ba40;border-radius:2px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;list-style:none;display:flex}.settings-summary .ui-icon{width:17px;height:17px}.global-settings[open] .settings-summary{border-color:var(--gold);color:var(--gold)}.glass-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 7px 25px #00061829,inset 0 1px #e8f2ff0a}.settings-panel{background:#07162ef7;width:238px;padding:17px;position:absolute;top:47px;right:0;box-shadow:0 15px 35px #0008114d}.settings-row{color:#ccd8d0;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:11px;display:flex}.setting-switch{color:var(--gold);border:1px solid #e5d2a459;border-radius:2px;min-width:77px;padding:6px 10px;font-size:11px}.setting-switch:hover{background:#e3bd731a}.volume-row{color:#ccd8d0;justify-content:space-between;margin:20px 0 8px;font-size:11px;display:flex}.volume-row>span:last-child{color:var(--gold);font-variant-numeric:tabular-nums;font-size:10px}#volume-input{accent-color:#e6c583;cursor:pointer;width:100%;margin:4px 0 0}.audio-note{color:#a9bbb7;margin-top:10px;font-size:9px;line-height:1.5;display:block}.hud-screen{position:absolute;inset:0}.battle-header{justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:24px;left:26px;right:194px}.battle-brand{letter-spacing:-1px;text-shadow:0 2px 10px #00081159;align-items:center;gap:8px;font-size:28px;font-weight:700;display:flex}.battle-brand .ui-icon{color:var(--gold);width:30px;height:30px}.mission-chip{-webkit-backdrop-filter:blur(10px);background:#081e299e;border:1px solid #ecdeba38;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:9px 18px;display:flex}.mission-chip>.ui-icon{color:var(--gold);width:20px}.mission-chip strong{letter-spacing:1px;font-size:13px;font-weight:500;display:block}.mission-chip span{color:#c2d0c9;margin-top:5px;font-size:9px;display:block}.icon-button{border:1px solid var(--line);background:#081e29bf;border-radius:2px;justify-content:center;align-items:center;gap:8px;height:38px;padding:8px 10px;display:flex}.icon-button .ui-icon{width:17px;height:17px}.icon-button:hover{border-color:var(--gold);color:var(--gold)}.icon-button kbd{font-size:8px}.ship-status{width:236px;padding:14px 16px 16px;position:absolute;top:109px;left:26px}.status-heading{color:#b9c9c4;letter-spacing:1px;justify-content:space-between;align-items:center;gap:7px;font-size:9px;display:flex}.status-heading span:last-child{letter-spacing:0;font-size:8px}#hud-ship-name{font-family:var(--serif);letter-spacing:2px;color:#f4dfa8;margin:10px 0 14px;font-size:24px;font-weight:500;display:block}.health-row{letter-spacing:1px;color:#adbfbc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;font-size:8px;display:flex}#hull-value{letter-spacing:0;color:#e0eadd;font-variant-numeric:tabular-nums;font-size:10px}.health-track{background:#d3dfd01f;border-radius:1px;height:4px}#health-fill{background:#9dd3bf;border-radius:1px;height:100%;transition:width .12s;display:block}.health-track.critical #health-fill{background:#f59b75}.tutorial-panel{border-color:#e3bd7373;width:280px;padding:15px 16px;position:absolute;top:263px;left:26px}.tutorial-heading{color:var(--gold);align-items:center;gap:8px;font-size:10px;display:flex}.tutorial-heading .ui-icon{width:17px;height:17px}.tutorial-heading strong{letter-spacing:.8px;font-weight:500}#tutorial-progress{color:#b9c9be;white-space:nowrap;margin-left:auto;font-size:9px}#tutorial-message{color:#d2ddd0;margin:11px 0 0;font-size:12px;line-height:1.75}.battle-bottom{align-items:stretch;gap:12px;display:flex;position:absolute;bottom:26px;left:26px}.helm-readout{width:214px;padding:13px 15px}.speed-readout{align-items:baseline;gap:7px;display:flex}.speed-readout>span:first-child{color:#b9cac6;margin-right:auto;font-size:9px}#speed-value{font-family:var(--serif);color:#f1dcad;font-variant-numeric:tabular-nums;font-size:34px;font-weight:400;line-height:1.15}.speed-readout>span:last-child{color:#b9cac6;font-size:9px}.speed-track{background:#ccdbd026;border-radius:1px;height:5px;margin-top:8px;display:block;overflow:hidden}.speed-track>span{background:linear-gradient(90deg,#8ecdbb,#e3c580);height:100%;transition:width .12s;display:block}.compact-sailing{display:none}.compact-sailing>div{color:#e2d5ad;font-variant-numeric:tabular-nums;justify-content:space-between;gap:5px;margin-top:9px;font-size:9px;display:flex}.compact-sailing .speed-track{height:3px;margin-top:6px}.sail-readout{color:#b9cac6;align-items:center;gap:7px;margin:9px 0 13px;font-size:9px;display:flex}.sail-readout strong{color:#e5d4aa;min-width:26px;font-size:9px;font-weight:400}.sail-track{background:#d9e2d124;flex:1;height:3px}.sail-track>span{background:#d8ba78;height:100%;transition:width .1s;display:block}.navigation-readout{border-top:1px solid var(--line);color:#b5c5be;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding-top:9px;font-size:9px;display:flex}.navigation-readout>span:first-child{align-items:center;gap:4px;display:flex}.navigation-readout .ui-icon{width:13px;height:13px}.battery-panel{width:320px;padding:13px 14px 14px}.battery-caption{color:#c4d3c8;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:9px;display:flex}.battery-caption small{color:#93aaa9;letter-spacing:0;font-size:8px}.battery-buttons{gap:8px;display:flex}.battery-button{color:#b8c8c0;touch-action:none;background:#06161f3b;border:1px solid #cfd4bc36;border-radius:2px;flex:1;align-items:center;gap:6px;min-width:0;height:72px;padding:9px 8px 9px 4px;display:flex;position:relative}.battery-button:hover{border-color:var(--gold)}.battery-button.loaded{color:#edcb83;background:#e3bd7314;border-color:#e3bd73a3}.battery-button kbd{padding:2px 3px;font-size:8px;position:absolute;top:6px;right:5px}.broadside-drawing{flex:none;width:39px;height:43px}.battery-copy{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;padding-top:4px;display:flex}.battery-copy>strong{letter-spacing:.8px;font-size:10px;font-weight:500}.battery-copy>span:not(.reload-track){color:#b3c5ba;white-space:nowrap;font-size:8px}.loaded .battery-copy>span:not(.reload-track){color:#d4be8c}.reload-track{background:#ded3ad2e;width:100%;height:2px;display:block}.reload-track>span{background:currentColor;width:100%;height:100%;transition:width .1s linear;display:block}.minimap-panel{width:181px;padding:11px 11px 8px;position:absolute;bottom:26px;right:32px}.minimap-title{color:#cbd7cc;align-items:center;gap:4px;font-size:8px;display:flex}.minimap-title .ui-icon{color:var(--gold);width:13px;height:13px}#map-name{color:#9fb6b4;margin-left:auto;font-size:7px}#minimap{opacity:.95;width:157px;height:157px;margin:5px 0 1px}.minimap-legend{color:#adbfbd;justify-content:center;align-items:center;gap:5px;font-size:7px;display:flex}.minimap-legend>span:nth-child(3){margin-left:8px}.legend-player,.legend-enemy{background:#f1cd82;border-radius:50%;width:4px;height:4px}.legend-enemy{background:#f08870}.zoom-buttons{gap:5px;display:flex;position:absolute;top:-37px;right:0}.zoom-buttons button{border:1px solid var(--line);color:#dbc891;background:#081d28cc;border-radius:2px;width:30px;height:30px;font-size:17px}.zoom-buttons button:hover{border-color:var(--gold)}.touch-helm{display:none}.modal-backdrop{z-index:15;-webkit-backdrop-filter:blur(8px);background:#03131ca6;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.result-panel{text-align:center;background:linear-gradient(150deg,#19304efa,#07142cfa);border:1px solid #e0c98f59;border-radius:3px;width:438px;max-width:100%;padding:31px 34px 27px;box-shadow:0 30px 70px #000a1559}.modal-emblem{width:64px;height:64px;color:var(--gold);background:#e3bd730d;border:1px solid #e3bd735e;border-radius:50%;place-items:center;margin:0 auto 17px;display:grid}.modal-emblem .ui-icon{width:32px;height:32px}[data-screen=defeat] .modal-emblem{color:#df9b81;border-color:#df9b8159}.modal-eyebrow{letter-spacing:3px;color:var(--gold);margin:0 0 11px;font-size:9px}.result-panel h2{font-family:var(--serif);letter-spacing:1px;margin:0 0 13px;font-size:39px;font-weight:500}.modal-description{color:#c0d0c6;margin:0 0 23px;font-size:12px;line-height:1.7}.score-block{border-top:1px solid var(--line);padding:21px 0 19px}.score-block>span:first-child{color:#aebfbb;letter-spacing:2px;font-size:9px;display:block}#result-score{font-family:var(--serif);color:#f0d79b;font-variant-numeric:tabular-nums;margin-top:8px;font-size:56px;font-weight:400;line-height:1;display:block}#new-record{color:#9ed4bc;margin-top:11px;font-size:10px;display:block}.result-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;margin-bottom:25px;padding:17px 0;display:flex}.result-metrics>div{color:#aabebb;flex-direction:column;flex:1;gap:9px;font-size:9px;display:flex}.result-metrics>div+div{border-left:1px solid var(--line)}.result-metrics strong{color:#ebdfbd;font-variant-numeric:tabular-nums;font-size:20px;font-weight:400}.modal-actions{flex-direction:column;gap:9px;display:flex}.modal-actions .text-button{color:#b3c6c3;margin-top:5px}.modal-actions .text-button:hover{color:var(--gold)}.secondary-button{border:1px solid var(--line);color:#d3ded0;border-radius:2px;height:40px;font-size:11px}.secondary-button:hover{border-color:var(--gold);color:var(--gold)}.notice-toast{z-index:25;color:#f1e3bd;text-align:center;background:#07162df5;border:1px solid #e3bd7373;border-radius:3px;max-width:min(480px,100% - 40px);padding:12px 20px;font-size:12px;line-height:1.65;position:absolute;bottom:183px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000a1740}[data-game-screen=menu] .notice-toast{bottom:36px}.error-backdrop{z-index:50;background:#041620c4;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.error-panel{text-align:center;width:420px;max-width:100%;padding:34px}.error-panel .ui-icon{width:40px;height:40px;color:var(--gold)}.error-panel h2{font-family:var(--serif);font-size:29px;font-weight:400}.error-panel p{color:#ccd9cd;font-size:13px;line-height:1.8}.rotate-notice{display:none}@media (min-width:1500px) and (min-height:900px){.menu-screen{padding:35px 48px 66px}.dock-panel{width:520px;padding:34px 32px 27px}.menu-layout{min-height:calc(100dvh - 136px)}h1{font-size:60px}[data-locale=en] h1{font-size:36px}.menu-subtitle{margin-bottom:30px;font-size:13px}.ship-drawing{height:75px}.ship-choice{padding-bottom:15px}.selection-heading{margin-top:22px}.menu-footer{bottom:22px;left:49px;right:49px}.global-settings{top:35px;right:48px}}@media (max-height:760px) and (min-width:1000px){.menu-screen{padding-top:17px}.menu-layout{min-height:calc(100dvh - 102px);padding-top:15px}.dock-panel{width:468px;padding:20px 25px 16px}h1{margin-top:7px;font-size:43px}[data-locale=en] h1{font-size:31px}.menu-subtitle{margin:10px 0 16px}.selection-heading{margin-top:13px;margin-bottom:8px}.ship-drawing{height:53px;margin-bottom:3px}.ship-choice{padding:5px 3px 8px}.ship-summary{margin-top:9px}.map-choices button,.difficulty-choices{height:49px}.aim-assist-note{color:#e0c993;min-height:14px;margin:6px 0 15px;font-size:9px;line-height:1.5}.option-note{margin-bottom:12px}.primary-button{height:42px}.menu-secondary{padding:8px 0}.hero-caption{bottom:76px}}@media (max-width:999px){.menu-screen{padding:20px 22px 42px}.menu-layout{align-items:center;min-height:calc(100dvh - 100px);padding-top:24px}.dock-panel{width:445px;padding:24px}h1{font-size:45px}[data-locale=en] h1{font-size:29px}.hero-caption{bottom:100px;left:58vw}.hero-caption p{max-width:220px;font-size:25px}.global-settings{top:20px;right:22px}.menu-footer{left:22px;right:22px}.menu-footer>span:last-child{display:none}.battle-header{gap:11px;top:18px;left:18px;right:172px}.ship-status{width:210px;padding:12px 13px;top:98px;left:18px}.tutorial-panel{width:250px;padding:11px 13px;top:238px;left:18px}.battle-bottom{gap:8px;bottom:18px;left:18px}.helm-readout{width:183px;padding:10px 12px}.battery-panel{width:280px;padding:10px 10px 12px}.battery-caption{margin-bottom:10px;font-size:8px}.battery-button{gap:3px;padding:7px 4px}.broadside-drawing{width:32px;height:38px}.battery-copy>strong{font-size:9px}.battery-copy>span:not(.reload-track){font-size:7px}.minimap-panel{width:146px;padding:9px;bottom:18px;right:22px}#minimap{width:126px;height:126px}.minimap-title>#map-name{display:none}}@media (pointer:coarse),(max-width:760px){.touch-helm{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.touch-steering,.touch-sail{gap:8px;display:flex}.touch-helm button{color:#ecd494;touch-action:none;-webkit-backdrop-filter:blur(10px);background:#09222cdb;border:1px solid #e3d0a36b;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:65px;height:60px;display:flex}.touch-helm button>span{font-size:28px;line-height:1}.touch-helm button small{color:#ced8ce;margin-top:4px;font-size:9px}.touch-helm button:active,[data-input].held{background:#e3bd734d;border-color:#f3d597}.battle-bottom{bottom:18px;left:50%;transform:translate(-50%)}.helm-readout{display:none}.compact-sailing{display:block}.tutorial-panel{top:273px}.battery-panel{width:292px;padding:10px}.battery-caption{display:none}.battery-button{height:60px}.battery-button kbd{display:none}.minimap-panel{width:125px;padding:7px;bottom:112px;right:18px}#minimap{width:109px;height:109px}.minimap-title{font-size:7px}.zoom-buttons{display:none}.notice-toast{bottom:116px}}@media (max-width:760px){.menu-masthead{gap:13px}.masthead-label{letter-spacing:1.2px;font-size:8px}.brand-mark{font-size:24px}.brand-mark .ui-icon{width:26px;height:26px}.menu-layout{justify-content:flex-start}.hero-caption{display:none}.dock-panel{width:426px}.battle-header{gap:8px;top:15px;left:15px;right:132px}.battle-brand{display:none}.mission-chip{justify-content:flex-start;gap:7px;padding:7px 9px}.mission-chip>.ui-icon{width:16px;height:16px}.mission-chip strong{letter-spacing:0;font-size:11px}.mission-chip span{margin-top:3px;font-size:8px}.icon-button{height:34px;padding:7px 9px}.icon-button kbd{display:none}.global-settings{top:15px;right:15px}.settings-summary{height:34px;padding:7px 9px;font-size:9px}.settings-summary .ui-icon{width:15px;height:15px}.ship-status{width:181px;padding:10px 11px;top:79px;left:15px}.status-heading,.status-heading span:last-child{font-size:7px}#hud-ship-name{margin:7px 0 10px;font-size:21px}.health-row{letter-spacing:.3px;font-size:7px}#hull-value{font-size:9px}.tutorial-panel{width:220px;padding:10px 12px;top:234px;left:15px}.tutorial-heading{gap:6px;font-size:8px}.tutorial-heading .ui-icon{width:14px;height:14px}#tutorial-progress{font-size:8px}#tutorial-message{margin-top:7px;font-size:10px;line-height:1.65}.touch-helm{bottom:15px;left:15px;right:15px}.touch-helm button{width:53px;height:55px}.touch-helm button small{font-size:8px}.battle-bottom{bottom:15px}.battery-panel{width:245px;padding:7px}.battery-buttons{gap:6px}.battery-button{height:55px}.broadside-drawing{width:30px}.battery-copy{gap:5px}.battery-copy>strong{letter-spacing:0;font-size:8px}.battery-copy>span:not(.reload-track){font-size:6px}}@media (max-width:520px){.menu-screen{padding:16px 14px 31px}.menu-masthead{max-width:230px;height:33px}.masthead-label,.masthead-rule{display:none}.menu-layout{min-height:auto;padding-top:27px}.dock-panel{width:100%;padding:23px 20px 20px}h1{font-size:43px}[data-locale=en] h1{letter-spacing:-.6px;font-size:25px}.menu-subtitle{margin:12px 0 20px;font-size:11px}.title-translation{letter-spacing:2.7px;font-size:9px}.title-eyebrow{letter-spacing:1.4px;max-width:calc(100% - 110px);font-size:8px;line-height:1.7}.title-eyebrow .gold-rule{flex-shrink:0}.ship-choice-grid{gap:6px}.ship-drawing{height:54px}.ship-choice strong{font-size:11px}.ship-class{font-size:8px}.ship-summary p{font-size:10px}.ship-metrics{gap:10px}.ship-metric>span:first-child{font-size:8px}.voyage-options{grid-template-columns:1fr;gap:0}.selection-heading{margin:19px 0 9px}.map-choices button{font-size:10px}.difficulty-choices{height:34px}.aim-assist-note{color:#e0c993;min-height:14px;margin:6px 0 15px;font-size:9px;line-height:1.5}.option-note{margin:7px 0 0;font-size:9px}.start-button{margin-top:21px}.route-record>span{font-size:7px}.menu-footer{display:none}.settings-summary>span{font-size:9px}.rotate-notice{background:#0d242deb;border:1px solid #e1c58140;border-radius:3px;align-items:center;gap:12px;padding:12px 15px;display:flex;position:absolute;top:78px;left:14px;right:14px}.rotate-notice>span{color:var(--gold);font-size:27px}.rotate-notice strong{color:#e4cf98;font-size:12px;font-weight:500}.rotate-notice p{color:#b4c7c2;margin:4px 0 0;font-size:10px;line-height:1.7}[data-game-screen=menu] .rotate-notice{display:none}.ship-status{width:164px;top:196px}.tutorial-panel{width:216px;top:350px}.battle-bottom{width:244px;bottom:82px}.touch-helm{bottom:16px}.touch-helm button{width:63px;height:55px}.minimap-panel{width:111px;bottom:179px;right:15px}#minimap{width:95px;height:95px}.minimap-title{font-size:6px}.minimap-title .ui-icon{width:11px}.minimap-legend{gap:4px;font-size:6px}.notice-toast{min-width:240px;font-size:10px;bottom:167px}.result-panel{padding:25px 24px 21px}.result-panel h2{font-size:31px}.modal-description{font-size:11px}}@media (max-height:550px) and (orientation:landscape){.menu-layout{align-items:flex-start;min-height:calc(100dvh - 105px)}.dock-panel{width:430px}.menu-footer{display:none}.battle-header{top:12px;left:13px;right:136px}.global-settings{top:12px;right:13px}.settings-summary{height:34px;padding:7px 8px;font-size:9px}.battle-brand{display:none}.mission-chip{padding:6px 10px}.mission-chip strong{font-size:10px}.mission-chip span{margin-top:3px;font-size:7px}.icon-button{height:34px}.ship-status{width:168px;padding:10px 12px;top:71px;left:13px}.status-heading{font-size:7px}.status-heading span:last-child{display:none}#hud-ship-name{margin:7px 0 8px;font-size:20px}.health-row{font-size:7px}#hull-value{font-size:8px}.tutorial-panel{width:202px;padding:10px 12px;top:210px;left:13px}.tutorial-heading{gap:5px;font-size:8px}#tutorial-progress{font-size:7px}#tutorial-message{margin-top:7px;font-size:9px;line-height:1.55}.minimap-panel{width:110px;padding:6px;top:71px;bottom:auto;right:13px}#minimap{width:96px;height:96px}.minimap-title{font-size:6px}.minimap-title .ui-icon{width:11px}.minimap-legend{gap:4px;font-size:6px}.zoom-buttons{display:none}.modal-backdrop{padding:12px}.result-panel{width:510px;padding:19px 28px 17px}.modal-emblem{width:40px;height:40px;margin-bottom:8px}.modal-emblem .ui-icon{width:23px;height:23px}.modal-eyebrow{margin-bottom:6px;font-size:7px}.result-panel h2{margin-bottom:8px;font-size:29px}.modal-description{margin-bottom:12px;font-size:10px}.score-block{padding:11px 0}.score-block>span:first-child{font-size:7px}#result-score{margin-top:5px;font-size:35px}#new-record{margin-top:5px;font-size:8px}.result-metrics{margin-bottom:13px;padding:10px 0}.result-metrics strong{font-size:16px}.result-metrics>div{gap:5px;font-size:8px}.modal-actions{gap:6px}.modal-actions .primary-button{height:35px;font-size:10px}.modal-actions .secondary-button{height:30px;font-size:10px}.modal-actions .text-button{margin-top:2px;padding:2px;font-size:10px}.notice-toast{padding:8px 14px;font-size:10px;bottom:106px}}.ship-thumbnail{object-fit:contain;filter:drop-shadow(0 5px 4px #00000038);width:100%;height:84px;margin:0 auto 6px;display:none}.has-thumbnail .ship-thumbnail{display:block}.has-thumbnail .ship-drawing{display:none}.ship-showcase{text-align:center;flex:1;align-self:center;min-width:240px;max-width:940px;padding:18px 0 25px;position:relative}.preview-eyebrow{color:#e7cf98;letter-spacing:2.3px;text-shadow:0 1px 8px #071a36;font-size:10px}.ship-showcase h2{font:43px var(--serif);color:#fff3d8;letter-spacing:3px;text-shadow:0 3px 18px #03132d;margin:13px 0 7px}#preview-ship-class{color:#b9cce2;letter-spacing:1.3px;margin:0;font-size:11px}#app .preview-stage{pointer-events:auto}.preview-stage{cursor:grab;touch-action:none;border-radius:12px;width:100%;height:clamp(290px,51vh,550px);position:relative}.preview-stage.dragging{cursor:grabbing}.preview-stage:focus-visible{outline-offset:-8px;outline:1px solid #edd19b}.preview-toolbar{background:#05142dba;border:1px solid #b8cfed3d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:13px auto 0;padding:7px 10px;display:flex;box-shadow:0 8px 20px #00081e1f}.preview-toolbar button{color:#efd8a4;border:1px solid #e3d1a340;border-radius:3px;width:32px;height:30px;font-size:19px}.preview-toolbar button:hover{background:#efd8a426}#preview-hint{color:#d0dcee;padding:0 8px;font-size:10px}@media (min-width:1000px){.menu-layout{gap:3vw}}@media (max-height:760px){.ship-thumbnail{height:63px}.ship-showcase h2{font-size:28px}.preview-stage{height:clamp(230px,43vh,340px)}}@media (min-width:761px) and (max-width:999px){.menu-layout{gap:15px}.dock-panel{flex-shrink:0;width:410px}.preview-toolbar{flex-wrap:wrap;gap:5px}#preview-hint{flex-basis:100%;order:-1}}@media (max-width:760px){.menu-layout{flex-direction:column;gap:20px}.ship-showcase{order:-1;width:100%;max-width:520px;padding:0}.preview-stage{height:235px}.ship-showcase h2{font-size:26px}.dock-panel{width:100%;max-width:520px}.ship-thumbnail{height:73px}}@media (max-height:550px) and (orientation:landscape) and (min-width:761px){.preview-stage{height:215px}.ship-showcase{align-self:flex-start;padding-top:0;position:sticky;top:18px}.ship-showcase h2{margin:7px 0;font-size:24px}}.voyage-badges{flex-wrap:wrap;gap:6px;margin-bottom:17px;display:flex}.voyage-badges>span{color:#b5cbe5;letter-spacing:.5px;background:#6a95c912;border:1px solid #93b3d82e;border-radius:4px;padding:4px 7px;font-size:8px}.dock-panel:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#d4b77f,#0000);height:1px;position:absolute;top:-1px;left:28px;right:28px}.handbook-summary-note{color:#7f9aba;letter-spacing:0;margin-left:auto;font-size:8px}.handbook .disclosure-chevron{margin-left:0}.handbook-training{color:#f1d6a4;background:#e7bf760f;border:1px solid #e7bf7652;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:11px;padding:9px 11px;font-size:10px;display:flex}.handbook-training .ui-icon{width:15px;height:15px}.aim-levels{gap:11px;margin:0;display:grid}.aim-levels>div{grid-template-columns:37px 1fr;gap:9px;display:grid}.aim-levels dt{color:#f0d3a0;padding-top:3px;font-size:10px}.aim-levels dd{color:#c4d3e4;margin:0;font-size:10px;line-height:1.75}.handbook-body .projectile-note{color:#efd7ad;border-top:1px solid #e6c07e26;margin-top:12px;padding-top:10px;font-size:10px}.preview-kicker{justify-content:center;align-items:center;gap:13px;display:flex}.preview-kicker-line{background:linear-gradient(90deg,#0000,#e7c6868c);width:36px;height:1px}.preview-kicker-line:last-child{transform:rotate(180deg)}.preview-fleet-note{letter-spacing:1px;color:#acc4df;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.preview-fleet-note .ui-icon{color:#d5b57a;width:14px;height:14px}.preview-stage:before,.preview-stage:after{content:"";pointer-events:none;border-style:solid;border-color:#d7bf8d59;width:21px;height:21px;position:absolute}.preview-stage:before{border-width:1px 0 0 1px;top:8%;left:8%}.preview-stage:after{border-width:0 1px 1px 0;bottom:8%;right:8%}@media (min-width:1000px) and (pointer:fine){.battle-header{top:20px;left:22px;right:191px}.ship-status{width:212px;padding:12px 13px;top:94px;left:22px}#hud-ship-name{margin:8px 0 10px;font-size:21px}.status-heading{font-size:8px}.status-heading span:last-child{font-size:7px}.tutorial-panel{width:273px;padding:12px 14px;top:233px;left:22px}#tutorial-message{font-size:11px;line-height:1.7}.battle-bottom{gap:9px;bottom:21px;left:22px}.helm-readout{width:189px;padding:11px 13px}#speed-value{font-size:30px}.battery-panel{width:300px;padding:11px 12px}.battery-caption{margin-bottom:8px}.battery-button{border-radius:6px;height:67px}.minimap-panel{width:162px;padding:9px;bottom:21px;right:26px}#minimap{width:142px;height:142px}.minimap-title #map-name{font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}