:root{--bg: rgba(6, 9, 14, .78);--line: rgba(126, 214, 232, .45);--cyan: #7ee7ff;--amber: #ffb24a;--danger: #ff4d6a;--text: #e7eef6;--dim: #8ea0b3;--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;color:var(--text);font-family:var(--font)}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:#04060a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,select,textarea{user-select:text;touch-action:manipulation}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#app{position:fixed;inset:0;pointer-events:none;z-index:2}[hidden]{display:none!important}button,.overlay,.hud-hit{pointer-events:auto}button{font:inherit;color:var(--text);background:#080e14d1;border:1px solid var(--line);min-height:44px;padding:0 14px;letter-spacing:.08em;cursor:pointer}button:hover,button.on{border-color:var(--cyan);color:var(--cyan)}button:active{transform:translateY(1px)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#04060a8c;padding:24px 16px;overflow:hidden}.panel{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--bg);border:1px solid var(--line);padding:22px 20px 18px;box-shadow:0 0 40px #3cb4c814}.brand{font-size:12px;letter-spacing:.42em;color:var(--cyan)}h1{margin:6px 0 4px;font-weight:560;font-size:34px;letter-spacing:.04em}.sub{margin:0 0 16px;color:var(--dim)}.col,.row{display:flex;gap:8px}.col{flex-direction:column}.row{flex-wrap:wrap}.grow{flex:1}.menu-actions{margin-top:8px}label.field{display:flex;flex-direction:column;gap:6px;color:var(--dim);font-size:12px;letter-spacing:.12em;margin-bottom:10px}input[type=text],input[type=range],select{width:100%;background:#0b1016;color:var(--text);border:1px solid rgba(126,214,232,.28);min-height:36px;padding:4px 8px;font:inherit}.check{flex-direction:row;align-items:center;letter-spacing:.06em}.check input{width:auto}.bar{height:4px;background:#172028;margin-top:18px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1a6d80,var(--cyan))}#hud{position:fixed;inset:0;pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;height:36px;max-height:40px;display:flex;align-items:center;gap:10px;padding:0 60px 0 12px;background:#060a106b;border-bottom:1px solid rgba(126,214,232,.16);font-size:12px;letter-spacing:.04em;color:var(--dim);overflow:hidden;white-space:nowrap;transition:opacity .6s ease}.topbar.idle{opacity:.35}.topbar b{color:var(--text);font-weight:600}#hud-timechip.alert b{color:var(--danger)}#hud-think{color:var(--amber)}#hud-axes{color:var(--amber);margin-left:auto}.faces{display:flex;gap:3px}.faces i{font-style:normal;font-size:10px;line-height:16px;padding:0 3px;border:1px solid rgba(90,110,126,.45);color:#66788a}.faces i.open{color:#d8fbff;border-color:#3ce6ffd9}.faces i.exit{color:#ffb24a;border-color:#ffb24a}.pips{display:flex;gap:3px}.pips s{width:10px;height:6px;background:#24303a;text-decoration:none;display:block}.pips s.on{background:var(--cyan)}.rail{position:fixed;top:48px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:4}.rail button{width:42px;min-height:42px;height:42px;padding:0;letter-spacing:0;position:relative}.rail button[title]:hover:after{content:attr(title);position:absolute;right:48px;top:8px;white-space:nowrap;background:#060a10eb;border:1px solid rgba(126,214,232,.4);padding:3px 8px;font-size:12px;letter-spacing:.06em;pointer-events:none}.twist-tray{position:fixed;top:50%;right:58px;width:176px;transform:translateY(-50%);padding:10px;background:#060a10e0;border:1px solid rgba(126,214,232,.35);z-index:4;visibility:hidden;pointer-events:none}.twist-tray.open{visibility:visible;pointer-events:auto}.twist-tray .twist-title{color:var(--cyan);letter-spacing:.18em;font-size:12px;margin-bottom:8px}.twist-tray label{color:var(--dim);font-size:12px;letter-spacing:.08em}.twist-tray .sub{margin:8px 0 0;font-size:12px}.twist-tray button{min-height:34px;flex:1}#minimap-dock{position:absolute;left:12px;bottom:12px;width:220px;height:228px;z-index:4;pointer-events:auto;background:#05080c8c;border:1px solid rgba(126,214,232,.28)}#minimap-dock canvas{width:100%;height:calc(100% - 28px);display:block;touch-action:none}#minimap-dock .map-foot{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:11px;letter-spacing:.08em;color:var(--dim)}#minimap-dock .map-foot button{min-height:22px;padding:0 6px}#minimap-dock.folded{width:44px;height:44px}#minimap-dock.folded canvas,#minimap-dock.folded #map-tip,#minimap-dock.folded #map-breach{display:none}#minimap-dock.full{position:fixed;inset:0;width:auto;height:auto;background:#04060acc;border:none;padding:44px 72px 40px 20px;z-index:8}#minimap-dock.full canvas{height:100%}#minimap-dock.full .map-foot{position:absolute;left:16px;top:6px;width:auto;gap:8px}#map-tip{display:none;position:absolute;left:20px;bottom:12px;color:var(--text);font-size:13px;letter-spacing:.04em;pointer-events:none}#minimap-dock.full #map-tip{display:block}#pip-slot{position:fixed;top:46px;right:60px;width:220px;z-index:5;pointer-events:none;border:1px solid rgba(126,231,255,.5);background:#07090e}#pip-slot canvas{display:block;width:220px;height:132px}#pip-slot span{position:absolute;left:6px;top:4px;font-size:11px;letter-spacing:.16em;color:var(--cyan)}.coach,.toast{position:absolute;pointer-events:none;background:#080a0ecc;border:1px solid var(--line);padding:6px 10px;font-size:13px}.coach{top:44px;left:12px;max-width:min(420px,42vw)}.toast{top:44px;right:64px;max-width:220px;color:var(--danger)}.touch-ui{display:none;pointer-events:none}body.coarse .touch-ui{display:block}body.coarse .rail{display:none}body.coarse .coach{max-width:70vw}body.coarse #minimap-dock{width:128px;height:148px;left:8px;bottom:60px}body.coarse #minimap-dock.full{width:auto;height:auto;left:0;bottom:0}body.coarse #pip-slot{width:132px;right:8px}body.coarse #pip-slot canvas{width:132px;height:84px}body.coarse .topbar{font-size:11px;gap:6px;padding-right:8px}body.coarse .faces,body.coarse #hud-axes{display:none}.move-zone,.look-zone{position:fixed;top:36px;bottom:62px;pointer-events:none}.move-zone{left:0;width:58%}.look-zone{right:0;width:42%}.swipe-dial{position:fixed;left:50%;bottom:72px;width:118px;height:118px;margin-left:-59px;z-index:5;border-radius:50%;border:1px solid rgba(126,231,255,.18);background:radial-gradient(circle,#08141a59,#04080c1f 70%);opacity:.55;transition:opacity .15s ease;pointer-events:none}.swipe-dial.active{opacity:1}.swipe-dial .sd{position:absolute;font-size:11px;letter-spacing:.08em;color:#7ee7ff80;border:1px solid transparent;padding:2px 5px}.swipe-dial .sd.on{color:#061015;background:var(--cyan);border-color:var(--cyan)}.swipe-dial .sd-f{top:4px;left:50%;transform:translate(-50%)}.swipe-dial .sd-b{bottom:4px;left:50%;transform:translate(-50%)}.swipe-dial .sd-l{left:4px;top:50%;transform:translateY(-50%)}.swipe-dial .sd-r{right:4px;top:50%;transform:translateY(-50%)}.swipe-dial .sd-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;color:#7ee7ff73;font-style:normal}.edge-bar{position:fixed;left:0;right:0;bottom:0;height:56px;max-height:64px;display:flex;gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#05080c73;pointer-events:auto;z-index:4}.edge-bar button{flex:1;min-width:0;min-height:40px;padding:0 4px}body.coarse .twist-tray{inset:auto 8px 56px;width:auto;transform:none}.steps{min-height:140px;color:var(--text);line-height:1.55}.steps svg{width:72px;height:72px;float:left;margin-right:12px}.stats{line-height:1.7;color:var(--dim)}.stats b{color:var(--text)}@media(max-width:720px){h1{font-size:28px}.overlay{padding:16px 12px}.panel{padding:16px 14px 14px}.row button,.col button{min-width:0}}#net-code{width:100%;min-height:92px;margin-top:6px;padding:8px;background:#060a0eeb;color:var(--text);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;letter-spacing:.02em;word-break:break-all;resize:vertical}#net-code:focus{outline:1px solid var(--cyan)}#net-status{color:var(--cyan);min-height:2.6em;margin:8px 0 4px}#screen-net .panel{width:min(520px,100%)}#screen-net button:disabled{opacity:.4;cursor:not-allowed}body.map-open .topbar,body.map-open .rail,body.map-open #twist-tray,body.map-open .touch-ui,body.map-open #pip-slot,body.map-open .coach{display:none!important}body.map-open #minimap-dock.full{padding:16px 24px 44px 16px;background:#030508eb}#minimap-dock{width:248px;height:236px}#minimap-dock canvas{height:calc(100% - 26px)}#minimap-dock .map-foot{height:26px;padding:0 8px}#hud-top .faces{display:none}#hud-shift{color:var(--dim)}#hud-shift.warn,#hud-shift.warn b{color:var(--danger)}body.coarse .edge-bar{height:58px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));gap:5px}body.coarse .edge-bar button{min-height:42px;font-size:12px;letter-spacing:.04em}body.coarse .twist-tray{bottom:62px}@media(max-height:700px){.swipe-dial{bottom:66px;width:100px;height:100px;margin-left:-50px}}body.coarse .topbar{height:40px;font-size:12px;gap:8px;background:#04080c9e;padding:0 10px}body.coarse .topbar b{color:#eafcff}body.coarse #hud-shift b{color:#ffd18a}#hud-dirs{position:fixed;right:62px;bottom:74px;width:150px;padding:6px 8px 7px;background:#04080c8c;border:1px solid rgba(126,231,255,.22);font-size:11px;letter-spacing:.04em;pointer-events:none;z-index:5}#hud-dirs .dir-cap{color:#7ee7ff99;font-size:10px;margin-bottom:4px}#hud-dirs{pointer-events:auto}#hud-dirs .dir-line{display:flex;align-items:center;gap:6px;width:100%;min-height:20px;padding:1px 2px;line-height:17px;color:#a0becd8c;background:transparent;border:1px solid transparent;text-align:left;cursor:pointer}#hud-dirs .dir-line:hover:not(:disabled){border-color:#7ee7ff8c;background:#1e5a6e40}#hud-dirs .dir-line:disabled{cursor:default}#hud-dirs .dir-line b{font-weight:500;width:38px;white-space:nowrap;color:#c8e6f09e}#hud-dirs .dir-line s{text-decoration:none;width:34px;color:#a0becdb3}#hud-dirs .dir-line i{font-style:normal;margin-left:auto}#hud-dirs .dir-line i.ok{color:#7ee7ff}#hud-dirs .dir-line i.no{color:#965a5ad9}#hud-dirs .dir-line.open b,#hud-dirs .dir-line.open s{color:#cdf7ff}#hud-dirs .dir-line.vert{opacity:.85}body.coarse #hud-dirs{right:8px;bottom:128px;width:112px;background:#04080c6b;font-size:10px}body.coarse #hud-dirs .dir-line{line-height:15px}#hud-seal{color:var(--danger);font-weight:600}body:not(.sealed) #btn-breach,body:not(.sealed) #btn-breach-m{opacity:.45}body.sealed #btn-breach,body.sealed #btn-breach-m{opacity:1;border-color:var(--danger);color:#ffd9d9;box-shadow:0 0 12px #ff5a5a40}body.orbit .swipe-dial{display:none}body.coarse #hud-dirs{bottom:128px}body.coarse.orbit #hud-dirs{width:156px;bottom:74px;font-size:12px;background:#04080c9e}body.coarse.orbit #hud-dirs .dir-line{min-height:30px}body.coarse #hud-dirs .dir-line{min-height:24px}#hud-dirs .dir-cap{line-height:1.3}#hud-dirs .dir-line{border:1px solid rgba(126,231,255,.16);background:#0a141a8c;border-radius:2px;margin:2px 0}#hud-dirs .dir-line:disabled{opacity:.8;border-style:dashed;border-color:#965a5a59}#hud-dirs .dir-line.open{border-color:#3ce6ffbf;background:#1e788c47;box-shadow:0 0 10px #3ce6ff2e inset}#hud-dirs .dir-line.open:active{background:#3ce6ff52}body.coarse #hud-dirs{width:178px;font-size:13px;bottom:70px}body.coarse #hud-dirs .dir-line{min-height:34px;gap:4px}body.coarse #hud-dirs .dir-line b{width:44px}body.coarse.orbit #hud-dirs{width:178px;bottom:70px;font-size:13px}body.coarse.orbit #hud-dirs .dir-line{min-height:36px}body.coarse #hud-dirs .dir-cap{font-size:11px;margin-bottom:5px}#hud-pad{position:fixed;right:12px;bottom:74px;z-index:5;padding:7px 8px 8px;background:#04080c94;border:1px solid rgba(126,231,255,.24);pointer-events:auto}#hud-pad .pad-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px;letter-spacing:.08em;color:#7ee7ff99}#hud-pad .pad-head button{min-height:18px;padding:0 5px;font-size:10px;letter-spacing:0}#hud-pad .pad-wrap{display:flex;gap:8px}#hud-pad .pad-grid{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:4px}#hud-pad .pad-f{grid-column:2;grid-row:1}#hud-pad .pad-l{grid-column:1;grid-row:2}#hud-pad .pad-core{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;font-size:11px;color:#7ee7ff80;border:1px solid rgba(126,231,255,.12)}#hud-pad .pad-r{grid-column:3;grid-row:2}#hud-pad .pad-b{grid-column:2;grid-row:3}#hud-pad .pad-vert{display:flex;flex-direction:column;gap:4px}#hud-pad .pad-vert .pad-btn{flex:1;width:46px}#hud-pad .pad-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;background:#0a141a99;border:1px solid rgba(126,231,255,.16);color:#b4d2e1b3}#hud-pad .pad-btn i{font-style:normal;font-size:15px;line-height:1}#hud-pad .pad-btn s{text-decoration:none;font-size:9px;color:#96becd99}#hud-pad .pad-btn.open{border-color:#3ce6ffbf;background:#1e788c4d;color:#d8fbff;box-shadow:0 0 10px #3ce6ff24 inset}#hud-pad .pad-btn:disabled{opacity:.45;border-style:dashed;color:#966464cc}#hud-pad .pad-btn.open:active{background:#3ce6ff57}body.coarse #hud-pad{right:8px;bottom:70px}body.coarse #hud-pad .pad-grid{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px)}body.coarse #hud-pad .pad-vert .pad-btn{width:54px}body.coarse #hud-pad .pad-btn i{font-size:17px}body.coarse #hud-pad .pad-btn s{font-size:10px}.swipe-dial{display:none!important}body.coarse #hud-pad .pad-grid{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px)}body.coarse #hud-pad .pad-vert .pad-btn{width:50px}body.coarse #hud-pad{padding:6px 7px 7px}