.games-container[data-v-6dc4ad68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(.5rem,2vw,1.5rem);padding:clamp(.5rem,2vw,1.5rem);width:100%;max-width:1920px;margin:0 auto}.game-card[data-v-6dc4ad68]{position:relative;width:100%;aspect-ratio:3/4;display:flex;justify-content:center;align-items:flex-end;perspective:2500px;text-decoration:none;max-width:300px;margin:0 auto}.card-wrapper[data-v-6dc4ad68]{transition:all .5s;position:absolute;inset:0;z-index:1;border-radius:clamp(6px,1vw,8px);overflow:hidden}.card-wrapper[data-v-6dc4ad68]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:rgb(var(--primary));transition:height .3s ease-in-out;z-index:3}.cover-image[data-v-6dc4ad68]{width:100%;height:100%;object-fit:cover;border-radius:inherit}.title[data-v-6dc4ad68]{position:absolute;bottom:5%;height:auto;transition:all .5s;z-index:2;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.character[data-v-6dc4ad68]{position:absolute;width:90%;height:90%;opacity:0;transition:all .5s;object-fit:contain;object-position:bottom;z-index:1;left:50%;bottom:5%;transform:translate(-50%);filter:drop-shadow(0 5px 15px rgba(0,0,0,.4))}[data-v-6dc4ad68]:root{--bp-sm: 576px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px;--bp-xxl: 1600px}@media screen and (min-width: 1600px){.games-container[data-v-6dc4ad68]{grid-template-columns:repeat(8,1fr);gap:1.5rem;padding:0!important}}@media screen and (min-width: 1200px) and (max-width: 1599px){.games-container[data-v-6dc4ad68]{grid-template-columns:repeat(8,1fr);gap:1.25rem;padding:1.25rem}}@media screen and (min-width: 992px) and (max-width: 1199px){.games-container[data-v-6dc4ad68]{grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem}}@media screen and (min-width: 769px) and (max-width: 991px){.games-container[data-v-6dc4ad68]{grid-template-columns:repeat(4,1fr);gap:1rem}}@media screen and (max-width: 768px){.games-container[data-v-6dc4ad68]{grid-template-columns:repeat(4,1fr);gap:1.25rem;padding-top:0;max-width:100%}.game-card[data-v-6dc4ad68]{max-width:160px;aspect-ratio:3/4}.card-wrapper[data-v-6dc4ad68]{transform:perspective(900px) translateY(-3%) rotateX(20deg) translateZ(0);box-shadow:0 -4px 12px -2px rgba(var(--primary),.3)}.title[data-v-6dc4ad68]{width:60%;transform:translate3d(-50%,-10px,80px);filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.character[data-v-6dc4ad68]{opacity:1;width:75%;height:75%;transform:translate3d(-50%,-2%,80px);filter:drop-shadow(0 6px 15px rgba(0,0,0,.5))}}@media screen and (max-width: 576px){.games-container[data-v-6dc4ad68]{gap:1rem}.game-card[data-v-6dc4ad68]{max-width:140px}.title[data-v-6dc4ad68]{width:65%;transform:translate3d(-50%,-8px,60px)}.character[data-v-6dc4ad68]{width:80%;height:80%;transform:translate3d(-50%,-2%,60px)}}@media screen and (max-width: 375px){.games-container[data-v-6dc4ad68]{gap:.75rem;padding:.75rem}.game-card[data-v-6dc4ad68]{max-width:130px}.title[data-v-6dc4ad68]{width:70%;transform:translate3d(-50%,-6px,40px)}.character[data-v-6dc4ad68]{width:75%;height:75%;transform:translate3d(-50%,-1%,40px)}}@media (min-width: 769px) and (hover: hover){.game-card:hover .card-wrapper[data-v-6dc4ad68]{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:0 8px 10px -4px rgba(var(--primary),.5)}.game-card:hover .card-wrapper[data-v-6dc4ad68]:after{height:4px}.game-card:hover .title[data-v-6dc4ad68]{transform:translate3d(-50%,-20px,100px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-card:hover .character[data-v-6dc4ad68]{opacity:1;transform:translate3d(-50%,-4%,100px);filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}}.skeleton-wrapper[data-v-6dc4ad68]{position:relative;width:100%;height:100%;border-radius:clamp(6px,1vw,8px);overflow:hidden;box-shadow:0 12px 12px -8px #0000001a,0 4px 6px #0000000d}.game-skeleton[data-v-6dc4ad68]{position:absolute;inset:0;background-size:200% 100%;animation:shimmer-6dc4ad68 1.5s linear infinite;border-radius:inherit}@keyframes shimmer-6dc4ad68{0%{background-position:200% 0}to{background-position:-200% 0}}.col-12[data-v-0042a0e7]{margin:0!important;padding:0!important}.header-container[data-v-0042a0e7]{position:relative;width:100%;height:85px;background:linear-gradient(90deg,rgba(var(--surface-section),.95) 0%,rgba(var(--surface-section),.8) 60%,rgba(var(--surface-section),.6) 100%);border-radius:4px;overflow:hidden;box-shadow:0 4px 15px rgba(var(--surface-overlay),.2)}.header-container[data-v-0042a0e7]:before{content:"";position:absolute;left:35%;top:50%;transform:translateY(-50%);width:65%;height:120%;background-image:var(--bg-image);background-size:cover;background-position:right center;background-repeat:no-repeat;opacity:.8;z-index:0;filter:saturate(1) brightness(.95);mask-image:linear-gradient(to right,transparent 0%,black 30%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 28%,black 100%)}.header-container[data-v-0042a0e7]:after{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:rgb(var(--primary))}.title-section[data-v-0042a0e7]{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem;height:100%;z-index:1}.content-wrapper[data-v-0042a0e7]{display:flex;flex-direction:column;gap:.25rem}.title[data-v-0042a0e7]{color:rgb(var(--text));font-size:1.4rem;font-weight:700;margin:0;letter-spacing:.75px;display:flex;align-items:center}.description[data-v-0042a0e7]{color:rgba(var(--text),.8);font-size:.9rem;margin:0;max-width:500px;line-height:1.4}.discover-btn[data-v-0042a0e7] .p-button{background:rgba(var(--primary),.1);border:none;color:rgb(var(--text))}.discover-btn[data-v-0042a0e7] .p-button:hover{background:rgba(var(--primary),.2)}@media (max-width: 768px){.header-container[data-v-0042a0e7]{height:auto;min-height:70px;background:linear-gradient(90deg,rgba(var(--surface-section),.95) 0%,rgba(var(--surface-section),.9) 100%)}.header-container[data-v-0042a0e7]:before{left:0;width:100%;height:100%;opacity:.15;mask-image:none;-webkit-mask-image:none;background-position:center}.title-section[data-v-0042a0e7]{padding:1.25rem;align-items:center}.content-wrapper[data-v-0042a0e7]{gap:.5rem}.title[data-v-0042a0e7]{font-size:1.3rem}.description[data-v-0042a0e7]{font-size:.85rem;max-width:100%}}