.gp__grid[data-v-fd02f1d3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.gp__card[data-v-fd02f1d3]{background:rgba(var(--card),1);border:1px solid rgba(var(--card-border),1);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease}.gp__card[data-v-fd02f1d3]:hover{border-color:rgba(var(--t),.12);box-shadow:0 4px 16px #00000026}.gp__card:hover .gp__cover img[data-v-fd02f1d3]{transform:scale(1.05)}.gp__card:hover .gp__overlay[data-v-fd02f1d3]{opacity:1}.gp__cover[data-v-fd02f1d3]{position:relative;aspect-ratio:3/4;overflow:hidden;background:rgba(var(--b),1)}.gp__cover img[data-v-fd02f1d3]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.gp__overlay[data-v-fd02f1d3]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 40%,transparent 65%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12px;opacity:0;transition:opacity .25s ease}.gp__play[data-v-fd02f1d3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gp__play svg[data-v-fd02f1d3]{width:32px;height:32px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.gp__stats[data-v-fd02f1d3]{display:flex;gap:12px;width:100%;justify-content:center}.gp__stat[data-v-fd02f1d3]{display:flex;flex-direction:column;align-items:center;gap:1px}.gp__stat span[data-v-fd02f1d3]{font-size:8px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.gp__stat b[data-v-fd02f1d3]{font-size:var(--fs-xs);font-weight:800;color:rgba(var(--primary),1)}.gp__info[data-v-fd02f1d3]{padding:8px 10px}.gp__info h3[data-v-fd02f1d3]{font-size:var(--fs-xs);font-weight:600;color:rgba(var(--t),.85);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp__error[data-v-fd02f1d3]{text-align:center;padding:60px 20px}.gp__error p[data-v-fd02f1d3]{font-size:var(--fs-base);color:rgba(var(--t),.4);font-weight:600;margin:0}@media(max-width:1024px){.gp__grid[data-v-fd02f1d3]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.mobile-view .gp__grid[data-v-fd02f1d3]{grid-template-columns:repeat(3,1fr);gap:6px}.mobile-view .gp__overlay[data-v-fd02f1d3]{opacity:1}.mobile-view .gp__play svg[data-v-fd02f1d3]{width:24px;height:24px}.mobile-view .gp__stats[data-v-fd02f1d3]{display:none}.mobile-view .gp__info[data-v-fd02f1d3]{padding:6px 8px}.mobile-view .gp__info h3[data-v-fd02f1d3]{font-size:var(--fs-xs)}