:root{--mint: #4ce0b3;--mint-dark: #1f9d78;--grape: #b48cff;--grape-dark: #7a52d6;--sun: #ffd166;--sun-dark: #d8a02f;--ink: #14202b;--paper: #fdf6e8;--night: #0d1620}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;overflow-x:hidden;background:var(--night);color:var(--paper);font-family:"Baloo 2",Comic Sans MS,Segoe UI,system-ui,sans-serif}body{display:flex;flex-direction:column;min-height:100dvh;padding:0 20px 32px}.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,rgba(76,224,179,.22),transparent 70%),radial-gradient(45% 40% at 85% 30%,rgba(180,140,255,.18),transparent 70%),radial-gradient(50% 45% at 10% 60%,rgba(255,209,102,.12),transparent 70%)}.hero{width:100%;max-width:860px;margin:0 auto;padding:44px 0 24px;text-align:center}.hero-kicker{margin:0 0 6px;font-size:17px;letter-spacing:3px;text-transform:uppercase;opacity:.7}.hero-title{margin:0;font-size:clamp(38px,9vw,68px);line-height:1.05;letter-spacing:1px;color:#fff;text-shadow:0 5px 0 var(--mint-dark),0 0 34px rgba(76,224,179,.45)}.hero-sub{margin:12px 0 0;font-size:clamp(16px,2.4vw,20px);opacity:.82}main{flex:1;width:100%;max-width:860px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border:4px solid var(--ink);border-radius:24px;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:0 8px 0 var(--mint-dark);transition:transform .14s ease,box-shadow .14s ease}.card:hover,.card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 0 var(--mint-dark);outline:none}.card:active{transform:translateY(3px);box-shadow:0 4px 0 var(--mint-dark)}.card.grape{box-shadow:0 8px 0 var(--grape-dark)}.card.grape:hover,.card.grape:focus-visible{box-shadow:0 12px 0 var(--grape-dark)}.card.grape:active{box-shadow:0 4px 0 var(--grape-dark)}.card.sun{box-shadow:0 8px 0 var(--sun-dark)}.card.sun:hover,.card.sun:focus-visible{box-shadow:0 12px 0 var(--sun-dark)}.card.sun:active{box-shadow:0 4px 0 var(--sun-dark)}.card-emoji{font-size:46px;line-height:1}.card-name{margin:0;font-size:25px;font-weight:800;letter-spacing:.5px}.card-tagline{margin:0;font-size:16px;line-height:1.35;opacity:.78;overflow-wrap:anywhere}.card-play{margin-top:auto;padding-top:12px;font-size:19px;font-weight:900;letter-spacing:1.5px;color:var(--mint-dark)}.card.grape .card-play{color:var(--grape-dark)}.card.sun .card-play{color:var(--sun-dark)}.card.soon{background:#fdf6e824;color:var(--paper);border-style:dashed;box-shadow:none;cursor:default}.card.soon:hover{transform:none;box-shadow:none}.card.soon .card-play{color:var(--sun)}.footer{width:100%;max-width:860px;margin:34px auto 0;text-align:center;font-size:16px;opacity:.6}.footer p{margin:0}@media(max-width:620px){body{padding:0 14px 24px}.hero{padding:30px 0 18px}.card{padding:18px 16px 16px}}