.gp-game-ranking-section>.gp-container{display:grid;gap:20px}.gp-game-ranking-filter{display:grid;gap:12px;padding:16px;border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);background:var(--gp-surface)}.gp-game-ranking-filter label{display:grid;gap:6px;min-width:0}.gp-game-ranking-filter label>span{font-weight:700}.gp-game-ranking-filter select,.gp-game-ranking-filter button{width:100%;min-height:48px}.gp-game-ranking-filter select{padding:0 12px;border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);background:#070707;color:var(--gp-text);font:inherit;font-weight:700}.gp-game-ranking-filter select option{background:#111;color:#fff}.gp-game-ranking-filter select:focus-visible{outline:2px solid var(--gp-pink);outline-offset:2px}.gp-game-ranking-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.gp-game-ranking-card{display:grid;grid-template-areas:"title title" "cover score" "data data";grid-template-columns:88px minmax(0,1fr);gap:12px 14px;align-items:center;padding:14px;border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);background:var(--gp-surface)}.gp-game-ranking-title{grid-area:title;margin:0;font-size:clamp(1.25rem,5vw,2rem);line-height:1.05}.gp-game-ranking-cover{grid-area:cover;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:112px;overflow:hidden;border-radius:10px;background:var(--gp-surface-2)}.gp-game-ranking-cover img{display:block;width:100%;height:100%;max-height:150px;object-fit:contain}.gp-game-ranking-cover span{padding:8px;color:var(--gp-muted);font-size:.75rem;text-align:center}.gp-game-ranking-score{grid-area:score;display:grid;align-content:center;justify-items:start;min-width:0}.gp-game-ranking-score>span{color:var(--gp-pink);font-size:.78rem;font-weight:700;text-transform:uppercase}.gp-game-ranking-score strong{font-family:var(--gp-headline,"Figtree",sans-serif);font-size:clamp(2.2rem,9vw,3.8rem);font-weight:900;line-height:1}.gp-game-ranking-score small{color:var(--gp-muted)}.gp-game-ranking-score.is-community>span,.gp-game-ranking-score.is-community strong{color:#a9a9b2}.gp-game-ranking-details{grid-area:data;min-width:0}.gp-game-ranking-title a:focus-visible,.gp-game-ranking-cover:focus-visible{outline:2px solid var(--gp-pink);outline-offset:4px}.gp-game-ranking-details .gp-game-meta-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:8px}.gp-game-ranking-details .gp-game-meta-strip div{padding:9px;border-radius:10px}.gp-game-ranking-details .gp-game-meta-strip strong{font-size:.9rem}.gp-game-ranking-details .gp-game-meta-strip .gp-meta-icon{margin:0 0 2px}
@media(min-width:641px){.gp-game-ranking-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.gp-game-ranking-filter button{width:auto;min-width:140px}.gp-game-ranking-card{grid-template-areas:"cover score title" "cover score data";grid-template-columns:150px minmax(150px,.55fr) minmax(0,1.5fr);gap:12px 24px;padding:20px}.gp-game-ranking-cover{min-height:190px}.gp-game-ranking-cover img{max-height:230px}.gp-game-ranking-details .gp-game-meta-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:390px){.gp-game-ranking-card{grid-template-columns:76px minmax(0,1fr)}.gp-game-ranking-cover{min-height:102px}.gp-game-ranking-details .gp-game-meta-strip{grid-template-columns:1fr 1fr}.gp-game-ranking-score strong{font-size:2.5rem}}