/* The three variants, in the stage deck's manner: black, thin grey lines, one mint green, a grotesk and a mono. */
:root{--g:#41E08C;--ink:#EDEFF0;--mute:rgba(237,239,240,.55)}
html,body{margin:0;height:100%;background:#0b0c0d;overflow:hidden;color:var(--ink)}
canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
.hud{position:fixed;inset:0;pointer-events:none;font:400 11px/1.6 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.hud a{pointer-events:auto;color:inherit;text-decoration:none;opacity:.6}.hud a.on{opacity:1;color:var(--g)}
.tl{position:absolute;left:4vw;top:4.5vh}.tl b{display:block;font:600 34px/1 "Space Grotesk",sans-serif;letter-spacing:-.02em;text-transform:none;margin-bottom:6px}
.tr{position:absolute;right:4vw;top:4.5vh;text-align:right;color:var(--mute)}
.bl{position:absolute;left:4vw;bottom:5.5vh;max-width:min(38rem,46vw)}
.bl h1{font:500 clamp(24px,2.9vw,46px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.015em;text-transform:none;margin:0 0 12px}
.bl h1 em{font-style:normal;color:var(--g)}
.bl p{margin:0;color:var(--mute);max-width:32rem}
.br{position:absolute;right:4vw;bottom:5.5vh;width:min(290px,30vw);border-top:1px solid rgba(237,239,240,.25);padding-top:10px}
.br .row{display:flex;justify-content:space-between;gap:12px;color:var(--mute)}.br .row b{font-weight:500;color:var(--g)}
.br .bar{height:1px;background:rgba(237,239,240,.18);margin-top:10px;position:relative}.br .bar i{position:absolute;left:0;top:-1px;height:3px;background:var(--g)}
.br .sp{opacity:.45;margin-top:8px}