.game-section{margin-bottom:2rem}.game-section__header{border-bottom:1px solid #d4a52033;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.game-section__title{color:#ffe066;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.game-section__title i{color:#d4a520;font-size:1.1rem}.game-section__clear{color:#ff9696cc;cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #ff64644d;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:500;display:flex}.game-section__clear:hover{color:#f88;background:#ff646426;border-color:#ff646480}.game-section__clear i{font-size:.75rem}.games--horizontal{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:.5rem;display:flex;overflow:auto hidden}.games--horizontal::-webkit-scrollbar{height:6px}.games--horizontal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.games--horizontal::-webkit-scrollbar-thumb{background:#d4a5204d;border-radius:3px}.games--horizontal::-webkit-scrollbar-thumb:hover{background:#d4a52080}.games--horizontal .game-card{flex:none;width:9rem;min-height:11.5rem}.games--grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.875rem;padding-bottom:0;display:grid;overflow-x:visible}.games--grid .game-card{width:auto;min-height:13rem}.filter-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.25rem;display:grid}.filter-bar .search-bar{justify-self:start;margin-left:0}.filter-bar .category-tabs{justify-self:center}.search-bar{flex-shrink:0}.search-bar__wrapper{width:14rem;transition:all var(--transition-normal);background:#2d323ccc;border:1px solid #ffffff14;border-radius:2rem;align-items:center;display:flex;position:relative;overflow:hidden}.search-bar__wrapper:focus-within{background:#323741e6;border-color:#fff3}.search-bar__icon{color:#fff6;pointer-events:none;font-size:.8rem;position:absolute;left:.875rem}.search-bar__input{color:#ffffffe6;background:0 0;border:none;outline:none;width:100%;padding:.5rem 2.25rem .5rem 2.5rem;font-family:inherit;font-size:.875rem}.search-bar__input::placeholder{color:#fff6}.search-bar__clear{color:#fff9;cursor:pointer;width:1.25rem;height:1.25rem;transition:all var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:absolute;right:.5rem}.search-bar__clear:hover{color:#fff;background:#fff3}.light-theme .search-bar__wrapper{background:#fffffff2;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}.light-theme .search-bar__wrapper:focus-within{background:#fff;border-color:#b8860b66;box-shadow:0 2px 12px #b8860b1a}.light-theme .search-bar__icon{color:#0006}.light-theme .search-bar__input{color:#000000d9}.light-theme .search-bar__input::placeholder{color:#0006}.light-theme .search-bar__clear{color:#00000080;background:#00000014}.light-theme .search-bar__clear:hover{color:#000c;background:#00000026}.category-tabs{align-items:center;gap:.75rem;display:flex;position:relative}.category-tabs__scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#171b21e6;border-radius:2rem;gap:0;padding:.25rem;display:inline-flex;overflow-x:auto}.category-tabs__scroll::-webkit-scrollbar{display:none}.category-tabs__btn{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:1.5rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.category-tabs__btn i,.category-tabs__icon{opacity:.7;font-size:.85rem}.category-tabs__icon{font-style:normal;line-height:1}.category-tabs__btn:hover{color:#fffc}.category-tabs__btn:hover i,.category-tabs__btn:hover .category-tabs__icon{opacity:.9}.category-tabs__btn--active{color:#fff;box-shadow:none;background:#37414bf2}.category-tabs__btn--active:hover{color:#fff;background:#414b55f2}.category-tabs__btn--active i,.category-tabs__btn--active .category-tabs__icon{opacity:1}.category-tabs__clear{color:#ef4444b3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:1.5rem;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.category-tabs__clear:hover{color:#ef4444;background:#ef44441a}.category-tabs__clear i{font-size:.75rem}.light-theme .category-tabs__scroll{background:#fffffff2;box-shadow:0 2px 8px #00000014}.light-theme .category-tabs__btn{color:#00000080}.light-theme .category-tabs__btn:hover{color:#000c}.light-theme .category-tabs__btn--active{color:#b8860b;background:#b8860b1a}.light-theme .category-tabs__btn--active:hover{color:#b8860b;background:#b8860b26}.quick-tabs{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.quick-tabs__btn{color:#ffffffb3;cursor:pointer;background:linear-gradient(165deg,#1e1912cc 0%,#14120ce6 100%);border:1px solid #d4a52033;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative}.quick-tabs__btn i{transition:transform var(--transition-fast);font-size:.9rem}.quick-tabs__btn:hover{color:#ffe066;background:linear-gradient(165deg,#d4a52026 0%,#b8860b1a 100%);border-color:#d4a52066;transform:translateY(-2px);box-shadow:0 4px 15px #d4a52033}.quick-tabs__btn:hover i{transform:scale(1.1)}.quick-tabs__btn:focus{outline-offset:2px;outline:2px solid #d4a52080}.quick-tabs__btn--active{color:#fff;background:linear-gradient(135deg,#d4a520 0%,#b8860b 50%,#8b6914 100%);border-color:#d4a52099;box-shadow:0 4px 15px #b8860b66,0 0 20px #b8860b33,inset 0 1px #ffffff26}.quick-tabs__btn--active:hover{background:linear-gradient(135deg,#f5c542 0%,#d4a520 50%,#b8860b 100%);transform:translateY(-2px);box-shadow:0 6px 20px #b8860b80,0 0 30px #d4a5204d,inset 0 1px #fff3}.quick-tabs__badge{background:#fff3;border-radius:.625rem;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex}.quick-tabs__btn--active .quick-tabs__badge{background:#ffffff40}.quick-tabs__clear{color:#ff9696cc;cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #ff64644d;border-radius:2rem;align-items:center;gap:.5rem;margin-left:auto;padding:.75rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex}.quick-tabs__clear:hover{color:#f88;background:#ff646426;border-color:#ff646480}.quick-tabs__clear i{font-size:.8rem}.empty-state{text-align:center;color:#ffffff80;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-state i{color:#d4a52066;margin-bottom:1rem;font-size:3rem}.empty-state p{color:#ffffffb3;margin:0 0 .5rem;font-size:1.1rem;font-weight:500}.empty-state span{color:#fff6;font-size:.85rem}.light-theme .empty-state{color:#00000080}.light-theme .empty-state i{color:#b8860b80}.light-theme .empty-state p{color:#000000b3}.light-theme .empty-state span{color:#00000080}.games{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.875rem;width:100%;display:grid}.games:empty{min-height:100vh}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-card{animation:.5s ease-out backwards cardFadeIn}.game-card:first-child{animation-delay:50ms}.game-card:nth-child(2){animation-delay:.1s}.game-card:nth-child(3){animation-delay:.15s}.game-card:nth-child(4){animation-delay:.2s}.game-card:nth-child(5){animation-delay:.25s}.game-card:nth-child(6){animation-delay:.3s}.game-card:nth-child(7){animation-delay:.35s}.game-card:nth-child(8){animation-delay:.4s}.game-card:nth-child(n+9){animation-delay:.45s}.games--list-view{flex-direction:column;gap:.75rem;display:flex}.games--list-view .game-card{flex-direction:row;height:auto;min-height:5rem}.games--list-view .game-card__image-container{flex-shrink:0;width:6rem;height:5rem;padding:.5rem}.games--list-view .game-card__image{max-width:100%;max-height:100%}.games--list-view .game-card__info{border-top:none;border-left:.0625rem solid var(--border-dark);flex-direction:row;flex:1;justify-content:space-between;align-items:center;height:auto;padding:.75rem 1rem}.games--list-view .game-card__title{text-align:left;font-size:var(--font-size-lg)}.games--list-view .game-card__description{display:none}.game-card{cursor:pointer;text-align:center;background:linear-gradient(165deg,#191612f2 0%,#12100cfa 100%);border:1px solid #d4a52026;border-radius:.75rem;flex-direction:column;height:auto;min-height:13rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006,0 1px 3px #0000004d,inset 0 1px #ffffff0d}.game-card:before{content:"";-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background:linear-gradient(135deg,#d4a5204d,#0000 50%,#b8860b33);border-radius:.75rem;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-card:after{content:"";opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background:radial-gradient(circle at 50% 0,#d4a5201a 0%,#0000 60%);position:absolute;inset:0}.game-card:hover{border-color:#d4a52080;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #d4a52040,0 8px 20px #0006,0 0 0 1px #d4a5204d}.game-card:hover:before,.game-card:hover:after{opacity:1}.game-card:focus-within{outline:.125rem solid var(--color-primary);outline-offset:.125rem}.game-card__image-container{aspect-ratio:1;background:linear-gradient(#19161299 0%,#0f0d0acc 100%);flex:none;justify-content:center;align-items:center;width:100%;padding:.375rem;display:flex;position:relative;overflow:hidden}.game-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.175, .885, .32, 1.275), filter var(--transition-normal);border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.game-card:hover .game-card__image{transform:scale(1.08);box-shadow:0 8px 25px #d4a52033}.game-card--disabled .game-card__image{filter:grayscale()}.game-card__version{color:#fff;border-radius:var(--radius-full);z-index:10;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#d4a520 0%,#8b6914 100%);border:1px solid #ffffff26;padding:.3rem .6rem;font-size:.6rem;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;position:absolute;bottom:.5rem;right:.5rem;box-shadow:0 2px 10px #d4a52080,0 0 20px #d4a5204d,inset 0 1px #fff3}.game-card__version:hover,.game-card__version:focus-visible{outline:none;transform:scale(1.08);box-shadow:0 4px 14px #d4a520a6,0 0 24px #d4a52073,inset 0 1px #ffffff40}.game-card__code{color:#ffffffe6;border-radius:var(--radius-full);z-index:10;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;pointer-events:none;background:linear-gradient(135deg,#161410d9 0%,#0c0a08e6 100%);border:1px solid #ffffff1f;max-width:65%;padding:.3rem .6rem;font-size:.6rem;font-weight:700;line-height:1;position:absolute;bottom:.5rem;left:.5rem;overflow:hidden;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1f}.game-card__operator-warning{color:#fff;z-index:12;cursor:help;background:linear-gradient(135deg,#e6a817 0%,#c0392b 100%);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 2px 8px #00000080,0 0 12px #e6a81766,inset 0 1px #ffffff40}.game-card__operator-warning:after{content:attr(data-tip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:20;background:#0f0d0a;border:1px solid #e6a81759;border-radius:.4rem;padding:.4rem .6rem;font-size:.65rem;font-weight:500;line-height:1.4;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 6px 20px #00000080}.game-card__operator-warning:hover:after,.game-card__operator-warning:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.game-card__favorite{color:#ffffffb3;cursor:pointer;z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;font-size:.875rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:.5rem;right:.5rem}.game-card__favorite:hover{color:#ff6b6b;background:#ff64644d;border-color:#ff646480;transform:scale(1.15)}.game-card__favorite:focus{outline-offset:2px;outline:2px solid #ff646480}.game-card__favorite--active{color:#fff;background:linear-gradient(135deg,#ff5050e6 0%,#dc3250e6 100%);border-color:#ff6464cc;box-shadow:0 2px 10px #ff505080,0 0 20px #ff50504d}.game-card__favorite--active:hover{color:#fff;background:linear-gradient(135deg,#ff6464 0%,#f04664 100%);transform:scale(1.15)}.game-card__favorite i{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.game-card__favorite:hover i{transform:scale(1.1)}.game-card__favorite--active i{animation:.3s ease-out heartBeat}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.game-card__info{background:linear-gradient(#161410fa 0%,#100e0a 100%);border-top:1px solid #d4a5201a;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;min-height:3rem;padding:.625rem .5rem;display:flex;position:relative}.game-card__title{color:#fffffff2;text-align:center;transition:all var(--transition-normal);margin:0;font-size:.8rem;font-weight:600;line-height:1.3}.game-card:hover .game-card__title{color:#f5c542;text-shadow:0 0 20px #d4a52080}.game-card__description{font-size:var(--font-size-sm);color:#b4b4c8b3;text-align:center;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.game-card--disabled{opacity:.6;cursor:default}.game-card--disabled:hover{box-shadow:var(--shadow-md);transform:none}@media (max-width:48rem){.filter-bar{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.filter-bar .search-bar{order:2;width:100%}.filter-bar .category-tabs{order:1;justify-content:center;width:100%}.search-bar__wrapper{width:100%}.category-tabs{justify-content:center;width:100%}.category-tabs__scroll{max-width:100%}.category-tabs__btn{gap:.375rem;padding:.4rem .75rem;font-size:.8rem}.category-tabs__btn i{font-size:.75rem}.category-tabs__clear{padding:.4rem .75rem;font-size:.7rem}.quick-tabs{gap:.5rem;margin-bottom:1rem}.quick-tabs__btn{gap:.375rem;padding:.5rem .875rem;font-size:.8rem}.quick-tabs__btn i{font-size:.8rem}.quick-tabs__badge{min-width:1rem;height:1rem;padding:0 .25rem;font-size:.6rem}.quick-tabs__clear{padding:.5rem .875rem;font-size:.75rem}.quick-tabs__clear span{display:none}.games--grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem}.games--grid .game-card{min-height:auto}.game-section{margin-bottom:1.5rem}.game-section__header{margin-bottom:.75rem;padding-bottom:.5rem}.game-section__title{gap:.5rem;font-size:1rem}.game-section__title i{font-size:.9rem}.game-section__clear{padding:.375rem .75rem;font-size:.7rem}.game-section__clear span{display:none}.games--horizontal{gap:.75rem}.games--horizontal .game-card{width:8rem;min-height:auto}.games{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem}.game-card{border-radius:.625rem;min-height:auto}.game-card__image-container{padding:.25rem}.game-card__image{border-radius:.375rem}.game-card__info{gap:.125rem;min-height:auto;padding:.375rem .25rem}.game-card__title{font-size:.65rem;line-height:1.2}.game-card__description{display:none}.game-card__version{padding:.25rem .5rem;font-size:.5rem;bottom:.375rem;right:.375rem}.game-card__code{padding:.25rem .5rem;font-size:.5rem;bottom:.375rem;left:.375rem}.game-card__operator-warning{width:1.25rem;height:1.25rem;font-size:.6rem;top:.375rem;left:.375rem}.game-card__favorite{width:1.75rem;height:1.75rem;font-size:.8rem;top:.375rem;right:.375rem}.games--list-view .game-card__image-container{aspect-ratio:1;width:3.5rem}.games--list-view .game-card__info{padding:.375rem .5rem}.games--list-view .game-card__title{font-size:var(--font-size-sm)}.games--list-view .btn{min-height:1.5rem;padding:.2rem .5rem;font-size:.6rem}}@media (max-width:26rem){.quick-tabs__btn{padding:.4rem .625rem;font-size:.7rem}.quick-tabs__btn span:not(.quick-tabs__badge){display:none}.quick-tabs__btn i{font-size:1rem}.quick-tabs__clear{padding:.4rem .625rem}.games--grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.375rem}.games--horizontal .game-card{width:6.5rem}.games{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.375rem}.game-card{border-radius:.5rem}.game-card__image-container{padding:.1875rem}.game-card__image{border-radius:.25rem}.game-card__info{padding:.25rem .1875rem}.game-card__title{font-size:.55rem}.game-card__version{padding:.2rem .4rem;font-size:.45rem;bottom:.25rem;right:.25rem}.game-card__code{padding:.2rem .4rem;font-size:.45rem;bottom:.25rem;left:.25rem}.game-card__favorite{width:1.5rem;height:1.5rem;font-size:.7rem;top:.25rem;right:.25rem}}@media (max-width:48rem){.game-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.game-card:hover{transform:translateY(-.125rem)}.game-card__image{will-change:auto}.game-card{box-shadow:0 .125rem .25rem #00000026}.game-card:hover{box-shadow:0 .25rem .5rem #d4a52059}}@media (hover:none) and (pointer:coarse){.game-card:hover{box-shadow:var(--shadow-md);transform:none}.game-card:active{transform:translateY(-.125rem);box-shadow:0 .25rem .5rem #d4a52059}body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}
