body{font-size:18px}.eyebrow{font-size:13px}header nav{gap:12px}header nav a{padding:14px 18px;font-size:17px;border-radius:14px;background:#e4effc}header .button.small{font-size:17px;min-height:50px}.portal-game-nav nav{gap:10px;padding:14px 0}.portal-game-nav a{flex:1 0 112px;justify-content:center;padding:14px 16px;font-size:18px;min-height:54px;background:#e4effc}.button,.button.small{font-size:18px;min-height:52px;padding:14px 24px}.text-link,.quiet{font-size:16px}.icon-hero-copy p{font-size:19px}.icon-hero .eyebrow{font-size:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.game-art{height:180px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 0%,#227459,#073f35)}.game-art>img{width:160px;height:95px;z-index:2;filter:drop-shadow(0 3px 3px #0005)}.game-art:before{content:'';position:absolute;inset:12px;border:1px solid #ffffff30;border-radius:70px}.game-art .theme-card{position:absolute;width:79px;height:120px;bottom:-18px;filter:drop-shadow(0 2px 3px #0006);z-index:1;opacity:.85}.game-art .theme-card:nth-last-child(2){left:22px;transform:rotate(-22deg)}.game-art .theme-card:last-child{right:22px;transform:rotate(22deg)}.tarot .game-art{background:radial-gradient(ellipse at top,#7966a9,#302044)}.mus .game-art{background:radial-gradient(ellipse at top,#ad7437,#59351c)}.belot .game-art{background:radial-gradient(ellipse at top,#55968a,#174b46)}.spades .game-art{background:radial-gradient(ellipse at top,#376aa1,#122d52)}.hearts .game-art{background:radial-gradient(ellipse at top,#ac5670,#5e2036)}.euchre .game-art{background:radial-gradient(ellipse at top,#358c93,#123e48)}.skat .game-art{background:radial-gradient(ellipse at top,#a08643,#4c3b18)}.game-copy{padding:26px;display:flex;flex-direction:column;flex:1}.game-card{display:flex;flex-direction:column}.game-meta{font-size:14px}.game-copy h3{font-size:29px}.game-copy p{font-size:17px;min-height:116px;line-height:1.65}.game-actions{gap:14px;margin-top:auto;display:grid;grid-template-columns:1fr 1fr}.game-actions .button,.game-actions>a:last-child{font-size:18px;min-height:54px;padding:14px 16px;border-radius:14px;text-align:center}.home-rankings{margin:80px auto;max-width:800px}.home-rankings>p{font-size:19px}.home-rankings>.button{margin-top:25px}.review-text>p:not(.review-lead),.rule-prose p,.rule-prose li,.card-reference>p,.page-intro p,.guide-card p,.explainer-grid p{font-size:18px}.review-lead{font-size:23px}.review-facts span{font-size:14px}.page-sections{font-size:17px}.play-tools,.fullscreen-button{font-size:16px}.play-status,.play-bottom{font-size:14px}.play-toolbar .eyebrow{font-size:12px}.card-reference h3{font-size:26px}.rule-card figcaption{font-size:16px}.rule-card figcaption span{font-size:14px}.store-button{font-size:18px}.portal-rank-controls label{font-size:14px}.portal-rank-controls select{font-size:16px}.rank-live,.portal-rank-note{font-size:14px}.ranking-all{font-size:17px}.portal-ranking .league-player-copy>strong{font-size:18px}.portal-ranking .league-player-copy>span{font-size:13px}.portal-ranking .competition-tabs button{font-size:14px}.rank-stage p{font-size:17px}.rank-pagination button,.rank-pagination span{font-size:14px}.guide-card span,.explainer-grid a,.breadcrumb{font-size:16px}.world-footer{padding:0;border:0;background:#020b1b;color:#fff;text-align:left;overflow:hidden}.world-footer>div{display:block}.footer-universe{position:relative;height:760px;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,#003d80 0%,#020b1b 65%);isolation:isolate}.footer-universe:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b5e2ff 1px,transparent 1px),radial-gradient(#689edf 1px,transparent 1px);background-size:87px 97px,139px 127px;background-position:21px 15px,65px 48px;opacity:.4}.footer-heading{position:relative;z-index:4;text-align:center;padding:60px 24px 0}.footer-heading h2{font-size:clamp(36px,4.5vw,62px);margin-bottom:18px}.footer-heading .eyebrow{color:#97cfff}.footer-heading p{color:#cce2fa;font-size:20px}.footer-universe [data-globe-root]{position:absolute;inset:225px 0 0}.world-footer .cg-globe{position:relative;width:min(1100px,110%);height:600px;margin:0 auto}.world-footer .cg-globe canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.world-footer .cg-orbit{position:absolute;inset:0;padding:0;width:100%;display:block}.world-footer .cg-orbit-game{position:absolute;left:0;top:0;width:76px;height:76px;border-radius:18px;will-change:transform;display:grid;place-items:center}.world-footer .cg-orbit-game img{width:100%;height:100%;border-radius:inherit}.world-footer .cg-orbit-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:16px;opacity:0}.world-footer .cg-orbit-game:is(:hover,:focus-visible) .cg-orbit-label{opacity:1}.world-footer .footer-directory{max-width:1120px;margin:auto;padding:55px 28px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;position:relative;background:#020b1b}.footer-brand img{width:160px}.footer-brand p{color:#bad2eb;font-size:16px;margin-top:20px}.footer-directory h3{font-size:20px;margin:8px 0 20px}.footer-directory a{display:block;font-size:17px;color:#bad2eb;margin:12px 0}.footer-directory a:hover{color:#fff}.world-footer .footer-bottom{display:flex;justify-content:space-between;max-width:1064px;margin:auto;padding:25px 0;border-top:1px solid #ffffff25;font-size:15px;color:#bad2eb}
@media(max-width:700px){header{height:auto;min-height:135px;padding-top:10px;padding-bottom:12px;gap:10px}header nav{gap:5px}header nav a{font-size:14px;padding:12px 10px}header .button.small{font-size:15px}.portal-game-nav nav{padding:12px 18px}.portal-game-nav a{font-size:17px;flex-basis:104px}.game-grid{grid-template-columns:1fr}.game-art{height:160px}.game-art>img{height:85px;width:145px}.game-copy{padding:22px}.game-copy p{min-height:0;font-size:17px}.game-actions .button,.game-actions>a:last-child{font-size:17px}.icon-hero-copy p{font-size:18px}.eyebrow{font-size:12px}.page-sections{font-size:15px;gap:18px}.review-text>p:not(.review-lead),.rule-prose p,.rule-prose li{font-size:17px}.portal-ranking .league-player-copy>strong{font-size:16px}.portal-ranking .league-player-copy>span{font-size:11px}.portal-ranking .competition-tabs button{font-size:12px}.footer-universe{height:680px}.footer-heading{padding-top:45px}.footer-heading p{font-size:18px}.footer-universe [data-globe-root]{inset:270px 0 0}.world-footer .cg-globe{width:650px;height:460px;left:50%;margin-left:-325px}.world-footer .cg-orbit-game{width:58px;height:58px;border-radius:14px}.world-footer .footer-directory{grid-template-columns:1fr 1fr;gap:25px;padding:35px 22px}.footer-brand{grid-column:1/-1}.world-footer .footer-bottom{margin:0 22px;font-size:13px;gap:20px}.home-rankings{margin:50px auto}.play-toolbar .eyebrow{font-size:10px}.play-status,.play-bottom{font-size:12px}}

/* Original Appearance / Cosmetics backgrounds from the game catalog. */
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-art{height:165px}.game-art:before{display:none}.game-art>img{width:125px;height:80px}.game-copy{padding:18px}.game-copy p{font-size:16px;min-height:238px}.game-actions{grid-template-columns:1fr;gap:10px}.game-actions .button,.game-actions>a:last-child{font-size:17px;min-height:50px;padding:12px}.game-meta{font-size:12px}.game-copy h3{font-size:26px}
.belote .game-art{background:#173d4b url("/assets/themes/theme-1.jpg") center top / cover no-repeat}
.tarot .game-art{background:#173d4b url("/assets/themes/theme-2.jpg") center top / cover no-repeat}
.mus .game-art{background:#173d4b url("/assets/themes/theme-3.jpg") center top / cover no-repeat}
.belot .game-art{background:#173d4b url("/assets/themes/theme-4.jpg") center top / cover no-repeat}
.spades .game-art{background:#173d4b url("/assets/themes/theme-5.jpg") center top / cover no-repeat}
.hearts .game-art{background:#173d4b url("/assets/themes/theme-6.jpg") center top / cover no-repeat}
.euchre .game-art{background:#173d4b url("/assets/themes/theme-7.jpg") center top / cover no-repeat}
.skat .game-art{background:#173d4b url("/assets/themes/theme-8.jpg") center top / cover no-repeat}
@media(min-width:701px) and (max-width:950px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-copy p{min-height:180px}}@media(max-width:700px){.game-grid{grid-template-columns:1fr}.game-copy p{min-height:0;font-size:17px}.game-actions{grid-template-columns:1fr 1fr}.game-art{height:170px}}

.home-rankings{max-width:none}.home-rankings .portal-rank-controls{display:grid;grid-template-columns:1fr 1fr 38px}.portal-ranking .competition-tabs{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}
.review-layout{background:#081a32;border:1px solid #203d5e;border-radius:26px;overflow:hidden;gap:0;grid-template-columns:1fr 1.12fr;align-items:stretch}.review-text{padding:34px;color:#fff}.review-app{display:flex;gap:18px;align-items:center;margin-bottom:25px}.review-app>img{width:80px;height:80px;border-radius:18px}.review-app span{font-size:12px;letter-spacing:2px;color:#a8c9ee}.review-app h3{font-size:34px;margin:5px 0 0}.review-layout .review-lead{font-size:20px;color:#f1f7ff}.review-layout .review-text>p:not(.review-lead){font-size:17px;color:#b9cce2}.review-layout .review-facts span{background:#173454;color:#dbeaff}.review-layout .review-video{height:auto;min-height:460px;border-radius:0;background:#04101f}.review-layout .review-video video,.review-layout .review-video>img{height:100%;min-height:460px;object-fit:contain}.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:16px 0}.carousel-controls button{border:0;border-radius:13px;background:#dfecfc;color:#102b60;font-size:17px;font-weight:850;min-height:48px;padding:12px 20px;cursor:pointer}.carousel-controls button:disabled{opacity:.4;cursor:default}.carousel-count{font-size:16px;min-width:68px;text-align:center}.review-gallery .screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;overflow:hidden;scroll-snap-type:none}.review-gallery .screenshot-button{width:100%;max-width:100%;border-radius:18px}.review-gallery .screenshot-button[hidden]{display:none}.review-gallery .screenshot-button img{width:100%;height:420px;object-fit:contain;background:#e4eef9;border-radius:18px}
@media(max-width:700px){.review-layout{grid-template-columns:1fr}.review-text{padding:24px}.review-layout .review-video,.review-layout .review-video video,.review-layout .review-video>img{height:340px;min-height:340px}.review-gallery .screenshots{grid-template-columns:1fr}.review-gallery .screenshot-button img{height:430px}.carousel-controls{justify-content:space-between;gap:8px}.carousel-controls button{font-size:15px;padding:10px 15px}}
.review-layout{position:relative;display:flex;align-items:center;min-height:490px;background:#171c24;isolation:isolate}.review-text{position:relative;width:49%;z-index:2;padding:48px;pointer-events:none}.review-text a{pointer-events:auto}.review-app{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:22px}.review-app h3{font-size:46px;line-height:1.1}.review-layout .review-lead{font-size:20px;font-weight:600;line-height:1.6;margin-bottom:28px;max-width:330px}.review-layout .review-video{position:absolute;inset:0 0 0 18%;height:100%;min-height:0;border:0;background:#171c24;z-index:0}.review-layout .review-video video,.review-layout .review-video>img{height:100%;min-height:0;width:100%;object-fit:cover}.review-layout:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171c24 9%,#171c24f2 28%,#171c2466 63%,#171c2422),linear-gradient(0deg,#171c24 0%,transparent 35%);z-index:1;pointer-events:none}.preview-toggle{position:absolute;right:24px;bottom:24px;z-index:3;border:1px solid #ffffff38;border-radius:30px;padding:13px 21px;font-size:16px;font-weight:850;background:#0c111add;color:white;cursor:pointer}
@media(max-width:700px){.review-layout{min-height:570px;align-items:flex-end}.review-text{width:100%;padding:28px 25px 85px}.review-app{gap:14px;margin-bottom:15px}.review-app>img{height:60px;width:60px}.review-app h3{font-size:36px}.review-layout .review-lead{font-size:18px;max-width:280px;margin-bottom:20px}.review-layout .review-video{inset:0;height:100%}.review-layout .review-video video,.review-layout .review-video>img{height:100%;min-height:0}.review-layout:after{background:linear-gradient(0deg,#171c24 8%,#171c24dd 36%,#171c2420 100%),linear-gradient(90deg,#171c2488,transparent)}.preview-toggle{right:24px;bottom:23px;font-size:15px}}
.desktop-play{max-width:none}.desktop-frame{max-width:none;height:740px}.desktop-frame iframe{transform-origin:top left}@media(max-width:700px){.desktop-frame{height:680px}}
/* Bare screenshot carousel: no panels, labels or counter. */
.review-gallery{position:relative;padding:0 42px;margin-top:32px}.review-gallery .carousel-controls{position:absolute;inset:0;margin:0;pointer-events:none;display:block}.review-gallery .carousel-controls button{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;box-shadow:none;padding:0;width:38px;height:64px;font-size:52px;line-height:1;font-weight:500;color:#17395f;pointer-events:auto}.review-gallery .carousel-prev{left:0}.review-gallery .carousel-next{right:0}.review-gallery .carousel-controls button:disabled{opacity:.22}.review-gallery .screenshots{padding:0;gap:18px;align-items:start;background:transparent}.review-gallery .screenshot-button{background:transparent;border:0;box-shadow:none;overflow:hidden;border-radius:20px}.review-gallery .screenshot-button img{display:block;width:100%;height:auto;max-height:none;border-radius:20px;background:transparent;object-fit:contain}@media(max-width:700px){.review-gallery{padding:0 32px}.review-gallery .carousel-controls button{width:28px;font-size:44px}.review-gallery .screenshot-button img{height:auto}.review-gallery .screenshots{gap:12px}}

.game-copy p{min-height:106px;margin-bottom:20px}@media(max-width:950px){.game-copy p{min-height:80px}}@media(max-width:700px){.game-copy p{min-height:0}}
.portal-select{position:relative;min-width:0;flex:1}.portal-select-label{display:block;margin-bottom:6px;color:#d4ebff;font-size:14px;font-weight:850}.portal-select-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border:1px solid #ffffffb0;border-radius:14px;padding:11px 14px;background:linear-gradient(180deg,#f6fcff,#dceeff);color:#123365;box-shadow:inset 0 2px 1px #fff9;font-size:16px;font-weight:900;cursor:pointer;text-align:left}.portal-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-select-trigger svg{flex-shrink:0;transition:transform .16s}.portal-select-trigger[aria-expanded=true]{border-color:#79d2ff;box-shadow:0 0 0 3px #94ddff66}.portal-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.portal-select-trigger:disabled{cursor:default;opacity:.7}.portal-select-menu{position:absolute;left:0;top:calc(100% + 8px);width:max-content;min-width:100%;max-width:270px;z-index:30;padding:7px;border:1px solid #b3d9f5;border-radius:17px;background:#eef8ff;box-shadow:0 10px 24px #06255235}.portal-select-menu [role=option]{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;width:100%;border:0;border-radius:10px;padding:10px 12px;color:#163866;background:transparent;font-size:16px;font-weight:800;text-align:left;cursor:pointer}.portal-select-menu [role=option]:hover,.portal-select-menu [role=option]:focus{background:#d7ebff;outline:none}.portal-select-menu [aria-selected=true]{background:linear-gradient(135deg,#209dff,#0863ed);color:white}.portal-select-menu [aria-selected=true]:focus,.portal-select-menu [aria-selected=true]:hover{background:#0875e8;color:white}.portal-rank-controls{position:relative;z-index:5;align-items:end}.portal-ranking:has(.portal-select-trigger[aria-expanded=true]){position:relative;z-index:6;overflow:visible}.portal-ranking .rank-stage{border-radius:26px 26px 0 0}.review-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;pointer-events:auto}.review-actions .button{padding:13px 20px;font-size:17px}.review-actions .secondary{background:#ffffff15;color:#fff;border:1px solid #ffffff50;box-shadow:none}@media(max-width:700px){.portal-select-trigger{font-size:14px;padding:10px;gap:5px}.portal-select-menu [role=option]{font-size:15px}.review-actions{gap:10px}.review-actions .button{font-size:15px;padding:12px 16px}}
.review-gallery .screenshots{display:flex;overflow:hidden;gap:18px;scroll-snap-type:none;scrollbar-width:none}.review-gallery .screenshot-button{flex:0 0 calc((100% - 36px)/3);min-width:0}.review-gallery .screenshots::-webkit-scrollbar{display:none}@media(max-width:700px){.review-gallery .screenshots{gap:12px}.review-gallery .screenshot-button{flex-basis:100%}}
.review-gallery{padding:0}.review-gallery .screenshot-button{flex-basis:calc((100% - 54px)/4)}.review-gallery .carousel-controls{z-index:3}.review-gallery .carousel-controls button{width:44px;height:54px;border-radius:15px;background:#f4faffeb;box-shadow:0 2px 9px #08254933;font-size:42px;backdrop-filter:blur(8px)}.review-gallery .carousel-prev{left:10px}.review-gallery .carousel-next{right:10px}@media(max-width:700px){.review-gallery{padding:0}.review-gallery .screenshot-button{flex-basis:100%}.review-gallery .carousel-controls button{width:38px;height:50px;font-size:38px}}
.network-live{display:inline-flex;align-items:center;gap:10px;border:1px solid #b9e7d1;border-radius:16px;padding:14px 18px;background:#e5f7ee;color:#146345;font-size:17px;font-weight:900;min-height:52px;white-space:nowrap}.live-dot{width:9px;height:9px;flex:0 0 9px;background:#12b96b;border-radius:50%;box-shadow:0 0 0 4px #13b66d16}.game-live{display:flex;gap:8px;align-items:center;margin:3px 0 13px;color:#168053;font-size:13px;font-weight:850}.game-live .live-dot{width:7px;height:7px;flex-basis:7px}[data-live-game][data-status=unavailable]{color:#637c91}[data-live-game][data-status=unavailable] .live-dot{background:#8295a5;box-shadow:none}@media(max-width:700px){.network-live{font-size:13px;padding:11px 12px;min-height:44px}.game-live{font-size:14px}}
.download-app-icon{display:block;width:100px;height:100px;border-radius:24px;margin:0 auto 25px;box-shadow:0 4px 14px #12345a22}.store-button{display:inline-flex;align-items:center;gap:13px;min-width:200px;padding:14px 20px;text-align:left;border-radius:15px}.store-button .store-platform-icon{width:32px;height:32px;flex:0 0 32px;color:white}.store-button small{display:block;font-size:12px;font-weight:650;margin-bottom:3px;color:#d8e8ff}.store-button strong{display:block;font-size:21px;font-weight:900}.download-panel .store-links{gap:14px;margin-top:24px}@media(max-width:700px){.download-app-icon{width:84px;height:84px;border-radius:20px}.download-panel .store-button{min-width:220px;justify-content:center}}

/* Shared leaderboard directory and home-only globe */
.ranking-page.rankings-directory{max-width:none;width:100%;margin:0 0 45px}
.rankings-directory .rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.rankings-directory .rank-grid>div{min-width:0}
.league-player-name{display:flex!important;align-items:center;gap:8px;min-width:0}
.league-player-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.league-player-name .rank-game-icon{width:28px;height:28px;flex:0 0 28px;border-radius:7px;object-fit:cover}
.simple-footer{padding-top:36px}
.simple-footer .footer-directory{margin-top:0}
@media(max-width:800px){.rankings-directory .rank-grid{grid-template-columns:1fr}.league-player-name .rank-game-icon{width:24px;height:24px;flex-basis:24px}}

/* Game identity belongs only to combined standings, at the right of each row. */
.portal-ranking .league-player-row{--portrait-size:48px}
.portal-ranking .league-player-row .league-portrait{width:var(--portrait-size);height:var(--portrait-size)}
.portal-ranking .league-player-row.has-game-icon{grid-template-columns:30px var(--portrait-size) minmax(0,1fr) auto var(--portrait-size)}
.portal-ranking .league-player-row>.rank-game-icon{width:var(--portrait-size);height:var(--portrait-size);border-radius:13px;object-fit:cover}
@media(max-width:700px){.portal-ranking .league-player-row{--portrait-size:44px}.portal-ranking .league-player-row.has-game-icon{grid-template-columns:29px var(--portrait-size) minmax(0,1fr) auto var(--portrait-size);gap:7px}}
@media(max-width:390px){.portal-ranking .league-player-row{--portrait-size:36px}.portal-ranking .league-player-row.has-game-icon{grid-template-columns:25px var(--portrait-size) minmax(0,1fr) auto var(--portrait-size);gap:5px}.portal-ranking .has-game-icon .league-player-detail{font-size:10px}}
/* Community uses the same chunky satin surfaces, portraits and controls as the games. */
.community-section{margin:72px 0 64px;scroll-margin-top:28px}
.community-section .section-heading{margin-bottom:12px}
.community-intro{font-size:20px;line-height:1.5;margin:0 0 30px}
.community-arena{background:var(--satin-shell);border-radius:34px;padding:28px 28px 0;box-shadow:var(--classic-inner),0 7px 0 #0c54c6;color:#fff;overflow:hidden}
.community-arena-heading{display:flex;justify-content:center;align-items:center;gap:20px;text-align:left;margin:0 0 26px}
.community-arena-heading>img{width:74px;height:74px;filter:drop-shadow(0 5px 0 #0654b955)}
.community-arena-heading h3{font-size:34px;line-height:1.15;margin:0 0 7px;color:#fff}
.community-arena-heading p{color:#d5efff;font-size:19px;font-weight:850;margin:0}
.community-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px;background:#0759cc;border-radius:25px;box-shadow:inset 0 3px 5px #053c8630}
.community-switch button{display:flex;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:67px;padding:12px;background:var(--satin-surface);color:var(--classic-ink);border:0;border-radius:20px;box-shadow:var(--classic-inner),0 4px 0 #053d9d;font-weight:950;font-size:22px;line-height:1.15;cursor:pointer}
.community-switch button[aria-pressed=true]{background:var(--classic-green);color:#fff;box-shadow:var(--classic-inner),0 4px 0 #058e37;text-shadow:0 2px 1px #058e3780}
.community-switch button>img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.community-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;padding:44px 26px 0;min-height:440px;background:radial-gradient(ellipse at 50% 100%,#63d8ff70,transparent 65%)}
.champion{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;background:transparent;border:0;padding:0;cursor:pointer;font:inherit;text-align:center;border-radius:26px 26px 0 0}
.champion-1{order:2}.champion-2{order:1}.champion-3{order:3}
.champion-rank{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(#ffec8d,#ffc234);border:3px solid #ffe8a0;color:#9d6510;border-radius:50%;box-shadow:inset 0 2px 2px #fff,0 4px 0 #bc7f1d;font-size:29px;font-weight:1000;margin-bottom:18px;line-height:1}
.champion-2 .champion-rank{background:linear-gradient(#effaff,#a8c7e4);border-color:#e3f4ff;color:#506e8b;box-shadow:inset 0 2px 2px #fff,0 4px 0 #6d8ca7}
.champion-3 .champion-rank{background:linear-gradient(#ffddaf,#eda263);border-color:#ffdbad;color:#9b5b27;box-shadow:inset 0 2px 2px #fff,0 4px 0 #b97842}
.community-identity{display:flex;justify-content:center;align-items:center;gap:12px;margin:6px 0 20px}
.community-content .social-avatar{width:76px;height:76px;margin:0;border:3px solid #7ae0ff;border-radius:23px;background:var(--classic-blue);padding:2px;box-shadow:var(--classic-inner),0 4px 0 #0654b1;flex-shrink:0}
.community-content .social-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.community-game-icon{width:76px;height:76px;object-fit:cover;border-radius:22px;box-shadow:0 4px 0 #0654b1;flex-shrink:0}
.champion-1 .social-avatar{border-color:#ffe77e;background:linear-gradient(#fff29e,#ffce46);box-shadow:var(--classic-inner),0 4px 0 #b97b10}
.champion-name{font-size:25px;font-weight:1000;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.35;padding:0 4px;text-shadow:0 2px 0 #1258b8}
.champion-game{font-size:17px;color:#d9f3ff;font-weight:800;margin:5px 0 18px}
.champion-base{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:118px;width:100%;border-radius:26px 26px 0 0;background:linear-gradient(#f5fbff,#a9caeb);color:#264b72;box-shadow:inset 0 3px 2px #fff,inset 0 -9px 0 #6592bd55;border:3px solid #d5edff;border-bottom:0;padding:14px 8px 22px}
.champion-1 .champion-base{min-height:165px;background:linear-gradient(#fff29d,#ffc52e);border-color:#fff4b5;color:#8a540b;box-shadow:inset 0 3px 2px #fff,inset 0 -9px 0 #d3982555}
.champion-3 .champion-base{min-height:98px;background:linear-gradient(#ffdbaa,#e9a368);border-color:#ffe5c4;color:#884a1c;box-shadow:inset 0 3px 2px #fff,inset 0 -9px 0 #b7713655}
.champion-base>img{width:34px;height:34px;object-fit:contain;position:absolute;top:-18px;filter:drop-shadow(0 2px 1px #6c592855)}
.champion-base>strong{font-size:32px;line-height:1.15;font-weight:1000;white-space:nowrap}
.champion-base>span{font-size:18px;font-weight:900;margin-top:4px}
.champion:focus-visible,.community-player:focus-visible{outline:4px solid #ffd347;outline-offset:5px}
.community-lobby{margin-top:48px;padding:30px;border-radius:32px;background:var(--satin-shell);box-shadow:var(--classic-inner),0 7px 0 #0c54c6}
.community-lobby-heading{margin-bottom:30px;color:#fff}
.community-lobby-heading h3{font-size:32px;margin:0 0 8px;color:#fff}
.community-lobby-heading p{font-size:18px;color:#d9eeff;margin:0}
.community-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.community-player{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:19px 14px;background:var(--satin-surface);border:0;border-radius:25px;box-shadow:var(--classic-inner),0 5px 0 #0b56b8;color:var(--classic-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .15s}
.community-player:hover{transform:translateY(-3px)}
.community-player .social-avatar,.community-player .community-game-icon{width:56px;height:56px;border-radius:17px;box-shadow:var(--classic-inner),0 3px 0 #acd0e9}
.community-player-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.community-player-copy>strong{font-size:19px;font-weight:1000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.25}
.community-player-copy>span{font-size:16px;font-weight:900;color:#486a94}
.community-player-copy>small{font-size:14px;color:#6483aa}
.community-footnote{font-size:14px;line-height:1.5;color:#6b81a0;margin:24px 0 0}
.community-status{padding:60px 25px;border-radius:28px;background:var(--satin-surface);text-align:center;font-size:20px}
.community-empty{text-align:center;padding:30px;font-size:19px;color:inherit;grid-column:1/-1}
.community-profile .profile-portrait{margin:32px auto 20px}
.community-profile .profile-portrait .social-avatar,.community-profile .profile-portrait .community-game-icon{width:92px;height:92px;border-radius:24px}
@media(max-width:1000px){.community-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.community-stage{gap:14px;padding-left:5px;padding-right:5px}.community-switch button{font-size:19px;gap:7px}.community-switch button>img{width:32px;height:32px}.champion-name{font-size:22px}.community-identity{gap:8px}.champion .social-avatar,.champion .community-game-icon{width:64px;height:64px;border-radius:20px}}
@media(max-width:700px){.community-arena{padding:22px 12px 0;border-radius:26px}.community-arena-heading{gap:12px}.community-arena-heading>img{width:52px;height:52px}.community-arena-heading h3{font-size:25px}.community-arena-heading p{font-size:16px}.community-switch{gap:7px;padding:6px;border-radius:20px}.community-switch button{flex-direction:column;font-size:15px;gap:5px;min-height:90px;padding:10px 5px;border-radius:15px}.community-stage{gap:8px;padding:32px 0 0;min-height:360px}.champion-rank{width:33px;height:33px;font-size:23px;margin-bottom:13px}.champion .social-avatar,.champion .community-game-icon{width:40px;height:40px;border-radius:12px;border-width:2px}.champion .community-identity{gap:5px;margin-bottom:13px}.champion-name{font-size:15px}.champion-game{font-size:12px;margin-bottom:16px}.champion-base{min-height:110px;border-radius:17px 17px 0 0;padding:19px 3px 20px;border-width:2px}.champion-1 .champion-base{min-height:144px}.champion-3 .champion-base{min-height:92px}.champion-base>strong{font-size:20px;letter-spacing:-.5px}.champion-base>span{font-size:13px}.community-lobby{padding:24px 15px;border-radius:26px}.community-lobby-heading h3{font-size:27px}.community-lobby-heading p{font-size:17px}.community-wall{grid-template-columns:1fr;gap:15px}.community-player{grid-template-columns:64px minmax(0,1fr) 64px;padding:18px 15px}.community-player .social-avatar,.community-player .community-game-icon{width:64px;height:64px;border-radius:19px}.community-player-copy>strong{font-size:22px}.community-player-copy>span{font-size:18px}.community-player-copy>small{font-size:15px}}
@media(max-width:360px){.champion .social-avatar,.champion .community-game-icon{width:34px;height:34px}.champion-name{font-size:13px}.champion-base>strong{font-size:18px}.community-switch button{font-size:13px}.community-player{grid-template-columns:52px minmax(0,1fr) 52px;gap:9px}.community-player .social-avatar,.community-player .community-game-icon{width:52px;height:52px}.community-player-copy>strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.community-player{transition:none}.community-player:hover{transform:none}}
.community-chart{margin-top:25px;padding:26px;background:var(--satin-surface);border-radius:30px;box-shadow:var(--classic-inner),0 6px 0 #b5d4f1;border:2px solid #d6eaff}
.community-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.community-chart-heading h4{font-size:27px;font-weight:1000;margin:0 0 6px;line-height:1.15}
.community-chart-heading p{font-size:17px;margin:0;color:#58769c;font-weight:800}
.community-chart-heading>span{font-size:13px;color:#6480a3;text-align:right}
.chart-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.chart-legend button{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;border:3px solid var(--line-color);background:#fff;border-radius:20px;padding:12px 10px;color:#153562;box-shadow:0 4px 0 var(--line-color);font:inherit;cursor:pointer}
.chart-legend button[aria-pressed=true]{background:#d9eeff;outline:3px solid #fff;outline-offset:-6px}
.community-content .chart-legend .social-avatar{width:42px;height:42px;border-radius:13px;flex-shrink:0}
.chart-legend button>span{min-width:0;flex:1}
.chart-legend strong{font-size:17px;font-weight:1000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-legend small{font-size:13px;color:#6a82a0}
.chart-legend b{font-size:17px;font-weight:1000;white-space:nowrap;color:var(--line-color)}
.chart-canvas{position:relative;margin:26px 0 16px;width:100%;aspect-ratio:820/280}
.chart-canvas svg{display:block;width:100%;height:100%;overflow:visible}
.chart-avatar{position:absolute;transform:translate(-50%,-50%);width:6%;aspect-ratio:1}
.community-content .chart-avatar .social-avatar{width:100%;height:100%;border-color:var(--line-color);border-radius:28%;box-shadow:0 3px 0 var(--line-color)}
.chart-values summary{cursor:pointer;color:#476994;font-size:16px;font-weight:900;padding:8px 0}
.chart-values>div{overflow-x:auto;margin-top:14px}
.chart-values table{width:100%;border-collapse:collapse;font-size:15px;text-align:right}
.chart-values caption{text-align:left;font-weight:900;margin-bottom:10px}
.chart-values th,.chart-values td{padding:12px 10px;border-bottom:2px solid #d5e5f5;white-space:nowrap}
.chart-values th:first-child{text-align:left}
@media(max-width:1000px){.chart-legend button{flex-wrap:wrap}.chart-legend b{width:100%;text-align:center}}
@media(max-width:700px){.community-chart{padding:20px 12px;border-radius:25px}.community-chart-heading{display:block}.community-chart-heading h4{font-size:25px}.community-chart-heading>span{display:block;text-align:left;margin-top:8px}.chart-legend{gap:8px}.chart-legend button{justify-content:center;text-align:center;flex-direction:column;padding:12px 4px;gap:8px;border-radius:15px}.chart-legend button>span{width:100%}.chart-legend strong{font-size:13px}.chart-legend small{font-size:11px}.chart-legend b{font-size:16px}.chart-canvas{min-height:190px}.chart-canvas svg{position:absolute;inset:0}.chart-avatar{display:none}.chart-values summary{font-size:15px}}
/* Compact side-by-side performance view; stacked on small screens. */
.community-performance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.community-performance-grid>*{min-width:0}
.community-performance-grid .community-arena{padding:22px 15px 0;border-radius:27px}
.community-performance-grid .community-arena-heading{display:block;text-align:center;margin-bottom:20px}
.community-performance-grid .community-arena-heading h3{font-size:25px;margin-bottom:7px}
.community-performance-grid .community-arena-heading p{font-size:16px}
.community-performance-grid .community-switch{gap:7px;padding:6px;border-radius:20px}
.community-performance-grid .community-switch button{font-size:15px;min-height:64px;padding:9px 5px;gap:6px;border-radius:15px}
.community-performance-grid .community-switch button>img{width:26px;height:26px}
.community-performance-grid .community-stage{gap:9px;min-height:320px;padding:28px 0 0}
.community-performance-grid .champion-rank{width:34px;height:34px;font-size:23px;margin-bottom:15px}
.community-performance-grid .champion .social-avatar,.community-performance-grid .champion .community-game-icon{width:46px;height:46px;border-radius:14px}
.community-performance-grid .champion .community-identity{gap:7px;margin-bottom:13px}
.community-performance-grid .champion-name{font-size:18px}
.community-performance-grid .champion-game{font-size:13px;margin:4px 0 17px}
.community-performance-grid .champion-base{min-height:105px;border-radius:19px 19px 0 0;padding:17px 4px 20px}
.community-performance-grid .champion-1 .champion-base{min-height:135px}
.community-performance-grid .champion-3 .champion-base{min-height:87px}
.community-performance-grid .champion-base>strong{font-size:24px}
.community-performance-grid .champion-base>span{font-size:15px}
.community-performance-grid .champion-base>img{width:28px;height:28px;top:-15px}
.community-performance-grid .community-chart{margin:0;padding:22px 16px 15px;border-radius:27px;display:flex;flex-direction:column}
.community-performance-grid .community-chart-heading{display:block;margin-bottom:18px}
.community-performance-grid .community-chart-heading h4{font-size:24px}
.community-performance-grid .community-chart-heading p{font-size:16px}
.community-performance-grid .community-chart-heading>span{display:block;text-align:left;font-size:12px;margin-top:7px}
.community-performance-grid .chart-legend{gap:8px}
.community-performance-grid .chart-legend button{flex-direction:column;justify-content:center;gap:7px;padding:11px 5px;text-align:center;border-radius:16px}
.community-performance-grid .chart-legend button>span{width:100%}
.community-performance-grid .chart-legend strong{font-size:14px}
.community-performance-grid .chart-legend small{font-size:12px}
.community-performance-grid .chart-legend b{font-size:17px}
.community-performance-grid .chart-legend .social-avatar{width:36px;height:36px;border-radius:12px}
.community-performance-grid .chart-canvas{margin:auto 0 4px;min-height:0;aspect-ratio:820/280}
.community-performance-grid .chart-avatar .social-avatar{border-width:2px}
@media(max-width:1050px) and (min-width:801px){.community-performance-grid .community-switch button{flex-direction:column}.community-performance-grid .champion-name{font-size:15px}.community-performance-grid .champion .social-avatar,.community-performance-grid .champion .community-game-icon{width:38px;height:38px}.community-performance-grid .champion-base>strong{font-size:20px}}
@media(max-width:800px){.community-performance-grid{grid-template-columns:1fr;gap:25px}.community-performance-grid .chart-canvas{margin:25px 0 8px}.community-performance-grid .community-chart-heading>span{font-size:13px}.community-performance-grid .community-arena-heading h3{font-size:26px}.community-performance-grid .chart-legend strong{font-size:15px}}
@media(max-width:430px){.community-performance-grid .community-switch button{flex-direction:column;min-height:78px}.community-performance-grid .champion .social-avatar,.community-performance-grid .champion .community-game-icon{width:38px;height:38px}.community-performance-grid .champion .community-identity{gap:5px}.community-performance-grid .champion-name{font-size:14px}.community-performance-grid .champion-game{font-size:11px}.community-performance-grid .champion-base>strong{font-size:19px}.community-performance-grid .champion-base>span{font-size:13px}.community-performance-grid .chart-legend strong{font-size:13px}}
/* A simpler chart: solid colour legend and no portraits inside the plot. */
.community-performance-grid .chart-legend button{background:var(--line-color);color:#fff;border:0;box-shadow:none;padding:12px 7px;gap:6px;border-radius:14px}
.community-performance-grid .chart-legend button[aria-pressed=true]{background:var(--line-color);outline:3px solid #17345e;outline-offset:3px}
.community-performance-grid .chart-legend small{color:#ffffffd9}
.community-performance-grid .chart-legend b{color:#fff}
.community-performance-grid .chart-legend .social-avatar{width:32px;height:32px;border:0;box-shadow:none;border-radius:10px}
.community-performance-grid .chart-legend strong{font-size:14px}
.community-performance-grid .chart-legend b{font-size:18px}
.community-performance-grid .community-chart{box-shadow:0 3px 0 #cfdfef;border:0}
.community-performance-grid .chart-canvas{margin:18px 0 5px}
@media(max-width:430px){.community-performance-grid .chart-legend strong{font-size:12px}.community-performance-grid .chart-legend b{font-size:16px}}
/* White podium stage with the rank on each step and the metric beside its score. */
.community-performance-grid .community-stage{background:#fff;border-radius:21px 21px 0 0;margin-top:20px;padding:25px 10px 0;min-height:300px;gap:10px;box-shadow:inset 0 2px 1px #ffffff}
.community-performance-grid .champion{color:var(--classic-ink)}
.community-performance-grid .champion-name{color:#17345e;text-shadow:none}
.community-performance-grid .champion-game{color:#6682a3;margin-bottom:24px}
.community-performance-grid .champion-base{padding-top:26px;padding-bottom:18px}
.community-performance-grid .champion-base>.champion-rank{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:35px;height:35px;margin:0;border:0;border-radius:10px;background:#e5f1ff;color:#385e86;font-size:25px;box-shadow:0 2px 0 #91b2d5}
.community-performance-grid .champion-1 .champion-base>.champion-rank{background:#ffe079;color:#8b570c;box-shadow:0 2px 0 #d7a339}
.community-performance-grid .champion-3 .champion-base>.champion-rank{background:#ffd3a6;color:#8a4c24;box-shadow:0 2px 0 #ce9663}
.community-performance-grid .champion-base>.champion-score{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;max-width:100%;font-size:23px;line-height:1.1}
.champion-score>strong{font-weight:1000;white-space:nowrap;letter-spacing:-.5px}
.champion-score>img{position:static;width:24px;height:24px;object-fit:contain;flex-shrink:0}
.community-performance-grid .champion-unit{font-size:14px;margin-top:7px}
.community-performance-grid .community-switch button{min-height:52px;font-size:18px;flex-direction:row}
/* Three compact legend rows leave more room for the larger plot. */
.community-performance-grid .community-chart{background:#fff;padding:20px 18px 18px}
.community-performance-grid .chart-legend{grid-template-columns:1fr;gap:8px}
.community-performance-grid .chart-legend button{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;text-align:left;padding:9px 13px;gap:12px;min-height:54px;border-radius:13px}
.community-performance-grid .chart-legend button>span{width:auto;min-width:0;flex:1}
.community-performance-grid .chart-legend strong{font-size:16px}
.community-performance-grid .chart-legend small{font-size:13px}
.community-performance-grid .chart-legend b{width:auto;flex-shrink:0;text-align:right;font-size:20px}
.community-performance-grid .chart-legend .social-avatar{width:36px;height:36px;border-radius:11px}
.community-performance-grid .chart-canvas{aspect-ratio:820/400;min-height:230px;flex:1;margin:22px 0 0}
.community-performance-grid .chart-canvas svg{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:1050px) and (min-width:801px){.community-performance-grid .champion-base>.champion-score{font-size:18px;gap:4px}.champion-score>img{width:20px;height:20px}.community-performance-grid .community-stage{padding-left:7px;padding-right:7px}}
@media(max-width:430px){.community-performance-grid .community-stage{gap:6px;padding:25px 6px 0}.community-performance-grid .champion-name{font-size:13px}.community-performance-grid .champion-base>.champion-score{font-size:17px;gap:3px}.champion-score>img{width:19px;height:19px}.community-performance-grid .community-switch button{min-height:48px;font-size:16px}.community-performance-grid .champion-unit{font-size:12px}.community-performance-grid .community-chart{padding:18px 12px}.community-performance-grid .chart-canvas{min-height:215px}.community-performance-grid .chart-legend strong{font-size:15px}.community-performance-grid .chart-legend b{font-size:18px}}
/* Recent players use the ranking row dimensions and its exact portrait frame. */
.community-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}
.community-player.league-player-row{--portrait-size:48px;grid-template-columns:var(--portrait-size) minmax(0,1fr) var(--portrait-size);gap:9px;padding:12px 10px;min-height:86px;border-radius:24px;box-shadow:var(--classic-inner);margin:0;overflow:visible}
.community-player.league-player-row .league-portrait{width:var(--portrait-size);height:var(--portrait-size)}
.community-player.league-player-row>.rank-game-icon{width:var(--portrait-size);height:var(--portrait-size);border-radius:13px;object-fit:cover;box-shadow:none}
.community-player.league-player-row .league-player-copy>strong{font-size:18px}
.community-player.league-player-row .league-player-copy>span{font-size:13px}
.community-player:hover{transform:none;filter:brightness(1.03)}
@media(max-width:700px){.community-wall{grid-template-columns:1fr}.community-player.league-player-row{--portrait-size:44px;min-height:80px;padding:12px 9px;gap:7px}.community-player.league-player-row .league-player-copy>strong{font-size:16px}.community-player.league-player-row .league-player-copy>span{font-size:11px}}
@media(max-width:390px){.community-player.league-player-row{--portrait-size:36px;gap:5px}}
/* Podium portraits share the same blue frame as ranking portraits. */
.community-performance-grid .champion .league-portrait{width:48px;height:48px}
.community-performance-grid .champion .community-game-icon{width:48px;height:48px;border-radius:13px;box-shadow:none}
.community-performance-grid .champion-name{margin-bottom:30px}
.community-profile .profile-portrait .league-portrait{width:76px;height:76px}
@media(max-width:1050px) and (min-width:801px){.community-performance-grid .champion .league-portrait,.community-performance-grid .champion .community-game-icon{width:38px;height:38px}}
@media(max-width:430px){.community-performance-grid .champion .league-portrait,.community-performance-grid .champion .community-game-icon{width:36px;height:36px}.community-performance-grid .champion-name{margin-bottom:30px}}
/* Let the plot fill the space below its legend, without SVG letterboxing. */
.community-performance-grid .chart-canvas{aspect-ratio:auto;min-height:300px;flex:1;margin:8px 0 0}.community-performance-grid .chart-legend .chart-metric-icon{width:25px;height:25px;object-fit:contain;flex-shrink:0}.community-performance-grid .chart-legend button{gap:9px}.community-performance-grid .community-chart{padding-bottom:12px}@media(max-width:800px){.community-performance-grid .chart-canvas{height:320px;flex:none;margin-top:8px}}@media(max-width:430px){.community-performance-grid .chart-legend .chart-metric-icon{width:22px;height:22px}.community-performance-grid .chart-canvas{min-height:260px;height:280px}}
header nav{flex-wrap:wrap}header nav>a{gap:7px}@media(max-width:700px){header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}header nav>a{font-size:12px;padding:10px 5px;gap:4px}header .portal-nav-icon{width:24px;height:24px;flex-basis:24px}}

/* Same 8px rhythm between legend rows and the softly tinted plotting panel. */
.community-performance-grid .chart-canvas{background:linear-gradient(145deg,#edf7ff,#e2effc);border-radius:18px;box-shadow:inset 0 2px 1px #ffffffc9;margin-top:8px;overflow:hidden}
.community-performance-grid .chart-canvas svg{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
/* White breathing room around the eight home game headers. */
main #jeux .game-grid>.game-card{background:#fff}
main #jeux .game-grid>.game-card>.game-art{margin:12px 12px 0;width:calc(100% - 24px);border-radius:18px;flex-shrink:0}
@media(max-width:700px){main #jeux .game-grid>.game-card>.game-art{margin:10px 10px 0;width:calc(100% - 20px);border-radius:16px}}
/* The white podium panel fills the card, leaving an equal blue inset at its foot. */
.community-performance-grid .community-arena{display:flex;flex-direction:column;padding-bottom:15px}
.community-performance-grid .community-stage{flex:1;border-radius:21px;overflow:hidden}
/* Preserve the artwork's ratio and give each leaderboard header more height. */
.portal-ranking .rank-stage{height:auto;aspect-ratio:3/1;min-height:180px}
.portal-ranking .rank-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:700px){.portal-ranking .rank-stage{min-height:170px}}
/* Game rankings shrink within the page rather than widening its grid on mobile. */
.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-grid>*{min-width:0;max-width:100%}.portal-content[data-current-game] .portal-ranking{min-width:0;width:100%}
@media(max-width:700px){.rank-grid{grid-template-columns:minmax(0,1fr)}.portal-content[data-current-game] .page-sections{flex-wrap:wrap;gap:14px 20px}.portal-content[data-current-game] .portal-rank-controls{min-width:0}.portal-content[data-current-game] .league-player-copy{min-width:0}}