.games-hero{padding:5rem 0 4rem;position:relative;overflow:hidden}.games-hero__badge{color:var(--secondarycolor,#a78bfa);opacity:0;background:#7c3aed14;border:1px solid #7c3aed26;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:none;display:inline-flex;transform:translateY(20px)}.games-hero--visible .games-hero__badge{animation:.5s ease-out 50ms forwards gamesFadeUp}.games-hero__title{color:#111827;opacity:0;margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;transform:translateY(20px)}.games-hero--visible .games-hero__title{animation:.5s ease-out .15s forwards gamesFadeUp}.games-hero__subtitle{color:#6b7280;opacity:0;max-width:40rem;margin:0 auto 2.5rem;font-size:1.1rem;font-weight:500;line-height:1.7;transform:translateY(20px)}.games-hero--visible .games-hero__subtitle{animation:.5s ease-out .25s forwards gamesFadeUp}.game-stat-card{text-align:center;opacity:0;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;flex-direction:column;align-items:center;padding:1.25rem 1rem;transition:transform .2s,box-shadow .2s;animation:.4s ease-out forwards gamesFadeUp;display:flex;transform:translateY(16px);box-shadow:0 1px 3px #0000000a}.game-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.game-toolbar{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #0000000a;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;box-shadow:0 4px 24px #0000000a}@media (min-width:1024px){.game-toolbar{z-index:30;flex-direction:row;justify-content:space-between;position:sticky;top:5rem}}.game-filter{color:#6b7280;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1.5px solid #0000;border-radius:.75rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.game-filter:hover{color:#374151;background:#fff;border-color:#7c3aed33;box-shadow:0 2px 8px #0000000a}.game-filter--active{background:linear-gradient(135deg,var(--primarycolor,#7c3aed),var(--secondarycolor,#a78bfa));color:#fff;border-color:#0000;box-shadow:0 4px 16px #7c3aed40}.game-filter--active:hover{background:linear-gradient(135deg,var(--primarycolor,#7c3aed),var(--secondarycolor,#a78bfa));color:#fff;border-color:#0000}.game-sort-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.game-sort-btn:hover{border-color:#7c3aed4d;box-shadow:0 2px 8px #0000000a}.game-sort-dropdown{z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:14rem;margin-top:.5rem;padding:.375rem;animation:.15s ease-out gamesFadeUp;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #0000001a}.game-sort-option{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:all .15s;display:flex}.game-sort-option:hover{color:#111827;background:#f9fafb}.game-sort-option--active{color:var(--primarycolor,#7c3aed);background:#7c3aed14;font-weight:700}.game-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.game-grid{grid-template-columns:repeat(4,1fr)}}.game-card{opacity:0;background:#fff;border:1px solid #0000000f;border-radius:1.25rem;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:translateY(24px);box-shadow:0 1px 4px #0000000a}.game-grid--visible .game-card{animation:.45s ease-out forwards gamesFadeUp}.game-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0000001a,0 0 0 1px #7c3aed26}.game-badge{letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000026}.game-badge--popular{color:#fff;background:#f59e0be6}.game-badge--new{color:#fff;background:#10b981e6}.game-card__cta{color:#fff;background:linear-gradient(135deg,var(--primarycolor,#7c3aed),var(--secondarycolor,#a78bfa));border-radius:.75rem;justify-content:center;align-items:center;width:100%;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #7c3aed33}.game-card__cta:hover{box-shadow:0 8px 24px #7c3aed59}.game-card__cta-shine{background:linear-gradient(90deg,#0000,#ffffff40,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.game-card:hover .game-card__cta-shine{transform:translate(100%)}.game-spinner{width:3rem;height:3rem;animation:1s linear infinite spin;position:relative}@keyframes gamesFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}