@font-face{font-family:Space Grotesk;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(./silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(./jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-label:"Silkscreen", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11150e;--bg-elev:#1a2015;--fg:#e9f0df;--fg-muted:#aebb9f;--border:#2f3a26;--border-strong:#6f8560;--accent:#4fe0a0;--accent-fg:#04140b;--focus:#7db4ff;--fx-1:#22eaa0;--firefly:#9dff6a;--firefly-core:#eaffb0}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef7f1;--bg-elev:#fbfefc;--fg:#10251a;--fg-muted:#3b5747;--border:#c2dbcb;--border-strong:#4f7d63;--accent:#14673a;--accent-fg:#fff;--focus:#1f5fbf;--fx-1:#10b87c;--firefly:#1f9d55;--firefly-core:#6be39a}:root{--fx-2:#e9a07f;--fx-3:#a996e0;--fx-ease:cubic-bezier(.34, 1.56, .64, 1);--fx-step:steps(4, end);--pix:0 -2px var(--border-strong), 0 2px var(--border-strong), -2px 0 var(--border-strong), 2px 0 var(--border-strong);--fx-card-shadow:0 -2px var(--accent), 0 2px var(--accent), -2px 0 var(--accent), 2px 0 var(--accent), 4px 4px 0 0 var(--fx-2);--fx-btn-shadow:3px 3px 0 0 var(--fx-2)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:4px 4px 0 0 var(--focus)}.hs-card{background:var(--bg-elev);color:var(--fg);box-shadow:var(--pix);border:0;border-radius:0;padding:1rem 1.25rem;position:relative}.hs-card:before{content:"";pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px var(--firefly), inset 0 0 1.4rem color-mix(in srgb, var(--firefly) 30%, transparent);position:absolute;inset:0}.hs-card:is(:hover,:focus-within){box-shadow:var(--fx-card-shadow)}.hs-card:is(:hover,:focus-within):before{opacity:1}.hs-btn{min-height:44px;font:600 1rem var(--font-body);color:var(--accent-fg);background:var(--accent);border:2px solid var(--accent);box-shadow:var(--fx-btn-shadow);cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.55rem 1rem;text-decoration:none;display:inline-flex}.hs-btn:is(:hover,:focus-visible){box-shadow:5px 5px 0 0 var(--fx-2);transform:translate(-2px,-2px)}.hs-btn:active{box-shadow:1px 1px 0 0 var(--fx-2);transform:translate(1px,1px)}.hs-btn:focus-visible{box-shadow:4px 4px 0 0 var(--focus)}.hs-chip{font:400 .8rem var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);background:var(--bg-elev);box-shadow:var(--pix);border:0;border-radius:0;align-items:center;padding:.2rem .6rem;display:inline-flex}a.hs-chip,button.hs-chip{cursor:pointer;text-decoration:none}a.hs-chip:hover,button.hs-chip:hover{color:var(--accent)}.hs-eyebrow{font:400 .8rem var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin:0}.hs-eyebrow:before{content:"";background:var(--accent);width:.5em;height:.5em;box-shadow:.25em .25em 0 var(--fx-2);margin-right:.6em;display:inline-block}@media (prefers-reduced-motion:no-preference){.hs-card:before{transition:opacity .2s}.hs-btn{transition:transform .24s var(--fx-ease), box-shadow .24s var(--fx-ease)}.hs-btn:active{transition-duration:50ms}}.creator{--ff-core:var(--firefly-core);--ff-glow:0 0 4px 1px var(--firefly), 0 0 12px 4px color-mix(in srgb, var(--firefly) 70%, transparent), 0 0 26px 8px color-mix(in srgb, var(--firefly) 35%, transparent);--cr-green:#3fae6a;font-family:var(--font-body);color:var(--fg)}.creator .sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.creator .card{background:color-mix(in srgb, var(--bg-elev) 88%, transparent);border:2px solid var(--border-strong);border-radius:0}.creator .card__head{border-bottom:2px solid var(--border-strong);align-items:baseline;gap:12px;padding:12px 16px;display:flex}.creator .card__head h2{font:700 1rem var(--font-head);text-transform:uppercase;margin:0}.creator .card__head h2:before{content:"";vertical-align:middle;background:var(--accent);width:6px;height:6px;box-shadow:2px 2px 0 var(--border-strong);margin:-3px 8px 0 0;display:inline-block}.creator .card__body{padding:16px}.creator__body{background:radial-gradient(ellipse 60% 90% at 18% 55%, color-mix(in srgb, var(--cr-green) 28%, transparent), transparent 70%), radial-gradient(circle, color-mix(in srgb, var(--cr-green) 22%, transparent) 1.2px, transparent 1.6px) 0 0 / 14px 14px;grid-template-columns:minmax(160px,260px) 1fr;align-items:center;gap:16px;display:grid;position:relative;overflow:hidden}.creator__art img{object-fit:contain;object-position:bottom;width:100%;height:auto;max-height:340px;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--cr-green) 45%, transparent));display:block;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.creator__eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin:0;font-size:.85rem}.creator__name{font-family:var(--font-head);color:var(--accent);margin:2px 0 8px;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.creator__blurb{color:var(--fg-muted);max-width:52ch;margin:0 0 12px}.creator__links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.creator__links a{border:1px solid var(--border);background:var(--bg-elev);min-height:36px;color:var(--fg);font-family:var(--font-label);border-radius:0;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;text-decoration:none;display:inline-flex}.creator__links a:hover{border-color:var(--accent);color:var(--accent)}.creator__links svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.creator__links svg .fill{fill:currentColor;stroke:none}@media (max-width:600px){.creator__body{text-align:center;grid-template-columns:1fr;justify-items:center}.creator__art{width:min(220px,60vw)}.creator__links{justify-content:center}}.creator__fx{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.creator__art,.creator__text{z-index:1;position:relative}.creator__fx i{left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--ff-core);image-rendering:pixelated;box-shadow:var(--ff-glow);will-change:transform, opacity;animation:ff-drift var(--d) ease-in-out var(--delay) infinite alternate, ff-blink var(--b) steps(6, end) var(--delay) infinite;position:absolute}@keyframes ff-drift{0%{transform:translate(0)}50%{transform:translate(calc(var(--dx) * .6), calc(var(--dy) * -.4))}to{transform:translate(var(--dx), var(--dy))}}@keyframes ff-blink{0%,to{opacity:.15}35%{opacity:1}60%{opacity:.75}80%{opacity:.3}}.creator__fx .spark{left:var(--x);top:var(--y);width:15px;height:15px;color:var(--firefly);filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 10px color-mix(in srgb, var(--cr-green) 60%, transparent));animation:ff-twinkle var(--t) steps(8, end) var(--delay,0s) infinite;background:linear-gradient(currentColor,currentColor) 50%/3px 100% no-repeat,linear-gradient(currentColor,currentColor) 50%/100% 3px no-repeat;position:absolute}.creator__fx .spark--sm{width:9px;height:9px}@keyframes ff-twinkle{0%,to{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)}60%{opacity:.9;transform:scale(.85)}}.creator__name span{text-shadow:0 0 6px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 16px color-mix(in srgb, var(--cr-green) 40%, transparent);position:relative}.creator__name span:after{content:"Vin" / "";color:#0000;pointer-events:none;text-shadow:0 0 10px color-mix(in srgb, var(--accent) 85%, transparent), 0 0 30px color-mix(in srgb, var(--cr-green) 70%, transparent);will-change:opacity;animation:3.6s ease-in-out infinite name-glow;position:absolute;top:0;left:0}@keyframes name-glow{0%,to{opacity:0}50%{opacity:1}}.creator__fx i,.creator__fx .spark,.creator__name span:after{animation-play-state:paused}.creator.is-live .creator__fx i,.creator.is-live .creator__fx .spark,.creator.is-live .creator__name span:after{animation-play-state:running}@media (prefers-reduced-motion:reduce){.creator__fx i,.creator__fx .spark,.creator__name span:after{animation:none!important}.creator__name span:after{opacity:.5}.creator__fx i{opacity:.6}.creator__fx .spark{opacity:.8}}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}[id]{scroll-margin-top:1rem}body{background:var(--bg);color:var(--fg);font:1rem/1.55 var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-head);margin:0 0 .5rem;line-height:1.15}a{color:var(--accent)}code,.mono{font-family:var(--font-mono)}code{white-space:nowrap;font-size:.9em}sub{line-height:0}.skip{z-index:20;background:var(--accent);color:var(--accent-fg);padding:.5rem .75rem;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}.stage{height:calc(100vh - 2.5rem);isolation:isolate;background:#000;height:calc(100svh - 2.5rem);min-height:420px;position:relative;overflow:hidden}#view{touch-action:pan-y;cursor:grab;outline-offset:-4px;width:100%;height:100%;display:block;position:absolute;inset:0}#view:active{cursor:grabbing}#view[hidden],.hud[hidden]{display:none}#view:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.fallback{place-items:center;display:grid;position:absolute;inset:0}.fallback[hidden]{display:none}.fallback img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fallback p{background:var(--bg-elev);max-width:30rem;box-shadow:var(--pix);margin:1rem;padding:.75rem 1rem;position:relative}.hud{z-index:2;color:#e9f0df;text-shadow:0 1px 2px #000,0 0 12px #000;pointer-events:none;margin:0;position:absolute}.hud--top{padding:max(1rem, env(safe-area-inset-top)) 1rem 1rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0 1rem;display:flex;inset:0 0 auto}.hud--top>div{flex:1 1 0;min-width:0}.hud--top h1{letter-spacing:-.01em;margin:.15rem 0 0;font-size:clamp(1.8rem,5vw,3rem)}.hud--top .hs-eyebrow{color:#aebb9f}.hud--top button{pointer-events:auto;text-shadow:none;white-space:nowrap;flex:none}.hud--stats{color:#aebb9f;gap:.9rem;font-size:.8rem;display:flex;bottom:1rem;left:1rem}.hud--stats b{color:#e9f0df;font-weight:600}.jump{flex-wrap:wrap;flex-basis:100%;gap:.35rem 1rem;margin-top:.4rem;display:flex}.jump a{pointer-events:auto;min-height:32px;font:400 .72rem var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:#aebb9f;border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.jump a:hover{color:#4fe0a0;border-bottom-color:#4fe0a0}.hud--tools{gap:.5rem;display:flex;bottom:2.9rem;left:1rem}.tbtn{pointer-events:auto;width:44px;font:500 1.4rem/1 var(--font-mono);text-shadow:none;justify-content:center;padding:0}.tbtn[hidden]{display:none}.tbtn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:18px;height:18px}.tbtn[aria-pressed=true]{color:var(--accent)}.show-ui{z-index:4;opacity:.55;font-size:.85rem;display:none;position:absolute;bottom:1rem;right:1rem}.show-ui:is(:hover,:focus-visible){opacity:1}.ui-hidden .show-ui{display:inline-flex}.ui-hidden .hud:not(.hud--toast),.ui-hidden .panel{display:none}.hud--toast{left:calc((100% - var(--free-right,0px)) / 2);font:400 .75rem var(--font-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--fg);background:color-mix(in srgb, var(--bg-elev) 92%, transparent);box-shadow:var(--pix);text-shadow:none;padding:.45rem .8rem;bottom:6.5rem;transform:translate(-50%)}.hud--bottom{left:calc((100% - var(--free-right,0px)) / 2);justify-items:center;gap:.35rem;display:grid;bottom:.75rem;transform:translate(-50%)}.hint{font:400 .72rem var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:#aebb9f;white-space:nowrap;text-align:center;margin:0}.scroll-cue{pointer-events:auto;font:400 .75rem var(--font-label);letter-spacing:.1em;text-transform:uppercase;text-shadow:none;gap:.4rem;padding:0 .9rem}.scroll-cue svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:square;width:1rem;height:1rem}.hs-btn--ghost{color:var(--fg);background:var(--bg-elev);border-color:var(--border-strong)}.panel{z-index:3;background:color-mix(in srgb, var(--bg-elev) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(20rem,100% - 2rem);max-height:calc(100% - 7.5rem);padding:.6rem .9rem;position:absolute;bottom:1rem;right:1rem;overflow:auto}.panel:not([open]){width:auto;padding:.3rem .6rem}.panel>summary{cursor:pointer;justify-content:flex-end;align-items:center;gap:.6rem;min-height:44px;list-style:none;display:flex}.panel[open] .panel__x:before{content:"✕";font:500 1rem var(--font-mono);color:var(--fg-muted)}.panel>summary::-webkit-details-marker{display:none}.panel[open]>summary{margin-bottom:.4rem}.controls{gap:.75rem;font-size:.92rem;display:grid}.help{color:var(--fg-muted);margin:-.35rem 0 0;font-size:.8rem;line-height:1.4}.toggles{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.toggles legend{grid-column:1/-1}.tog{min-height:44px;box-shadow:var(--pix);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.82rem;line-height:1.25;display:flex}.tog input{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex:none;margin:0}.tog:has(input:checked){box-shadow:0 0 0 2px var(--accent)}.tog:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.group{border:0;gap:.55rem;margin:0;padding:0;display:grid}.sub>summary{cursor:pointer;min-height:36px;font:400 .72rem var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;align-items:center;list-style:none;display:flex}.sub>summary::-webkit-details-marker{display:none}.sub>summary:after{content:"+";font:500 1rem var(--font-mono)}.sub[open]>summary:after{content:"−"}.sub[open]>summary{margin-bottom:.35rem}.linkbtn{min-height:36px;color:var(--fg-muted);font:.8rem var(--font-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 .5rem;text-decoration:underline}.linkbtn:hover{color:var(--accent)}.controls fieldset{border:0;margin:0;padding:0}.controls legend{font:400 .72rem var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:.3rem}.seg{flex-wrap:wrap;display:flex}.seg legend{width:100%}.seg label{flex:1 1 0;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg label{text-align:center;min-height:40px;box-shadow:var(--pix);place-items:center;margin:2px;padding:0 .4rem;font-weight:500;display:grid}.seg label:has(input:checked){background:var(--accent);color:var(--accent-fg);box-shadow:var(--fx-btn-shadow)}.seg label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.check{cursor:pointer;align-items:center;gap:.6rem;min-height:32px;display:flex}.check input{width:1.15rem;height:1.15rem;accent-color:var(--accent);margin:0}.range{grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .5rem;display:grid}.range output{color:var(--fg-muted);font-size:.82rem}.range input{width:100%;accent-color:var(--accent);grid-column:1/-1;min-height:28px;margin:0}.row{flex-wrap:wrap;gap:.6rem;padding-top:.2rem;display:flex}.row .hs-btn{flex:auto;justify-content:center;font-size:.92rem}.page,footer{max-width:64rem;margin:0 auto;padding:1rem}.page{gap:1.5rem;padding-top:2.5rem;display:grid}.about h2,.refs h2,.keys h2{margin-top:.35rem;font-size:clamp(1.4rem,3.5vw,2rem)}.about:focus{outline:none}.cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.25rem 2rem;display:grid}.cols h3{color:var(--accent);margin-top:.75rem;font-size:1.1rem}.cols p{color:var(--fg);margin:0 0 .5rem}.refs ol{gap:.45rem;margin:.5rem 0 0;padding-left:1.4rem;font-size:.92rem;display:grid}.refs li::marker{font-family:var(--font-mono);color:var(--fg-muted)}.keylist{grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:.5rem 0 0;display:grid}.keylist dt{font-family:var(--font-mono);color:var(--fg-muted);font-size:.88rem}.keylist dd{margin:0}footer{padding-bottom:2rem}@media (max-width:720px){.hud--top .hs-btn{min-height:40px;padding:.4rem .7rem;font-size:.88rem}.hud--top .hs-eyebrow{letter-spacing:.08em;font-size:.68rem}.panel{width:auto;max-height:62%;bottom:.75rem;left:1rem;right:1rem}.panel:not([open]){left:auto}.hud--stats{top:7.6rem;bottom:auto;left:1rem}.hud--tools{bottom:.75rem}.stage:has(#panel[open]) :is(.hud--bottom,.hud--tools){display:none}.panel[open]{max-height:62%;padding-bottom:.4rem}.panel[open]>summary{z-index:1;background:var(--bg-elev);margin:-.6rem -.9rem .4rem;padding:.3rem .9rem;position:sticky;top:-.6rem}.hud--bottom{width:calc(100% - 2rem);bottom:calc(1.5rem + 44px)}.hint{white-space:normal;font-size:.66rem}.hud--toast{bottom:8rem}.jump{gap:0 1rem;margin-top:.25rem}.keylist{grid-template-columns:1fr}.keylist dd{margin-bottom:.4rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.panel{transition:box-shadow .2s}.scroll-cue svg{animation:cue-bob 1.6s var(--fx-ease) infinite}}@keyframes cue-bob{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}