@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 (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}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:1rem/1.5 var(--font-body);margin:0}a{color:var(--accent)}h1{font:700 clamp(2rem, 6vw, 3rem) var(--font-head);margin:.2rem 0}h2{font:700 1.2rem var(--font-head);margin:0 0 .5rem}.wrap{gap:1.5rem;max-width:56rem;margin:0 auto;padding:1.5rem 16px 3rem;display:grid}.lede,.note{color:var(--fg-muted);margin:0}.note{font-size:.9rem}.stage{padding:.75rem}.view{aspect-ratio:4/3;width:100%;max-height:70vh;position:relative}canvas{cursor:grab;width:100%;height:100%;display:block}.pad{padding:1rem}.mono{font:.85rem var(--font-mono);color:var(--fg-muted);overflow-wrap:anywhere;margin:.75rem 0 0}.lists{gap:1rem;display:grid}.lists ul{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.hs-chip{color:var(--fg);border:0;min-height:44px}.wip{font:.7rem/1.2 var(--font-label);text-transform:uppercase;color:#11150e;background:var(--fx-2);border:2px solid var(--border-strong);white-space:nowrap;margin-left:.5rem;padding:.15rem .45rem}
