*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111110;--hud-bg:rgba(20, 20, 19, 0.75);--hud-border:rgba(255, 255, 255, 0.07);--nav-bg:rgba(17, 17, 16, 0.72);--nav-border:rgba(255, 255, 255, 0.12);--text-dim:rgba(255, 255, 255, 0.3);--text:rgba(255, 255, 255, 0.85)}html,body{width:100%;height:100%;background:var(--bg);overflow:hidden;cursor:none;font-family:dm mono,monospace}.top-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px;border:1px solid var(--nav-border);background:var(--nav-bg);backdrop-filter:blur(14px);border-radius:999px;z-index:360}.nav-link{text-decoration:none;color:var(--text-dim);border:1px solid transparent;border-radius:999px;padding:8px 14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:color .18s,border-color .18s,background-color .18s}.nav-link:hover{color:var(--text);border-color:var(--hud-border)}.nav-link.active{color:var(--text);border-color:var(--nav-border);background:rgba(255,255,255,6%)}canvas{position:fixed;inset:0;pointer-events:none}#lights{mix-blend-mode:screen}.cursor{position:fixed;pointer-events:none;top:0;left:0;will-change:transform;transition:opacity .4s}.cursor-label{position:absolute;left:18px;top:6px;font-size:10px;letter-spacing:.08em;white-space:nowrap;padding:3px 7px;border-radius:2px;opacity:.9}#self{position:fixed;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);pointer-events:none;z-index:200;box-shadow:0 0 0 1.5px rgba(255,255,255,.25),0 0 12px rgba(255,255,255,.4)}#self::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.15);border-radius:50%}#hud{position:fixed;bottom:28px;left:28px;background:var(--hud-bg);border:1px solid var(--hud-border);backdrop-filter:blur(16px);padding:14px 18px;border-radius:6px;font-size:11px;letter-spacing:.06em;color:var(--text-dim);line-height:2;z-index:300}#hud span{color:var(--text)}.shockwave{position:fixed;border-radius:50%;pointer-events:none;z-index:198;transform:translate(-50%,-50%)scale(0);animation:shock 600ms cubic-bezier(.2,.8,.4,1)forwards}@keyframes shock{0%{transform:translate(-50%,-50%)scale(0);opacity:.65}100%{transform:translate(-50%,-50%)scale(1);opacity:0}}@media(hover:none){#self{display:none}html,body{cursor:auto}}@media(max-width:640px){.top-nav{top:14px}.nav-link{font-size:9px;padding:7px 11px}}body{animation:fadein .6s ease both}@keyframes fadein{from{opacity:0}to{opacity:1}}