@property --accent-l{syntax: "<number>"; inherits: true; initial-value: .65;}@property --accent-c{syntax: "<number>"; inherits: true; initial-value: .15;}@property --accent-h{syntax: "<number>"; inherits: true; initial-value: 0;}@property --hue-marker-pos{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --heat-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}@property --tilt-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}@property --hud-opacity{syntax: "<number>"; inherits: true; initial-value: 1;}@property --stage-opacity{syntax: "<number>"; inherits: false; initial-value: 1;}:root{--color-bg: #070707;--color-ink: #e8e6e0;--color-dim: #6f6c64;--color-hair: rgba(232, 230, 224, .18);--color-error: #d8736a;--color-black: #000;--color-white: #fff;--color-accent: oklch(var(--accent-l) var(--accent-c) var(--accent-h));--spectrum-l: .65;--spectrum-c: .2;--font-mono: "IBM Plex Mono", monospace;--font-display: "Space Mono", monospace;--text-2xs: 9px;--text-xs: 9.5px;--text-sm: 11px;--text-base: 13px;--text-lg: 30px;--tracking-tight: .04em;--tracking-base: .16em;--tracking-wide: .24em;--tracking-wider: .28em;--tracking-widest: .34em;--lh-meta: 2.2;--lh-keys: 2.1;--lh-sub: 2;--huebar-h: 6px;--huemark-h: 14px;--huemark-w: 2px;--huehist-h: 34px;--spark-h: 42px;--gate-gap: 28px;--gate-padding: 40px;--gate-max-w: 520px;--gate-btn-py: 18px;--gate-btn-px: 46px;--gate-btn-radius: 1px;--err-max-w: 540px;--dur-snap: .12s;--dur-short: .35s;--dur-medium: .5s;--dur-long: .8s;--ease: ease;--ease-linear: linear;--dur-hud-hide: .6s;--ease-hud-hide: ease;--dur-stage-fade: 1.2s;--ease-stage-fade: ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:#000}html,body{width:100%;height:100%;overflow:hidden;cursor:default}body{background:transparent;font-family:var(--font-mono);color:var(--color-ink);transition:--hud-opacity var(--dur-hud-hide) var(--ease-hud-hide)}#stage:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:var(--hud-opacity);background:linear-gradient(var(--color-bg) 0%,transparent 40%,transparent 60%,var(--color-bg) 100%),linear-gradient(to right,transparent 0%,transparent 60%,var(--color-bg) 100%);z-index:1}#stage{position:fixed;inset:0;background:transparent;opacity:var(--stage-opacity);transition:--stage-opacity var(--dur-stage-fade) var(--ease-stage-fade);>.panel{z-index:2}}#vid{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:cover;object-position:center}.canvas-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2}#heat{mix-blend-mode:difference;image-rendering:pixelated;object-fit:cover;object-position:center;opacity:var(--heat-opacity);transition:--heat-opacity var(--dur-long) var(--ease)}#tilt{opacity:var(--tilt-opacity);transition:--tilt-opacity var(--dur-long) var(--ease);pointer-events:none}#mask{pointer-events:none}#gate{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gate-gap);padding:var(--gate-padding);background:radial-gradient(circle at 50% 45%,#101010,#040404 70%);text-align:center;transition:opacity var(--dur-long) var(--ease);opacity:1;pointer-events:auto}#gate.hide{opacity:0;pointer-events:none}.gate__title{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4.4vw,46px);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-ink)}.gate__sub{max-width:var(--gate-max-w);color:var(--color-dim);font-size:var(--text-base);letter-spacing:var(--tracking-wider);text-transform:uppercase;line-height:var(--lh-sub)}.gate__btn{margin-top:6px;padding:var(--gate-btn-py) var(--gate-btn-px);border:1px solid var(--color-hair);border-radius:var(--gate-btn-radius);background:transparent;font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.32em;text-transform:uppercase;color:var(--color-ink);cursor:pointer;transition:background var(--dur-short) var(--ease),color var(--dur-short) var(--ease),letter-spacing var(--dur-short) var(--ease)}.gate__btn:hover{background:var(--color-ink);color:var(--color-black);letter-spacing:.42em}.gate__err{min-height:1.2em;max-width:var(--err-max-w);color:var(--color-error);font-size:12px;letter-spacing:.12em;line-height:1.9}#stage{position:fixed;inset:0;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr}@media (min-width: 1024px){#stage{grid-template-rows:1fr;grid-template-columns:1fr 1fr}}body.av #stage,body.va #stage{grid-template-rows:1fr;grid-template-columns:1fr}.pane{position:relative;overflow:hidden;background:#000}.pane--vis #av-canvas,.pane--cam #vid,.pane--cam #heat{position:absolute;inset:0;width:100%;height:100%;display:block}.pane--cam #vid{object-fit:cover;image-rendering:auto}.pane--cam #heat{object-fit:cover;image-rendering:pixelated;mix-blend-mode:difference;opacity:var(--heat-opacity);transition:--heat-opacity var(--dur-long) var(--ease)}#vid.mirror,#heat.mirror{transform:scaleX(-1)}body.loop #stage:before{display:none}#menu{position:fixed;inset:0;z-index:10;overflow-y:auto;background:var(--ht-paper);color:var(--ht-ink);font-family:var(--ht-font-mono)}#menu.hide{display:none}#menu .ht-arrange-page{padding:var(--ht-space-6);margin-inline:auto}#menu .ht-shape-panel{padding:var(--ht-pad-panel)}#menu .panel__body,#menu .panel__header{padding:var(--ht-space-4) var(--ht-space-5)}.menu__keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:baseline;margin:0}.menu__keys dt{justify-self:start}.menu__keys dd{margin:0;color:var(--ht-ink-dim)}.menu__row{text-decoration:none;color:inherit;transition:background-color var(--ht-duration) var(--ht-ease),border-color var(--ht-duration) var(--ht-ease)}.menu__row:hover,.menu__row:focus-visible{background-color:var(--ht-raised);border-color:var(--ht-line-strong)}