:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#eaf2ff;background:#101624}*{box-sizing:border-box}body{margin:0}a{color:#a1eeec}main{max-width:1020px;margin:auto;padding:48px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}small,.muted{color:#a1b0c5}.label{color:#69e3d5;font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(35px,5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:18px 0}p{font-size:17px;line-height:1.7;color:#bfcbdb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin:32px 0}.card{background:#192438;border:1px solid #32445f;border-radius:22px;padding:20px}.card img{width:112px;height:112px;border-radius:25px}a.btn,button{border:0;border-radius:12px;padding:12px 20px;background:#6ce8d8;color:#132638;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}a.btn.alt,button.alt{background:#32445e;color:white}input,textarea{background:#101a2e;color:white;border:1px solid #456179;border-radius:12px;padding:14px;font:inherit;max-width:100%;width:100%}textarea{min-height:180px}.panel{margin:32px 0;padding:24px;background:#192438;border:1px solid #334b64;border-radius:20px}.flex{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.back{margin-bottom:24px;display:inline-block}.timer{font-size:clamp(62px,15vw,130px);letter-spacing:-.075em;font-weight:800;margin:12px 0}.colors{display:grid;grid-template-columns:repeat(5,minmax(45px,1fr));gap:7px;height:190px;margin:24px 0}.swatch{border-radius:12px;display:flex;align-items:end;padding:8px;font-size:12px;color:#172035;cursor:pointer}code{color:#b6e8d5}footer{padding:22px 0;border-top:1px solid #34445e;color:#9bafc8;font-size:14px}

.gamecard{transition:transform .18s ease}.gamecard:hover{transform:translateY(-5px)}.gamecard img{width:100%;height:190px;object-fit:cover;border-radius:18px}.gamecard h2{font-size:19px}.gamecard p{font-size:14px;line-height:1.4}.count{color:#6ce8d8;font-weight:900}header{flex-wrap:wrap}