:root{--ink: #061219;--deep: #071a23;--panel: #0b2029;--line: rgba(136, 178, 188, .17);--line-strong: rgba(136, 178, 188, .32);--muted: #76939a;--text: #dcebec;--white: #f4faf9;--mint: #65e5bb;--amber: #efbb52;--red: #f2685c;--mono: "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--ink);color-scheme:dark}body{min-width:320px;margin:0;background:radial-gradient(circle at 20% -15%,rgba(38,98,111,.22),transparent 40%),#061219;color:var(--text);font-family:var(--sans)}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.hidden{display:none!important}.app-frame{min-height:100svh;padding:14px}.simulator-shell{width:min(1880px,100%);min-height:calc(100svh - 28px);margin:auto;overflow:hidden;border:1px solid rgba(141,191,201,.24);border-radius:12px;background:#071920;box-shadow:0 28px 90px #0000007a}.simulator-shell:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;overflow:auto}.topbar{min-height:66px;display:grid;grid-template-columns:minmax(245px,.8fr) 2fr minmax(220px,.7fr);align-items:center;border-bottom:1px solid var(--line);background:#051218f5}.brand-lockup,.mission-strip,.top-actions{min-height:66px;display:flex;align-items:center}.brand-lockup{gap:13px;padding:0 20px;border-right:1px solid var(--line)}.brand-mark{width:32px;height:32px;position:relative;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(101,229,187,.5)}.brand-mark i{position:absolute;width:5px;height:21px;background:var(--mint)}.brand-mark i:first-child{height:12px;transform:translate(-8px)}.brand-mark i:last-child{height:12px;transform:translate(8px)}.brand-lockup strong{display:block;color:var(--white);font-size:16px;letter-spacing:.12em}.brand-lockup div span{color:var(--muted);font:10px var(--mono);letter-spacing:.13em}.mission-strip{justify-content:center}.mission-strip>span{min-width:22%;height:66px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 24px;border-right:1px solid var(--line);color:#78979e;font:10px var(--mono);letter-spacing:.11em}.mission-strip strong{color:#cfe0e2;font-size:13px;letter-spacing:.05em}.top-actions{justify-content:flex-end;gap:8px;padding:0 13px}.quiet-button,.map-actions button,.utility-buttons button{min-height:34px;padding:0 11px;border:1px solid var(--line-strong);border-radius:4px;background:#0f2831c7;color:#b7cdd1;font:10px var(--mono);letter-spacing:.07em;cursor:pointer;transition:.16s ease}.quiet-button:hover,.map-actions button:hover,.utility-buttons button:hover{color:var(--white);border-color:#65e5bb80;background:#163d46e0}#hornButton{user-select:none;touch-action:none}#hornButton.active{color:#d8fff3;border-color:#65e5bb;background:#65e5bb2e;box-shadow:inset 0 0 0 1px #65e5bb24,0 0 16px #65e5bb26}.mission-banner{min-height:58px;display:grid;grid-template-columns:auto 1fr minmax(200px,320px);gap:13px;align-items:center;padding:9px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#65e5bb14,#071920f5 35%)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px #65e5bbcc}.status-dot.waiting,.status-dot.paused{background:var(--amber);box-shadow:0 0 14px #efbb52b3}.status-dot.failed{background:var(--red);box-shadow:0 0 14px #f2685ccc}.port-message{min-width:0}.mission-banner span,.mission-progress span{display:block;color:#83a0a6;font:10px var(--mono);letter-spacing:.12em}.port-message strong{display:block;margin-top:4px;overflow:hidden;color:#d9e7e8;font-size:14px;font-weight:560;white-space:nowrap;text-overflow:ellipsis}.mission-progress>div,.meter,.unload-meter{height:4px;margin-top:7px;overflow:hidden;background:#72979e21}.mission-progress i,.meter i,.unload-meter i{display:block;width:0;height:100%;background:var(--mint);box-shadow:0 0 10px #65e5bb7a;transition:width .15s linear}.control-layout{display:grid;grid-template-columns:260px minmax(540px,1fr) 292px;min-height:calc(100svh - 187px)}.panel{min-width:0;background:var(--panel)}.telemetry-panel,.controls-panel{padding:15px}.telemetry-panel{border-right:1px solid var(--line)}.controls-panel{border-left:1px solid var(--line)}.panel-heading{min-height:42px;display:flex;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-heading>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(101,229,187,.32);color:var(--mint);font:10px var(--mono)}.panel-heading p,.panel-heading h2{margin:0}.panel-heading p{color:#89a3a8;font:10px var(--mono);letter-spacing:.12em}.panel-heading h2{margin-top:3px;color:var(--white);font-size:15px;letter-spacing:.09em}.primary-readout{padding:18px 0 16px;border-bottom:1px solid var(--line)}.primary-readout>span,.instrument-grid span,.compass-card span,.systems-card span,.section-title span,.docking-grid small,.engine-response>span{color:#86a1a7;font:10px var(--mono);letter-spacing:.12em}.primary-readout>div:first-of-type{margin-top:7px}.primary-readout strong{display:inline-block;color:var(--white);font:380 clamp(42px,4.1vw,59px) / .88 var(--mono);letter-spacing:-.08em}.primary-readout em{margin-left:9px;color:var(--mint);font:normal 10px var(--mono);letter-spacing:.1em}.primary-readout .meter{height:3px;margin-top:15px}.instrument-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.instrument-grid>div{min-height:80px;display:flex;flex-direction:column;justify-content:center;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.instrument-grid>div:nth-child(2n){border-right:0}.instrument-grid>div:nth-last-child(-n+2){border-bottom:0}.instrument-grid strong{margin-top:6px;color:#e2eeee;font:450 20px var(--mono)}.instrument-grid em,.compass-card em{margin-top:3px;color:var(--mint);font:normal 10px var(--mono);letter-spacing:.07em}.compass-card{min-height:144px;display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.compass{--heading: 37deg;width:90px;height:90px;position:relative;display:grid;place-items:center}.compass-ring{width:84px;height:84px;position:relative;border:1px solid rgba(127,166,174,.36);border-radius:50%;background:radial-gradient(circle,rgba(53,92,100,.18),transparent 68%);transform:rotate(calc(var(--heading) * -1));transition:transform .12s linear}.compass-ring:before,.compass-ring:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(130,166,173,.25);border-radius:50%}.compass-ring:after{inset:19px}.compass-ring span{position:absolute;color:#a9c0c4;font:10px var(--mono);transform:rotate(var(--heading))}.compass-ring .north{left:38px;top:4px;color:var(--red)}.compass-ring .south{left:38px;bottom:3px}.compass-ring .east{right:5px;top:37px}.compass-ring .west{left:5px;top:37px}.compass-ring i{width:1px;height:32px;position:absolute;left:41px;top:9px;background:linear-gradient(var(--mint),transparent)}.compass>b{position:absolute;top:-1px;left:41px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid var(--mint)}.compass-card>div:last-child{display:flex;flex-direction:column}.compass-card strong{margin-top:8px;color:var(--white);font:450 20px var(--mono)}.systems-card{padding-top:16px}.systems-card>div:first-child,.systems-row{display:flex;justify-content:space-between;align-items:center}.systems-card strong{color:#dfecec;font:12px var(--mono)}.systems-card strong.danger{color:var(--red)}.systems-card .meter{height:5px;margin-top:9px}.systems-card .danger-bar{background:var(--red)}.systems-row{margin-top:16px}.systems-row span{display:flex;gap:6px}.map-panel{min-height:clamp(620px,calc(100svh - 201px),880px);position:relative;overflow:hidden;background:#082b37}#harborCanvas{width:100%;height:100%;min-height:clamp(620px,calc(100svh - 201px),880px);display:block;touch-action:none}.map-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(6,19,25,.3),transparent 9%,transparent 89%,rgba(6,19,25,.38)),linear-gradient(90deg,rgba(6,19,25,.25),transparent 8%,transparent 92%,rgba(6,19,25,.28))}.map-actions{position:absolute;z-index:3;top:13px;right:13px;display:flex;gap:6px}.map-actions button{backdrop-filter:blur(10px)}.map-actions button:disabled{opacity:.35;cursor:not-allowed}.chart-key{position:absolute;z-index:3;bottom:14px;left:14px;display:flex;gap:15px;padding:8px 10px;border:1px solid rgba(130,174,183,.2);border-radius:5px;background:#041218c7;color:#a2b8bc;font:10px var(--mono);letter-spacing:.07em;backdrop-filter:blur(10px)}.chart-key span{display:flex;align-items:center;gap:6px}.chart-key i{width:6px;height:6px;display:block;border-radius:50%}.chart-key .you{background:var(--mint)}.chart-key .traffic{background:var(--amber)}.chart-key .berth{border:1px solid var(--mint);border-radius:1px}.game-overlay{width:min(560px,calc(100% - 44px));position:absolute;z-index:5;top:50%;left:50%;padding:clamp(26px,4vw,48px);transform:translate(-50%,-50%);border:1px solid rgba(142,193,199,.28);border-top:3px solid var(--mint);border-radius:3px;background:linear-gradient(135deg,#102d36f7,#051218fa);box-shadow:0 25px 65px #0000008c;backdrop-filter:blur(12px)}.game-overlay:before{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid rgba(136,178,188,.08)}.overlay-kicker,.result-stamp{color:var(--mint);font:10px var(--mono);letter-spacing:.16em}.game-overlay h1,.game-overlay h2,dialog h2{margin:15px 0 16px;color:var(--white);font-size:clamp(34px,4.2vw,58px);letter-spacing:-.05em;line-height:.93}.game-overlay p,dialog>p{max-width:470px;margin:0;color:#a7bdc1;font-size:13px;line-height:1.7}.game-overlay p strong{color:#dfeceb}.briefing-overlay{width:min(700px,calc(100% - 44px));max-height:calc(100% - 28px);overflow-y:auto}.briefing-overlay h1{font-size:clamp(33px,3.3vw,50px)}.briefing-stats{display:flex;gap:1px;margin:18px 0 12px;background:var(--line)}.briefing-stats span{flex:1;padding:12px;background:#0a1f27eb;color:#86a1a7;font:10px var(--mono);letter-spacing:.09em}.briefing-stats b{display:block;margin-bottom:5px;color:var(--white);font-size:14px}.departure-conditions{position:relative;z-index:1;isolation:isolate;margin-bottom:15px;padding:14px;border:1px solid rgba(136,178,188,.18);background:#04141b8c}.conditions-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:13px}.conditions-heading span,.weather-presets>span{display:block;color:var(--mint);font:10px var(--mono);letter-spacing:.12em}.conditions-heading strong{display:block;margin-top:4px;color:#d9e8e9;font:12px var(--mono);letter-spacing:.04em}.conditions-heading small{color:#78939a;font:10px var(--mono);white-space:nowrap}.conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px}.conditions-grid label{min-width:0}.conditions-grid label>span{display:flex;justify-content:space-between;color:#8ba5aa;font:10px var(--mono);letter-spacing:.08em}.conditions-grid output{color:var(--white);font-weight:700}.conditions-grid input[type=range]{--range-fill: 0%;width:100%;height:18px;position:relative;z-index:2;margin:5px 0 0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.conditions-grid input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,rgba(101,229,187,.82) 0 var(--range-fill),rgba(118,147,154,.2) var(--range-fill) 100%)}.conditions-grid input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,rgba(101,229,187,.82) 0 var(--range-fill),rgba(118,147,154,.2) var(--range-fill) 100%)}.conditions-grid input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;appearance:none;border:2px solid #09231f;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #65e5bb7a}.conditions-grid input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #09231f;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #65e5bb7a}.weather-presets{display:flex;align-items:center;gap:6px;margin-top:10px}.weather-presets>span{margin-right:auto;color:#68858b}.weather-presets button{min-height:32px;position:relative;z-index:2;padding:0 10px;border:1px solid var(--line-strong);border-radius:2px;background:#081c23d1;color:#91aaaf;font:10px var(--mono);letter-spacing:.05em;cursor:pointer;touch-action:manipulation}.weather-presets button:hover,.weather-presets button.active{color:#bdf5e1;border-color:#65e5bb8c;background:#65e5bb1a}.primary-button{min-height:45px;position:relative;z-index:1;padding:0 19px;border:1px solid var(--mint);border-radius:3px;background:var(--mint);color:#06221e;font:800 10px var(--mono);letter-spacing:.08em;cursor:pointer;transition:.16s ease}.primary-button:hover{transform:translateY(-1px);background:#82efd0;box-shadow:0 8px 24px #65e5bb3d}.briefing-overlay>small{display:block;margin-top:12px;color:#759198;font:10px var(--mono)}.compact-overlay{width:min(430px,calc(100% - 44px));text-align:center}.compact-overlay h2{font-size:38px}.unload-meter{height:7px;margin:23px 0 12px}#unloadOverlay>strong{color:var(--mint);font:16px var(--mono)}.result-overlay{text-align:center}.result-stamp{display:block;width:fit-content;margin:auto;padding:7px 10px;border:1px solid rgba(101,229,187,.48)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;background:var(--line)}.result-grid span{padding:15px 8px;background:#0a1f27f0}.result-grid small{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.08em}.result-grid b{display:block;margin-top:6px;color:var(--white);font:17px var(--mono)}.failed-overlay{border-top-color:var(--red)}.failed-overlay .result-stamp{color:var(--red);border-color:#f2685c80}.failed-overlay p{margin:0 auto 24px}.control-section{padding:14px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title strong{color:var(--mint);font:600 10px var(--mono);letter-spacing:.07em}.telegraph{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.telegraph button{min-height:45px;display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid rgba(126,165,173,.18);border-radius:2px;background:#07181fb8;color:#8ca5aa;font:10px/1.3 var(--mono);text-align:left;cursor:pointer}.telegraph button b{flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(126,165,173,.2);font-size:10px}.telegraph button:hover{color:#c4d7d9;border-color:#7eb9c16b}.telegraph button.active.ahead{color:#aef2d8;border-color:#65e5bbad;background:#65e5bb1f}.telegraph button.active.astern{color:#f9aa9e;border-color:#f2685cab;background:#f2685c1a}.telegraph button.active.stop{color:#ffd785;border-color:#efbb52b8;background:#efbb521a}.engine-response{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px}.engine-response .meter{height:3px;margin:0}.engine-response strong{color:#d0dfe0;font:500 10px var(--mono)}.rudder-scale{display:flex;justify-content:space-between;color:#809ba1;font:10px var(--mono)}.rudder-track{height:20px;position:relative;margin:5px 0 9px;background:linear-gradient(90deg,transparent 49.5%,rgba(204,225,227,.26) 49.5%,rgba(204,225,227,.26) 50.5%,transparent 50.5%),repeating-linear-gradient(90deg,rgba(127,166,174,.17) 0 1px,transparent 1px 12.5%)}.rudder-track:after{content:"";position:absolute;top:9px;left:0;width:100%;height:2px;background:#799ba233}.rudder-track i{width:6px;height:20px;position:absolute;z-index:1;top:0;left:50%;transform:translate(-50%);border-radius:2px;background:var(--mint);box-shadow:0 0 12px #65e5bbb3;transition:left .1s linear}.three-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.three-buttons button,.thruster-row button{min-height:38px;border:1px solid var(--line-strong);border-radius:2px;background:#081c23d1;color:#a1b7bb;font:10px var(--mono);cursor:pointer;touch-action:none}.three-buttons button:hover,.thruster-row button:hover,.thruster-row button.active{color:var(--white);border-color:#65e5bb8a;background:#65e5bb1f}.thruster-row{display:grid;grid-template-columns:40px 32px 1fr 32px;gap:5px;align-items:center;margin-top:7px}.thruster-row>span{color:#9db2b6;font:10px var(--mono);letter-spacing:.08em}.thruster-row>div{height:3px;position:relative;background:#789da429}.thruster-row>div:after{content:"";width:4px;height:11px;position:absolute;left:calc(50% - 2px);top:-4px;background:#607a80}.thruster-row i{width:15px;height:3px;position:absolute;top:0;left:calc(50% - 7px);background:var(--mint);opacity:0;transition:.1s ease}.thruster-row i.left{opacity:1;transform:translate(-17px)}.thruster-row i.right{opacity:1;transform:translate(17px)}.thruster-section p{margin:9px 0 0;color:#78949a;font-size:10px}.docking-section.ready{background:linear-gradient(90deg,rgba(101,229,187,.08),transparent)}.docking-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.docking-grid span{padding:8px;border:1px solid var(--line);background:#05161d94}.docking-grid small,.docking-grid b{display:block}.docking-grid b{margin-top:4px;color:#d2e1e2;font:500 12px var(--mono)}.utility-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:13px}kbd{min-width:22px;display:inline-grid;place-items:center;padding:2px 5px;border:1px solid rgba(134,177,184,.3);border-bottom-width:2px;border-radius:3px;background:#081b22e6;color:#b8cbce;font:10px var(--mono)}.footerbar{min-height:49px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px;border-top:1px solid var(--line);background:#06171e;color:#78949a;font:10px var(--mono);letter-spacing:.08em}.footerbar>span:last-child{text-align:right}.footerbar>div{display:flex;gap:14px}.footerbar>div span{display:flex;align-items:center;gap:5px}dialog{width:min(720px,calc(100% - 36px));max-height:calc(100svh - 40px);position:relative;padding:clamp(25px,4vw,46px);border:1px solid rgba(140,188,196,.28);border-top:3px solid var(--mint);background:linear-gradient(145deg,#102b34,#071920 65%);color:var(--text);box-shadow:0 30px 100px #000000a6}dialog::backdrop{background:#01080bd1;backdrop-filter:blur(9px)}dialog h2{font-size:44px}.modal-close{width:34px;height:34px;position:absolute;top:13px;right:13px;border:1px solid var(--line-strong);background:#081b22b3;color:#aac0c4;font-size:22px;cursor:pointer}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:24px 0}.help-grid article{min-height:92px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:4px 11px;padding:13px;border:1px solid var(--line);background:#06181f99}.help-grid article kbd{grid-row:1 / 3;align-self:start}.help-grid strong{color:#d4e5e6;font-size:12px}.help-grid span{color:#8aa3a8;font-size:10px;line-height:1.45}.docking-rules{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding:13px;border-left:2px solid var(--amber);background:#efbb5212}.docking-rules span{margin-right:auto;color:#96aaae;font:10px var(--mono);letter-spacing:.08em}.docking-rules strong{color:var(--amber);font:10px var(--mono)}@media(max-width:1320px){.control-layout{grid-template-columns:220px minmax(480px,1fr) 260px}.telemetry-panel,.controls-panel{padding:12px}.telegraph button{padding:4px 5px;font-size:10px}.telegraph button b{display:none}.mission-strip>span{padding:0 14px}}@media(min-width:1081px){.control-layout{height:clamp(620px,calc(100svh - 201px),880px);min-height:0}.map-panel,#harborCanvas{height:100%;min-height:0}.telemetry-panel,.controls-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(101,229,187,.28) transparent}}@media(max-height:950px)and (min-width:1081px){.app-frame{padding:8px}.simulator-shell{min-height:calc(100svh - 16px)}.topbar,.brand-lockup,.mission-strip,.top-actions{min-height:58px}.mission-strip>span{height:58px}.mission-banner{min-height:50px;padding-block:7px}.control-layout{height:max(560px,calc(100svh - 166px));min-height:0}.map-panel,#harborCanvas{height:100%;min-height:0}.primary-readout{padding-block:12px}.instrument-grid>div{min-height:68px}.compass-card{min-height:120px}.control-section{padding-block:10px}.footerbar{min-height:42px}}@media(max-width:1080px){.app-frame{padding:0}.simulator-shell{width:100%;min-height:100svh;border:0;border-radius:0}.topbar{grid-template-columns:1fr auto}.mission-strip{display:none}.control-layout{grid-template-columns:220px minmax(0,1fr)}.map-panel{grid-column:2;grid-row:1}.telemetry-panel{grid-column:1;grid-row:1}.controls-panel{grid-column:1 / -1;display:grid;grid-template-columns:180px 1.2fr 1fr 1fr 1fr;gap:14px;border-top:1px solid var(--line);border-left:0}.controls-panel .panel-heading,.controls-panel .control-section{border-right:1px solid var(--line);border-bottom:0;padding-right:14px}.controls-panel .docking-section{border-right:0}.utility-buttons{grid-column:4 / 6}.map-panel,#harborCanvas{min-height:620px}.footerbar{grid-template-columns:1fr 1fr}.footerbar>div{display:none}}@media(max-width:760px){.topbar,.brand-lockup,.top-actions{min-height:57px}.brand-lockup{padding:0 11px}.brand-mark{width:28px;height:28px}.brand-lockup strong{font-size:12px}.brand-lockup div span,#soundToggle{display:none}.top-actions{padding:0 8px}.mission-banner{min-height:52px;grid-template-columns:auto 1fr;padding:8px 11px}.mission-progress{display:none}.port-message strong{font-size:10px}.control-layout{display:flex;flex-direction:column}.map-panel{order:1;min-height:520px;border-bottom:1px solid var(--line)}#harborCanvas{min-height:520px}.controls-panel{order:2;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.controls-panel .panel-heading{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--line)}.controls-panel .control-section{border-right:0;border-bottom:1px solid var(--line)}.docking-section,.utility-buttons{grid-column:1 / -1}.telemetry-panel{order:3;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border-top:1px solid var(--line);border-right:0}.telemetry-panel .panel-heading,.primary-readout,.systems-card{grid-column:1 / -1}.instrument-grid,.compass-card{border-bottom:0}.map-actions{top:auto;right:9px;bottom:9px}.map-actions button{min-height:33px;padding:0 8px;font-size:10px}#pauseButton,.chart-key{display:none}.game-overlay{width:calc(100% - 24px);padding:24px 20px}.game-overlay h1,.result-overlay h2{font-size:38px}.briefing-overlay p{font-size:11px}.briefing-stats{margin:16px 0}.conditions-grid{grid-template-columns:1fr;gap:8px}.conditions-heading small{display:none}.briefing-overlay>small{display:none}.help-grid{grid-template-columns:1fr}.docking-rules{flex-wrap:wrap;gap:10px}.docking-rules span{width:100%}}@media(max-width:480px){.map-panel,#harborCanvas{min-height:455px}.controls-panel,.telemetry-panel{grid-template-columns:1fr}.controls-panel>*,.telemetry-panel>*{grid-column:1!important}.briefing-stats span{padding:9px 6px;font-size:10px}.briefing-stats b{font-size:12px}.weather-presets{flex-wrap:wrap}.weather-presets>span{width:100%}.primary-button{width:100%}.result-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}