.title[data-v-84c08ab2]{bottom:0;font-size:.875rem;font-weight:600;left:0;line-height:1.25rem;margin-top:.5rem;overflow:hidden;padding:.375rem .5rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:10;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;text-shadow:0 1px 3px rgba(0,0,0,.6);transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}[data-v-84c08ab2] .group:hover .title{opacity:1;transform:translateY(0)}.overlay[data-v-84c08ab2]{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 35%,transparent 60%);border-radius:calc(var(--radius) - 2px);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}[data-v-84c08ab2] .group:hover .overlay{opacity:1}.game-grid-container{padding:1.25rem;width:100%}.game-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1280px){.game-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1536px){.game-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.game-grid{animation:fadeInUp .4s ease-out}.game-item,.game-item-featured{aspect-ratio:1/1;background-color:rgb(var(--primary)/.2);border-radius:var(--radius)}.game-item-featured{grid-column:span 2/span 2;grid-row:span 2/span 2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.empty-section{width:100%}@media(min-width:640px){.empty-section{max-width:640px}}@media(min-width:768px){.empty-section{max-width:768px}}@media(min-width:1024px){.empty-section{max-width:1024px}}@media(min-width:1280px){.empty-section{max-width:1280px}}@media(min-width:1536px){.empty-section{max-width:1536px}}.empty-section{margin-left:auto;margin-right:auto;padding:4rem 1rem;text-align:center}.empty-icon{font-size:3.75rem;line-height:1;margin-bottom:1rem}.empty-title{color:rgb(var(--foreground));font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}.empty-description{color:rgb(var(--muted-foreground));margin-bottom:1.5rem}