@import "https://fonts.googleapis.com/css2?family=Bungee&family=Bungee+Shade&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;800&family=Archivo+Black&display=swap";:root{--ink:#0a0a08;--paper:#f4f0e4;--acid:#d4ff00;--acid-deep:#a8cc00;--magenta:#ff2e88;--cyan:#22e5ff;--orange:#ff6a1a;--grid:#d4ff0014}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);margin:0;padding:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}body{background-color:#0a0a08;background-image:radial-gradient(circle at 20% 10%, #d4ff000f, transparent 40%), radial-gradient(circle at 85% 70%, #ff2e880d, transparent 40%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:auto,auto,48px 48px,48px 48px}body:before{content:"";pointer-events:none;z-index:100;opacity:.2;mix-blend-mode:overlay;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='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.9 0 0 0 0 0.8 0 0 0 0.32 0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.55'/></svg>");position:fixed;inset:0}.mono{font-family:JetBrains Mono,monospace}.display{letter-spacing:.01em;font-family:Bungee,Archivo Black,sans-serif}.shade{font-family:Bungee Shade,sans-serif}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}html{scroll-behavior:smooth}pre code{font-size:13px;line-height:1.5}@media (width<=768px){.hero-grid{grid-template-columns:1fr!important}.hero-right{display:none!important}.tools-grid{grid-template-columns:1fr!important}.tutorial-row{grid-template-columns:80px 1fr!important;gap:12px!important}.tutorial-tag,.tutorial-time,.tutorial-play{display:none!important}.crew-grid,.shop-inner-grid{grid-template-columns:1fr!important}.shop-decorative{display:none!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.nav-links{display:none!important}.nav-shop{display:inline-block!important}.hero-h1{font-size:clamp(42px,12vw,148px)!important}.meta-row{gap:16px!important}section,nav,footer{padding-left:16px!important;padding-right:16px!important}}@media (width<=480px){.footer-grid{grid-template-columns:1fr!important}.tutorial-row .display{font-size:16px!important}}
