/* Numbered top-ten row used by the homepage trending section. */
.portal-section--top10 { overflow: hidden; }
.portal-section--top10 .portal-section__header { margin-bottom:18px; }
.portal-section--top10 .portal-section__header:after, .portal-section--top10 .portal-section__header h2:before { display: none; }
.portal-section--top10 .portal-section__header h2 { color: #fff; font-size: 21px; }
.portal-top10-carousel{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:10px}.portal-top10-control{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,176,0,.32);border-radius:50%;background:#19161e;color:#ffb000;font-size:17px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.portal-top10-control:hover:not(:disabled),.portal-top10-control:focus-visible:not(:disabled){border-color:#ffb000;background:rgba(255,138,0,.16);color:#ffd060;transform:translateY(-2px)}.portal-top10-control:focus-visible{outline:2px solid #ffb000;outline-offset:2px}.portal-top10-control:disabled{border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25);cursor:not-allowed}
.portal-top10-track { display:flex; gap:18px; overflow-x:auto; overscroll-behavior-inline:contain; padding:4px 10px 10px 4px; scroll-padding-left:4px; scroll-snap-type:x mandatory; -ms-overflow-style:none; scrollbar-width:none; }
.portal-top10-track::-webkit-scrollbar { display: none; }
.portal-top10-item { position:relative;display:flex;width:244px;min-width:244px;height:218px;padding-left:48px;align-items:center;scroll-snap-align:start; }
.portal-top10-item__rank { position: absolute; z-index: 0; top: 50%; left: -2px; color: #111218; font-family: Arial, sans-serif; font-size: 143px; font-weight: 900; letter-spacing: -.11em; line-height: .82; -webkit-text-stroke: 2px rgba(255,255,255,.88); text-shadow: 0 2px 12px rgba(0,0,0,.32); transform: translateY(-50%); transition: -webkit-text-stroke-color .2s ease, color .2s ease; }
.portal-top10-item .portal-game-card { z-index:1;width:196px;flex:0 0 196px; }
.portal-top10-item .portal-game-card__image { aspect-ratio: 1 / 1 !important; }
.portal-top10-item:hover .portal-top10-item__rank { color: rgba(255,157,0,.16); -webkit-text-stroke-color: #ffad20; }
.portal-light .portal-section--top10 .portal-section__header h2 { color: #24212c; }
.portal-light .portal-top10-item__rank { color: #f4f0f6; -webkit-text-stroke-color: rgba(72,62,84,.72); }
.portal-light .portal-top10-item:hover .portal-top10-item__rank { color: rgba(255,157,0,.13); -webkit-text-stroke-color: #e38300; }
@media (max-width: 767px) { .portal-section--top10 .portal-section__header h2{font-size:19px}.portal-top10-carousel{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}.portal-top10-control{width:28px;height:28px;font-size:16px}.portal-top10-track { gap:12px;padding-bottom:12px; } .portal-top10-item { width:194px;min-width:194px;height:178px;padding-left:36px; } .portal-top10-item .portal-game-card { width:158px;flex-basis:158px; } .portal-top10-item__rank { font-size:108px; -webkit-text-stroke-width:1.5px; } }