:root{--bg: #32233b;--bg-alt: #3a2a45;--panel: #ff5d8f;--ink: #f3e9f7;--ink-dim: #c9b3d6;--accent: #43f5c6;--accent-2: #ff5d8f;--accent-3: #ffd34d;--border: #ff5d8f;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-body: "VT323", "Courier New", monospace;--maxw: 960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;position:relative;background-color:var(--bg);background-image:radial-gradient(ellipse 120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.4) 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:20px;line-height:1.5;-webkit-font-smoothing:none;font-smooth:never}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000029 3px,#0000 4px);animation:crt-flicker 4s steps(60) infinite}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.94}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}.hero-caret,h2:after{display:inline-block;width:.6em;height:1em;margin-left:2px;background:currentColor;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite}h2:after{content:"";text-shadow:none}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-caret,h2:after{animation:none}}h1,h2,h3,.pixel{font-family:var(--font-pixel);font-weight:400;line-height:1.6;letter-spacing:.5px}h1{font-size:clamp(1.4rem,4vw,2.4rem);margin:0}h2{font-size:clamp(1rem,2.6vw,1.4rem);color:var(--accent);margin:0 0 1.5rem;text-shadow:3px 3px 0 rgba(0,0,0,.5)}h3{font-size:.9rem;color:var(--accent-3);margin:0 0 .75rem}p{margin:0 0 .75rem}a{color:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:var(--reveal-delay, 0ms)}.reveal--visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--accent-3);outline-offset:3px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.section{padding:3.5rem 0;border-top:4px solid #ff5d8f}.section:nth-of-type(2n){background:var(--bg-alt)}.panel{background:#ff5d8f;border:4px solid #ffd34d;padding:1.25rem;color:#32233b;font-weight:700;box-shadow:8px 8px #00000073}.panel h3{color:#32233b}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-pixel);font-size:.7rem;text-decoration:none;color:var(--bg);background:var(--accent);border:3px solid var(--ink);padding:.85rem 1.1rem;cursor:pointer;box-shadow:5px 5px #00000080;transition:transform .05s linear,box-shadow .05s linear;text-transform:uppercase}.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px #00000080}.btn:active{transform:translate(5px,5px);box-shadow:0 0 #00000080}.btn--ghost{background:transparent;color:var(--accent)}.btn--pink{background:var(--accent-2);color:var(--bg)}.chip{display:inline-block;font-family:var(--font-pixel);font-size:.55rem;padding:.4rem .5rem;margin:0 .4rem .4rem 0;background:var(--bg);border:2px solid var(--accent);color:#ffd34d;text-transform:uppercase}.icon{width:1.6em;height:1.6em;object-fit:contain;vertical-align:middle;image-rendering:pixelated;flex-shrink:0}h3 .icon{margin-right:.4rem}.grid{display:grid;gap:1.25rem}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:760px){.grid--2,.grid--4{grid-template-columns:1fr}}.game-wrap{display:inline-block;line-height:0;max-width:100%;background:var(--bg);border:4px solid var(--accent-3);box-shadow:8px 8px #00000073;cursor:pointer;touch-action:manipulation}.game-wrap:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.game-canvas{display:block;width:640px;max-width:100%;height:auto;image-rendering:pixelated}.center{text-align:center}.stack>*+*{margin-top:1rem}::selection{background:var(--accent-3);color:var(--bg)}