.g1{--g-bg:#0b0c0a;--g-bg-2:#141612;--g-bg-3:#1f221c;--g-steel:#8d949b;--g-steel-2:#c3c8cc;--g-volt:#d4ff3a;--g-volt-2:#b3e021;--g-red:#ff4a1c;--g-red-2:#d63a10;--g-chalk:#f1f3ec;--g-chalk-2:#d9dcd2;--g-ink:#0b0c0a;--g-muted:#9ba095;--g-line:#f1f3ec21;background:var(--g-bg);color:var(--g-chalk);font-family:var(--font-sans);min-height:100dvh;overflow-x:clip}.g1 ::selection{background:var(--g-volt);color:var(--g-ink)}.g1 :focus-visible{outline:3px solid var(--g-volt);outline-offset:3px}.g1-mono{font-family:var(--font-mono);letter-spacing:.04em}.g1-floor{background:linear-gradient(180deg, #d4ff3a12, transparent 30%), radial-gradient(50rem 20rem at 50% -4%, #f1f3ec1a, transparent 70%), repeating-linear-gradient(90deg, transparent 0 119px, #f1f3ec09 119px 120px), var(--g-bg)}.g1-tape{background:repeating-linear-gradient(-45deg, var(--g-volt) 0 22px, var(--g-ink) 22px 44px)}.g1-plate{background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%);background-size:18px 18px}.g1-grain:after{content:"";pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.g1-card{border:2px solid var(--g-chalk);box-shadow:6px 6px 0 var(--g-volt)}.g1-cut{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.g1-btn{border:2px solid var(--g-ink);background:var(--g-volt);color:var(--g-ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);align-items:center;gap:.6rem;padding:.8rem 1.5rem;font-size:1.15rem;transition:transform .15s,background .15s;display:inline-flex}.g1-btn:hover{background:var(--g-chalk);transform:translateY(-2px)}.g1-btn:active{transform:translateY(2px)scale(.98)}.g1-btn--ghost{color:var(--g-chalk);box-shadow:inset 0 0 0 2px var(--g-chalk);background:0 0}.g1-btn--ghost:hover{background:var(--g-bg-3)}.g1-btn--red{background:var(--g-red);color:var(--g-chalk)}@keyframes g1-marquee{to{transform:translate(-50%)}}.g1-marquee{animation:30s linear infinite g1-marquee}.g1-marquee:hover{animation-play-state:paused}@keyframes g1-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px,-1px)}}.g1-shake{animation:.18s linear infinite g1-shake}@keyframes g1-pulse{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}}.g1-pulse{animation:1.1s ease-in-out infinite g1-pulse}@keyframes g1-drop{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}.g1-sweat{transform-box:fill-box;animation:1.2s ease-in infinite g1-drop}@keyframes g1-flicker{0%,92%,to{opacity:1}94%{opacity:.35}96%{opacity:.9}97%{opacity:.4}}.g1-flicker{animation:5s linear infinite g1-flicker}@media (prefers-reduced-motion:reduce){.g1-marquee,.g1-shake,.g1-pulse,.g1-sweat,.g1-flicker{animation:none}}body:has(.g1){background:#0b0c0a}
