.layout{display:grid;grid-template-rows:var(--header-height) 1fr;min-height:100vh}.header{position:sticky;top:0;z-index:500;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);background:rgba(10,10,15,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.3rem;font-weight:800;color:var(--color-accent-light);letter-spacing:-0.5px}.header-logo svg,.header-logo img{width:120px;height:120px}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.header-nav .nav-link{padding:8px 16px;border-radius:var(--radius-md);font-size:0.9rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.header-nav .nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.header-nav .nav-link.active{color:var(--color-accent-light);background:rgba(108,92,231,0.1)}.header-search{flex:1;max-width:420px}.header-actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.main-content{padding:var(--space-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.section-title{font-size:1.5rem;font-weight:800;letter-spacing:-0.5px}.section-subtitle{font-size:0.9rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.hero-banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-2xl);background:var(--color-bg-card)}.hero-banner-image{width:100%;aspect-ratio:21/9;object-fit:cover}.hero-banner-gradient{position:absolute;inset:0;background:linear-gradient( 135deg,rgba(10,10,15,0.95) 0%,rgba(10,10,15,0.6) 40%,transparent 70% )}.hero-banner-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl);max-width:600px}.hero-banner-content h1{font-size:2.5rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-md);letter-spacing:-1px}.hero-banner-content p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.hero-banner-content .btn{align-self:flex-start}.game-card .card-image{position:relative}.game-card .card-image .card-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-xs);z-index:2}.game-card .card-image .card-wishlist{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:2}.game-card .card-image .card-wishlist .btn-icon{background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.game-card .card-image .card-wishlist .btn-icon.active svg{fill:var(--color-danger);color:var(--color-danger)}.game-card .card-image .card-platforms{position:absolute;bottom:var(--space-sm);right:var(--space-sm);display:flex;gap:4px;z-index:2}.game-card .card-image .card-platform-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:0.7rem}.sidebar{padding:var(--space-lg) 0}.sidebar-section{margin-bottom:var(--space-xl)}.sidebar-title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-md);padding:0 var(--space-md)}.sidebar-filters{padding:0 var(--space-md)}.filter-group{margin-bottom:var(--space-lg)}.filter-label{font-size:0.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.filter-options{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-option{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-md);border-radius:var(--radius-md);font-size:0.85rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-option:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.filter-option.active{background:rgba(108,92,231,0.1);color:var(--color-accent-light)}.filter-option .count{margin-left:auto;font-size:0.75rem;color:var(--color-text-muted)}.filter-checkbox{width:16px;height:16px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.filter-option.active .filter-checkbox{background:var(--color-accent);border-color:var(--color-accent)}.filter-option.active .filter-checkbox::after{content:'';width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.range-slider{position:relative;width:100%;height:4px;background:var(--color-bg-card);border-radius:var(--radius-full);margin:var(--space-md) 0}.range-slider-fill{position:absolute;height:100%;background:var(--color-accent);border-radius:var(--radius-full)}.range-slider input[type="range"]{position:absolute;width:100%;height:4px;top:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--color-accent-light);border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:var(--shadow-sm)}.sort-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.sort-bar .result-count{font-size:0.85rem;color:var(--color-text-secondary)}.sort-bar .result-count strong{color:var(--color-text-primary)}.sort-bar .sort-controls{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.view-toggle{display:flex;gap:2px;background:var(--color-bg-card);border-radius:var(--radius-sm);padding:2px}.view-toggle .btn-icon{width:32px;height:32px;border:none;border-radius:var(--radius-sm)}.view-toggle .btn-icon.active{background:var(--color-accent);color:#fff}.game-list-item{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer}.game-list-item:hover{border-color:var(--color-border-hover);transform:translateX(4px)}.game-list-item .game-image{width:200px;height:120px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.game-list-item .game-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.game-list-item .game-info h3{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-xs)}.game-list-item .game-info .game-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.game-list-item .game-info .game-description{font-size:0.85rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-list-item .game-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.stat-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.stat-card .stat-icon{width:48px;height:48px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:rgba(108,92,231,0.1);border-radius:var(--radius-md);color:var(--color-accent-light)}.stat-card .stat-value{font-size:1.8rem;font-weight:800;color:white;margin-bottom:var(--space-xs)}.stat-card .stat-label{font-size:0.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.5px}.toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:2000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideInRight 0.3s ease;min-width:300px}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-info{border-left:3px solid var(--color-accent)}.toast-message{flex:1;font-size:0.85rem}@media (max-width:900px){.header-nav{display:none}.hero-banner-content{padding:var(--space-xl)}.hero-banner-content h1{font-size:1.8rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.game-list-item{flex-direction:column}.game-list-item .game-image{width:100%;height:180px}.game-list-item .game-actions{flex-direction:row;align-items:center}}@media (max-width:600px){.header{padding:0 var(--space-md)}.main-content{padding:var(--space-md)}.hero-banner-content h1{font-size:1.4rem}.stats-grid{grid-template-columns:1fr}.sort-bar{flex-direction:column;align-items:flex-start}.sort-bar .sort-controls{margin-left:0;width:100%;justify-content:space-between}}