:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f7f5;background:#050a08}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 15%,#153c29 0,transparent 32%),linear-gradient(145deg,#030705,#0a1710 55%,#030705)}header{height:78px;display:flex;align-items:center;gap:13px;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid #264233;background:#050a08d9;backdrop-filter:blur(12px)}header .play{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#31c86f;color:#fff;padding-left:3px}header strong{font-size:25px}header strong span{color:#35d578}header small{margin-left:auto;color:#84a994;text-transform:uppercase;letter-spacing:2px}.hero{padding:70px clamp(20px,7vw,110px) 42px}.hero p{color:#45db82;letter-spacing:3px;font-weight:800}.hero h1{font-size:clamp(38px,6vw,72px);margin:8px 0}.hero span{color:#a4bbae;font-size:18px}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:20px clamp(20px,7vw,110px) 80px}.game{min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;border:1px solid #37664d;border-radius:24px;background:linear-gradient(155deg,#173a29,#09120d);box-shadow:0 20px 60px #0008;transition:.2s}.game:hover{transform:translateY(-6px);border-color:#50e68e}.game h2{font-size:28px;margin:0 0 8px}.game p{color:#a7c0b2;min-height:44px}.game a{align-self:flex-start;text-decoration:none;color:#06100a;background:#51e18b;padding:12px 20px;border-radius:999px;font-weight:900}.empty{color:#91aa9b}footer{padding:30px;text-align:center;color:#6f897a;border-top:1px solid #1c3025}@media(max-width:600px){header small{display:none}.hero{padding-top:45px}.games{padding-bottom:50px}}