:root{--bg: #000003;--fg: #9ec8e0;--accent: #0088cc;--accent-hi: #00d9ff;--accent-warm: #8a5fff;--panel-bg: rgba(2, 5, 15, .82);--panel-border: rgba(0, 136, 204, .2)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100vw;height:100vh;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,system-ui,sans-serif;overflow:hidden}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hud-header{position:absolute;top:28px;left:36px;z-index:10;pointer-events:none}.hud-title{font-size:24px;font-weight:100;letter-spacing:.3em;color:var(--fg);text-shadow:0 0 18px rgba(0,136,204,.3)}.hud-title strong{font-weight:500;color:var(--accent-hi)}.hud-subtitle{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:#3a5a78;margin-top:8px;font-family:JetBrains Mono,Courier New,monospace}.hud-stats{position:absolute;bottom:28px;left:36px;z-index:10;font-family:JetBrains Mono,Courier New,monospace;font-size:10px;letter-spacing:.15em;background:var(--panel-bg);border:1px solid var(--panel-border);padding:14px 20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-stats .row{margin:4px 0}.hud-stats .label{color:#2a4058;margin-right:8px}.hud-stats .value{color:var(--accent-hi);font-weight:500}.hud-stats .value.active{color:var(--accent-warm)}.hud-details{position:absolute;top:28px;right:36px;width:300px;z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);padding:22px 26px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hud-details .close{position:absolute;top:8px;right:12px;background:none;border:none;color:#3a5a78;font-size:18px;cursor:pointer}.hud-details .close:hover{color:var(--accent-hi)}.hud-details .type{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-hi);font-family:JetBrains Mono,monospace}.hud-details .name{font-size:16px;font-weight:200;margin:10px 0;color:var(--fg);word-break:break-word}.hud-details .path{font-size:10px;color:#3a5a78;font-family:JetBrains Mono,monospace;word-break:break-all;margin-bottom:12px}.hud-details .meta{font-size:10px;color:#2a4058;border-top:1px solid rgba(0,136,204,.1);padding-top:12px;font-family:JetBrains Mono,monospace}.hud-details .meta strong{color:var(--accent-hi)}.hud-visit{display:inline-block;margin-top:16px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--accent-hi);border:1px solid var(--accent-hi);background:#00d9ff14;transition:background .15s,color .15s}.hud-visit:hover{background:var(--accent-hi);color:var(--bg)}.hud-hint{position:absolute;bottom:28px;right:36px;z-index:10;font-size:9px;color:#2a4058;letter-spacing:.25em;text-transform:uppercase;font-family:JetBrains Mono,monospace;pointer-events:none}.hud-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:var(--bg);color:var(--accent-hi);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.3em;transition:opacity 1s}.hud-loader.fade{opacity:0;pointer-events:none}