:root{--bg:#f4f0ff;--ink:#2b2250;--muted:#6d6594;--card:#fff;--brand:#6c4ee3;--accent:#ffb400}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100dvh;margin:0;font-family:Fredoka,system-ui,sans-serif;display:flex}.site-header{justify-content:center;padding:16px;display:flex}.logo{color:var(--brand);font-size:32px;font-weight:700}.logo span{color:var(--accent)}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:0 16px 32px}h1{text-align:center;margin:8px 0 24px;font-size:clamp(28px,6vw,44px)}.games{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.game-card{background:var(--card);color:inherit;text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:24px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 8px #6c4ee340}a.game-card:hover{transform:translateY(-4px)rotate(-1deg)}.game-card h2{margin:12px 0 4px}.game-card p{color:var(--muted);margin:0 0 16px}.art{justify-content:center;align-items:center;gap:4px;height:110px;font-size:72px;display:flex}.art img{height:96px}.chess .art{background:repeating-conic-gradient(#eeeed2 0 25%, #769656 0 50%) 0 0 / 55px 55px;border-radius:16px;width:100%}.dragon .art{background:linear-gradient(135deg,#3a1c4a,#b3361f);border-radius:16px;width:100%}.beasts .art{background:linear-gradient(135deg,#1d3b5c,#3f8f4a);border-radius:16px;width:100%}.play-btn{background:var(--brand);color:#fff;border-radius:999px;margin-top:auto;padding:10px 28px;font-size:20px;font-weight:600}.arcane .art{background:linear-gradient(135deg,#2a0c06,#d0561a);border-radius:16px;width:100%}.party .art{background:linear-gradient(135deg,#2f5a2a,#d8a834);border-radius:16px;width:100%}.game-card .badge{color:#8a4b00;background:#ffe2b0;border-radius:999px;align-self:center;margin-top:10px;padding:2px 10px;font-size:.75rem;font-weight:600}.soon{opacity:.7}footer{text-align:center;color:var(--muted);padding:16px;font-size:14px}