.gamesRoute{color:#162641;background:radial-gradient(circle at 12% 18%,#78c9b533,#0000 28%),radial-gradient(circle at 84% 12%,#f5ba5833,#0000 24%),linear-gradient(#fbfaf7,#f2eee6);min-height:100dvh;padding:32px clamp(16px,4vw,56px)}.gamesHero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:24px;max-width:1180px;margin:0 auto 24px;display:grid}.gamesHero h1{max-width:760px;font-family:var(--font-display,Georgia, serif);letter-spacing:0;margin:10px 0 12px;font-size:clamp(34px,6vw,72px);line-height:.95}.gamesHero p{color:#52617a;max-width:760px;margin:0;font-size:18px;line-height:1.7}.gamesHeroStatus{background:#ffffffc2;border:1px solid #107b682e;border-radius:18px;gap:10px;padding:18px;display:grid;box-shadow:0 18px 40px #232b3a1a}.gamesHeroStatus small{overflow-wrap:anywhere;color:#61708a}.gamesGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1440px;margin:0 auto;display:grid}.gameCard{background:#ffffffdb;border:1px solid #24344f1f;border-radius:18px;gap:12px;min-height:420px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 52px #232b3a1f}.gameCard.is-amber{background:linear-gradient(140deg,#fff7e2f0,#ffffffe0)}.gameCard.is-teal{background:linear-gradient(140deg,#e7f9f4f0,#ffffffe0)}.gameCardArt{background:#142031;border:1px solid #24344f1f;border-radius:14px;height:132px;position:relative;overflow:hidden}.gameCardArt img{object-fit:cover;width:100%;height:100%;display:block}.gameCardTop,.gameActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gameCard h2{font-family:var(--font-display,Georgia, serif);margin:0;font-size:28px;line-height:1}.gameCard>strong{color:#0f7667}.gameCard p{color:#52617a;margin:0;line-height:1.6}.gameReward{background:#ffffffb3;border:1px solid #24344f1a;border-radius:12px;gap:6px;padding:12px;display:grid}.gameReward span,.gameCardTop small{color:#60708a;font-size:13px}.gameActions{justify-content:start;margin-top:auto}.gameShareFeedback{color:#60708a}.gameActions .buttonPrimary,.gameActions .buttonSecondary,.gamesHeroStatus .buttonSecondary{border-radius:999px;min-height:46px;padding:0 18px}@media (max-width:820px){.gamesHero,.gamesGrid{grid-template-columns:1fr}.gameCard{min-height:0}}