:root{--bg:#04060c;--panel:#0a0f1add;--line:#16243a;--txt:#c8d6e5;--dim:#5d7390;--acc:#3ef0b0;--acc2:#39c7ff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:ui-monospace,Cascadia Code,JetBrains Mono,Consolas,monospace;color:var(--txt)}#gpu{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}#gpu.drag{cursor:grabbing}#panel{position:fixed;top:0;right:0;height:100%;width:300px;background:var(--panel);backdrop-filter:blur(14px);border-left:1px solid var(--line);padding:22px 20px;overflow-y:auto;z-index:10;transition:transform .35s cubic-bezier(.6,0,.2,1)}#panel.hide{transform:translate(100%)}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-thumb{background:var(--line)}.brand{font-size:11px;letter-spacing:.42em;color:var(--acc);margin-bottom:2px}.sub{font-size:10px;color:var(--dim);letter-spacing:.14em;margin-bottom:20px}.sec{font-size:9px;letter-spacing:.3em;color:var(--dim);margin:20px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--line)}.row{margin-bottom:13px}.row label{display:flex;justify-content:space-between;font-size:10px;color:var(--txt);letter-spacing:.06em;margin-bottom:5px}.row label span{color:var(--acc2)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--line);outline:none;border-radius:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--acc);border:2px solid #04241a;cursor:pointer}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--acc);border:2px solid #04241a;cursor:pointer}.btns{display:flex;gap:8px;margin-top:4px}button{flex:1;background:transparent;border:1px solid var(--line);color:var(--txt);font-family:inherit;font-size:10px;letter-spacing:.1em;padding:8px 0;cursor:pointer;transition:border-color .2s,color .2s}button:hover{border-color:var(--acc);color:var(--acc)}button.on{border-color:var(--acc);color:var(--acc);background:#3ef0b012}.hint{font-size:9px;color:var(--dim);line-height:1.7;margin-top:18px}.stat{display:flex;justify-content:space-between;font-size:9px;color:var(--dim);margin-top:14px}.stat b{color:var(--acc);font-weight:400}#toggle{position:fixed;top:14px;right:14px;z-index:20;width:34px;height:34px;background:var(--panel);border:1px solid var(--line);color:var(--acc);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}#panel:not(.hide)~#toggle{right:314px}#toggle{transition:right .35s cubic-bezier(.6,0,.2,1)}#err{position:fixed;inset:auto 0 0;max-height:45%;overflow:auto;background:#1a0508f0;color:#ff8896;font-size:11px;padding:14px 18px;white-space:pre-wrap;display:none;z-index:99}#fade{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 60%,#dfe9f2,#9fb4c8 70%);opacity:0;pointer-events:none;transition:opacity .7s ease;z-index:30}#fade.on{opacity:1}#hud{position:fixed;top:14px;left:14px;right:14px;z-index:25;display:none;background:#0a0f1ac8;border:1px solid var(--line);backdrop-filter:blur(10px);padding:11px 16px;font-size:10px;letter-spacing:.05em;line-height:1.6;color:var(--txt)}#hud.on{display:block}.hud-row{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start}.grp .lbl{font-size:8px;letter-spacing:.3em;color:var(--dim);margin-bottom:4px}.grp.id{text-align:right}.grp.id .nm{font-size:13px;letter-spacing:.3em;color:var(--acc);display:block;margin-bottom:8px}.grp.loc-grp{margin-left:auto;text-align:right}.grp.loc-grp .loc{font-size:13px;letter-spacing:.14em;color:var(--acc2);text-transform:uppercase}#hud b{color:var(--acc2);font-weight:400}#back{display:inline-block;width:auto;background:transparent;border:1px solid var(--line);color:var(--txt);font-family:inherit;font-size:9px;letter-spacing:.16em;padding:5px 11px;cursor:pointer;transition:border-color .2s,color .2s}#back:hover{border-color:var(--acc);color:var(--acc)}#gpu.pick{cursor:pointer}#compass{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(620px,86vw);height:38px;z-index:24;display:none;overflow:hidden;background:linear-gradient(180deg,#060a12cc,#060a12ec);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}#compass.on{display:block}.cmark.card,.cmkr,#compassCaret{text-shadow:0 1px 3px #000c,0 0 2px #000a}#compassTape{position:absolute;top:0;left:0;height:100%;will-change:transform}.cmark{position:absolute;top:15px;width:1px;height:6px;background:var(--dim);transform:translate(-50%)}.cmark.card{top:3px;height:auto;width:auto;background:none;color:var(--txt);font-size:11px;letter-spacing:.12em}.cmark.card.cardinal{color:var(--acc)}#compassCaret{position:absolute;top:-3px;left:50%;transform:translate(-50%);color:var(--acc);font-size:12px;z-index:2}.cmkr{position:absolute;top:14px;transform:translate(-50%);text-align:center;color:var(--acc);z-index:1}.cmkr b{display:block;font-size:10px;line-height:1;font-weight:400}.cmkr i{font-style:normal;font-size:7px;letter-spacing:.06em;opacity:.85}.cmkr.wind{color:var(--acc2)}#perf{position:fixed;left:14px;bottom:14px;z-index:26;display:none;background:#0a0f1ad8;border:1px solid var(--line);backdrop-filter:blur(10px);padding:9px 13px;font-size:10px;line-height:1.7;letter-spacing:.04em;color:var(--dim);white-space:pre;pointer-events:none}#perf.on{display:block}#perf b{color:var(--acc);font-weight:400}