:root{--bg: #05070c;--ink: #f2f4f8;--muted: rgba(242, 244, 248, .55);--line: rgba(242, 244, 248, .18);--accent: #e8c84a;--panel: rgba(5, 7, 12, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{position:absolute;inset:0;z-index:0}#c{display:block;position:relative;z-index:0;width:100%;height:100%;touch-action:none}.hud-tl,.hud-tr,.hud-nav,.loader{position:absolute;z-index:20;pointer-events:none}.label-layer,.label-layer *{pointer-events:none!important}.hud-tl{top:28px;left:32px;max-width:min(420px,70vw)}.hud-tr{top:28px;right:32px;text-align:right}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:8px}.hud-tl h1{font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:10px}.meta,.layers{font-size:12px;line-height:1.45;color:var(--muted);font-weight:400;max-width:36ch}.hud-tr .layers{max-width:none;font-variant-numeric:tabular-nums}.crosshair{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border:1px solid rgba(255,255,255,.35);border-radius:50%;pointer-events:none;z-index:2;opacity:.55}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffff8c}.crosshair:before{left:50%;top:8px;bottom:8px;width:1px;margin-left:-.5px}.crosshair:after{top:50%;left:8px;right:8px;height:1px;margin-top:-.5px}.hud-nav{bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#080c148c;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;border-radius:2px;z-index:100;isolation:isolate}.hud-nav button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;cursor:pointer;transition:color .2s ease,background .2s ease;white-space:nowrap}.hud-nav button:hover,.hud-nav button.active{color:var(--ink);background:#ffffff0f}.loader{inset:0;display:grid;place-content:center;gap:16px;background:var(--bg);transition:opacity .6s ease,visibility .6s ease}.loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-bar{width:min(240px,50vw);height:1px;background:#ffffff1f;overflow:hidden}.loader-bar span{display:block;height:100%;width:40%;background:var(--ink);animation:load 1.1s ease-in-out infinite}.loader-text{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(max-width:720px){.hud-tl,.hud-tr{top:16px}.hud-tl{left:16px;max-width:58vw}.hud-tr{right:16px}.meta{display:none}.hud-nav{bottom:12px;left:12px;right:12px;transform:none;overflow-x:auto;justify-content:flex-start}.crosshair{display:none}}