:root{--classic-ink:#102b60;--classic-muted:#516b91;--classic-display:Nunito,system-ui,sans-serif;--classic-type-action:18px;--classic-type-section:17px;--classic-type-caption:12px;--classic-type-label:15px;--classic-type-body:14px;--classic-type-title:26px;--classic-blue:radial-gradient(ellipse at 35% 8%,#51d7ff 0%,#169bff 40%,#0752ee 100%);--classic-green:linear-gradient(150deg,#45ef43 0%,#20dc42 38%,#00b64c 100%);--classic-inner:inset 0 1.5px 2px #ffffffa0,inset 0 -2px 3px #619fc52a;--satin-shell:radial-gradient(ellipse at 45% 6%,#258dff 0%,#1175fa 44%,#116af0 100%);--satin-surface:radial-gradient(ellipse at 32% 0%,#faffff 0%,#eaf7ff 58%,#dbedff 100%)}
.video-feature{background:#102e56;justify-content:center;position:relative;min-height:455px}.video-feature video{height:455px;width:100%;object-fit:contain;background:#0c254c}.video-play-link{position:absolute;top:17px;right:18px;border-radius:12px;padding:11px 15px;background:var(--classic-green);font-weight:900;font-size:12px;color:#073f2b}.hero-copy{padding-right:25px}.portal-ranking{border-radius:26px;overflow:hidden;padding-bottom:20px;min-width:0}.rank-stage{height:200px;position:relative;overflow:hidden;text-align:center}.rank-stage>img{height:100%;width:100%;object-fit:cover;object-position:center 40%}.rank-stage>div{position:absolute;inset:0;background:linear-gradient(transparent,#0761d6b8);display:flex;flex-direction:column;justify-content:end;padding-bottom:17px;color:#fff}.rank-stage span{font-size:10px;letter-spacing:1.8px;font-weight:900}.rank-stage h2{margin:5px 0 1px;font-size:35px}.rank-stage p{margin:0;color:#e0f1ff;font-size:13px;font-weight:850}.portal-rank-controls{display:grid;grid-template-columns:1fr 1fr 38px;align-items:end;gap:10px;padding:16px 18px 4px}.portal-rank-controls label{font-size:11px;font-weight:850;color:#d4ebff}.portal-rank-controls select{display:block;width:100%;margin-top:5px;border:0;border-radius:12px;padding:10px;color:#102b60;background:#ecf7ff;font:900 13px Nunito}.refresh-rank{width:38px;height:38px;background:var(--classic-blue);border:0;border-radius:50%;color:#fff;font-size:25px;box-shadow:var(--classic-inner);cursor:pointer}.portal-ranking .competition-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 14px 10px}.portal-ranking .competition-tabs button{font-size:11px;min-height:67px;padding:7px 4px}.portal-ranking .competition-tabs button img{width:25px;height:25px;display:block;margin:0 auto 4px}.rank-live{color:#d9f6ff;text-align:center;font-size:10px;margin:12px 14px 20px}.portal-rank-list{padding:0 14px}.player-trigger{display:block;border:0;background:transparent;padding:0;width:100%;cursor:pointer;text-align:left}.player-trigger:hover .league-player-row{filter:brightness(1.03)}.portal-ranking .league-player-row{margin-bottom:13px}.portal-ranking .league-player-copy>strong{font-size:17px}.portal-ranking .league-player-copy>span{font-size:11px}.portal-ranking .league-points{min-width:77px}.rank-loading{min-height:250px;display:grid;place-items:center;color:#fff;font-size:14px}.portal-rank-note{font-family:Nunito;color:#d5eaff;font-size:11px;line-height:1.5;margin:15px 22px 0}.rank-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px}.rank-pagination button{border:0;border-radius:11px;background:var(--satin-surface);padding:9px 12px;font:900 12px Nunito;color:#102b60;cursor:pointer}.rank-pagination span{color:white;font-size:11px}.ranking-all{display:block;text-align:center;color:#fff;font-size:13px;font-weight:900;margin-top:17px}.live-badge{display:inline-block;color:#07894a;font-size:11px;font-weight:900;margin-top:13px}.game-live-ranking{max-width:750px;margin:60px auto}.real-profile .social-avatar{width:84px;height:84px;margin:40px auto 25px;border:3px solid #61d6ff;background:var(--classic-blue);border-radius:25px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.profile-stats>div{background:#dceeff;border-radius:15px;padding:15px}.profile-stats strong{display:block;font-size:24px}.profile-stats span{font-size:10px;color:#516b91}.game-showcase{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:#e5f1fe;border-radius:28px;overflow:hidden;margin:60px 0}.showcase-media{height:480px;background:#102f55;display:flex;justify-content:center}.showcase-media video{width:100%;height:100%;object-fit:contain}.showcase-poster{height:100%;width:auto}.showcase-copy{padding:35px 45px 35px 0}.showcase-copy .text-link{display:block;margin-top:22px}.screenshots{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px}.screenshot-button{flex:0 0 200px;background:transparent;border:0;border-radius:23px;padding:0;cursor:zoom-in;scroll-snap-align:start;overflow:hidden}.screenshot-button img{display:block;width:100%;height:auto;border-radius:23px}.screenshot-dialog{width:min(95vw,600px);max-height:95dvh;padding:20px;background:#102b60}.screenshot-dialog #profile-content img{height:auto;max-height:85dvh;width:auto;border-radius:10px;background:transparent}.screenshot-dialog .close{background:#ff514f;color:#fff;border-radius:50%;width:35px;height:35px;z-index:2}.store-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.store-links p{font-size:12px;max-width:420px;margin:auto}.store-button{border-radius:13px;background:#102b60;color:white;font-weight:850;font-size:13px;padding:12px 20px}.play-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:start;margin:25px auto 55px;max-width:1030px}.play-sidebar{padding-top:30px}.play-sidebar>img{width:230px;height:160px;display:block;margin-bottom:25px}.play-sidebar h1{font-size:46px}.play-sidebar>.text-link{display:block;margin:22px 0}.play-sidebar .store-links{justify-content:start;margin:30px 0}.play-sidebar small{font-size:11px;color:#637d9e;line-height:1.6;display:block;max-width:330px}.play-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fullscreen-button{background:#e0edff;border:0;border-radius:10px;padding:8px 13px;font:800 12px Nunito;color:#102b60;cursor:pointer}.game-frame{width:100%;max-width:460px;height:800px;max-height:calc(100dvh - 80px);min-height:560px;position:relative;border-radius:25px;overflow:hidden;background:var(--satin-shell);box-shadow:inset 0 1px 2px #fff8}.game-frame iframe{border:0;width:100%;height:100%;display:block}.game-frame:fullscreen{height:100dvh;width:min(100vw,600px);max-height:none;max-width:none;border-radius:0;margin:auto;min-height:0}.launch-cover{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse at top,#268dff,#064ecb);color:#fff}.launch-cover img{height:180px;margin-bottom:35px}.launch-cover h2{font-size:29px}.launch-cover p{font-size:12px;color:#d0e6ff;margin-top:20px}.play-status{font-size:11px;margin:10px 0;color:#637d9e}.play-stage{min-width:0}.game-live-ranking .section-heading .text-link{white-space:nowrap}
@media(max-width:800px){.leader-section{grid-template-columns:1fr 1.2fr;gap:22px}.game-showcase{gap:25px}.showcase-copy{padding:25px 25px 25px 0}.play-layout{gap:25px}.play-sidebar h1{font-size:34px}.portal-ranking .league-player-copy>strong{font-size:15px}.portal-ranking .league-player-copy>span{font-size:10px}.portal-ranking .league-points{min-width:64px}.portal-ranking .league-points>strong{font-size:13px}}
@media(max-width:700px){.video-feature{height:360px;min-height:360px;margin-top:25px}.video-feature video{height:360px}.hero-copy{padding-right:24px}.leader-section{grid-template-columns:1fr}.portal-ranking .league-player-row{grid-template-columns:29px 44px minmax(0,1fr) auto;gap:8px;padding:12px 9px;min-height:80px}.portal-ranking .league-portrait{width:44px;height:44px}.portal-ranking .league-player-copy>strong{font-size:14px}.portal-ranking .league-player-copy>span{font-size:9px}.portal-ranking .league-points{min-width:66px;padding-left:19px;padding-right:6px}.portal-ranking .league-points>img{width:27px;height:27px}.portal-ranking .competition-tabs button{font-size:9px;min-height:63px}.portal-ranking .competition-tabs{margin:10px}.portal-rank-list{padding:0 10px}.rank-stage{height:170px}.game-showcase{grid-template-columns:1fr;gap:0;margin:35px 0}.showcase-media{height:410px}.showcase-copy{padding:25px}.screenshots{gap:12px}.screenshot-button{flex-basis:170px}.screenshots-section .quiet{display:none}.game-live-ranking{margin:40px 0}.game-live-ranking .section-heading{align-items:start;flex-direction:column;gap:5px}.play-layout{display:flex;flex-direction:column-reverse;gap:20px}.play-stage{width:100%}.game-frame{height:760px;max-height:calc(100dvh - 70px);min-height:500px;max-width:100%}.play-sidebar{padding-top:15px}.play-sidebar>img{height:95px;width:180px;margin-bottom:17px}.play-sidebar h1{font-size:35px}.play-sidebar>p{font-size:14px}.rank-pagination{gap:7px}.rank-pagination button{font-size:10px;padding:8px}.rank-stage h2{font-size:30px}.page-intro .live-badge{margin-top:18px}}
