:root{--bg-main: #050608;--bg-panel: #11131b;--bg-panel-alt: #1c1f2b;--accent: #3cff7c;--accent-soft: #1d6038;--accent-strong: #8bffb4;--danger: #ff3366;--text-main: #e5f2ff;--text-muted: #8a9bb5;--border-light: #f4f4f4;--shadow-dark: #07080d;--scanline: rgba(0, 0, 0, .15);--screen-glow: rgba(60, 255, 124, .12);--radius: 4px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#15181f 0,#020308 55%,#000);color:var(--text-main);font-family:PixelHallfetica,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;justify-content:center;align-items:center}#root{width:150%;max-width:960px;padding:24px}.App{background:radial-gradient(circle at 20% 0,#1a212b 0,#05070c 60%);border:2px solid #2c3546;box-shadow:0 0 30px var(--screen-glow),0 0 120px #000000e6,inset 0 0 18px #000000e6;border-radius:12px;padding:24px 24px 18px;position:relative;overflow:hidden}.App:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,var(--scanline) 2px,var(--scanline) 3px);opacity:.35;mix-blend-mode:soft-light;pointer-events:none}.App:after{content:"";position:absolute;left:-10%;right:-10%;top:-10%;height:40%;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.18),transparent 60%);opacity:.25;pointer-events:none}h1{margin:0 0 8px;font-size:26px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);text-shadow:0 0 6px var(--accent-soft),2px 0 0 #1aff64,-2px 0 0 #15ffd5}.about{margin:0 0 16px;max-width:640px;color:var(--text-muted);font-size:13px;line-height:1.5}.card{margin:18px 0 10px;padding:14px 18px;border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-panel) 0,var(--bg-panel-alt) 100%);border:1px solid #222736;box-shadow:0 0 0 1px #05070c,0 12px 0 0 var(--shadow-dark)}button{position:relative;display:inline-block;padding:10px 18px;border:0;border-radius:0;background:var(--accent);color:#041107;font-family:inherit;font-size:12px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 2px #0b1d11,0 6px #1d6038,0 6px 0 2px #000;transform:translateY(0);transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter 80ms ease-out}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(0,0,0,.4);pointer-events:none}button:hover{filter:brightness(1.05)}button:active{transform:translateY(4px);box-shadow:0 0 0 2px #0b1d11,0 2px #1d6038,0 2px 0 2px #000}.content{display:flex;align-items:center;justify-content:flex-start;gap:16px}.content img{max-width:250px;height:auto;flex-shrink:0}.game-iframe{width:100%;height:min(70vh,520px);border:0;border-radius:6px;background:#020304;box-shadow:0 0 0 2px #000,inset 0 0 20px #00ffa50d;filter:saturate(.9) contrast(1.05);margin-top:18px}.game-iframe:hover{animation:crt-wobble .8s ease-in-out}@keyframes crt-wobble{0%{transform:translate(0) skew(0)}25%{transform:translate(-1px) skew(.7deg)}50%{transform:translate(1px) skew(-.7deg)}75%{transform:translate(-.5px) skew(.4deg)}to{transform:translate(0) skew(0)}}@media(max-width:640px){.App{padding:18px 16px 12px}h1{font-size:20px;letter-spacing:.12em}.game-iframe{height:60vh}}@font-face{font-family:Crosscode;src:url(/assets/CrosscodeTinyJP8P-CkSpPYE8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PixelHallfetica;src:url(/assets/PixelHallfeticaJP10P-Regular-Cdrlearo.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PixelHallfetica;src:url(/assets/PixelHallfeticaJP12P-Bold-DRUEE1Yq.ttf) format("truetype");font-weight:400;font-style:bold}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}