.hg-root{position:fixed;inset:0;z-index:1000;background:#050811;color:var(--ink);font-family:var(--font-body);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.hg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.hg-canvas:active{cursor:grabbing}.hg-root kbd{font-family:var(--font-mono);font-size:.68rem;padding:.1rem .35rem;border:1px solid rgb(255 255 255 / .25);border-radius:4px;margin:0 .25rem 0 .6rem}.hg-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.hg-hud{position:absolute;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));text-shadow:0 1px 6px rgb(0 0 0 / .5)}.hg-tl{position:absolute;top:inherit;left:max(16px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));max-width:46vw}.hg-name{display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-display)}.hg-name b{font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.02em}.hg-name span{font-family:var(--font-mono);font-size:.75rem;color:var(--ink)}.hg-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.hg-chip{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .55rem;border-radius:999px;border:1px solid rgb(255 255 255 / .18);background:#070b188c;color:var(--ink-3);text-shadow:none}.hg-depth-read{display:flex;align-items:baseline;gap:.55rem;margin-top:.65rem;font-family:var(--font-mono)}.hg-depth-read span{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.hg-depth-read b{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}.hg-depth-read.deep b{color:#ff8a5c}.hg-depth-read[hidden]{display:none}.hg-depth-warn{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);padding:.6rem 1.1rem;border-radius:10px;border:1px solid #ff5a3c;background:#962d14cc;color:#fff;font-weight:600;opacity:0;transition:opacity .3s}.hg-depth-warn.on{opacity:1;animation:hg-pulse 1.2s ease-in-out infinite}@keyframes hg-pulse{50%{opacity:.72}}.hg-gauge.deep .hg-gauge-fill{background:#ff8a5c}.hg-chip.on{color:#05121a;background:var(--teal);border-color:var(--teal)}.hg-compass{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;width:240px;height:30px;margin-left:-120px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.hg-compass-strip{position:absolute;left:50%;top:4px;will-change:transform}.hg-compass-strip span{position:absolute;transform:translate(-50%);font-family:var(--font-mono);font-size:.78rem}.hg-compass-strip .minor{font-size:.6rem;color:var(--ink-3);top:2px}.hg-compass-tick{position:absolute;left:50%;bottom:0;width:2px;height:7px;margin-left:-1px;background:var(--teal)}.hg-bl{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:1rem}.hg-motors{display:flex;gap:.55rem}.hg-motor{display:grid;justify-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);text-transform:uppercase}.hg-bar-track{position:relative;display:block;width:10px;height:72px;border-radius:6px;background:#ffffff1a;overflow:hidden}.hg-bar-track:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff59}.hg-bar{position:absolute;left:0;right:0;bottom:50%;height:50%;background:var(--teal);transform-origin:bottom;transform:scaleY(0);transition:transform .1s linear}.hg-bar.astern{bottom:auto;top:50%;transform-origin:top;background:#ff9f6b}.hg-lateral{display:grid;justify-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);text-transform:uppercase}.hg-lateral i{display:block;width:48px;height:10px;border-radius:6px;background:radial-gradient(circle,var(--ink-3) 3px,transparent 4px) center / 10px 10px no-repeat,#ffffff1a;transition:transform .1s linear}.hg-lateral.on i{background:radial-gradient(circle,var(--teal) 4px,transparent 5px) center / 10px 10px no-repeat,#55dcce2e}.hg-gauge{display:grid;justify-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);text-transform:uppercase}.hg-gauge-track{position:relative;width:14px;height:96px;border-radius:7px;background:linear-gradient(#55dcce2e,#3b4fa640);overflow:hidden}.hg-gauge-fill{position:absolute;inset:0;background:var(--teal);transform-origin:top;transform:scaleY(0);transition:transform .15s linear}.hg-attitude{display:grid;justify-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);text-transform:uppercase}.hg-attitude-ball{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;border:1px solid rgb(255 255 255 / .2);background:#3b4fa673}.hg-attitude-horizon{position:absolute;left:-50%;top:-150%;width:200%;height:200%;background:#8eb6f24d;border-bottom:2px solid var(--teal);transform-origin:50% 100%;will-change:transform}.hg-attitude-mark{position:absolute;left:50%;top:50%;width:30px;height:2px;margin:-1px 0 0 -15px;border-radius:1px;background:var(--ink)}.hg-attitude-mark:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ink)}.hg-heat{display:grid;justify-items:start;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);text-transform:uppercase}.hg-heat-row{display:flex;align-items:center;gap:.5rem}.hg-heat-track{position:relative;display:block;width:120px;height:10px;border-radius:5px;background:#ffffff1f;overflow:hidden}.hg-heat-bar{position:absolute;inset:0;background:var(--teal);transform-origin:left;transform:scaleX(0);transition:transform .1s linear,background-color .3s}.hg-heat-bar.warm{background:#ffb35c}.hg-heat-bar.hot{background:#ff5a3c}.hg-heat-value{min-width:2.4rem;font-size:.72rem;font-weight:500;color:var(--ink)}.hg-boost{margin-bottom:.1rem;padding:.22rem .5rem;border-radius:999px;border:1px solid rgb(255 255 255 / .18);color:var(--ink-2)}.hg-boost.on{color:#05121a;background:var(--teal);border-color:var(--teal)}.hg-boost.locked{color:#ffd2c8;border-color:#ff5a3c;background:#ff5a3c33}.hg-warn{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:.6rem 1rem;border-radius:10px;background:#781e14b3;font-weight:600;opacity:0;transition:opacity .3s}.hg-warn.on{opacity:1}.hg-toasts{position:absolute;left:50%;bottom:22%;transform:translate(-50%);display:grid;justify-items:center;gap:.4rem}.hg-toast{padding:.5rem .9rem;border-radius:10px;background:#070b18b3;border:1px solid rgb(255 255 255 / .12);font-size:.88rem;animation:hg-in .25s var(--ease);transition:opacity .5s}.hg-toast.out{opacity:0}@keyframes hg-in{0%{opacity:0;transform:translateY(6px)}}.hg-hint{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font-size:.72rem;color:var(--ink-2)}.hg-panel-controls{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:220px;display:grid;gap:.55rem;padding:.75rem .85rem;border-radius:14px;background:#070b188c;border:1px solid rgb(255 255 255 / .12);backdrop-filter:blur(8px)}.hg-panel-controls[hidden]{display:none}.hg-switch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem 0}.hg-switch-label,.hg-slider-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.hg-switch i{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:#ffffff29;transition:background .2s}.hg-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .2s var(--ease)}.hg-switch.on i{background:var(--teal)}.hg-switch.on i:after{transform:translate(16px);background:#05121a}.hg-slider{display:grid;gap:.3rem}.hg-slider input{width:100%;accent-color:var(--teal);cursor:pointer}.hg-slider-ends{display:flex;justify-content:space-between;font-size:.66rem;color:var(--ink-3)}@media(pointer:coarse){.hg-panel-controls{width:180px;top:auto;bottom:calc(max(24px,env(safe-area-inset-bottom)) + 200px)}}.hg-menu{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#04070f9e;backdrop-filter:blur(6px)}.hg-menu[hidden],.hg-gauge[hidden],.hg-lateral[hidden],.hg-attitude[hidden],.hg-heat[hidden]{display:none}.hg-panel{width:min(640px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border-radius:20px;background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden}.hg-panel-head{padding:1.1rem 1.3rem .4rem}.hg-tab-body{padding:1rem 1.3rem;overflow-y:auto}.hg-vessels{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem}.hg-vessel{display:flex;align-items:baseline;justify-content:space-between;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line-2);text-align:left}.hg-vessel b{font-family:var(--font-display);font-size:1.15rem}.hg-vessel span{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3)}.hg-vessel.on{border-color:var(--teal);background:#55dcce14}.hg-keys{width:100%;border-collapse:collapse;font-size:.86rem}.hg-keys th{text-align:left;font-family:var(--font-mono);font-weight:500;font-size:.75rem;color:var(--teal);padding:.45rem 1rem .45rem 0;white-space:nowrap;vertical-align:top}.hg-keys td{padding:.45rem 0;color:var(--ink-2)}.hg-keys tr+tr{border-top:1px solid var(--line)}.hg-panel-foot{display:flex;flex-wrap:wrap;gap:.5rem;padding:.9rem 1.3rem 1.1rem;border-top:1px solid var(--line)}.hg-btn{padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--line-2);font-size:.88rem;font-weight:500}.hg-btn.primary{background:var(--teal);border-color:var(--teal);color:#05121a}.hg-btn.ghost{margin-left:auto;color:var(--ink-2)}.hg-btn.small{padding:.4rem .85rem;font-size:.8rem}.hg-btn:hover,.hg-vessel:hover{filter:brightness(1.15)}.hg-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;background:radial-gradient(90% 70% at 50% 40%,#0c1630,#050811 70%);transition:opacity .6s}.hg-loading.done{opacity:0;pointer-events:none}.hg-loading h2{font-size:clamp(2rem,5vw,3.2rem)}.hg-loading-bar{width:min(280px,70vw);height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.hg-loading-bar i{display:block;height:100%;width:0;background:var(--grad);transition:width .25s}.hg-loading p{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-2)}.hg-touch{display:none}@media(pointer:coarse){.hg-touch{display:block}.hg-hint,.hg-bl{display:none}}.hg-stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;border:1px solid rgb(255 255 255 / .25);background:#070b1859;touch-action:none}.hg-stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#55dccebf}.hg-touch-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,64px);gap:10px}.hg-touch-buttons.attitude{grid-template-columns:repeat(3,56px)}.hg-touch-buttons button,.hg-touch-menu{height:52px;border-radius:14px;border:1px solid rgb(255 255 255 / .25);background:#070b1873;font-size:.78rem;touch-action:none}.hg-touch-menu{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:72px;height:36px;margin-top:30px}.hg-debug{position:absolute;left:max(16px,env(safe-area-inset-left));top:50%;margin:0;padding:.5rem .7rem;border-radius:8px;background:#0009;font-family:var(--font-mono);font-size:.7rem;line-height:1.5;color:#b8f5ec;pointer-events:none}@media(max-width:640px){.hg-compass{display:none}}@media(prefers-reduced-motion:reduce){.hg-toast,.hg-depth-warn.on{animation:none}}