:root{--sh-bg: rgba(8, 8, 8, .94);--sh-border: rgba(255, 255, 255, .06);--sh-text: rgba(255, 255, 255, .88);--sh-text-dim: rgba(255, 255, 255, .38);--sh-text-mid: rgba(255, 255, 255, .55);--sh-surface: rgba(255, 255, 255, .06);--sh-surface-hover: rgba(255, 255, 255, .1);--sh-accent: rgba(255, 255, 255, .7);--sh-radius: 4px;--sh-width: 320px;--sh-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.sh-panel{position:fixed;top:0;right:0;width:var(--sh-width);max-width:50vw;height:100%;box-sizing:border-box;background:var(--sh-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--sh-border);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:100;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,min-width .28s cubic-bezier(.4,0,.2,1);font-family:var(--sh-font);color:var(--sh-text);font-size:12px;line-height:1.4;-webkit-user-select:none;user-select:none}.sh-panel input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),.sh-panel textarea,.sh-panel [contenteditable=true]{-webkit-user-select:text;user-select:text}.sh-panel.collapsed{width:0;min-width:0;opacity:0;pointer-events:none;overflow:hidden;border-left-width:0}.sh-panel-body{padding:16px 14px 32px;display:flex;flex-direction:column;gap:2px}.sh-panel-hint{position:fixed;right:14px;bottom:14px;padding:5px 10px;font-family:var(--sh-font);font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--sh-text-dim);background:#ffffff0a;border:1px solid var(--sh-border);border-radius:999px;pointer-events:none;z-index:101;transition:opacity .6s ease}.sh-panel-hint.hidden{opacity:0}.sh-folder{margin-bottom:2px}.sh-folder-head{display:flex;align-items:center;gap:6px;padding:8px 2px;cursor:pointer;user-select:none;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--sh-text-mid);transition:color .15s ease}.sh-folder-head:hover{color:var(--sh-text)}.sh-arrow{font-size:10px;transition:transform .2s ease;display:inline-block}.sh-folder.collapsed .sh-arrow{transform:rotate(-90deg)}.sh-folder-body{display:flex;flex-direction:column;gap:2px;padding-left:4px;overflow:hidden;max-height:4000px;transition:max-height .3s ease,opacity .2s ease}.sh-folder.collapsed>.sh-folder-body{max-height:0;opacity:0;pointer-events:none}.sh-ctrl{padding:6px 4px;display:flex;flex-direction:column;gap:6px}.sh-ctrl-head{display:flex;justify-content:space-between;align-items:baseline}.sh-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.4px;color:var(--sh-text-dim)}.sh-value{font-size:11px;font-variant-numeric:tabular-nums;color:var(--sh-text-mid);min-width:36px;text-align:right}.sh-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--sh-surface);border-radius:2px;cursor:pointer;outline:none}.sh-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 6px #ffffff40;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.sh-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 10px #fff6}.sh-slider input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#fff;border:none;border-radius:50%;box-shadow:0 0 6px #ffffff40;cursor:pointer}.sh-slider input[type=range]::-moz-range-track{height:3px;background:var(--sh-surface);border-radius:2px}.sh-color{flex-direction:row;align-items:center;justify-content:space-between}.sh-color input[type=color]{-webkit-appearance:none;appearance:none;width:36px;height:20px;padding:0;border:1px solid var(--sh-border);border-radius:var(--sh-radius);background:transparent;cursor:pointer}.sh-color input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.sh-color input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.sh-toggle{flex-direction:row;align-items:center;justify-content:space-between}.sh-switch{position:relative;display:inline-block;width:32px;height:16px;cursor:pointer}.sh-switch input{opacity:0;width:0;height:0;position:absolute}.sh-knob{position:absolute;inset:0;background:var(--sh-surface);border-radius:999px;transition:background .2s ease}.sh-knob:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#ffffff59;border-radius:50%;transition:transform .2s ease,background .2s ease}.sh-switch input:checked+.sh-knob{background:#ffffff26}.sh-switch input:checked+.sh-knob:after{transform:translate(16px);background:#fff}.sh-btn{display:block;width:100%;padding:7px 12px;margin:2px 0;font-family:var(--sh-font);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:var(--sh-text);background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-radius);cursor:pointer;transition:background .15s ease,border-color .15s ease}.sh-btn:hover{background:var(--sh-surface-hover);border-color:#ffffff1f}.sh-btn:active{background:#ffffff24}.sh-select{flex-direction:row;align-items:center;justify-content:space-between}.sh-select select{padding:4px 8px;font-family:var(--sh-font);font-size:11px;color:var(--sh-text);background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-radius);outline:none;cursor:pointer;min-width:90px;transition:border-color .15s ease}.sh-select select:hover{border-color:#ffffff26}.sh-select select option{background:#111;color:var(--sh-text)}.sh-file{padding:4px}.sh-panel::-webkit-scrollbar{width:5px}.sh-panel::-webkit-scrollbar-track{background:transparent}.sh-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sh-panel::-webkit-scrollbar-thumb:hover{background:#fff3}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}#app{display:grid;grid-template-columns:minmax(0,1fr) 300px;width:100%;height:100%}#app.closed{grid-template-columns:minmax(0,1fr) 0}#viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:#000}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}canvas.walk-view{cursor:crosshair}canvas:focus-visible:not(.pointer-focused){outline:1px solid #bda9c5;outline-offset:-2px}#panel.sh-panel{position:relative;inset:auto;width:300px;max-width:none;height:100%;max-height:100%;transform:none!important;transition:none;border-left:1px solid #272329;overflow:auto;user-select:none}#panel.collapsed{visibility:hidden;pointer-events:none}.sh-panel-hint{display:none!important}.panel-intro{padding:18px 16px 10px;font:12px/1.6 sans-serif;color:#aaa}.panel-intro strong{display:block;color:#e5dce9;font-size:16px;letter-spacing:.02em}.panel-status{font:11px/1.5 monospace;color:#a79bac;padding:0 16px 10px;min-height:2.6em}.panel-room{font:11px/1.4 monospace;color:#d8c4e2;padding:0 16px 8px;letter-spacing:.08em;text-transform:uppercase}.panel-map{display:block;height:250px;width:auto;max-width:calc(100% - 32px);margin:0 auto 12px;image-rendering:pixelated;border:1px solid #2f2934;border-radius:3px;background:#1d1a24}.panel-progress{height:3px;margin:0 16px 12px;background:#2a2530;border-radius:2px;overflow:hidden}.panel-progress>div{height:100%;width:0;background:#bda9c5;transition:width .2s}.copy-fallback{width:100%;min-height:100px;user-select:text}@media(max-width:760px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 40%}#app.closed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 0}#panel.sh-panel{width:100%;height:100%;border-left:0;border-top:1px solid #272329}.sh-panel-body{padding-bottom:24px}}.loading{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#282735;color:#e7e2f1;font:12px/1.4 Michroma,Arial Narrow,sans-serif;letter-spacing:.14em}.loading i{display:block;width:240px;height:3px;background:#3a364a}.loading em{display:block;height:100%;width:0;background:#b9cde8;transition:width .2s}body.touch-mode{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-mode #app{height:100vh;height:100dvh}.touch-mode #viewport{touch-action:none}.touch-controls{position:absolute;inset:0;z-index:35;pointer-events:none}.touch-controls[hidden],.touch-controls [hidden]{display:none}.touch-controls button,.touch-close{position:absolute;pointer-events:auto;touch-action:none;width:56px;min-height:56px;padding:4px;border:1px solid var(--ink);border-radius:50%;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--ink);font:11px var(--mono);text-transform:uppercase;opacity:.8}.touch-controls button.pressed,.touch-controls button.available{background:var(--ink);color:var(--bg);opacity:.95}.touch-use{right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:76px!important;height:76px}.touch-controls .touch-zoom{right:max(28px,env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom))}.touch-controls .touch-fire{right:calc(106px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom))}.touch-controls .touch-status{right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}.touch-controls .touch-pause{right:calc(76px + env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}.touch-controls .touch-up{right:calc(80px + env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom))}.touch-controls .touch-down{right:calc(80px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.touch-controls .touch-boost{right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.touch-controls .touch-drop-link{left:max(16px,env(safe-area-inset-left));top:calc(150px + env(safe-area-inset-top))}.touch-controls.menu button:not(.touch-status){display:none}.touch-stick{position:absolute;width:112px;height:112px;margin:-56px;border:1px solid var(--ink);border-radius:50%;background:#070d1633;opacity:.6}.touch-stick i{position:absolute;left:35px;top:35px;width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;background:var(--panel)}.touch-close{position:static;width:72px;border-radius:3px}.touch-mode #panel,.touch-mode #viewport.touch-menu{touch-action:pan-y}#viewport{--bg: #070d16;--panel: rgba(12, 21, 34, .9);--raised: #122033;--line: #24405f;--dim: #5b86b8;--ink: #a9d4ff;--hot: #e3f2ff;--bad: #ff5b4d;--glow: 0 0 8px rgba(169, 212, 255, .55);--sans: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12px}body.soft-capture canvas{cursor:none}#viewport svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cut{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}#crosshair{position:absolute;top:50%;left:50%;z-index:20;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg) 80%,transparent),var(--glow);pointer-events:none;transition:width .12s,height .12s,margin .12s,background .12s}#crosshair.active{width:14px;height:14px;margin:-7px 0 0 -7px;background:transparent;border:2px solid var(--ink);box-sizing:border-box}#prompt{position:absolute;bottom:14%;left:50%;z-index:20;display:none;align-items:baseline;gap:4px;transform:translate(-50%);color:var(--hot);font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}#prompt b{color:var(--ink);font-weight:400;opacity:.85}#prompt.visible{display:flex}#hud-hint{position:absolute;left:50%;bottom:28px;z-index:20;display:none;transform:translate(-50%);color:var(--ink);opacity:.8;font-size:12px;letter-spacing:.14em;text-shadow:0 0 8px color-mix(in srgb,var(--bg) 95%,transparent);pointer-events:none;white-space:nowrap}#hud-hint.visible{display:block}#ticker{position:absolute;right:20px;bottom:20px;z-index:20;opacity:0;font-size:12px;color:var(--ink);text-shadow:0 0 8px color-mix(in srgb,var(--bg) 95%,transparent);pointer-events:none}#ticker.show{animation:ticker 3.2s ease-out forwards}@keyframes ticker{0%{opacity:0;transform:translateY(6px)}10%{opacity:.95;transform:none}70%{opacity:.95}to{opacity:0}}#toasts{position:absolute;left:16px;bottom:16px;z-index:20;display:flex;flex-direction:column-reverse;gap:6px;pointer-events:none}.toast{padding:7px 12px;border-left:3px solid var(--ink);background:var(--panel);font-size:12px;transition:opacity .6s,transform .6s}.toast.bad{border-color:var(--bad);color:color-mix(in srgb,var(--bad) 45%,white)}.toast.out{opacity:0;transform:translate(-12px)}#status{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:22px;pointer-events:none;opacity:0;transition:opacity .14s}#status.open{opacity:1}#status.open .tablet{pointer-events:auto}#status .tablet{width:min(1080px,100%);max-height:100%;overflow:auto;padding:14px 18px 18px;border:1px solid var(--dim);background:color-mix(in srgb,var(--bg) 93%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--bg) 60%,transparent),0 0 40px #00000080;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);transform:translateY(6px);transition:transform .14s}#status.open .tablet{transform:none}#status header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px}#status h2{margin:0;font-size:28px;font-weight:700;letter-spacing:.22em;text-shadow:var(--glow)}#status .room{color:var(--dim);font-size:11px}#status .pin{justify-self:end;color:var(--dim);font-size:10px}#status .quad{display:grid;grid-template-columns:1fr 1fr;gap:12px}#status .q{border:1px solid var(--line);padding:10px 12px 12px;background:color-mix(in srgb,var(--raised) 60%,transparent);min-width:0}#status h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.12em}#status h3 i{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--ink);font-style:normal;font-size:13px}#status .ico{width:20px;height:20px;flex:none}.seg{display:inline-flex;gap:3px}.seg i{width:9px;height:10px;background:color-mix(in srgb,var(--ink) 14%,transparent)}.seg i.on{background:var(--ink);box-shadow:0 0 4px color-mix(in srgb,var(--ink) 60%,transparent)}.seg.bad i.on{background:var(--bad);box-shadow:0 0 4px color-mix(in srgb,var(--bad) 60%,transparent)}#status .flow{display:flex;align-items:center;gap:6px}#status .flow .arrow{width:18px;height:18px;color:var(--dim);flex:none}#status .tile{flex:1;display:grid;justify-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);background:var(--raised);min-width:0}#status .tile .ico{width:30px;height:30px;margin-bottom:2px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--ink) 50%,transparent))}#status .tile span,#status .tile em{font-size:9px;color:var(--dim);font-style:normal}#status .tile b{font-size:18px;text-shadow:var(--glow)}#status .tile.bad{border-color:var(--bad);color:var(--bad)}#status .tile.bad b{text-shadow:none}#status .tile.bad em{color:var(--bad)}#status .holdbar{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:10px;color:var(--dim)}#status .holdbar .cells{flex:1}#status .holdbar .seg{display:flex}#status .holdbar .seg i{flex:1;height:12px}#status .holdbar b{color:var(--ink);font-size:12px}#status .holdbar b.bad{color:var(--bad)}#status .fleet .row,#status .systems .row{display:grid;align-items:center;gap:10px;padding:5px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);font-size:11px}#status .fleet .row{grid-template-columns:20px 42px 1fr auto 64px}#status .fleet .row span:last-child{text-align:right;color:var(--dim)}#status .fleet .row.home span:nth-of-type(1){color:var(--dim)}#status .fleet .row.off{color:var(--line)}#status .fleet .row.off .ico{color:var(--dim)}#status .systems .group h4{margin:6px 0 2px;font-size:9px;font-weight:400;color:var(--dim);letter-spacing:.16em}#status .systems .row{grid-template-columns:20px 1fr auto auto}#status .systems .row span{color:var(--hot)}#status .voyage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#status .stat{display:grid;justify-items:center;gap:4px;padding:10px 4px;border:1px solid var(--line);background:var(--raised)}#status .stat .ico{width:26px;height:26px}#status .stat span{font-size:9px;color:var(--dim)}#status .stat b{font-size:20px;text-shadow:var(--glow)}#status .stat.bad{color:var(--bad);border-color:var(--bad)}#status .stat.bad b{text-shadow:none}#pilot{position:absolute;inset:0;z-index:19;display:none;pointer-events:none}#pilot.visible{display:block}#pilot .frame{position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}#pilot.weak .frame{border-color:var(--bad);animation:pilot-weak .5s infinite alternate}@keyframes pilot-weak{to{border-color:color-mix(in srgb,var(--bad) 20%,transparent)}}#pilot .read{position:absolute;left:50%;bottom:34px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 18px;background:var(--panel);border:1px solid var(--line)}#pilot .read b{font-weight:700;text-shadow:var(--glow)}#pilot .bar{width:260px;height:6px;background:color-mix(in srgb,var(--ink) 14%,transparent)}#pilot .bar i{display:block;height:100%;background:var(--ink)}#pilot.weak .bar i{background:var(--bad)}#pilot .keys{font-size:10px;color:var(--dim)}#intro{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(2px);cursor:pointer}#intro.hidden{display:none}#intro .card{width:min(640px,100%);border:1px solid var(--dim);background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}#intro h1{margin:26px 16px 22px;font-weight:700;font-size:42px;letter-spacing:.2em;text-shadow:var(--glow)}#intro .controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px;border-top:1px solid var(--line);font-size:11px}#intro .controls b{font-weight:700;color:var(--bg);background:var(--ink);padding:1px 6px;margin-right:8px}#intro .controls .wide{grid-column:1 / -1}#intro .enter{margin:0;padding:12px 16px;border-top:1px solid var(--dim);background:var(--ink);color:var(--bg);text-align:center;text-transform:uppercase;letter-spacing:.14em;font-weight:700}#intro.paused .controls{display:none}#glass-tags{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.glass-tag{position:absolute;top:0;left:0;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:var(--ink);text-shadow:0 0 6px color-mix(in srgb,var(--bg) 95%,transparent)}.glass-tag i{width:7px;height:7px;margin-left:-3.5px;border:1px solid currentColor;transform:rotate(45deg);flex:none}.glass-tag span{padding:1px 6px;border-left:1px solid currentColor;background:color-mix(in srgb,var(--bg) 60%,transparent)}.glass-tag[data-kind="salvage claimed"]{opacity:.45}.glass-tag[data-kind=drone]{color:var(--hot)}.glass-tag[data-kind=drone] i{border-radius:50%;transform:none}@media(max-width:760px){#status .quad,#intro .controls{grid-template-columns:1fr}}#radio{position:absolute;left:16px;top:16px;z-index:20;display:none;width:200px;padding:0 0 4px;border:1px solid var(--dim);background:var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--bg) 55%,transparent)}#radio.on{display:block}#radio.on:not(.docked){opacity:0;pointer-events:none;z-index:-1}#radio.docked{z-index:31;left:auto;top:auto}#st-radio{min-height:232px;display:grid;place-items:start center;color:var(--dim);font-size:10px;padding-top:90px;box-sizing:border-box;text-align:center}#radio header{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:9px;letter-spacing:.08em;white-space:nowrap}#radio header svg{width:14px;height:14px;flex:none}#radio header span{margin-left:auto;color:var(--dim)}#radio .crop{position:relative;width:200px;height:200px;overflow:hidden}#radio .crop iframe{position:absolute;left:-78px;top:0;width:356px;height:200px;border:0}.touch-mode #prompt{top:calc(50% + 20px);bottom:auto;max-width:78%;white-space:normal;text-align:center;font-size:12px}.touch-mode #hud-hint{bottom:185px;width:80%;white-space:normal;text-align:center;font-size:11px}.touch-mode #toasts{left:10px;right:10px;bottom:210px;max-height:90px;overflow:hidden}.touch-mode #ticker{top:78px;bottom:auto;right:12px;max-width:90%;font-size:11px}.touch-mode #status{padding:calc(72px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.touch-mode #status.open{pointer-events:auto}.touch-mode #status,.touch-mode #status .tablet{touch-action:pan-y;overscroll-behavior:contain}.touch-mode #status input{touch-action:none;min-height:44px}.touch-mode #status .tablet{padding:10px}.touch-mode #status header{grid-template-columns:1fr auto;gap:8px}.touch-mode #status h2{font-size:20px}.touch-mode #status .quad{grid-template-columns:1fr}.touch-mode #status .q{padding:8px}.touch-mode #status .tile span,.touch-mode #status .tile em,.touch-mode #status .stat span,.touch-mode #status .systems .group h4{font-size:11px}.touch-mode #status .voyage{grid-template-columns:1fr 1fr}.touch-mode #status .fleet .row{grid-template-columns:16px 32px 1fr auto;gap:5px}.touch-mode #status .fleet .row span:last-child{grid-column:2 / -1}.touch-mode #pilot .read{top:76px;bottom:auto;width:min(300px,80%);font-size:11px;padding:6px}.touch-mode #pilot .keys{font-size:11px;text-align:center}.touch-mode #intro{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.touch-mode #intro h1{margin:14px;font-size:30px}.touch-mode #intro .controls{display:block;line-height:1.8;font-size:12px;padding:12px}.touch-mode #intro.paused .controls{display:none}@media(max-height:440px){.touch-mode #hud-hint{bottom:14px;width:48%}.touch-mode #toasts{top:75px;bottom:auto;right:auto;width:34%}.touch-mode #pilot .read{top:10px;width:40%}.touch-mode #pilot .keys{display:none}.touch-mode #status .quad{grid-template-columns:1fr 1fr}}#status .sound .vol{display:grid;grid-template-columns:9.5em 1fr 3.5em;align-items:center;gap:10px;margin:8px 0;font-size:11px}#status .sound .vol span{color:var(--dim)}#status .sound .vol b{justify-self:end;font-weight:400;color:var(--hot)}#status .sound input[type=range]{appearance:none;width:100%;height:16px;margin:0;background:none;cursor:pointer}#status .sound input[type=range]::-webkit-slider-runnable-track{height:4px;background:color-mix(in srgb,var(--ink) 22%,transparent)}#status .sound input[type=range]::-moz-range-track{height:4px;background:color-mix(in srgb,var(--ink) 22%,transparent)}#status .sound input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:16px;margin-top:-6px;background:var(--ink);box-shadow:0 0 6px color-mix(in srgb,var(--ink) 60%,transparent)}#status .sound input[type=range]::-moz-range-thumb{width:10px;height:16px;border:0;border-radius:0;background:var(--ink)}#status .sound input[type=range]:focus-visible{outline:1px solid var(--hot);outline-offset:2px}