.glow-bg{position:absolute;inset:-30% -20% auto -20%;height:80vh;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.25),transparent 60%)}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.5rem;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;font-family:Chakra Petch,sans-serif}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#9D6CFF);color:#fff;box-shadow:0 6px 28px #7c3aed4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 36px #7c3aed73}.btn-ghost{border:1.5px solid var(--color-border);color:var(--color-foreground);background:transparent}.btn-ghost:hover:not(:disabled){background:#7c3aed1a;border-color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 6px 28px #f43f5e4d}.btn-sm{padding:.45rem 1rem;font-size:.82rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-full{width:100%;justify-content:center}input,select,textarea{width:100%;padding:.6rem 1rem;background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-foreground);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed33}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s}.navbar.scrolled{background:#0f0f23eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 1.5rem;height:64px}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-mark{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:10px;font-family:Russo One,sans-serif;font-size:1.1rem;color:#fff}.logo-text{font-family:Russo One,sans-serif;font-size:1.05rem;color:var(--color-foreground)}.logo-accent{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),background var(--transition);display:flex;align-items:center;gap:4px}.nav-link:hover,.nav-link.active{color:var(--color-foreground);background:#7c3aed14}.nav-offer{color:var(--color-accent)!important}.nav-offer:hover{background:#f43f5e1a!important}.nav-dropdown{position:relative}.dropdown-trigger{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.85rem}.dropdown-menu{position:absolute;top:100%;right:0;min-width:160px;background:#1a1a35;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:10}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:.45rem .75rem;border-radius:6px;font-size:.82rem;color:var(--color-text-muted);transition:all .15s}.dropdown-menu a:hover{background:#7c3aed1a;color:var(--color-foreground)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-foreground);cursor:pointer}.nav-actions{display:flex;align-items:center;gap:.75rem}.search-bar{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.25rem .25rem .25rem 1rem;transition:border-color .2s;width:200px}.search-bar:focus-within{border-color:var(--color-primary);width:260px}.search-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem}.search-input{background:transparent;border:none;color:var(--color-foreground);font-size:.82rem;padding:.25rem 0;font-family:inherit}.search-input::placeholder{color:var(--color-text-muted)}.cart-btn{position:relative;background:#7c3aed1a;border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-foreground);transition:all .2s}.cart-btn:hover{background:#7c3aed33;border-color:var(--color-primary)}.cart-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-accent);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 3rem;overflow:hidden}.hero-content{position:relative;z-index:1;max-width:780px}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);padding:.35rem 1rem;border-radius:999px;font-size:.78rem;font-weight:600;color:#fbbf24;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:.75rem;line-height:1.1}.text-accent{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--color-text-muted);font-size:1.1rem;max-width:520px;margin:0 auto 2rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.hero-stats{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-family:Russo One,sans-serif;font-size:1.6rem;color:var(--color-foreground)}.stat-label{font-size:.78rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.games-section{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.section-header{text-align:center;margin-bottom:1.5rem}.section-header h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.4rem}.section-subtitle{color:var(--color-text-muted);font-size:.95rem}.filter-bar{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:.75rem}.filter-section{display:flex;flex-direction:column;gap:.4rem}.filter-label{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.filter-chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:999px;font-size:.78rem;font-weight:500;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--color-text-muted);transition:all .15s}.chip:hover{background:#7c3aed14;color:var(--color-foreground)}.chip.active{background:#7c3aed26;border-color:var(--color-primary);color:var(--color-primary)}.filter-result-count{font-size:.78rem;color:var(--color-text-muted);text-align:left}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.game-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow)}.game-card-image{position:relative;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-card-glow{position:absolute;top:0;right:0;bottom:0;left:0}.game-card-badge-row{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.35rem}.game-tag{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.1)}.game-card-icon{opacity:.6}.game-card-body{padding:1rem 1rem 1.1rem}.game-card-platforms{display:flex;gap:.3rem;margin-bottom:.5rem;flex-wrap:wrap}.platform-badge{font-size:.62rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;background:#7c3aed1f;color:var(--color-secondary);border:1px solid rgba(124,58,237,.2);text-transform:uppercase;letter-spacing:.04em}.game-card-title{font-size:.95rem;font-weight:700;margin-bottom:.15rem;line-height:1.3}.game-card-subtitle{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.game-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.game-card-rating{display:flex;align-items:center;gap:.2rem;font-size:.78rem;font-weight:600}.rating-count{color:var(--color-text-muted);font-weight:400;font-size:.72rem}.game-card-sales{font-size:.7rem;color:var(--color-text-muted)}.game-card-footer{display:flex;justify-content:space-between;align-items:center}.game-card-price{display:flex;align-items:center;gap:.35rem}.price-current{font-family:Russo One,sans-serif;font-size:1rem;color:var(--color-foreground)}.price-original{font-size:.78rem;color:var(--color-text-muted);text-decoration:line-through}.price-discount{font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;background:#f43f5e26;color:var(--color-accent)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;animation:fadeIn .2s ease}.cart-drawer{position:fixed;top:0;left:0;bottom:0;width:400px;max-width:90vw;background:#14142b;border-left:1px solid var(--color-border);z-index:91;display:flex;flex-direction:column;animation:slideIn .3s ease}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.cart-header-left{display:flex;align-items:center;gap:.75rem}.cart-header-left h3{font-size:1rem;font-family:Chakra Petch,sans-serif;font-weight:700}.cart-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-muted)}.cart-empty p{font-size:1.1rem;color:var(--color-foreground)}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.cart-item{display:flex;gap:.75rem;align-items:center;padding:.75rem;border-radius:var(--radius-sm);background:#ffffff08}.cart-item-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-info h4{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-platform{font-size:.7rem;color:var(--color-text-muted)}.cart-item-right{display:flex;align-items:center;gap:.5rem}.cart-item-price{font-family:Russo One,sans-serif;font-size:.85rem}.cart-item-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;transition:color .15s}.cart-item-remove:hover{color:var(--color-destructive)}.cart-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:600}.cart-total-price{font-family:Russo One,sans-serif;font-size:1.2rem;color:var(--color-primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;animation:fadeIn .2s}.game-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:81;width:600px;max-width:90vw;max-height:85vh;overflow-y:auto;background:#14142b;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;animation:fadeUp .3s}.modal-close{position:absolute;top:1rem;left:1rem;background:#ffffff0f;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-foreground);transition:background .15s}.modal-close:hover{background:#ffffff1f}.game-modal-header{display:flex;gap:1.25rem;margin-bottom:1.5rem}.game-modal-image{width:120px;height:120px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.game-modal-glow{position:absolute;top:0;right:0;bottom:0;left:0}.game-modal-info{flex:1}.game-modal-platforms{display:flex;gap:.35rem;margin-bottom:.5rem}.game-modal-info h2{font-size:1.2rem;margin-bottom:.15rem}.game-modal-subtitle{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.5rem}.game-modal-rating{display:flex;align-items:center;gap:.25rem;font-size:.85rem}.rating-big{font-family:Russo One,sans-serif;font-size:1.1rem;color:#fbbf24}.game-modal-description{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:1.25rem}.game-modal-features{margin-bottom:1rem}.game-modal-features h4{font-size:.85rem;margin-bottom:.5rem;font-weight:600}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.feature-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.game-modal-details{border-top:1px solid var(--color-border);padding-top:1rem;margin-bottom:1.25rem}.detail-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.82rem;color:var(--color-text-muted)}.detail-value{color:var(--color-foreground);font-weight:600}.game-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border)}.price-big{font-family:Russo One,sans-serif;font-size:1.5rem}.price-original-big{font-size:.9rem;color:var(--color-text-muted);text-decoration:line-through;margin-right:.5rem}.discount-badge{background:#f43f5e26;color:var(--color-accent);padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.no-results{text-align:center;padding:3rem;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.features-section{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.features-grid-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.feature-card{text-align:center;padding:1.75rem 1.25rem}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:.9rem;margin-bottom:.4rem}.feature-card p{font-size:.78rem;color:var(--color-text-muted);line-height:1.6}.footer{background:#0a0a1a;border-top:1px solid var(--color-border);padding:3rem 1.5rem 1.5rem;margin-top:3rem}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2fr;gap:3rem}.footer-brand p{font-size:.82rem;color:var(--color-text-muted);margin-top:.75rem;line-height:1.6;max-width:280px}.footer-logo{display:flex;align-items:center;gap:.5rem;font-family:Russo One,sans-serif;font-size:1rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col h4{font-size:.78rem;font-weight:700;color:var(--color-foreground);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.06em}.footer-col a{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.4rem;transition:color .15s}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{max-width:1280px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted)}.payment-methods{display:flex;gap:.75rem}.payment-methods span{opacity:.6;font-weight:600;letter-spacing:.04em}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;min-width:240px}.toast-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:var(--color-success)}.toast-error{background:#ef44441f;border:1px solid rgba(239,68,68,.2);color:var(--color-destructive)}.toast-close{margin-right:auto;background:none;border:none;color:inherit;opacity:.6;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.fade-up{animation:fadeUp .5s ease forwards;opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (max-width: 768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#14142b;border-bottom:1px solid var(--color-border);padding:.75rem}.mobile-menu-btn{display:flex}.search-bar{width:140px}.search-bar:focus-within{width:180px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.hero-stats{gap:1.5rem}.footer-inner{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.game-modal{padding:1.25rem}.game-modal-header{flex-direction:column;align-items:center;text-align:center}.game-modal-platforms{justify-content:center}.features-grid{grid-template-columns:1fr}.cart-drawer{max-width:100vw}}@media (max-width: 480px){.nav-inner{padding:0 1rem}.hero-title{font-size:clamp(1.8rem,8vw,2.5rem)}.games-grid,.footer-links{grid-template-columns:1fr}}
/* ── Game Card Image (patched) ── */
.game-card-image { position: relative; height: 180px; display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: cover !important; background-position: center !important; }
.game-card-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,15,35,.6) 0%, transparent 50%); pointer-events: none; }
/* ── Hero bg (patched) ── */
.hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: brightness(.35) saturate(1.2); }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,15,35,.3), rgba(15,15,35,.85) 50%, #0f0f23); }