:root{--bg:#04080c;--panel:#050e14c2;--panel-solid:#08131a;--line:#4b7e937a;--line-soft:#4f8ea333;--text:#c6dce4;--dim:#7395a4;--accent:#49d2e2;--amber:#e8a33c;--red:#e04848;--green:#4ade80;--panel-shadow:0 14px 38px #0005094d, inset 0 1px #b4e1ee0e;--font:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--ui-scale:1.25;--ui-scale-inverse:80%}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-size:12px}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#hud,#overlays{width:var(--ui-scale-inverse);height:var(--ui-scale-inverse);transform:scale(var(--ui-scale));transform-origin:0 0;pointer-events:none;position:fixed;top:0;left:0}#hud>*,#overlays>*{pointer-events:none}#hud>.clickable,#overlays>.clickable,.clickable,.clickable *{pointer-events:auto}#blast-screen-flash{--blast-x:50%;--blast-y:50%;z-index:16;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--blast-x) var(--blast-y), #fffce1f0 0%, #ffbe567a 13%, #ff5a1621 34%, transparent 68%);mix-blend-mode:screen;will-change:opacity;position:absolute;inset:0}#hud:before{content:"";pointer-events:none;background:radial-gradient(at 50% 43%,#0000 52%,#01050833 100%),linear-gradient(#87c2d306,#0000 24% 78%,#00050914);position:absolute;inset:0}#hud:after{content:"";pointer-events:none;opacity:.032;background:repeating-linear-gradient(0deg,#bee6f02e 0 1px,#0000 1px 4px);position:absolute;inset:0}#boot{z-index:100;background:linear-gradient(#377a8c09 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#377a8c09 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 50% 44%,#17657738,#0000 31%),linear-gradient(145deg,#020609,#07121a 55%,#03090d);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .6s;display:flex;position:fixed;inset:0}#boot.hidden{opacity:0;pointer-events:none}.boot-kicker{color:var(--dim);letter-spacing:4px;font-size:9px}.boot-title{letter-spacing:12px;color:#d8edf2;text-shadow:0 0 28px #49d2e24d;margin-left:12px;font-size:38px;font-weight:300}.boot-title span{color:var(--accent);font-weight:700}.boot-sub{color:var(--accent);letter-spacing:3px;margin-top:15px;font-size:10px}.boot-detail{color:var(--dim);letter-spacing:.7px;font-size:9px}#loading-tip{max-width:520px;color:var(--dim);letter-spacing:.8px;text-align:center;margin-top:14px;font-size:10px;line-height:1.5}#loading-tip b{color:var(--accent);letter-spacing:1.4px;margin-bottom:3px;display:block}.boot-progress{background:#49d2e21a;border-inline:1px solid #49d2e247;width:min(320px,68vw);height:3px;margin:3px 0 1px;overflow:hidden}.boot-progress i{background:var(--accent);width:8%;height:100%;transition:width .28s ease-out;display:block;box-shadow:0 0 12px #49d2e2bf}.boot-sonar{background:linear-gradient(90deg,#0000 49.5%,#49d2e229 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#49d2e229 50%,#0000 50.5%),radial-gradient(circle,#0000 31%,#49d2e221 32% 33%,#0000 34% 64%,#49d2e221 65% 66%,#0000 67%);border:1px solid #49d2e252;border-radius:50%;width:82px;height:82px;margin-bottom:14px;position:relative}.boot-sonar:after{content:"";background:conic-gradient(from 10deg, transparent 0 72%, #49d2e261 93%, transparent 100%);border-radius:50%;animation:2.4s linear infinite boot-sweep;position:absolute;inset:5px}.boot-sonar i{background:var(--accent);width:3px;height:3px;box-shadow:0 0 7px var(--accent);border-radius:50%;position:absolute}.boot-sonar i:first-child{top:27px;left:22px}.boot-sonar i:nth-child(2){top:42px;right:17px}.boot-sonar i:nth-child(3){bottom:14px;left:39px}@keyframes boot-sweep{to{transform:rotate(360deg)}}.panel{background:linear-gradient(150deg, #10232cc7, #040b10d1 54%, #051016c2), var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px)saturate(115%);backdrop-filter:blur(8px)saturate(115%);box-shadow:var(--panel-shadow);border-radius:2px;padding:8px 10px}.panel h3{letter-spacing:2.4px;color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--line-soft);margin-bottom:7px;padding-bottom:5px;font-size:9px;font-weight:600}#nav-cluster{width:240px;position:absolute;bottom:14px;left:14px}#sys-cluster{width:235px;position:absolute;bottom:14px;right:14px}#nav-cluster,#sys-cluster{border-top-color:#49d2e2b8}#mode-banner{text-align:center;letter-spacing:3.2px;border-inline-color:#0000;padding:5px 22px;font-size:10px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0005093d}#mode-banner .vessel-name{color:#7be5f0;text-shadow:0 0 12px #49d2e257;font-size:12px}#alarm-feed{flex-direction:column;gap:2px;width:330px;max-height:40vh;display:flex;position:absolute;top:46px;left:12px;overflow:hidden}#alarm-feed:hover{max-height:calc(100vh - 58px);overflow:visible}.propulsion-readout{border:1px solid var(--line);background:linear-gradient(#02090db8,#07151b8a);border-radius:2px;margin:0 0 7px;padding:7px 8px 5px}.propulsion-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.propulsion-heading span,.propulsion-details small{color:var(--dim);letter-spacing:1.2px;font-size:8px;font-weight:400}.propulsion-heading b{color:var(--text);letter-spacing:.8px;white-space:nowrap;font-size:14px}.propulsion-readout.ahead .propulsion-heading b{color:var(--green)}.propulsion-readout.astern .propulsion-heading b{color:var(--amber)}.propulsion-bar{background:linear-gradient(90deg, #e8a33c2e 0 49.5%, var(--line) 49.5% 50.5%, #4ade8024 50.5% 100%);border:1px solid var(--line);height:7px;margin:5px 0;position:relative;overflow:hidden}.propulsion-bar i{background:var(--green);transition:left .18s,width .18s;position:absolute;inset-block:0}.propulsion-readout.astern .propulsion-bar i{background:var(--amber)}.propulsion-bar em{background:var(--text);width:2px;height:11px;position:absolute;top:-2px;left:calc(50% - 1px)}.propulsion-details{grid-template-columns:1fr 1.1fr;gap:8px;font-size:10px;display:grid}.propulsion-details span{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.propulsion-details .motion{text-align:right;color:var(--text)}.propulsion-details .motion.ahead{color:var(--green)}.propulsion-details .motion.astern{color:var(--amber)}.propulsion-hint{color:var(--dim);letter-spacing:.7px;text-align:center;margin-top:4px;font-size:8px}.feed-line{border-left:2px solid var(--dim);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;background:linear-gradient(90deg,#040c10c2,#040c107a);padding:2px 8px;font-size:10px;transition:opacity .35s;animation:.2s ease-out feedin;overflow:hidden}.feed-line:hover{z-index:2;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;background:#040c10f0;position:relative;overflow:visible;box-shadow:0 4px 14px #00000075;opacity:1!important}.feed-line.warn{border-color:var(--amber);color:var(--amber)}.feed-line.danger{border-color:var(--red);color:#ff9a9a}.feed-line.good{border-color:var(--green);color:var(--green)}@keyframes feedin{0%{opacity:0;transform:translate(-8px)}}.gauge-row{justify-content:space-between;align-items:baseline;padding:1.5px 0;display:flex}.gauge-row .lbl{color:var(--dim);letter-spacing:1px;font-size:10px}.gauge-row .val{color:var(--text);font-size:13px}.gauge-row .val.warn{color:var(--amber)}.gauge-row .val.danger{color:var(--red)}.gauge-row .unit{color:var(--dim);margin-left:2px;font-size:9px}.bar{border:1px solid var(--line);background:#0c1a22;height:5px;margin:2px 0 5px;position:relative}.bar>i{background:var(--accent);transition:width .2s,background .3s;position:absolute;top:0;bottom:0;left:0}.bar>i.warn{background:var(--amber)}.bar>i.danger{background:var(--red)}.bar.center>i{left:50%}#interact-prompt{letter-spacing:1px;text-align:center;padding:5px 14px;font-size:12px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#interact-prompt kbd{background:var(--accent);color:#041014;border-radius:2px;margin-right:7px;padding:1px 6px;font-weight:700}#crosshair{background:#b8d4e0cc;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}.station-overlay{position:absolute;inset:0}#periscope-mask{background:radial-gradient(circle,#0000 36vmin,#000000fb 37.5vmin);position:absolute;inset:0}#periscope-mask:after{content:"";background:linear-gradient(90deg,#0000 calc(50% - 1px),#a0dceb59 50%,#0000 calc(50% + 1px)),linear-gradient(#0000 calc(50% - 1px),#a0dceb59 50%,#0000 calc(50% + 1px));border-radius:50%;width:76vmin;height:76vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-target-ring{pointer-events:none;z-index:3;border:2px solid #6fe8f7f0;border-radius:50%;animation:1.25s ease-in-out infinite scope-target-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #46d6ec73,inset 0 0 8px #46d6ec33}.scope-target-ring span{color:#a9f3fb;letter-spacing:1.4px;white-space:nowrap;text-overflow:ellipsis;background:#020c11c2;border:1px solid #50bfd2b3;max-width:210px;padding:2px 6px;font-size:8px;line-height:1.2;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}@keyframes scope-target-pulse{0%,to{opacity:.76;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.16)}}.scope-readout{letter-spacing:2px;font-size:13px;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}#gun-station-readout{align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#gun-station-readout b{color:var(--accent)}#gun-station-readout span{color:var(--text)}#gun-station-readout small{color:var(--dim)}#station-work-panel{background:#050e13f0;width:min(720px,100% - 540px);min-width:480px;padding:10px 12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#station-work-panel h3{color:var(--accent);letter-spacing:1.5px;margin-bottom:7px}.station-readouts{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(72px,1fr));gap:5px;padding-bottom:7px;display:grid}.station-readouts span{flex-direction:column;gap:2px;display:flex}.station-readouts small,.station-section>label{color:var(--dim);letter-spacing:1.2px;font-size:8px}.station-readouts b{color:var(--text);font-size:11px;font-weight:500}.station-section{grid-template-columns:112px 1fr;align-items:center;gap:7px;margin-top:6px;display:grid}.station-button-grid{gap:4px;display:grid}.station-button-grid.telegraph{grid-template-columns:repeat(6,1fr)}.station-button-grid.triple{grid-template-columns:repeat(3,1fr)}.station-button-grid.double{grid-template-columns:repeat(2,1fr)}.station-button-grid.compact{grid-template-columns:1fr 1fr;margin-top:6px}.station-button-grid.compact button:last-child{grid-column:1/-1}.station-hint{color:var(--dim);text-align:center;letter-spacing:.4px;margin-top:7px;font-size:9px}.station-machines{color:var(--dim);flex-wrap:wrap;gap:4px 10px;margin-top:7px;font-size:9px;display:flex}.station-machines span.running{color:var(--green)}.station-machines span.offline{color:var(--red)}.torpedo-tube{background:#08141bb8;justify-content:space-between;align-items:center;width:100%;margin:2px 0;padding:3px 5px;display:flex}.torpedo-tube b{color:var(--dim);letter-spacing:.7px;font-size:8px}.torpedo-tube.ready b{color:var(--green)}.torpedo-tube.empty b{color:var(--red)}.torpedo-tube.selected{border-left:2px solid var(--accent);padding-left:4px}.torpedo-tube-bank{margin:5px 0 6px}#torpedo-station-panel{width:270px;max-height:calc(100vh - 88px);position:absolute;top:42px;right:12px;overflow-y:auto}.torpedo-solution{grid-template-columns:repeat(3,1fr);gap:3px;margin:4px 0 6px;display:grid}.torpedo-solution span{text-align:center;background:#08141bb8;flex-direction:column;gap:2px;padding:4px;display:flex}.torpedo-solution small{color:var(--dim);letter-spacing:.7px;font-size:7px}.torpedo-solution b{color:var(--accent);white-space:nowrap;font-size:9px}.torpedo-target-label{color:var(--dim);letter-spacing:1px;margin:5px 0 3px;font-size:9px}.torpedo-target-list{flex-direction:column;gap:3px;max-height:188px;margin-bottom:6px;padding-right:2px;display:flex;overflow-y:auto}.torpedo-target{text-align:left;background:#08141bc2;justify-content:space-between;align-items:baseline;gap:6px;width:100%;padding:5px 6px;display:flex}.torpedo-target span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.torpedo-target small{color:var(--dim);white-space:nowrap;font-size:8px}.torpedo-target.active small{color:var(--accent)}.torpedo-no-targets{color:var(--dim);text-align:center;padding:8px 5px;font-size:9px}.torpedo-fire{letter-spacing:1.4px;width:100%;margin-top:7px;padding:8px}@media (max-width:920px){#station-work-panel{width:min(94%,720px);min-width:0;bottom:8px}.station-readouts{grid-template-columns:repeat(3,1fr)}.station-section{grid-template-columns:1fr;gap:3px}}#sonar-panel{flex-direction:column;gap:8px;width:min(720px,72%);padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sonar-panel canvas{border:1px solid var(--line);image-rendering:pixelated;background:#020608}#sonar-contacts{flex-direction:column;gap:3px;max-height:130px;font-size:11px;display:flex;overflow-y:auto}.sonar-header,.dc-panel-header,.sandbox-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sonar-header h3,.dc-panel-header h3,.sandbox-header h3{flex:1;min-width:0;margin-bottom:0}.sonar-header button,.dc-panel-header button,.sandbox-header button{flex:none}.contact-line{background:#0a182099;gap:12px;padding:2px 6px;display:flex}.contact-line .brg{color:var(--accent);width:58px}.contact-line .cls{color:var(--amber)}#map-button{z-index:20;color:var(--amber);letter-spacing:1px;background:#081016e0;position:absolute;top:10px;right:176px}#map-overlay{z-index:72;background:#010508db;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#map-panel{background:#040c11f7;border-color:#31576a;width:min(1080px,98%);max-height:96%;padding:13px 18px 11px;overflow-y:auto;box-shadow:0 16px 70px #0000008c}.map-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.map-header h2{color:var(--accent);letter-spacing:4px;font-size:15px}.map-header span{color:var(--dim);letter-spacing:1.5px;font-size:9px}.map-toolbar{border:1px solid var(--line);background:#020a0ebf;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 16px;margin:9px 0 7px;padding:7px 8px;display:grid}.map-status{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.map-waypoint-readout{color:var(--amber);grid-column:1;font-size:10px}.map-controls{grid-area:1/2/span 2;align-items:center;gap:4px;display:flex}.map-controls b{min-width:155px;color:var(--accent);text-align:center;font-size:10px}.map-controls button:first-child,.map-controls button:nth-child(3){width:30px;padding-inline:0;font-size:15px}.map-waypoint-speed{background:#140d0494;border:1px solid #e8a33c5c;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:8px 13px;margin:-1px 0 7px;padding:7px 9px;display:grid}.map-waypoint-speed>span{color:var(--amber);letter-spacing:1.4px;font-size:8px}.map-waypoint-speed>b{color:var(--text);font-size:9px;font-weight:500}.map-waypoint-speed-buttons{gap:4px;display:flex}.map-waypoint-speed-buttons button{letter-spacing:.7px;min-width:72px;padding:5px 7px;font-size:8px}.map-waypoint-speed-buttons button.active{color:#071014;background:var(--amber);border-color:#ffd284;box-shadow:0 0 12px #ffb04c1f}.map-waypoint-speed-buttons button:disabled{opacity:.38;cursor:not-allowed}.map-strike-controls{background:#180e05b8;border:1px solid #ffb04c80;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;margin:-2px 0 7px;padding:8px 10px;display:grid}.map-strike-readout{color:var(--text);letter-spacing:.04em;grid-column:1;font-size:10px}.map-aircraft-loadout{grid-column:1;align-items:center;gap:5px;display:flex}.map-aircraft-loadout>span{color:var(--dim);letter-spacing:1px;margin-right:3px;font-size:8px}.map-aircraft-loadout button{min-width:74px;color:var(--dim);border-color:var(--line);letter-spacing:1px;background:#081419e6;padding:4px 9px;font-size:8px}.map-aircraft-loadout button.active{color:#071014;background:var(--amber);border-color:#ffd284;box-shadow:0 0 12px #ffb04c24}.map-aircraft-loadout button:disabled{opacity:.42}.map-strike-warning{color:var(--amber);grid-column:1;min-height:1.2em;font-size:9px}.map-launch-action{color:#071014;background:var(--amber);border-color:#ffd284;grid-area:1/2/span 3;min-width:250px;font-weight:800}.map-launch-action:disabled{color:var(--dim);border-color:var(--line);background:#222b2ebf}.map-strike-confirmation{z-index:4;background:#010406d1;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.map-strike-confirmation-card{background:#140a08fa;border-color:#ff704fc7;width:min(520px,92%);padding:18px 20px;box-shadow:0 18px 70px #000000b8}.map-strike-confirmation-card h3{color:#ff8c72;letter-spacing:2.5px;font-size:14px}.map-strike-confirmation-card p{color:var(--text);margin:11px 0 15px;font-size:11px;line-height:1.55}.map-strike-confirmation-actions{justify-content:flex-end;gap:8px;display:flex}.map-strike-confirmation-actions .danger{color:#fff0ea;background:#801f12d1;border-color:#ff7056;font-weight:800}#map-canvas{aspect-ratio:1040/520;cursor:crosshair;background:#02090d;border:1px solid #244b59;width:min(100%,1040px);height:auto;margin-inline:auto;display:block}#map-canvas.panning{cursor:grabbing}#map-canvas:focus{outline:1px solid var(--accent);outline-offset:2px}.map-footer{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:7px;font-size:9px;display:flex}.map-footer span{align-items:center;gap:5px;display:inline-flex}.map-footer small{color:var(--dim);margin-left:auto;font-size:8px}.map-key{width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.map-key.own{background:#55e6f2}.map-key.friendly{background:#62aef2}.map-key.hostile{background:#ff5d57}.map-key.civilian{background:#e6cf70}.map-key.sonar{border:1px solid #a58aff}.map-key.torpedo{background:#ff5d57}.map-key.land{background:#89915e;border:1px solid #d4d6a0}.map-key.hazard{background:#ffb04c33;border:1px solid #ffb04c}.map-key.route{background:#59d6e0;width:13px;height:2px;transform:none}.map-key.port{border:1px solid #8fd6b5;transform:none}.map-key.aircraft{background:#8feeff;transform:rotate(45deg)scale(.8)}@media (max-width:700px){#map-button{padding-inline:7px;top:44px;right:12px}#map-panel{padding:10px}.map-header h2{letter-spacing:2px;font-size:12px}.map-toolbar{grid-template-columns:1fr}.map-controls{flex-wrap:wrap;grid-area:auto/1}.map-controls b{min-width:130px}.map-waypoint-readout{grid-column:1}.map-waypoint-speed{grid-template-columns:1fr}.map-waypoint-speed-buttons{flex-wrap:wrap}.map-strike-controls{grid-template-columns:1fr}.map-launch-action{grid-area:auto/1;width:100%}.map-footer small{flex-basis:100%;margin-left:0}}#start-menu{z-index:82;background:#010508d6;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0;overflow-y:auto}.start-menu-backdrop{background:linear-gradient(90deg,#3977880a 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#39778809 1px,#0000 1px) 0 0/42px 42px,radial-gradient(at 18% 72%,#0c465747,#0000 47%),radial-gradient(at 82% 28%,#1c515c26,#0000 40%);position:absolute;inset:0;overflow:hidden}.start-menu-card{background:linear-gradient(145deg,#07161dfb,#030a0efc);border-color:#4c94a994;width:min(900px,96%);max-height:96%;padding:22px 24px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #0000009e,inset 0 1px #b8e6ef12}.start-menu-card:before{content:"";background:var(--accent);width:92px;height:2px;position:absolute;top:0;left:0;box-shadow:0 0 16px #49d2e299}.start-menu-header{border-bottom:1px solid var(--line);padding-bottom:17px}.start-menu-kicker{color:var(--dim);letter-spacing:3.6px;font-size:8px}.start-menu-header h1{color:#d8ebf0;letter-spacing:8px;margin-top:5px;font-size:30px;font-weight:300}.start-menu-header h1 span{color:var(--accent);font-weight:700}.start-menu-header p{color:var(--dim);letter-spacing:.6px;margin-top:4px;font-size:9px}.start-presets{flex-wrap:wrap;gap:8px;margin-top:14px;margin-bottom:12px;display:flex}.start-presets button{text-align:left;border:1px solid var(--line);color:var(--text);font:inherit;letter-spacing:1px;cursor:pointer;background:#08141ab3;flex:150px;padding:8px 10px;font-size:11px}.start-presets button:hover{border-color:var(--accent)}.start-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.start-presets button small{color:var(--dim);letter-spacing:.4px;margin-top:3px;font-size:9px;display:block}.start-first-run{border-left:2px solid var(--accent);color:var(--text);letter-spacing:.6px;background:#081820b3;margin-top:14px;margin-bottom:10px;padding:7px 10px;font-size:10px;line-height:1.5}.start-menu-layout{grid-template-columns:1.18fr .82fr;gap:14px;margin-top:14px;display:grid}.start-menu-section{border:1px solid var(--line-soft);background:#02090d8f;padding:12px}.start-menu-section h2{color:var(--text);letter-spacing:2.1px;margin-bottom:9px;font-size:9px;font-weight:500}.start-menu-section h2 span{color:var(--accent);margin-right:7px}.start-fleet-note{color:var(--dim);letter-spacing:.2px;margin:-3px 0 8px;font-size:7px;line-height:1.35}.start-vessel-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.start-vessel-card{border:1px solid var(--line);background:#08171db8;grid-template-columns:minmax(0,1fr) auto;transition:all .14s ease-out;display:grid;position:relative}.start-vessel-choice{cursor:pointer;min-width:0;position:relative}.start-vessel-choice input{z-index:2;opacity:0;cursor:pointer;pointer-events:auto;width:100%;height:100%;margin:0;position:absolute;inset:0}.start-vessel-choice>span{flex-direction:column;justify-content:center;gap:4px;min-height:67px;padding:9px 10px;transition:all .14s ease-out;display:flex}.start-vessel-card b{color:var(--text);letter-spacing:.9px;font-size:10px;font-weight:500}.start-vessel-card small{color:var(--dim);font-size:8px;line-height:1.35}.start-vessel-card:hover{background:#0b1f27e0;border-color:#49d2e2ad}.start-vessel-choice input:focus-visible+span{outline:1px solid var(--accent);outline-offset:-2px}.start-vessel-choice input:checked+span{box-shadow:inset 3px 0 var(--accent), 0 0 15px #49d2e214;background:linear-gradient(145deg,#0f3741e0,#051b22e6)}.start-vessel-choice input:checked+span b{color:#8ceaf2}.start-vessel-card:has(.start-vessel-choice input:checked){border-color:var(--accent)}.start-vessel-card.is-empty{opacity:.56}.start-vessel-card.is-empty .start-vessel-choice{cursor:default}.start-unit-counter{border-left:1px solid var(--line-soft);background:#020a0e7a;grid-template-columns:25px 22px 25px;align-content:center;align-items:center;gap:2px;padding:6px;display:grid}.start-unit-counter button{width:25px;min-width:0;height:26px;color:var(--accent);background:#091c23e6;border-color:#49d2e257;padding:0;font-size:15px}.start-unit-counter button:hover:not(:disabled){color:#d8fbff;border-color:var(--accent)}.start-unit-counter button:disabled{opacity:.28;cursor:default}.start-unit-counter output{color:var(--text);text-align:center;font-size:11px;font-weight:700}.start-field,.start-check{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:10px;min-height:47px;padding:6px 1px;display:grid}.start-field{grid-template-columns:minmax(0,1fr) 144px}.start-check{grid-template-columns:18px minmax(0,1fr)}.start-field>span,.start-check>span{color:var(--text);font-size:9px;line-height:1.3}.start-field small,.start-check small{color:var(--dim);margin-top:2px;font-size:7px;line-height:1.35;display:block}.start-field select{width:144px;color:var(--text);border:1px solid var(--line);font:8px var(--font);cursor:pointer;background:#07151c;padding:6px}.start-check input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.start-menu-footer{grid-template-columns:1fr auto;align-items:end;gap:18px;margin-top:14px;display:grid}.start-mission-summary{flex-direction:column;gap:3px;min-width:0;display:flex}.start-mission-summary span{color:var(--green);letter-spacing:2px;font-size:7px}.start-mission-summary b{color:var(--text);letter-spacing:.7px;font-size:11px;font-weight:500}.start-mission-summary small{color:var(--dim);font-size:8px;line-height:1.35}.start-menu-actions{gap:7px;display:flex}.start-menu-actions button{letter-spacing:1.1px;min-width:108px;min-height:38px;padding-inline:15px}.start-menu-actions .start-deploy{color:#031014;background:linear-gradient(#75e5ed,#37baca);border-color:#8cebf2;min-width:150px;font-weight:700}.start-menu-actions .start-deploy:hover{color:#02090c;background:linear-gradient(#9cf1f5,#55ceda)}.start-menu-actions .start-deploy:disabled{opacity:.58;cursor:wait}@media (max-width:760px){#start-menu{align-items:flex-start}.start-menu-card{margin-block:auto;padding:16px}.start-menu-layout{grid-template-columns:1fr}.start-menu-footer{grid-template-columns:1fr;align-items:stretch}.start-menu-actions{justify-content:stretch}.start-menu-actions button{flex:1}}@media (max-width:480px){.start-vessel-grid,.start-field{grid-template-columns:1fr}.start-field select{width:100%}.start-menu-actions{flex-direction:column}}#dc-panel{width:min(1060px,96%);padding:10px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#dc-svg-wrap{width:100%;overflow-x:auto}#dc-panel svg{width:100%;display:block}.dc-tank-divider{stroke:#5c91a373;stroke-width:.8px;stroke-dasharray:4 3}.dc-tank-lane-label{fill:#6f98a9;letter-spacing:.3px;pointer-events:none}.dc-comp{cursor:pointer}.dc-comp .dc-outline{transition:stroke .12s,stroke-width .12s,filter .12s}.dc-comp:hover .dc-outline,.dc-comp:focus-visible .dc-outline{stroke:var(--accent);stroke-width:1.5px}.dc-comp.selected .dc-outline{stroke:#8ff5df;stroke-width:2.5px;filter:drop-shadow(0 0 4px #64f4deb8)}.dc-comp.selected:hover .dc-outline{stroke:#d2fff4;stroke-width:2.8px}.dc-water-percent,.dc-repair-label{pointer-events:none;letter-spacing:.35px;paint-order:stroke;stroke:#040f14e0;stroke-width:1.5px;stroke-linejoin:round;font-weight:700}#dc-panel.dc-layout-jotun{width:min(1120px,97%)}#dc-panel.dc-layout-jotun .dc-comp-label{letter-spacing:.2px;pointer-events:none;paint-order:stroke;stroke:#040f14d1;stroke-width:1.15px;stroke-linejoin:round;font-weight:600}#dc-panel.dc-layout-jotun #dc-stats{border-top:1px solid #49d2e229;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 14px;padding-top:7px;display:grid}#dc-panel.dc-layout-jotun #dc-stats>span{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.dc-pump-activity,.dc-repair-activity{pointer-events:none}.dc-pump-activity{opacity:.42}.dc-pump-activity.active{opacity:1}.dc-pump-housing{fill:#123e48db;stroke:#48d8da;stroke-width:1px}.dc-pump-impeller{fill:none;stroke:#79f0dc;stroke-width:1.25px;stroke-linecap:round}.dc-pump-flow{fill:none;stroke:#65d7f4;stroke-width:1.3px;stroke-dasharray:2 2}.dc-pump-activity.active .dc-pump-impeller{transform-box:fill-box;transform-origin:50%;animation:dc-pump-spin var(--dc-pump-duration,.65s) linear infinite}.dc-pump-activity.active .dc-pump-flow{animation:dc-pump-flow var(--dc-pump-duration,.65s) linear infinite}.dc-pump-activity.waiting .dc-pump-housing{stroke:#8f8564}.dc-worker-head{fill:#ffd074;stroke:#37230cbf;stroke-width:.7px}.dc-worker-body{fill:none;stroke:#ffd074;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.dc-repair-tool{fill:none;stroke:#ffc65a;stroke-width:1.8px;stroke-linecap:round}.dc-repair-spark{fill:#ffe39b;opacity:.18}.dc-repair-label{fill:#ffd074}.dc-repair-activity.queued{opacity:.6}.dc-repair-activity.queued .dc-worker-head,.dc-repair-activity.queued .dc-worker-body,.dc-repair-activity.queued .dc-repair-tool{animation:1.35s ease-in-out infinite dc-team-queued}.dc-repair-activity.moving .dc-worker-head,.dc-repair-activity.moving .dc-worker-body,.dc-repair-activity.moving .dc-repair-tool{transform-box:fill-box;transform-origin:50%;animation:1.15s ease-in-out infinite dc-team-en-route}.dc-repair-activity.working .dc-worker-head,.dc-repair-activity.working .dc-worker-body{transform-box:fill-box;transform-origin:50%;animation:.48s ease-in-out infinite alternate dc-worker-bob}.dc-repair-activity.working .dc-repair-tool{transform-box:fill-box;transform-origin:50%;animation:.48s ease-in-out infinite alternate dc-repair-work}.dc-repair-activity.working .dc-repair-spark{animation:.72s ease-out infinite dc-repair-spark}.dc-repair-activity.working .dc-repair-spark:nth-child(5){animation-delay:.18s}.dc-repair-activity.working .dc-repair-spark:nth-child(6){animation-delay:.36s}@keyframes dc-pump-spin{to{transform:rotate(360deg)}}@keyframes dc-pump-flow{to{stroke-dashoffset:-8px}}@keyframes dc-team-en-route{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes dc-team-queued{0%,to{opacity:.4}50%{opacity:1}}@keyframes dc-worker-bob{0%{transform:translateY(1px)}to{transform:translateY(-1px)}}@keyframes dc-repair-work{0%{transform:rotate(-18deg)scale(.92)}to{transform:rotate(16deg)scale(1.08)}}@keyframes dc-repair-spark{0%{opacity:.15;transform:scale(.45)}45%{opacity:1}to{opacity:0;transform:scale(1.7)}}#dc-stats{flex-wrap:wrap;gap:18px;margin-top:6px;font-size:11px;display:flex}#dc-stats b{color:var(--accent);font-weight:600}#dc-stats b.warn{color:var(--amber)}#dc-stats b.danger{color:var(--red)}#dc-orders{z-index:30;flex-direction:column;gap:3px;min-width:310px;max-height:min(480px,100vh - 32px);display:none;position:absolute;overflow-y:auto}#dc-orders h3{justify-content:space-between;align-items:baseline;gap:12px;display:flex}#dc-orders h3 small{color:#8ff5df;letter-spacing:1px;font-size:8px}#dc-orders button{text-align:left;touch-action:manipulation;min-height:30px}#dc-orders button:disabled{cursor:not-allowed;opacity:.42;color:var(--dim)}#dc-orders button.dc-order-engaged{color:#d8fff5;background:linear-gradient(#1c6958f5,#0d413af5);border-color:#58d8ba;font-weight:700;box-shadow:inset 3px 0 #8ff5df,0 0 14px #4bdebc29}#dc-orders button.dc-order-engaged:hover{color:#fff;border-color:#a9ffea}#dc-orders button.dc-order-engaged:disabled{cursor:default;opacity:1;color:#d8fff5}#dc-orders button.dc-order-queued{color:#ffe0a1;background:linear-gradient(#5c4218f0,#3a280ff0);border-color:#b88a3e;font-weight:700;box-shadow:inset 3px 0 #f0bb5e}#dc-orders button.dc-order-queued:disabled{cursor:default;opacity:1;color:#ffe0a1}#dc-orders button:not(:disabled):active{transform:translateY(1px)}.dc-crew-summary{letter-spacing:.5px;background:#081921c2;border:1px solid #49d2e247;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;margin-top:5px;padding:7px 8px;font-size:10px;display:grid}.dc-crew-summary b{color:var(--green);font-size:13px}.dc-crew-summary small{color:var(--dim);letter-spacing:.2px;grid-column:1/-1}.dc-team-list{flex-direction:column;gap:3px;margin-top:2px;display:flex}.dc-team-row{background:#091920b8;border-left:2px solid #3d7f70;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;min-height:34px;padding:4px 5px;display:grid}.dc-team-row.moving{border-left-color:#7b8d96}.dc-team-row.working{border-left-color:var(--amber)}.dc-team-icon{color:var(--green);text-align:center;font-size:15px}.dc-team-row.moving .dc-team-icon{color:#8ab7c6;animation:1.15s ease-in-out infinite dc-team-en-route}.dc-team-row.working .dc-team-icon{color:var(--amber);animation:.48s ease-in-out infinite alternate dc-repair-work}.dc-team-copy{flex-direction:column;min-width:0;display:flex}.dc-team-copy b{color:#b9d4dc;font-size:10px;font-weight:600}.dc-team-copy small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dc-stop-team{align-self:stretch;padding-inline:8px}.dc-queue-list{border-top:1px solid #f0bb5e47;flex-direction:column;gap:3px;margin-top:3px;padding-top:5px;display:flex}.dc-queue-heading{color:#e9b85f;letter-spacing:.7px;justify-content:space-between;font-size:9px;display:flex}.dc-queue-heading span{color:var(--dim)}.dc-queue-row{background:#3a280f7a;border-left:2px solid #b88a3e;grid-template-columns:1fr auto;align-items:center;gap:6px;min-height:32px;padding:3px 5px;display:grid}.dc-queue-row>span{align-items:baseline;gap:7px;min-width:0;display:flex}.dc-queue-row>span b{color:#f0bb5e}.dc-queue-row>span small{text-overflow:ellipsis;white-space:nowrap;color:#c8b58f;overflow:hidden}.dc-queue-row button{padding-inline:7px;min-height:26px!important}@media (max-width:900px){#dc-panel.dc-layout-jotun #dc-svg-wrap{overflow-x:auto}#dc-panel.dc-layout-jotun svg{min-width:880px}#dc-panel.dc-layout-jotun #dc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}button,select,input[type=range]{font-family:var(--font)}button{color:var(--text);border:1px solid var(--line);cursor:pointer;letter-spacing:.7px;background:linear-gradient(#142b35eb,#08181feb);border-radius:2px;padding:4px 10px;font-size:10px;transition:border-color .12s,color .12s,background .12s,box-shadow .12s;box-shadow:inset 0 1px #bee5ee0e}button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px #49d2e21f}button.active{color:#04141a;background:linear-gradient(#67deea,#36b9ca);border-color:#7ae8f2}button.danger{color:#e88;border-color:#5a2020}button.danger:hover{border-color:var(--red);color:var(--red)}button:focus-visible,[data-tooltip]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#game-tooltip{z-index:120;color:#d9edf2;pointer-events:none;letter-spacing:.25px;background:#030c11f7;border:1px solid #49d2e29e;border-radius:2px;width:max-content;max-width:min(300px,100% - 16px);padding:7px 9px;font-size:10px;line-height:1.45;animation:.12s ease-out tooltip-in;position:fixed;box-shadow:0 8px 26px #00000085}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-3px)}}#tips-button{z-index:20;color:var(--green);letter-spacing:1px;background:#081016e0;position:absolute;top:10px;left:12px}#options-button{z-index:20;color:var(--amber);letter-spacing:1px;background:#081016e0;position:absolute;top:10px;left:96px}#new-player-guide{z-index:38;overscroll-behavior:contain;background:linear-gradient(145deg,#0a1d22f5,#030c11f2);border-top-color:#4ade80c7;width:min(560px,100% - 520px);min-width:440px;max-height:min(72vh,680px);padding:11px 13px;position:absolute;bottom:84px;left:50%;overflow-y:auto;transform:translate(-50%)}.guide-header,.guide-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.guide-header{margin-bottom:6px}.guide-header>span{color:var(--green);letter-spacing:2px;flex-direction:column;font-size:8px;display:flex}.guide-header>span small{color:var(--dim);letter-spacing:1px;margin-top:2px;font-size:6px}.guide-header button{color:var(--dim);background:0 0;border-color:#0000;padding:2px 6px}.guide-header .guide-close{color:#c9dde2;background:#030c11a8;border-color:#7db5c447;justify-content:center;align-items:center;gap:6px;min-width:76px;min-height:30px;padding:2px 6px 2px 9px;display:inline-flex}.guide-close-x{color:#fff;text-shadow:0 0 8px #8feeffa6;font:700 20px/1 Arial,sans-serif}.guide-header .guide-close:hover,.guide-header .guide-close:focus-visible{color:#fff;border-color:var(--accent);background:#12333de6}.guide-section-select{min-width:190px;max-width:250px;color:var(--text);border:1px solid var(--line);font:8px var(--font);letter-spacing:.45px;background:#07151c;padding:3px 6px}#new-player-guide h2{color:var(--accent);letter-spacing:2.2px;margin-bottom:5px;font-size:13px}.guide-copy{color:var(--text);margin-bottom:7px;font-size:10px;line-height:1.45}.guide-details{color:var(--dim);gap:3px;margin:0 0 7px 16px;font-size:8.5px;line-height:1.38;display:grid}.guide-details li::marker{color:var(--accent)}.guide-keys{grid-template-columns:1fr 1fr;gap:4px;display:grid}.guide-keys>div{border:1px solid var(--line-soft);background:#030a0e94;grid-template-columns:minmax(62px,auto) 1fr;align-items:center;gap:7px;min-width:0;padding:4px 5px;display:grid}.guide-keys kbd{color:var(--accent);border:1px solid var(--line);white-space:nowrap;background:#10242c;border-bottom-width:2px;border-radius:2px;justify-self:start;padding:1px 5px;font-size:9px}.guide-keys span{min-width:0;color:var(--dim);font-size:9px;line-height:1.3}.guide-objective{color:#f1c77d;letter-spacing:.25px;background:#2d1f0b47;border:1px solid #e8a33c61;margin-top:7px;padding:6px 8px;font-size:8.5px;line-height:1.35}.guide-objective.complete{color:var(--green);background:#0b2b1f57;border-color:#4ade806b}.guide-live{border-left:2px solid var(--amber);background:#2d1f0b47;flex-direction:column;gap:2px;margin-top:7px;padding:6px 7px;display:flex}.guide-live b{color:var(--amber);letter-spacing:1.2px;font-size:8px}.guide-live span{color:#d3c29f;font-size:9px;line-height:1.35}.guide-footer{z-index:3;background:linear-gradient(#030c11b8,#030c11 34%);margin:7px -13px -11px;padding:7px 13px 10px;position:sticky;bottom:-11px}.guide-footer button{min-width:78px;padding-block:3px}.guide-footer [data-guide=skip]{min-width:48px;color:var(--dim);background:0 0;border-color:#0000}.guide-progress{color:var(--dim);letter-spacing:1px;font-size:9px}#contextual-guide-hint{z-index:34;border-left-color:var(--amber);background:#051015f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:min(520px,100% - 520px);padding:7px 9px;animation:.18s ease-out guide-hint-in;display:grid;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}#contextual-guide-hint b{color:var(--amber);letter-spacing:1px;white-space:nowrap;font-size:8px}#contextual-guide-hint span{color:var(--text);font-size:8px;line-height:1.35}#contextual-guide-hint button{color:#fff;text-shadow:0 0 8px #8feeffa6;background:#030c11b8;border-color:#7db5c459;min-width:34px;min-height:34px;padding:0 6px;font:700 20px/1 Arial,sans-serif}@keyframes guide-hint-in{0%{opacity:0;transform:translate(-50%,5px)}}.tutorial-callout{animation:1.15s ease-in-out infinite tutorial-callout-pulse;outline:2px solid var(--amber)!important;outline-offset:4px!important}.tutorial-callout:after{content:"↑ TUTORIAL";color:#1b1204;background:var(--amber);font:700 7px var(--font);letter-spacing:.8px;white-space:nowrap;pointer-events:none;border-radius:2px;padding:3px 6px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tutorial-callout-pulse{50%{box-shadow:0 0 20px #e8a33cad}}@media (max-width:980px){#new-player-guide{width:min(560px,100% - 24px);min-width:0;max-height:calc(100% - 62px);top:48px;bottom:auto}#contextual-guide-hint{width:min(520px,100% - 24px)}}@media (min-width:981px) and (max-width:1150px){#new-player-guide{min-width:0;max-height:calc(100% - 62px);top:48px;bottom:auto}.guide-header{flex-wrap:wrap}.guide-section-select{order:3;width:100%;max-width:none}.guide-keys{grid-template-columns:1fr}}@media (max-width:560px){#new-player-guide{top:44px}.guide-header{flex-wrap:wrap}.guide-section-select{order:3;width:100%;max-width:none}.guide-keys{grid-template-columns:1fr}.guide-footer{grid-template-columns:1fr auto 1fr;display:grid}.guide-footer .guide-progress{text-align:center;grid-area:1/1/auto/-1}.guide-footer [data-guide=skip]{grid-column:2}}#options-overlay{z-index:86;background:#010508e0;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.options-card{background:#040d12fa;border-color:#31576a;width:min(760px,96%);max-height:94%;padding:17px 19px;overflow-y:auto}.options-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;display:flex}.options-header h2{color:var(--accent);letter-spacing:4px;font-size:16px}.options-header span{color:var(--dim);margin-top:3px;font-size:9px;display:block}.options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options-grid section{border:1px solid var(--line);background:#030a0ea3;padding:10px}.options-grid section>h3{color:var(--amber)}.option-row{border-bottom:1px solid var(--line-soft);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:45px;padding:7px 2px;display:grid}.option-row:last-child{border-bottom:0}.option-row>span:first-child{color:var(--text);font-size:10px;line-height:1.35}.option-row small{color:var(--dim);margin-top:2px;font-size:8px;line-height:1.35;display:block}.option-row select{min-width:132px;color:var(--text);border:1px solid var(--line);font:9px var(--font);cursor:pointer;background:#07151c;padding:5px 7px}.option-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.option-slider>span:last-child{align-items:center;gap:7px;display:flex}.option-slider input[type=range]{width:130px;accent-color:var(--accent)}.option-slider output{min-width:38px;color:var(--accent);text-align:right;font-size:10px}.option-slider output[data-value=enemyAiDifficulty]{min-width:92px}.options-grid section>button{width:100%;margin-top:9px}.options-footer{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;display:grid}.options-footer span{color:var(--dim);text-align:center;font-size:9px}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (max-width:700px){.options-grid{grid-template-columns:1fr}.options-card{padding:13px}.options-header h2{letter-spacing:2px;font-size:13px}.options-footer{grid-template-columns:1fr 1fr}.options-footer span{grid-area:1/1/auto/-1}}@media (max-width:760px){#mode-banner{top:44px}#alarm-feed{top:78px}#new-player-guide{max-height:calc(100% - 92px);top:78px}}#sandbox-panel{z-index:24;scrollbar-color:var(--line) #040c1199;scrollbar-width:thin;flex-direction:column;gap:9px;width:250px;max-height:calc(100% - 56px);display:flex;position:absolute;top:42px;right:12px;overflow-y:auto}#sandbox-panel label{color:var(--dim);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;display:flex}#sandbox-panel>*{flex-shrink:0}#sandbox-panel input[type=range]{width:130px;accent-color:var(--accent)}#sandbox-panel .btn-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}#sandbox-panel .btn-col{flex-direction:column;gap:4px;display:flex}#developer-panel{background:#060d12f0;border-color:#31576a;flex-direction:column;gap:10px;width:min(390px,100% - 24px);max-height:calc(100% - 56px);display:flex;position:absolute;top:42px;left:12px;overflow-y:auto}.dev-title{justify-content:space-between;align-items:baseline;display:flex}.dev-title h3{color:var(--accent);margin:0}.dev-title span{color:var(--amber);border:1px solid #64481d;border-radius:2px;padding:1px 5px}#developer-panel section{border-top:1px solid var(--line);padding-top:7px}#developer-panel section h4{color:var(--dim);letter-spacing:1.6px;text-transform:uppercase;margin-bottom:5px;font-size:9px}.dev-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.dev-grid h4,.dev-grid label{grid-column:1/-1}.dev-grid label{color:var(--dim);justify-content:space-between;align-items:center;font-size:10px;display:flex}.dev-grid input[type=range]{width:175px;accent-color:var(--accent)}.dev-performance{flex-direction:column;gap:6px;display:flex}.dev-performance-cards{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.dev-stat-card{background:#071118;border:1px solid #193542;border-radius:2px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:7px 3px 6px;display:flex}.dev-stat-card strong{color:#b8ecf3;font:700 17px/1 var(--font);letter-spacing:-.5px}.dev-stat-card small{color:var(--dim);letter-spacing:1px;white-space:nowrap;font-size:7px}.dev-stat-card[data-level=good]{background:#071a18;border-color:#286757}.dev-stat-card[data-level=good] strong{color:#58e5bd}.dev-stat-card[data-level=warn]{background:#191408;border-color:#6b5227}.dev-stat-card[data-level=warn] strong{color:#f0bb57}.dev-stat-card[data-level=bad]{background:#1b0b0b;border-color:#743833}.dev-stat-card[data-level=bad] strong{color:#ff6b67}.dev-frame-graph{background:#03090d;border:1px solid #142c38;border-radius:2px;width:100%;height:64px;display:block}#developer-performance-overlay{z-index:24;pointer-events:none;color:#58e5bd;font:700 10px/1.2 var(--font);letter-spacing:.4px;background:#03090de0;border:1px solid #286757;border-radius:2px;padding:6px 9px;position:absolute;top:42px;right:12px;box-shadow:0 2px 12px #0000004d}#developer-performance-overlay[data-level=warn]{color:#f0bb57;border-color:#6b5227}#developer-performance-overlay[data-level=bad]{color:#ff6b67;border-color:#743833}.dev-teleport{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.dev-teleport h4,.dev-teleport button{grid-column:1/-1}.dev-teleport label{color:var(--dim);flex-direction:column;gap:2px;font-size:9px;display:flex}.dev-teleport input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);font-family:var(--font);background:#071118;padding:3px 4px;font-size:10px}.dev-diagnostics{color:#87ddeb;font:10px/1.45 var(--font);white-space:pre-wrap;background:#03090d;border:1px solid #142c38;padding:7px}.dev-hint{color:var(--dim);text-align:right;font-size:9px}#controls-button{z-index:20;color:var(--accent);letter-spacing:1px;background:#081016e0;position:absolute;top:10px;right:12px}#help-overlay,#pause-overlay{z-index:80;background:#020609e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.help-card{max-width:880px;max-height:88%;padding:22px 30px;overflow-y:auto}.help-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.help-card h2{color:var(--accent);letter-spacing:5px;font-size:16px}.help-close{flex:none}.help-cols{grid-template-columns:1fr 1fr;gap:6px 34px;display:grid}.help-cols h4{color:var(--amber);letter-spacing:2px;margin:9px 0 3px;font-size:11px}.key-line{justify-content:space-between;gap:18px;padding:1px 0;font-size:11px;display:flex}.key-line kbd{border:1px solid var(--line);color:var(--accent);white-space:nowrap;background:#12262f;border-bottom-width:2px;border-radius:3px;padding:0 6px;font-size:10px}.help-footer{color:var(--dim);text-align:center;margin-top:14px}.mobile-help-summary{display:none}.help-guide-topics{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.help-guide-topics h4{color:var(--green);letter-spacing:2px;font-size:10px}.help-guide-topics>p{color:var(--dim);margin:3px 0 7px;font-size:9px}.help-guide-topics>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.help-guide-topics button{text-align:left;align-items:center;gap:6px;min-width:0;padding:5px 6px;display:flex}.help-guide-topics button b{color:var(--accent);font-size:8px}.help-guide-topics button span{min-width:0;color:var(--dim);font-size:7px;line-height:1.2}.help-tabs{gap:6px;margin-left:14px;display:flex}.help-tabs button{border:1px solid var(--line);color:var(--dim);font:inherit;letter-spacing:1.4px;cursor:pointer;background:0 0;padding:4px 12px;font-size:10px}.help-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.manual-pane{grid-template-columns:minmax(180px,250px) 1fr;gap:14px;min-height:0;display:grid}.manual-search{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#040c10cc;margin-bottom:8px;padding:6px 8px;font-size:11px}.manual-list{max-height:52vh;overflow-y:auto}.manual-list h5{color:var(--accent);letter-spacing:1.4px;margin:10px 0 4px;font-size:9px}.manual-list h5:first-child{margin-top:0}.manual-list button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 7px;font-size:11px;display:block}.manual-list button:hover{border-color:var(--line)}.manual-list button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.manual-list button small{color:var(--dim);margin-top:2px;font-size:9px;display:block}.manual-empty{color:var(--dim);font-size:10px;line-height:1.6}.manual-reader{max-height:52vh;padding-right:8px;overflow-y:auto}.manual-reader h3{color:var(--accent);letter-spacing:2px;margin:0 0 10px;font-size:14px}.manual-reader p{color:var(--text);margin:0 0 9px;font-size:11px;line-height:1.65}.manual-keys{gap:3px;margin:12px 0;display:grid}.manual-keys>div{grid-template-columns:110px 1fr;align-items:baseline;gap:8px;font-size:10px;display:grid}.manual-keys kbd{border:1px solid var(--line);color:var(--accent);white-space:nowrap;background:#12262f;border-bottom-width:2px;border-radius:3px;justify-self:start;padding:0 6px;font-size:10px}.manual-keys span{color:var(--dim)}.manual-related{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.manual-related h5{color:var(--accent);letter-spacing:1.4px;margin:0 0 6px;font-size:9px}.manual-related button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;margin:0 6px 6px 0;padding:4px 9px;font-size:10px}.manual-related button:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:700px){.help-card{width:calc(100% - 20px);padding:16px}.help-cols{grid-template-columns:1fr}.help-guide-topics>div{grid-template-columns:repeat(2,minmax(0,1fr))}.help-header{flex-wrap:wrap;align-items:flex-start}.help-card h2{letter-spacing:2px}.manual-pane{grid-template-columns:1fr}.manual-list{max-height:22vh}.manual-reader{max-height:40vh}}#water-tint{background:#08283400;transition:background .3s;position:absolute;inset:0}#damage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 #e0282800}#smoke-tint{background:#14120e00;position:absolute;inset:0}#mobile-controls{z-index:66;display:none;position:absolute;inset:0}#mobile-controls.mobile-controls-visible{display:block}.mobile-ui{--ui-scale:1!important;--ui-scale-inverse:100%!important}.mobile-ui body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}.mobile-ui *{scrollbar-width:thin;scrollbar-color:#49d2e26b transparent}.mobile-ui ::-webkit-scrollbar{width:5px;height:5px}.mobile-ui ::-webkit-scrollbar-thumb{background:#49d2e26b;border-radius:4px}.mobile-ui ::-webkit-scrollbar-track{background:0 0}.mobile-ui #scene{touch-action:none}.mobile-ui #game-tooltip{display:none!important}.mobile-ui button,.mobile-ui select{touch-action:manipulation;min-height:42px}.mobile-ui select{font-size:16px!important}.mobile-ui input[type=checkbox]{width:24px;height:24px}.mobile-ui button:active:not(:disabled),.mobile-ui .start-vessel-choice:active>span,.mobile-ui .option-row:active{filter:brightness(1.28);transform:translateY(1px)}.mobile-ui .start-vessel-card,.mobile-ui .start-check,.mobile-ui .start-field,.mobile-ui .option-row{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-ui .start-menu-section,.mobile-ui .options-grid,.mobile-ui .help-cols,.mobile-ui .help-controls-pane,.mobile-ui .manual-list,.mobile-ui .manual-reader,.mobile-ui #map-panel,.mobile-ui #sonar-contacts{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-ui .start-vessel-card b,.mobile-ui .start-field>span,.mobile-ui .start-check>span{font-size:10px}.mobile-ui .start-vessel-card small,.mobile-ui .start-field small,.mobile-ui .start-check small{font-size:8px}.mobile-ui #start-menu{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));align-items:center;overflow:hidden}.mobile-ui .start-menu-card{width:100%;height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));grid-template-rows:auto minmax(0,1fr) auto;max-height:none;margin:0;padding:12px 14px;display:grid;overflow:hidden}.mobile-ui .start-menu-header{padding-bottom:8px}.mobile-ui .start-menu-kicker{letter-spacing:2.5px;font-size:7px}.mobile-ui .start-menu-header h1{letter-spacing:6px;margin-top:2px;font-size:21px}.mobile-ui .start-menu-header p{font-size:8px}.mobile-ui .start-menu-layout{grid-template-columns:1.12fr .88fr;gap:8px;min-height:0;margin-top:8px;overflow:hidden}.mobile-ui .start-menu-section{border-color:#4b7e9366;min-height:0;padding:8px;overflow-y:auto}.mobile-ui .start-menu-section h2{z-index:2;background:#061118;margin:-8px -8px 7px;padding:8px;position:sticky;top:-8px}.mobile-ui .start-vessel-choice>span{min-height:60px;padding:8px 9px;position:relative}.start-selected{font-style:normal;display:none}.mobile-ui .start-vessel-choice input:checked+span .start-selected{color:var(--accent);letter-spacing:.8px;font-size:6px;display:block;position:absolute;top:5px;right:6px}.mobile-ui .start-field,.mobile-ui .start-check{min-height:57px;padding:6px 2px}.mobile-ui .start-field{grid-template-columns:minmax(0,1fr) minmax(170px,.9fr)}.mobile-ui .start-field select{width:100%;padding-inline:8px}.mobile-ui .start-check{grid-template-columns:28px minmax(0,1fr)}.mobile-ui .start-menu-footer{border-top:1px solid var(--line);background:#061118;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;padding-top:8px}.mobile-ui .start-mission-summary small{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;overflow:hidden}.mobile-ui .start-menu-actions button{min-height:46px}.mobile-ui #options-overlay{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.mobile-ui .options-card{width:100%;height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));grid-template-rows:auto minmax(0,1fr) auto;max-height:none;padding:11px 13px;display:grid;overflow:hidden}.mobile-ui .options-header{border-bottom:1px solid var(--line);margin-bottom:7px;padding-bottom:7px}.mobile-ui .options-header h2{letter-spacing:2px;font-size:13px}.mobile-ui .options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0;padding-right:3px;overflow-y:auto}.mobile-ui .options-grid section{padding:8px}.mobile-ui .option-row{min-height:56px}.mobile-ui .option-slider input[type=range]{width:min(150px,34vw);min-height:42px}.mobile-ui .options-footer{border-top:1px solid var(--line);margin-top:7px;padding-top:7px}.mobile-ui .options-footer span{font-size:0}.mobile-ui .options-footer span:after{content:"CHANGES SAVE AUTOMATICALLY";font-size:8px}.mobile-ui #help-overlay{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.mobile-ui .help-card{width:100%;height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));grid-template-rows:auto minmax(0,1fr) auto;max-width:none;max-height:none;padding:11px 14px;display:grid;overflow:hidden}.mobile-ui .help-header{flex-wrap:wrap;row-gap:4px;margin-bottom:5px}.mobile-ui .help-controls-pane{min-height:0;overflow-y:auto}.mobile-ui .help-card h2{letter-spacing:2px;font-size:13px}.mobile-ui .mobile-help-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:5px;display:grid}.mobile-ui .mobile-help-summary h4{color:var(--amber);letter-spacing:1.4px;grid-column:1/-1;font-size:8px}.mobile-ui .mobile-help-summary>div{border:1px solid var(--line-soft);background:#07161dcc;flex-direction:column;gap:2px;padding:5px;display:flex}.mobile-ui .mobile-help-summary b{color:var(--accent);font-size:8px}.mobile-ui .mobile-help-summary span{color:var(--dim);font-size:7px;line-height:1.25}.mobile-ui .help-cols{grid-template-columns:1fr 1fr;gap:6px 22px;min-height:0;padding-right:4px;overflow-y:auto}.mobile-ui .help-guide-topics{margin-top:5px;padding-top:5px}.mobile-ui .help-guide-topics>p{display:none}.mobile-ui .help-guide-topics>div{max-width:100%;padding-bottom:3px;display:flex;overflow-x:auto}.mobile-ui .help-guide-topics button{flex:0 0 128px;min-height:42px}.mobile-ui .key-line{padding:2px 0;font-size:9px}.mobile-ui .help-footer{margin-top:5px;font-size:0}.mobile-ui .help-footer:after{content:"TAP CLOSE OR OUTSIDE THIS MENU TO RETURN";font-size:8px}.mobile-ui .manual-pane{grid-template-columns:1fr;min-height:0;overflow-y:auto}.mobile-ui .manual-list{max-height:26vh}.mobile-ui .manual-reader{max-height:34vh}.mobile-ui #map-overlay{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.mobile-ui #map-panel{width:100%;max-height:calc(100dvh - 12px);padding:8px 10px;overflow-y:auto}.mobile-ui .map-header{z-index:5;background:#040c11;padding:8px 0 6px;position:sticky;top:-8px}.mobile-ui .map-header h2{letter-spacing:2px;font-size:12px}.mobile-ui .map-toolbar{gap:4px 8px;margin:5px 0;padding:5px 6px}.mobile-ui .map-controls{gap:4px}.mobile-ui .map-controls button{min-height:42px}.mobile-ui .map-waypoint-speed{margin-bottom:5px;padding:5px 7px}.mobile-ui .map-waypoint-speed-buttons{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.mobile-ui .map-waypoint-speed-buttons button{min-width:88px;min-height:42px}.mobile-ui #map-canvas{aspect-ratio:auto;touch-action:none;width:100%;height:min(38dvh,170px)}.mobile-ui .map-footer{gap:4px 12px;margin-top:4px}.mobile-ui .map-footer small{flex-basis:100%;margin-left:0;font-size:0}.mobile-ui .map-footer small:after{content:"TAP CHART — SET WAYPOINT OR SELECT TARGET · USE ± TO ZOOM";font-size:8px}.mobile-ui .map-launch-action{min-height:48px}.mobile-ui #sonar-panel{width:calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));gap:5px;padding:8px 10px;overflow-y:auto}.mobile-ui .sonar-header{z-index:2;background:#061118;padding:8px 0 5px;position:sticky;top:-8px}.mobile-ui #sonar-panel canvas{max-height:34dvh}.mobile-ui #sonar-contacts{max-height:24dvh}.mobile-ui #sonar-panel>button{width:100%}.mobile-ui #sonar-panel>div:last-child{display:none}.mobile-ui #dc-panel{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));top:max(6px, env(safe-area-inset-top));bottom:calc(54px + env(safe-area-inset-bottom));width:auto;max-height:none;padding:8px 10px;overflow-y:auto;transform:none}.mobile-ui .dc-panel-header{z-index:4;background:#061118;padding:8px 0 5px;position:sticky;top:-8px}.mobile-ui #dc-svg-wrap{touch-action:manipulation;min-height:115px}.mobile-ui #dc-orders{min-width:min(310px,100vw - 36px);max-width:calc(100vw - 36px)}.mobile-ui #dc-orders button{min-height:44px}.mobile-ui #tips-button,.mobile-ui #options-button,.mobile-ui #controls-button,.mobile-ui #map-button{display:none!important}.mobile-ui #mode-banner{top:max(6px, env(safe-area-inset-top));white-space:nowrap;text-overflow:ellipsis;max-width:54vw;padding:4px 12px;overflow:hidden}.mobile-ui #mode-banner .vessel-name{font-size:10px}.mobile-ui #alarm-feed{left:max(7px, env(safe-area-inset-left));top:max(42px, calc(env(safe-area-inset-top) + 36px));width:min(40vw,310px);max-height:11vh}.mobile-ui .feed-line{padding-block:1px;font-size:8px}.mobile-ui #nav-cluster{left:max(7px, env(safe-area-inset-left));top:max(88px, calc(env(safe-area-inset-top) + 78px));width:min(31vw,205px);max-height:94px;padding:6px 8px;bottom:auto;overflow:hidden}.mobile-ui #sys-cluster{display:none}.mobile-ui.mobile-hud-open #nav-cluster{max-height:min(43vh,270px);overflow-y:auto}.mobile-ui.mobile-hud-open #sys-cluster{right:max(7px, env(safe-area-inset-right));top:max(46px, calc(env(safe-area-inset-top) + 40px));width:min(29vw,205px);max-height:45vh;padding:6px 8px;display:block;bottom:auto;overflow-y:auto}.mobile-ui .propulsion-readout{margin-bottom:4px;padding:4px 6px}.mobile-ui .propulsion-heading b{font-size:11px}.mobile-ui .propulsion-hint{display:none}.mobile-ui .gauge-row .lbl{font-size:8px}.mobile-ui .gauge-row .val{font-size:10px}.mobile-ui #interact-prompt{top:auto;bottom:calc(75px + env(safe-area-inset-bottom));max-width:48vw}.mobile-ui #interact-prompt kbd{display:none}.mobile-ui #new-player-guide{top:max(42px, calc(env(safe-area-inset-top) + 38px));z-index:70;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:min(58vw,520px);min-width:0;max-height:56vh;bottom:auto;overflow-y:auto}.mobile-ui #new-player-guide .guide-header{z-index:2;background:#091d22;position:sticky;top:0}.mobile-ui #new-player-guide .guide-header button{flex:none}.mobile-look-zone{z-index:1;touch-action:none;background:0 0;width:60%;position:absolute;top:48px;bottom:76px;right:0}.mobile-look-zone span{right:max(18px, calc(env(safe-area-inset-right) + 8px));color:#c6dce44d;letter-spacing:1.4px;pointer-events:none;font-size:8px;position:absolute;top:42%}.mobile-control{touch-action:none;color:#d7edf2;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0f2a34e6,#041218e6);border-color:#6fc2d39e;min-width:48px;min-height:48px;padding:5px 7px;font-weight:700;box-shadow:inset 0 1px #d2f2f71a,0 5px 18px #0000004d}.mobile-control:active{color:#031014;background:#67deea;border-color:#a7f4f8;transform:translateY(1px)}.mobile-control:disabled{opacity:.38}.mobile-move-pad{z-index:6;left:max(8px, env(safe-area-inset-left));bottom:calc(61px + env(safe-area-inset-bottom));grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,50px);gap:3px;display:grid;position:absolute}.mobile-move-pad .mobile-forward{grid-area:1/2}.mobile-move-pad .mobile-left{grid-area:2/1}.mobile-move-pad .mobile-centre{color:var(--amber);grid-area:2/2}.mobile-move-pad .mobile-right{grid-area:2/3}.mobile-move-pad .mobile-back{grid-area:3/2}.mobile-actions{z-index:6;right:max(8px, env(safe-area-inset-right));bottom:calc(61px + env(safe-area-inset-bottom));grid-template-columns:92px 48px;gap:5px;display:grid;position:absolute}.mobile-actions .mobile-action,.mobile-actions .mobile-fire{text-overflow:ellipsis;grid-column:1;min-width:92px;max-width:92px;overflow:hidden}.mobile-actions .mobile-action{grid-row:1;font-size:8px}.mobile-actions .mobile-fire{color:#ffd18a;border-color:#e8a33cc2;grid-row:2}.mobile-actions .mobile-zoom:nth-of-type(3){grid-area:1/2;font-size:20px}.mobile-actions .mobile-zoom:nth-of-type(4){grid-area:2/2;font-size:20px}.mobile-command-bar{z-index:8;left:50%;bottom:max(7px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(62px,76px));gap:4px;display:grid;position:absolute;transform:translate(-50%)}.mobile-command-bar .mobile-control{min-height:44px;font-size:8px}.mobile-more-panel{z-index:12;left:50%;bottom:calc(58px + env(safe-area-inset-bottom));width:min(580px,78vw);max-height:calc(100% - 72px - env(safe-area-inset-top));grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;display:none;position:absolute;overflow-y:auto;transform:translate(-50%)}.mobile-more-panel.mobile-more-open{display:grid}.mobile-more-header{z-index:2;border-bottom:1px solid var(--line);background:#061118;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin:-8px -8px 2px;padding:8px;display:flex;position:sticky;top:-8px}.mobile-more-header strong{color:var(--accent);letter-spacing:2px;font-size:10px}.mobile-more-header .mobile-more-close{min-height:40px}.mobile-menu-button[aria-expanded=true]{color:#04141a;background:var(--accent);border-color:#a7f4f8}.mobile-ui.mobile-hud-open #nav-cluster,.mobile-ui.mobile-hud-open #sys-cluster{display:none}.mobile-ui.mobile-hud-open .mobile-move-pad,.mobile-ui.mobile-hud-open .mobile-actions{visibility:hidden}#mobile-controls[data-mode=dc] .mobile-move-pad,#mobile-controls[data-mode=dc] .mobile-actions{display:none}.mobile-more-panel .mobile-control{min-width:0;min-height:44px;font-size:8px}.mobile-more-panel .mobile-more-close{color:var(--amber)}.mobile-portrait-hint{display:none}.mobile-ui.mobile-portrait .mobile-portrait-hint{z-index:15;top:max(42px, calc(env(safe-area-inset-top) + 36px));color:var(--amber);white-space:nowrap;background:#120c04cc;border:1px solid #e8a33c85;padding:4px 9px;font-size:8px;display:block;position:absolute;left:50%;transform:translate(-50%)}.mobile-ui.mobile-portrait #nav-cluster{display:none}.mobile-ui.mobile-portrait .start-menu-layout{display:block;overflow-y:auto}.mobile-ui.mobile-portrait .start-menu-section{overflow:visible}.mobile-ui.mobile-portrait .start-menu-section+.start-menu-section{margin-top:8px}.mobile-ui.mobile-portrait .start-menu-footer{grid-template-columns:1fr}.mobile-ui.mobile-portrait .start-mission-summary{display:none}.mobile-ui.mobile-portrait .options-grid,.mobile-ui.mobile-portrait .help-cols{grid-template-columns:1fr}.mobile-ui.mobile-portrait .mobile-help-summary{grid-template-columns:1fr 1fr}.mobile-ui.mobile-portrait .mobile-move-pad{transform-origin:0 100%;transform:scale(.9)}.mobile-ui.mobile-portrait .mobile-actions{transform-origin:100% 100%;transform:scale(.9)}.mobile-ui.mobile-portrait .mobile-command-bar{grid-template-columns:repeat(4,minmax(56px,1fr));width:calc(100% - 16px)}.mobile-ui.mobile-portrait .mobile-more-panel{grid-template-columns:repeat(3,1fr);width:calc(100% - 16px)}.mobile-ui.mobile-portrait #new-player-guide{left:8px;right:8px;top:max(42px, calc(env(safe-area-inset-top) + 38px));width:auto;max-height:calc(100dvh - 118px - env(safe-area-inset-bottom));transform:none}@media (max-height:430px){.mobile-ui #new-player-guide{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));top:max(38px, calc(env(safe-area-inset-top) + 34px));width:auto;max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));transform:none}.mobile-ui .mobile-move-pad,.mobile-ui .mobile-actions{bottom:calc(53px + env(safe-area-inset-bottom));transform:scale(.88)}.mobile-ui .mobile-move-pad{transform-origin:0 100%}.mobile-ui .mobile-actions{transform-origin:100% 100%}.mobile-ui .mobile-command-bar .mobile-control{min-height:40px}.mobile-ui .mobile-more-panel{bottom:calc(52px + env(safe-area-inset-bottom))}}.hidden{display:none!important}#hint-bar{pointer-events:none;border:1px solid var(--line);letter-spacing:.8px;text-shadow:0 1px 2px #000;background:linear-gradient(#061015d1,#040b0fe6);border-radius:3px;align-items:baseline;gap:10px;max-width:min(880px,82vw);padding:5px 14px;font-size:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#hint-bar b{color:var(--accent);letter-spacing:1.2px;flex:none}#hint-bar span{color:var(--dim);overflow-wrap:anywhere}#hint-bar[data-severity=info]{border-color:var(--accent)}#hint-bar[data-severity=warn]{border-color:var(--amber)}#hint-bar[data-severity=warn] b{color:var(--amber)}#hint-bar[data-severity=danger]{border-color:var(--red);background:#1c0608e6}#hint-bar[data-severity=danger] b{color:#ff9a9a}#hint-bar[data-severity=danger] span,#hint-bar[data-severity=warn] span{color:var(--text)}.mobile-ui #hint-bar{bottom:calc(220px + env(safe-area-inset-bottom));max-width:60vw;padding:3px 8px;font-size:8px}