@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--text:#1a1a1a;--text-h:#000;--bg:#fef6e4;--border:#000;--code-bg:#fff;--accent:#f582ae;--accent-dark:#001858;--card-bg:#8bd3dd;--card-alt:#f3d2c1;--highlight:#ffc6ff;--shadow:6px 6px 0px #000;--shadow-hover:8px 8px 0px #000;--sans:"Space Grotesk", system-ui, sans-serif;--heading:"Space Grotesk", system-ui, sans-serif;--mono:"Space Mono", monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;border-inline:4px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:900}h1{letter-spacing:-2px;text-transform:uppercase;margin:32px 0;font-size:72px}@media (width<=1024px){h1{margin:20px 0;font-size:48px}}h2{letter-spacing:-1px;text-transform:uppercase;margin:0 0 8px;font-size:32px;line-height:118%}@media (width<=1024px){h2{font-size:24px}}h3{font-size:18px;font-weight:700}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--bg);background:var(--accent-dark);border:4px solid var(--border);box-shadow:var(--shadow);text-transform:uppercase;cursor:pointer;border-radius:0;margin-top:20px;padding:14px 28px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.counter:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.counter:active{transform:translate(6px,6px);box-shadow:0 0 #000}.hero h1{text-shadow:4px 4px 0px var(--accent);margin-bottom:12px}.hero p{font-size:20px;font-weight:600}#center{text-align:center;background:var(--bg);flex-direction:column;gap:24px;padding:80px 20px;display:flex}.description p{margin-bottom:8px;font-size:20px;font-weight:500}#services{background:var(--highlight);border-top:4px solid var(--border);border-bottom:4px solid var(--border);padding:60px 20px}#services h2{margin-bottom:40px}.game-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1000px;margin-top:32px;margin-left:auto;margin-right:auto;display:grid}.game-card{background:var(--card-bg);border:4px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:0;padding:24px;transition:all .2s}.game-card:nth-child(2n){background:var(--card-alt)}.game-card:hover{box-shadow:var(--shadow-hover);transform:translate(-4px,-4px)}.game-card:active{transform:translate(0);box-shadow:2px 2px #000}.game-icon{margin-bottom:12px;font-size:48px;display:block}.game-card h3{color:var(--text-h);text-transform:uppercase;margin:0;font-size:18px}#next-steps{border-top:4px solid var(--border);text-align:center;background:var(--bg);display:flex}#next-steps>div{flex:1;padding:60px 40px}#next-steps h2{margin-bottom:12px}#next-steps p{margin-bottom:28px;font-size:18px;font-weight:500}#next-steps ul{flex-direction:column;gap:16px;max-width:400px;margin-top:24px;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:flex}#next-steps a{color:var(--text-h);background:var(--code-bg);border:4px solid var(--border);box-shadow:var(--shadow);text-transform:uppercase;border-radius:0;padding:16px 24px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:block}#next-steps a:hover{background:var(--accent);transform:translate(-3px,-3px);box-shadow:8px 8px #000}#next-steps a:active{transform:translate(0);box-shadow:2px 2px #000}#spacer{background:var(--bg);height:80px}.ticks{display:none}@media (width<=768px){.game-grid{grid-template-columns:1fr}#center{padding:60px 20px}#services{padding:40px 20px}#next-steps{flex-direction:column}.hero h1{font-size:48px}}