@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--cyan:#64e9ef;--lime:#cafa78;--pink:#ff71a5}*{box-sizing:border-box}body{margin:0;background:#080e18;background-image:radial-gradient(ellipse at 50% 30%,#152c4255,transparent 70%);color:#e0eaf7;font-family:'Space Grotesk',system-ui,sans-serif}header{max-width:1100px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;color:#8398ad;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}main{max-width:830px;margin:20px auto 40px;padding:0 22px}.eyebrow{text-align:center;font:9px 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--cyan)}h1{text-align:center;font-size:clamp(34px,6vw,58px);letter-spacing:-2px;margin:14px 0;color:#e2eafd}.tagline{text-align:center;font-size:14px;color:#8da4b9;margin-bottom:26px}.cabinet{border:1px solid #365367;border-radius:13px;overflow:hidden;background:#0c1825;box-shadow:0 15px 70px #0005}.hud{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;font:10px 'IBM Plex Mono',monospace;color:#91a6bd}.hud b{color:var(--cyan);margin-left:10px;font-size:17px;font-weight:500}.screen{position:relative;aspect-ratio:5/3;background:#070d17}canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}#overlay{position:absolute;inset:0;background:#07101cce;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}#overlay[hidden]{display:none}h2{font-size:clamp(23px,4vw,36px);letter-spacing:-1px;margin:16px 0 8px}#description{font-size:13px;line-height:1.7;max-width:420px;color:#9cb2c6;margin:0 0 20px}button{cursor:pointer;font-family:'IBM Plex Mono',monospace}#start{background:var(--cyan);color:#102d3a;border:0;border-radius:5px;padding:13px 25px;font-size:11px;font-weight:bold}small{font:8px 'IBM Plex Mono',monospace;color:#6c889e;margin-top:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;gap:10px;font:9px 'IBM Plex Mono',monospace;color:#94a9be}.toolbar>div{display:flex;gap:8px}.toolbar button{font-size:8px;padding:7px;background:none;border:1px solid #365367;color:var(--cyan);border-radius:4px;white-space:nowrap}button:disabled{opacity:.4;cursor:default}.goal{color:#9fb1c5;text-align:center;font-size:12px;line-height:1.8;max-width:640px;margin:23px auto}.goal strong{display:block;color:var(--cyan);font:9px 'IBM Plex Mono',monospace;letter-spacing:2px;margin-bottom:8px}nav{display:flex;justify-content:center;gap:35px;font-size:12px}footer{text-align:center;border-top:1px solid #1a2c3e;padding:24px;font:8px 'IBM Plex Mono',monospace;color:#617b92;letter-spacing:1px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.touch{display:none}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:35px 0}.game-link{display:block;background:#0d1a29;border:1px solid #304c60;border-radius:12px;padding:26px;color:#d5e7f5;transition:transform .2s,border-color .2s}.game-link:hover{transform:translateY(-3px);border-color:var(--cyan);text-decoration:none}.game-link .icon{display:block;font:32px monospace;color:var(--cyan);margin-bottom:20px}.game-link h2{font-size:23px}.game-link p{font-size:13px;color:#8ea9be;line-height:1.6}.game-link small{color:var(--lime)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(pointer:coarse){.touch{display:flex;gap:10px;padding:0 18px 16px;justify-content:center}.touch button{touch-action:none;background:#172e41;color:var(--cyan);border:1px solid #375c76;border-radius:5px;padding:12px 22px;min-width:50px}}@media(max-width:550px){header{padding:22px 18px;font-size:8px}header>span{display:none}main{padding:0 12px}.toolbar{flex-wrap:wrap;font-size:8px}.hud{padding:13px 15px;font-size:8px}.hud b{font-size:14px}#overlay{padding:14px}#description{font-size:10px;margin-bottom:12px}h2{margin:10px 0 6px}#start{padding:10px 17px;font-size:9px}.eyebrow{font-size:7px}.cards{grid-template-columns:1fr}.game-link h2{font-size:25px}}

body[data-game="flappy"]{--cyan:#ffc77a;background-color:#0c1225;background-image:radial-gradient(ellipse at 50% 30%,#35426b55,transparent 70%)}body[data-game="flappy"] .cabinet{border-color:#6e6d89}body[data-game="flappy"] h1{color:#ffe2ac}body[data-game="flappy"] #overlay{background:#0911269c}body[data-game="flappy"] #start{background:#ffc77a;color:#442b1a}