:root{--ink: #efe6d8;--muted: #a89f90;--stage: #0c0b0a;--panel: rgba(12, 11, 10, .9);--line: rgba(239, 230, 216, .14);--arterial: #c4453a;--venous: #7eb4c9;--focus: #e8c27a;--ui: "IBM Plex Sans", "Segoe UI", sans-serif;--display: "Instrument Serif", "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--stage);color:var(--ink);font-family:var(--ui);overflow:hidden}#stage,#stage canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{position:fixed;z-index:4;pointer-events:none}.hud-brand{top:1.25rem;left:1.25rem;max-width:22rem}.kicker{margin:0 0 .35rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1,h2{font-family:var(--display);font-weight:400;margin:0;text-wrap:pretty}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:.95;letter-spacing:-.02em}.lede,#inspect-body,.limit,.latin{color:var(--muted);font-size:.88rem;line-height:1.45;max-width:32ch}.hud-rail{top:9.5rem;left:1.1rem;bottom:11rem;width:16.5rem;overflow:auto;pointer-events:auto;padding-right:.5rem;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1.2rem,#000 calc(100% - 1.2rem),transparent);mask-image:linear-gradient(to bottom,transparent,#000 1.2rem,#000 calc(100% - 1.2rem),transparent)}.group-label{margin:1rem 0 .35rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.rail-btn{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:500 .78rem/1.3 var(--ui);padding:.42rem .15rem;cursor:pointer;pointer-events:auto}.rail-btn[aria-current=true]{color:var(--focus)}.rail-btn:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hud-inspect{right:1.2rem;top:1.25rem;width:min(22rem,32vw);pointer-events:none}.latin{font-style:italic;color:var(--focus);margin:.35rem 0 .7rem}.limit{margin-top:.9rem;font-size:.75rem}.hud-depth{left:50%;bottom:1.1rem;transform:translate(-50%);width:min(34rem,calc(100vw - 20rem));pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.35rem .75rem .4rem}.dock-head{display:flex;align-items:center;gap:.45rem}.dock-toggle{pointer-events:auto;flex:1;min-width:0;border:0;background:transparent;color:inherit;padding:.2rem 0 .15rem;cursor:pointer}#btn-beat{pointer-events:auto;flex:0 0 auto;background:transparent;color:var(--ink);border:1px solid var(--line);padding:.35rem .65rem;min-height:44px;font:500 .7rem/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}#btn-beat[aria-pressed=true]{border-color:var(--arterial);color:var(--focus)}.phase{color:var(--focus);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.grabber{display:block;width:2.4rem;height:.28rem;margin:.15rem auto .4rem;border-radius:99px;background:#efe6d847}.dock-line{display:flex;align-items:baseline;gap:.7rem;font-size:.8rem}.dock-hint{margin-left:auto;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud-depth.is-open .dock-hint:after{content:" · hide"}.dock-body{display:none;padding-bottom:.25rem}.hud-depth.is-open .dock-body{display:block}.slide{display:grid;grid-template-columns:5.6rem 1fr;gap:.55rem;align-items:center;margin:.12rem 0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.slide input{width:100%;accent-color:var(--arterial);height:1.7rem}.depth-actions{display:flex;gap:.5rem;margin-top:.45rem}.depth-actions button{pointer-events:auto;background:transparent;color:var(--ink);border:1px solid var(--line);padding:.45rem .8rem;min-height:44px;font:500 .75rem/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.depth-actions button[aria-pressed=true]{border-color:var(--focus);color:var(--focus)}.hud-credit{right:1.2rem;bottom:1.2rem;max-width:18rem;font-size:.68rem;color:var(--muted);line-height:1.4}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:var(--stage);font-family:var(--display);font-size:1.6rem}#boot.hidden{display:none}.label3d{font:500 .7rem/1 var(--ui);letter-spacing:.04em;color:var(--ink);text-shadow:0 1px 8px #000;white-space:nowrap;pointer-events:none}@media(max-width:820px){.hud-rail,.hud-inspect,.lede,.hud-credit{display:none}.hud-brand{top:calc(env(safe-area-inset-top,0px) + .5rem);left:.8rem;max-width:calc(100vw - 1.6rem)}h1{font-size:1.45rem}.hud-depth{left:.6rem;right:.6rem;width:auto;transform:none;bottom:calc(env(safe-area-inset-bottom,0px) + 5.4rem)}.slide{grid-template-columns:4.6rem 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}