:root{--ink:#1d1a2b;--paper:#fffaf0;--sun:#ffc440;color:var(--ink);font-family:Fredoka,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#0000;background-image:radial-gradient(60% 18% at 20% 18%,#fff 60%,#0000 61%),radial-gradient(40% 12% at 78% 10%,#fff 60%,#0000 61%),linear-gradient(#2f7fe0,#8fd0ff 55%,#7cc84a 55.1%,#59b84a);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}.hub{max-width:980px;margin:0 auto;padding:40px 16px 60px}header{text-align:center;color:#fff}.sticker{font-size:64px;animation:2.4s ease-in-out infinite wob;display:inline-block}@keyframes wob{50%{transform:rotate(-8deg)translateY(-6px)}}h1{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin:6px 0 10px;font-size:clamp(34px,7vw,64px);line-height:1}h1 span{color:var(--sun)}header p{color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:8px 18px;font-size:20px;font-weight:600;display:inline-block}.games{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:40px;display:grid}.game-card{color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:26px;flex-direction:column;text-decoration:none;transition:transform .12s;display:flex;overflow:hidden}.game-card:hover{transform:translateY(-4px)rotate(-.6deg)}.game-card .art{background:linear-gradient(135deg, var(--c1,#ddd), var(--c2,#eee));border-bottom:4px solid var(--ink);place-items:center;height:160px;display:grid}.game-card .art span{filter:drop-shadow(0 6px #1d1a2b66);font-size:84px}.game-card .info{padding:14px 18px 6px}.game-card h2{margin:0;font-size:26px}.game-card p{margin:4px 0 8px;font-size:16px}.meta{opacity:.8;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;display:flex}.play{text-align:center;background:var(--sun);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:16px;margin:8px 18px 18px;padding:10px;font-size:20px;font-weight:700}.soon{opacity:.7;box-shadow:none;border-style:dashed}.soon .art{background:repeating-linear-gradient(45deg,#fff,#fff 12px,#f3eedf 12px 24px)}footer{text-align:center;color:#fff;text-shadow:0 2px 0 var(--ink);margin-top:50px;font-size:18px;font-weight:600}