.col-12[data-v-0efa3c9a]{padding:0!important;margin:0!important}.game-cards[data-v-0efa3c9a]{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;padding-top:.5rem}.game-card[data-v-0efa3c9a]{position:relative;height:270px;border-radius:12px;background-color:rgb(var(--surface-overlay));cursor:pointer;transition:all .3s ease;overflow:hidden}.game-card[data-v-0efa3c9a] *{border-radius:inherit}.game-card:hover .game-overlay[data-v-0efa3c9a]{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-card:hover .game-content[data-v-0efa3c9a]{opacity:1;animation:contentBounce-0efa3c9a 1s ease-in-out infinite}.game-card:hover .game-image[data-v-0efa3c9a]{transform:scale(1.1)}.background-skeleton[data-v-0efa3c9a]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bg-preloader[data-v-0efa3c9a]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;z-index:0}.game-image[data-v-0efa3c9a]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;transition:opacity .3s ease-in-out;transition:all .6s ease}.game-overlay[data-v-0efa3c9a]{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--primary),.5) 0%,rgba(var(--primary),.5) 100%);opacity:0;transition:all .4s ease;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-content[data-v-0efa3c9a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:1rem;z-index:3;opacity:0;transition:all .4s ease}.game-logo[data-v-0efa3c9a]{width:60px;height:60px;margin-bottom:2rem}.game-logo img[data-v-0efa3c9a]{width:100%;height:100%;object-fit:contain}.game-name[data-v-0efa3c9a]{color:#fff;font-size:1rem;font-weight:600;text-align:center}@keyframes contentBounce-0efa3c9a{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.game-card-skeleton[data-v-0efa3c9a]{height:270px;border-radius:12px}.game-skeleton[data-v-0efa3c9a]{width:100%;height:100%!important;border-radius:12px}@media screen and (max-width: 1200px){.game-cards[data-v-0efa3c9a]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 768px){.game-card-skeleton[data-v-0efa3c9a]{height:180px}.game-content[data-v-0efa3c9a]{display:none!important}.game-cards[data-v-0efa3c9a]{grid-template-columns:repeat(3,1fr);gap:.5rem}.game-cards.center-items[data-v-0efa3c9a]{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:.5rem}.game-cards.center-items[data-v-0efa3c9a]>*{flex:0 0 31%;max-width:31%}.game-card[data-v-0efa3c9a]{height:180px;border-radius:8px}.game-card[data-v-0efa3c9a] *{border-radius:inherit}.game-card:hover .game-overlay[data-v-0efa3c9a]{opacity:0}.game-card:hover .game-content[data-v-0efa3c9a]{animation:none}.game-content[data-v-0efa3c9a]{opacity:1;padding:.5rem;position:absolute;inset:0;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 100%)}.game-logo[data-v-0efa3c9a]{width:32px;height:32px;margin-bottom:.5rem}.game-name[data-v-0efa3c9a]{font-size:.75rem;font-weight:500;width:100%;text-align:center;padding:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width: 480px){.game-cards[data-v-0efa3c9a]{grid-template-columns:repeat(3,1fr);gap:.35rem}.game-cards.center-items[data-v-0efa3c9a]{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:.35rem}.game-cards.center-items[data-v-0efa3c9a]>*{flex:0 0 31%;max-width:31%}.game-card[data-v-0efa3c9a]{height:160px;border-radius:6px}.game-logo[data-v-0efa3c9a]{width:28px;height:28px;margin-bottom:.35rem}.game-name[data-v-0efa3c9a]{font-size:.7rem;line-height:1.2}.game-overlay[data-v-0efa3c9a]{opacity:0}}.not-found[data-v-dd50444f]{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:300px;background:rgb(var(--surface-ground));border-radius:4px}.not-found .not-found-content[data-v-dd50444f]{text-align:center;padding:2rem}.not-found .not-found-content i[data-v-dd50444f]{color:rgb(var(--primary));opacity:.7}.not-found .not-found-content h3[data-v-dd50444f]{color:var(--text-color);font-size:1.5rem;margin:.5rem 0}.not-found .not-found-content p[data-v-dd50444f]{color:var(--text-color-secondary);margin:0}.search-box[data-v-dd50444f]{background-color:rgb(var(--surface-ground));padding:1.5rem;gap:1rem;margin-bottom:.7rem}.search-field[data-v-dd50444f]{flex:1;min-width:0}.search-input[data-v-dd50444f]{width:100%;min-width:200px;border-color:rgb(var(--surface-border),.5)}.filter-buttons[data-v-dd50444f]{display:flex;gap:.5rem;flex-shrink:0}.filter-btn[data-v-dd50444f],.clear-btn[data-v-dd50444f]{min-width:120px}@media screen and (max-width: 768px){.search-box[data-v-dd50444f]{margin-bottom:.5rem!important;flex-direction:column;gap:1rem;padding:1rem}.search-field[data-v-dd50444f]{width:100%}.search-input[data-v-dd50444f]{width:100%;min-width:unset}.filter-buttons[data-v-dd50444f]{width:100%;justify-content:space-between}.filter-btn[data-v-dd50444f],.clear-btn[data-v-dd50444f]{flex:1;min-width:unset}.text-center[data-v-dd50444f]{justify-content:center!important}.text-xl[data-v-dd50444f]{text-align:center;font-size:1rem!important}}@media screen and (max-width: 480px){.search-box[data-v-dd50444f]{padding:.75rem;gap:.55rem}.filter-buttons[data-v-dd50444f]{flex-direction:column;gap:.5rem}.filter-btn[data-v-dd50444f],.clear-btn[data-v-dd50444f]{width:100%}}