/* Reference composition: only popular games and recent winnings. */
.catalog-sidebar .popular-list em{display:flex;align-items:center;gap:4px;color:#16cc65;font-style:normal;white-space:nowrap}
.catalog-sidebar .popular-list em svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1.2;flex:none}
.catalog-sidebar .popular-list em b{font:700 12px/1.4 Roboto,Arial,sans-serif}
.catalog-sidebar .popular-list em span{color:#a99ab9}
.popular-unavailable{padding:16px;border-bottom:1px solid #ded5e7}.popular-unavailable strong{display:block}
.wins-arrows button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.dark .catalog-sidebar{background:#282037}
body.dark .catalog-sidebar>h2{background:#a41aaf;color:#fff}
body.dark .popular-list small{color:#e329e9}
body.dark .popular-list>button,body.dark .popular-unavailable{border-color:#40334f}
body.dark .recent-wins{--wins-bg:#21192f;--wins-card:#282036;--wins-border:#3a304a;--wins-text:#eee9f7;--wins-muted:#a398b4;box-shadow:none}
body.dark .recent-win-card>b{color:#ffcf31}
body.dark .win-user{color:#beb3cc}
body.dark .win-user i{background:#a72a91;border:1px solid #cb66ba}
body.dark .recent-win-card:nth-child(3n) .win-user i{background:#ce9d00;border-color:#e4bd36}
body.dark .wins-arrows button{background:#2c2141;border-color:#49385f;color:#eee9f7}
@media(min-width:701px){
 .catalog-composition.with-sidebar{grid-template-columns:clamp(220px,17vw,320px) minmax(0,1fr);gap:28px}
 .catalog-sidebar{border-radius:16px 16px 0 0}
 .catalog-sidebar>h2{font:700 14px/18px Roboto,Arial,sans-serif;padding:20px 28px;margin:0}
 .catalog-sidebar .popular-periods{height:70px;max-height:none}
 .catalog-sidebar .popular-periods button{font:400 14px/20px Roboto,Arial,sans-serif;border-bottom-width:2px}
 .catalog-sidebar .popular-periods button.active{font-weight:700}
 .catalog-sidebar .popular-list>button{min-height:106px;padding:19px;gap:15px;border-bottom-width:1px}
 .catalog-sidebar .popular-list img{width:67px;height:67px;border-radius:5px;object-fit:contain;flex:none}
 .catalog-sidebar .popular-list strong{font:700 14px/18px Roboto,Arial,sans-serif;overflow-wrap:anywhere}
 .catalog-sidebar .popular-list small{font:400 12px/17px Roboto,Arial,sans-serif;margin-top:5px}
 .catalog-sidebar .popular-list em{font:400 12px/17px Roboto,Arial,sans-serif;margin-top:2px}
 .catalog-composition .recent-wins{padding:20px 24px 30px;margin:0 0 20px;border-radius:20px;border-width:1px}
 .catalog-composition .recent-wins>header{margin-bottom:20px;min-height:48px}
 .catalog-composition .recent-wins>header>div:first-child{gap:12px}
 .catalog-composition .recent-wins h2{font:700 22px/29px Poppins,Arial,sans-serif}
 .catalog-composition .wins-title{gap:10px}
 .catalog-composition .wins-period{font:500 14px/20px Roboto,Arial,sans-serif}
 .catalog-composition .live-label{font:500 14px/18px Roboto,Arial,sans-serif;gap:6px;padding:6px 10px;border-radius:20px;background:#b9275030;color:#ed566f}
 .catalog-composition .live-label i{width:8px;height:8px;background:#ed3656;box-shadow:0 0 0 5px #e72c4b25}
 .catalog-composition .wins-arrows{display:flex;gap:8px}
 .catalog-composition .wins-arrows button{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-size:21px;border-width:1px}
 .catalog-composition .wins-arrows button[hidden]{display:none}
 .catalog-composition .recent-wins-track{gap:14px;padding:1px 0;mask-image:linear-gradient(to right,transparent,#000 7px,#000 calc(100% - 24px),transparent)}
 .catalog-composition .recent-win-card{flex:0 0 180px;border-radius:18px;padding:5px 5px 9px;border-width:1px}
 .catalog-composition .win-art img{display:block;width:100%;aspect-ratio:168/230;object-fit:contain;border-radius:13px}
 .catalog-composition .win-art-missing{aspect-ratio:168/230;border-radius:13px}
 .catalog-composition .win-art>span{right:3px;top:7px;padding:4px 7px;font:700 12px/16px Roboto,Arial,sans-serif;border-radius:9px;gap:4px}
 .catalog-composition .recent-win-card>strong{margin:8px 6px 2px;font:700 14px/18px Roboto,Arial,sans-serif;min-height:36px;color:var(--wins-text)}
 .catalog-composition .recent-win-card>small{margin:0 6px;font:400 12px/17px Roboto,Arial,sans-serif;height:17px;color:var(--wins-muted)}
 .catalog-composition .win-user{margin:8px 6px 2px;gap:8px;font:700 12px/18px Roboto,Arial,sans-serif}
 .catalog-composition .win-user i{width:24px;height:24px;font-size:12px}
 .catalog-composition .recent-win-card>b{margin:0 6px;font:800 20px/24px Roboto,Arial,sans-serif}
}
@media(min-width:701px) and (max-width:1150px){
 .catalog-composition.with-sidebar{grid-template-columns:220px minmax(0,1fr);gap:18px}
 .catalog-sidebar .popular-list>button{padding:14px 12px;gap:10px}
 .catalog-sidebar .popular-list img{width:56px;height:56px}
 .catalog-composition .recent-wins{padding:16px}
 .catalog-composition .wins-title{display:block}.catalog-composition .recent-wins h2{font-size:18px}
 .catalog-composition .wins-arrows button{width:34px;height:34px;border-radius:11px}
}
@media(max-width:700px){
 .wins-arrows{display:flex;gap:4px}.wins-arrows button svg{width:18px;height:18px}
 .wins-arrows button[hidden]{display:none}
}
body:not(.dark) .catalog-sidebar .popular-list em{color:#087038}
body:not(.dark) .catalog-sidebar .popular-list em span{color:#6a5779}
/* Scale the reference panel from its own width, rather than the browser's zoom. */
.popular-unavailable{display:flex;align-items:center;gap:15px;min-width:0}
.popular-missing-art{width:67px;height:67px;border-radius:5px;background:linear-gradient(145deg,#8c629a,#352345);flex:none}
.popular-unavailable>span:last-child{min-width:0}.popular-unavailable strong{font-size:14px;line-height:18px;overflow-wrap:anywhere}
.popular-unavailable small{display:block;font-size:12px;line-height:17px}
.win-art{isolation:isolate;container-type:inline-size;overflow:hidden;border-radius:13px}
.win-art>img{height:auto!important}
.win-art:has(.win-game-caption):after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 43%,var(--win-accent) 77%,var(--win-accent))}
.win-game-caption{position:absolute;left:7%;right:6%;bottom:5%;z-index:2;color:#fff;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.win-game-caption>strong{font:700 18px/1.08 Poppins,Arial,sans-serif;font-size:10.6cqw;text-transform:uppercase;letter-spacing:-.025em;overflow-wrap:anywhere}
.win-game-caption>small{font:400 10px/1.3 Roboto,Arial,sans-serif;font-size:5.9cqw}
.win-art>span{z-index:3}
@media(min-width:701px){
 .catalog-sidebar{container-type:inline-size}
 .catalog-sidebar>h2{font-size:4.56cqw;line-height:5.86cqw;padding:6.51cqw 9.12cqw}
 .catalog-sidebar .popular-periods{height:22.8cqw}
 .catalog-sidebar .popular-periods button{font-size:4.56cqw;line-height:6.51cqw}
 .catalog-sidebar .popular-list>button,.catalog-sidebar .popular-unavailable{min-height:34.53cqw;padding:6.19cqw;gap:4.88cqw}
 .catalog-sidebar .popular-list img,.catalog-sidebar .popular-missing-art{width:21.82cqw;height:21.82cqw;border-radius:1.63cqw}
 .catalog-sidebar .popular-list strong{font-size:4.56cqw;line-height:5.86cqw}
 .catalog-sidebar .popular-list small,.catalog-sidebar .popular-list em,.catalog-sidebar .popular-list em b{font-size:3.91cqw;line-height:5.54cqw}
 .catalog-sidebar .popular-list small{margin-top:1.63cqw}.catalog-sidebar .popular-list em{margin-top:.65cqw;gap:1.3cqw}
 .catalog-sidebar .popular-list em svg{width:4.56cqw;height:4.56cqw}
 .catalog-composition .recent-wins{container-type:inline-size}
 .catalog-composition .recent-wins-track{container-type:inline-size;gap:1.07cqw}
 .catalog-composition .recent-win-card{container-type:inline-size;flex-basis:clamp(120px,13.7cqw,180px);padding:.38cqw .38cqw .68cqw;border-radius:1.37cqw}
 .catalog-composition .recent-wins h2{font-size:clamp(14px,1.68cqw,22px);line-height:1.32}
 .catalog-composition .wins-period{font-size:clamp(10px,1.07cqw,14px)}
 .catalog-composition .recent-win-card>strong{font-size:8.33cqw;line-height:10.7cqw;min-height:21.4cqw;margin:4.76cqw 3.57cqw 1.19cqw}
 .catalog-composition .recent-win-card>small{font-size:7.14cqw;line-height:10.1cqw;height:10.1cqw;margin:0 3.57cqw}
 .catalog-composition .win-user{font-size:7.14cqw;line-height:10.7cqw;margin:4.76cqw 3.57cqw 1.19cqw;gap:4.76cqw}
 .catalog-composition .win-user i{width:14.28cqw;height:14.28cqw;font-size:7.14cqw}
 .catalog-composition .recent-win-card>b{font-size:11.9cqw;line-height:14.28cqw;margin:0 3.57cqw}
}

.footer-column a{text-decoration:none;font-family:inherit}.footer-column a:focus-visible{outline:2px solid currentColor;outline-offset:3px}