.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}@media (min-width:640px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.cards-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1536px){.cards-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width:1920px){.cards-grid{grid-template-columns:repeat(10,1fr)}}@media (min-width:2560px){.cards-grid{grid-template-columns:repeat(12,1fr)}}.view-list .cards-grid{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:none}.platform-catalog-page #main-content{display:block!important;width:100%!important;padding:10px!important}.infinite-scroll-end.infinite-scroll-hidden,.infinite-scroll-error.infinite-scroll-hidden,.infinite-scroll-hidden,.infinite-scroll-loading.infinite-scroll-hidden,.pagination-loading.hidden,.platform-catalog-page .filters-container{display:none!important}.platform-catalog-page .cards-container{width:100%!important;max-width:none!important}.card-universal{display:grid;grid-template-areas:"image" "title" "price";grid-template-rows:auto auto auto;padding:.375rem;gap:.25rem;transition:.3s;overflow:visible}.view-list .card-universal{grid-template-areas:"image title title" "image badges badges" "image platforms platforms" "image price price";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto auto;padding:.5rem;gap:.5rem;min-height:5rem;width:100%;max-width:none}.card-image{grid-area:image}.card-game-ribbon,.card-platform-ribbon,.card-type-ribbon{position:absolute;top:0;left:0;padding:10px;font-size:.65rem;font-weight:700;z-index:3;border-radius:0 0 .5rem;box-shadow:0 2px 6px rgba(0,0,0,.15);display:flex;align-items:center;gap:.25rem}.card-platform-ribbon{background:rgba(31,41,55,.5);color:#fff;border-radius:.5rem}.card-badge-label,.card-badge-type,.card-type-ribbon{background:rgba(6,182,212,.7);color:#fff}.card-game-ribbon{background:rgba(75,85,99,.7);color:#fff}.card-ribbon-icon{width:18px;height:18px;flex-shrink:0}.card-ribbon-text{font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.02em;line-height:1}.card-badges{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.5rem;z-index:2;pointer-events:none}.card-badge,.card-platforms .card-platform-item,.card-top-badges .card-badge{pointer-events:auto}.card-badge{letter-spacing:.03em;user-select:none}.card-platforms,.card-top-badges{position:absolute;z-index:3;pointer-events:none;padding:.375rem}.card-badge-platform{background:rgba(34,197,94,.7);color:#fff;display:flex;align-items:center;gap:.25rem}.view-list .card-image-container{width:4rem;height:5rem;aspect-ratio:auto;flex-shrink:0}.card-image-element{width:100%;height:100%;object-fit:cover;object-position:top;cursor:pointer}.card-title{grid-area:title;display:flex;align-items:start}.card-title-text{font-size:.875rem;font-weight:600;line-height:1.25;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.view-list .card-title-text{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.card-platform-link,.card-title-link{color:inherit;text-decoration:none}.card-title-link:hover{color:#3b82f6}.card-platforms{bottom:10px;left:5px;display:flex;gap:.2rem;align-items:center;flex-wrap:wrap}.view-list .card-platforms{position:static;grid-area:platforms;padding:0;justify-content:flex-start}.card-platform-item{display:flex;align-items:center}.card-mobile-badges{grid-area:badges;display:none;align-items:center;gap:.5rem;flex-wrap:wrap}.view-list .card-mobile-badges{display:flex}.view-list .card-game-ribbon,.view-list .card-genre-year-badge,.view-list .card-platform-ribbon,.view-list .card-type-ribbon,.view-list .card-year-badge{display:none}.card-badge-with-icon{display:flex;align-items:center;gap:.25rem}.card-badge-icon{width:12px;height:12px;flex-shrink:0}.card-price{grid-area:price;display:flex;align-items:center;justify-content:flex-end;margin-top:auto;width:100%}.card-price-container{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:4.5rem}.card-price-content{display:flex;flex-direction:column;align-items:flex-end;gap:0}.card-price-label{font-size:.65rem;color:#9ca3af;order:1}.card-price-value-wrapper{display:flex;align-items:center;gap:.3rem;order:2}.card-price-icon{width:.75rem;height:.75rem}.card-platform-icon,.view-list .card-platform-icon{width:.9rem;height:.9rem}.card-price-value{font-size:1rem;font-weight:600;color:#fff}.view-list .card-price{justify-content:flex-end;margin-top:0}.view-list .card-price-container{align-items:flex-end}.view-list .card-price-content{flex-direction:row;align-items:center;gap:.5rem}.view-list .card-price-label{order:0;font-size:.75rem}.view-list .card-price-value-wrapper{order:1}.card-top-badges{top:0;left:0;right:0;display:flex;justify-content:space-between;gap:.375rem;transition:.3s cubic-bezier(.4,0,.2,1)}.card-badge-current-year{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);background-size:300% 300%;animation:3s infinite gradientShift;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.3);box-shadow:0 3px 8px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.1)}.card-badge,.card-badge-genre-year{padding:.2rem .375rem;font-size:.65rem;letter-spacing:.02em;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 1px #000;box-shadow:0 2px 6px rgba(0,0,0,.15);user-select:none;line-height:1.1;pointer-events:auto;font-weight:700}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.card-image-container{aspect-ratio:3/4;position:relative}.card-genre-year-badge,.card-year-badge{position:absolute;bottom:.375rem;z-index:2}.card-genre-year-badge{right:.375rem}.card-year-badge{left:.375rem}.card-badge-genre-year{background:rgba(55,65,81,.8);color:#fff;border-radius:.3rem;border:1px solid rgba(255,255,255,.15);max-width:8rem;white-space:nowrap}.card-badge,.card-badge-year{background:rgba(31,41,55,.6);color:#fff}.card-badge{border-radius:.3rem;border:1px solid rgba(255,255,255,.15)}.card-universal,.compact-dropdown,.compact-filter-input{position:relative}.card-platform-icon{object-fit:contain;flex-shrink:0}.fixed-bottom-controls,.fixed-pagination-container{align-items:center;gap:1rem;display:flex}.catalog-controls{margin-bottom:1rem}.catalog-view-switcher{background-color:#f3f4f6;border-radius:.5rem;padding:.25rem}.view-switch-btn{border:none;background:0 0;cursor:pointer;border-radius:.375rem;padding:.5rem;transition:.2s;color:#6b7280}.view-switch-btn:hover{color:#374151}.view-switch-btn.active{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#111827}.fixed-bottom-controls{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:50;visibility:visible;opacity:1;background:rgba(107,114,128,.95);backdrop-filter:blur(8px);border-radius:2rem;padding:.75rem 1.5rem;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.2);border:1px solid rgba(75,85,99,.3)}.fixed-pagination{background:0 0;border:none;box-shadow:none;backdrop-filter:none;border-radius:0;padding:0}.pagination-info{font-size:.875rem;font-weight:500}.pagination-controls{display:flex;gap:.5rem}.pagination-next,.pagination-prev{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:.2s}.pagination-next:hover,.pagination-prev:hover{background:rgba(255,255,255,.3);color:#fff}.pagination-next:disabled,.pagination-prev:disabled{opacity:.5;cursor:not-allowed}.pagination-loading{margin-top:.5rem}.infinite-scroll-end,.infinite-scroll-error,.infinite-scroll-loading{margin:2rem 0}.loading-spinner{color:#06b6d4}.error-message{color:#ef4444}.retry-loading{background:#06b6d4;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.compact-btn-primary:hover,.retry-loading:hover{background:#0891b2}.mobile-filter-toggle{display:none;background:0 0;border:none;padding:0 1rem;margin-right:1rem;color:#fff;cursor:pointer;transition:.2s;align-items:center;gap:.5rem}.fixed-bottom-controls:hover{background:#1f2937}.mobile-filter-toggle svg{width:1rem;height:1rem;flex-shrink:0}.mobile-filter-text{font-size:.875rem;font-weight:500;white-space:nowrap}.compact-filters-panel{position:fixed;bottom:6rem;left:50%;transform:translateX(-50%) translateY(30px);z-index:45;width:90%;max-width:900px;opacity:0;visibility:hidden;transition:.4s cubic-bezier(.25, .46, .45, .94);pointer-events:none}.compact-filters-panel.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.compact-filters-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;transition:opacity .3s}.compact-filters-panel.show .compact-filters-overlay{opacity:1}.compact-filters-container{background:rgba(107,114,128,.95);backdrop-filter:blur(8px);border-radius:1rem;padding:1rem;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.2);border:1px solid rgba(75,85,99,.3)}.compact-filters-content{display:flex;flex-direction:column;gap:0}.compact-filter-error{margin-bottom:1rem;border-radius:.375rem;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.compact-error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;color:#fca5a5;font-size:.875rem}.compact-error-message svg{flex-shrink:0;color:#ef4444}.compact-actions-item{display:flex;align-items:end}.compact-actions-widget{width:100%}.compact-actions-group{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.compact-btn-primary,.compact-btn-secondary{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:.2s;border:none;width:100%}.compact-btn-primary{background:#06b6d4;color:#fff}.compact-btn-secondary{background:#6b7280;color:#fff}.compact-btn-secondary:hover{background:#4b5563}.compact-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.compact-filter-item{min-width:0}.compact-search-item{grid-column:span 1}@media (min-width:641px){.compact-search-item{grid-column:span 2}}.compact-filter-widget{display:flex;flex-direction:column;gap:.375rem;margin:0}.compact-filter-label{font-size:.75rem;font-weight:500;color:#d1d5db;margin-bottom:.25rem}.compact-text-input{width:100%;padding:.375rem .5rem;background:rgba(55,65,81,.8);border:1px solid #4b5563;border-radius:.375rem;color:#fff;font-size:.75rem;transition:.2s;height:2rem}.compact-text-input:focus{outline:0;border-color:#06b6d4;background:#374151}.compact-text-input::placeholder{color:#9ca3af}.compact-range-container{display:flex;flex-direction:column;gap:.25rem}.compact-range-slider{position:relative;height:16px}.compact-track{position:absolute;top:50%;left:0;right:0;height:3px;background:#4b5563;border-radius:2px;transform:translateY(-50%)}.compact-track-inner{position:absolute;height:100%;background:#06b6d4;border-radius:2px}.compact-range-input{position:absolute;top:0;left:0;width:100%;height:16px;background:0 0;border:none;outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;pointer-events:none}.compact-range-input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:14px;height:14px;background:#06b6d4;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.compact-range-input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;background:#06b6d4;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}#compact-date-range-min,#compact-price-range-min{z-index:2!important;position:absolute;top:0;left:0;width:100%;height:16px}#compact-date-range-max,#compact-price-range-max{z-index:1!important;position:absolute;top:0;left:0;width:100%;height:16px}.compact-range-values{display:flex;justify-content:center;align-items:center;gap:.375rem;font-size:.625rem;color:#d1d5db;margin-top:.125rem}.compact-range-value{font-weight:500;min-width:1.5rem;text-align:center}.compact-range-separator{color:#9ca3af}.compact-radio-group{display:flex;gap:.75rem;flex-wrap:wrap}.compact-radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:.2s}.compact-dropdown-option,.compact-dropdown-toggle{display:flex;padding:.375rem .5rem;cursor:pointer}.compact-radio-option:hover{background:rgba(55,65,81,.5)}.compact-radio-input{width:16px;height:16px;border:2px solid #4b5563;border-radius:50%;background:0 0;cursor:pointer;margin:0;position:relative}.compact-checkbox-input:checked,.compact-radio-input:checked{border-color:#06b6d4;background:#06b6d4}.compact-radio-input:checked::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.compact-radio-label{font-size:.875rem;color:#d1d5db;white-space:nowrap}.compact-dropdown-toggle{width:100%;background:rgba(55,65,81,.8);border:1px solid #4b5563;border-radius:.375rem;color:#fff;font-size:.75rem;justify-content:space-between;align-items:center;transition:.2s;height:2rem}.compact-dropdown-toggle:hover{background:#374151}.compact-dropdown-toggle.open{border-color:#06b6d4;background:#374151}.compact-dropdown-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-dropdown-arrow{width:12px;height:12px;transition:transform .2s;flex-shrink:0;margin-left:.375rem}.compact-dropdown-toggle.open .compact-dropdown-arrow{transform:rotate(180deg)}.compact-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:10;background:#1f2937;border:1px solid #4b5563;border-radius:.375rem;margin-top:.25rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s;box-shadow:0 10px 25px rgba(0,0,0,.3)}.compact-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.compact-dropdown-menu.dropdown-upward{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem;transform:translateY(10px)}.compact-dropdown-menu.dropdown-upward.show{transform:translateY(0)}.compact-dropdown-menu-scrollable{max-height:200px;overflow-y:auto}.compact-dropdown-option{align-items:center;gap:.375rem;transition:.2s;border-bottom:1px solid rgba(75,85,99,.3);font-size:.75rem}.compact-dropdown-option:last-child{border-bottom:none}.compact-dropdown-option:hover{background:rgba(55,65,81,.8)}.compact-checkbox-input{width:16px;height:16px;border:2px solid #4b5563;border-radius:.25rem;background:0 0;cursor:pointer;margin:0;position:relative}.compact-checkbox-input:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.compact-option-label{font-size:.75rem;color:#d1d5db;flex:1}.mobile-filter-toggle{display:flex!important}@media (max-width:640px){.compact-filters-panel{width:95%;bottom:7rem!important}.compact-filters-container{padding:.75rem}.compact-filters-grid{grid-template-columns:1fr 1fr;gap:.5rem}.compact-search-item{grid-column:span 2}.compact-btn-primary,.compact-btn-secondary{padding:.25rem .5rem;font-size:.625rem;font-weight:600}}@media (min-width:641px) and (max-width:1023px){.compact-filters-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.platform-catalog-page #main-content{display:block!important;position:relative}.card-game-ribbon,.card-genre-year-badge,.card-platform-ribbon,.card-type-ribbon,.card-year-badge,.platform-catalog-page .filters-container{display:none!important}.platform-catalog-page .cards-container{width:100%!important}.cards-grid{display:flex;flex-direction:column;gap:.5rem}.card-universal{grid-template-areas:"image title title" "image badges badges" "image platforms price";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;padding:.5rem;gap:.5rem;min-height:5rem}.card-image-container{width:4rem;height:5rem;aspect-ratio:auto}.card-title-text{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.card-mobile-badges,.card-price{display:flex}.card-platforms{grid-area:platforms;justify-content:flex-start;display:flex;align-items:center;gap:.5rem}.card-price{grid-area:price;justify-content:flex-end;margin-top:0;align-items:center;min-width:0}.card-price-content{flex-direction:row;align-items:center;gap:.5rem}.card-price-label{order:0;font-size:.75rem}.card-price-value-wrapper{order:1}.card-platforms{flex:1 1 auto}.card-price{flex:0 0 auto}.card-platforms{position:static;grid-area:platforms;padding:0;justify-content:flex-start}.catalog-view-switcher{display:none}}@media (min-width:768px){.mobile-filter-close{display:none!important}.cards-grid{display:grid!important;gap:1rem!important;width:100%!important;grid-template-columns:repeat(4,1fr)!important}.card-universal{display:grid!important;grid-template-areas:"image" "title" "price"!important;grid-template-rows:auto auto auto!important;grid-template-columns:1fr!important;padding:.375rem!important;gap:.25rem!important;min-height:auto!important}.card-image-container{aspect-ratio:3/4!important;width:100%!important;height:auto!important}.card-title-text{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-overflow:unset!important;font-size:1rem!important}}@media (min-width:1024px){.compact-filters-grid{grid-template-columns:repeat(5,1fr)}.cards-grid{grid-template-columns:repeat(6,1fr)!important}}@media (min-width:1536px){.cards-grid{grid-template-columns:repeat(8,1fr)!important}}@media (min-width:1920px){.cards-grid{grid-template-columns:repeat(10,1fr)!important}}@media (min-width:2560px){.cards-grid{grid-template-columns:repeat(12,1fr)!important}}.animate-fade-in{animation:.3s ease-in-out forwards fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-flame{animation:2s ease-in-out infinite flame}@keyframes flame{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(1deg)}50%{transform:scale(1.05) rotate(-1deg)}75%{transform:scale(1.1) rotate(2deg)}}.search-suggestions-dropdown .search-suggestions-list .suggestion-card,.search-suggestions-list .suggestion-card.bg-gray-800,article.suggestion-card{display:grid!important;grid-template-areas:"image title title" "image badges badges" "image platforms price"!important;grid-template-columns:64px 1fr auto!important;grid-template-rows:20px 19px 24px!important;padding:.5rem!important;gap:.5rem!important;min-height:5rem!important;background:#1f2937!important;border-radius:.5rem!important;color:#fff!important;height:auto!important}.search-suggestions-dropdown .suggestion-image-container,.suggestion-card .suggestion-image-container{grid-area:image!important;width:64px!important;height:80px!important;position:relative!important;border-radius:0!important;overflow:hidden!important;flex-shrink:0!important}.search-suggestions-dropdown .suggestion-title,.suggestion-card .suggestion-title{grid-area:title!important;align-self:start!important}.search-suggestions-dropdown .suggestion-title-text,.suggestion-card .suggestion-title-text,.suggestion-card h2.suggestion-title-text{grid-area:title!important;font-size:1rem!important;font-weight:600!important;line-height:1.25!important;margin:0!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important}.search-suggestions-dropdown .suggestion-mobile-badges,.suggestion-card .suggestion-mobile-badges{grid-area:badges!important;display:flex!important;align-items:center!important;gap:.5rem!important;flex-wrap:wrap!important}.search-suggestions-dropdown .suggestion-platforms,.suggestion-card .suggestion-platforms{grid-area:platforms!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:0!important;justify-content:flex-start!important}.search-suggestions-dropdown .suggestion-price,.suggestion-card .suggestion-price{grid-area:price!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-universal:focus-within{outline:#3b82f6 solid 2px;outline-offset:2px}.view-switch-btn:focus{outline:#3b82f6 solid 2px;outline-offset:2px}.pagination-next:focus,.pagination-prev:focus{outline:#93c5fd solid 2px;outline-offset:2px}@media print{#scroll-to-top,.catalog-view-switcher,.fixed-pagination{display:none!important}.cards-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}}