body.ranked-open{background:#10120f}body.ranked-open>.header,body.ranked-open>main,body.ranked-open>footer{display:none}
#ranked-app{--rg-muted:#a0a894;position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;padding:0 max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));background:#10120f;color:#f1f3e9;overflow:hidden}#ranked-app:fullscreen{overflow:auto}#ranked-app button{touch-action:manipulation}#ranked-app input{font-size:16px}.rg-ambient{pointer-events:none;z-index:-1;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 32%,#94b85512,transparent 54%),radial-gradient(ellipse at 90% 0%,#b3a2d70b,transparent 40%)}.rg-header{height:88px;max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between}.rg-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #353c2d;border-radius:50%;background:#ffffff04;font-size:22px;color:#bdc5b1}.rg-brand{font:800 17px Manrope,sans-serif;letter-spacing:-.5px}.rg-brand>span{font-weight:400;margin-left:3px}.rg-brand small{font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--lime);margin-left:12px;border-left:1px solid #424b36;padding-left:12px}.rg-kicker{color:var(--lime);font-size:9px;font-weight:600;letter-spacing:2.2px}.rg-lobby{max-width:660px;margin:25px auto 0;padding-bottom:24px}.rg-lobby>h1{font-size:68px;line-height:1.04;letter-spacing:-3.4px;margin:20px 0}.rg-intro{color:var(--rg-muted);font-size:14px;line-height:1.7}.rg-profile{display:flex;align-items:center;gap:12px;margin:25px 0 30px}.rg-rank-icon{display:grid;place-items:center;width:43px;height:43px;background:#b3a2d713;border:1px solid #b3a2d743;border-radius:12px;font-size:27px;color:#b3a2d7}.rg-profile strong{font-size:14px;font-weight:500}.rg-profile strong span{color:#b3a2d7;margin-left:7px}.rg-profile small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;color:var(--rg-muted)}.rg-section-label{display:flex;justify-content:space-between;gap:12px;color:var(--rg-muted);font-size:8px;letter-spacing:1.4px;margin-bottom:12px}.rg-section-label span:last-child{color:#758365}.rg-genres{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rg-genre{position:relative;display:flex;align-items:center;gap:13px;padding:18px;text-align:left;background:#1a1f16;border:1px solid #343e2b;border-radius:12px;min-width:0}.rg-genre.selected{border-color:var(--lime);background:#d4f77d0c}.rg-genre-icon{font-size:28px;color:#a9b893;min-width:30px;text-align:center}.rg-genre:nth-child(3n) .rg-genre-icon{color:#b3a2d7}.rg-genre:nth-child(3n + 2) .rg-genre-icon{color:#e2be8e}.rg-genre strong{display:block;font-weight:500;font-size:13px}.rg-genre small{display:block;color:var(--rg-muted);font-size:10px;margin-top:5px}.rg-genre-check{margin-left:auto;color:#667457;font-size:15px}.rg-genre.selected .rg-genre-check{color:var(--lime)}.rg-primary{display:flex;align-items:center;justify-content:center;gap:28px;background:var(--lime);color:#233018;border:0;border-radius:10px;padding:17px 23px;font-size:14px;font-weight:700;min-height:52px}.rg-primary:hover:not(:disabled){box-shadow:0 0 30px #d4f77d19;transform:translateY(-1px)}#rg-start{width:100%;margin-top:20px}.rg-rules{margin:20px auto 0;max-width:560px;color:var(--rg-muted);font-size:12px;line-height:1.8}.rg-rules summary{cursor:pointer;text-align:center;font-size:11px;color:#a5b496}.rg-rules p{margin-top:12px}.rg-note{font-size:12px;color:#c0caaa;line-height:1.7;margin-top:15px}
.rg-game{max-width:660px;min-height:calc(100dvh - 108px);margin:auto;display:flex;flex-direction:column}.rg-hud{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.rg-hud>div>span{font-size:10px;letter-spacing:1.6px}.rg-hud small{display:block;color:var(--rg-muted);font-size:10px;margin-top:7px}.rg-score{text-align:right}.rg-score strong{font:700 30px Manrope,sans-serif;color:var(--lime);letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums}.rg-score small{font-size:8px;letter-spacing:1.3px}.rg-progress{display:flex;gap:7px;margin-top:20px}.rg-progress span{height:3px;flex:1;border-radius:10px;background:#31392a;transition:background .3s}.rg-progress .current{background:#9dab88}.rg-progress .complete{background:var(--lime)}.rg-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0 20px;min-height:330px}.rg-orb{position:relative;width:190px;height:190px;display:grid;place-items:center;margin:0 auto 22px}.rg-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #7d995135;background:radial-gradient(circle,#d4f77d0c,transparent 70%);transition:transform .4s}.rg-ring-two{inset:17px;border-color:#a6c56740;box-shadow:0 0 60px #a0c55c09}.rg-orb:before,.rg-orb:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#d4f77d66;top:35px;left:25px}.rg-orb:after{top:auto;left:auto;bottom:38px;right:20px;background:#b3a2d7}.rg-orb button{position:relative;width:104px;height:104px;border:1px solid #e2ffa6;background:var(--lime);color:#233218;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 8px #d4f77d08,0 0 55px #d4f77d15;transition:transform .25s}.rg-orb button:hover:not(:disabled){transform:scale(1.04)}.rg-orb svg{width:33px;height:33px;margin-left:5px}.rg-stop-symbol{font-size:30px}.rg-orb.is-playing .rg-ring{animation:rg-pulse 1s ease-out infinite}.rg-orb.is-playing .rg-ring-two{animation-delay:.2s}.rg-track{text-align:center;max-width:100%}.rg-track h2{font:700 29px Manrope,sans-serif;letter-spacing:-.9px;line-height:1.25;margin:9px 0;overflow-wrap:anywhere}.rg-track p{font-size:12px;line-height:1.5;color:var(--rg-muted)}.rg-track .rg-kicker{font-size:8px}.rg-clips{display:flex;gap:8px;margin-top:22px}.rg-clips span{width:57px;text-align:center;font-size:11px;border:1px solid #343f2a;border-radius:7px;padding:9px;color:#829473;transition:background .25s}.rg-clips .current{border-color:#a5c364;color:var(--lime);background:#d4f77d0c}.rg-clips .past{color:#aa9382;border-color:#54483b}.rg-potential{font-size:11px;color:var(--rg-muted);margin-top:15px;text-align:center}.rg-potential strong{color:#e7efdb}.rg-potential>span{color:#b3a2d7;margin-left:10px}.rg-controls{width:100%;max-width:560px;margin:0 auto}.rg-search{position:relative}.rg-search>span{position:absolute;left:17px;top:10px;color:#a8b598;font-size:27px}.rg-search input{background:#1b2117;border:1px solid #4c5b3b;padding:19px 18px 19px 47px;border-radius:11px;min-height:58px}.rg-search input::placeholder{color:#8c9c7e}.rg-actions{display:flex;gap:12px;margin-top:12px}.rg-actions .rg-primary{flex:1}.rg-skip{min-width:135px;background:#1a2016;border:1px solid #3d4932;border-radius:10px;font-size:13px}.rg-skip small{color:#a99c8a;margin-left:9px;font-size:10px}#rg-suggestions{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:5;background:#20291a;border:1px solid #687d4e;border-radius:12px;max-height:min(280px,38dvh);overflow:auto;box-shadow:0 15px 40px #0008}#rg-suggestions button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #38452b;background:transparent;padding:14px 18px;font-size:14px}#rg-suggestions button:focus,#rg-suggestions button:hover{background:#364529;outline-offset:-3px}#rg-suggestions small{display:block;color:#a5b496;font-size:11px;margin-top:5px}#rg-suggestions p{padding:18px;font-size:12px;color:var(--rg-muted)}#rg-feedback{font-size:12px;text-align:center;line-height:1.6;color:#c3ccae;min-height:19px;margin-top:12px}.rg-history{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:6px}.rg-history span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#909b83;background:#ffffff05;border-radius:4px;padding:4px 7px}.rg-game-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#718261;padding:22px 0 5px}.rg-earned{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 18px}.rg-earned strong{font:700 32px Manrope,sans-serif;color:var(--lime);letter-spacing:-1px}.rg-earned span{font-size:10px;color:#b3a2d7}#rg-next{width:100%}.rg-results{max-width:620px;margin:40px auto 15px;text-align:center}.rg-results h1{font-size:44px;letter-spacing:-2px}.rg-final-score{margin:32px 0 20px}.rg-final-score strong{display:block;font:800 clamp(60px,11vw,90px) Manrope,sans-serif;line-height:1.1;letter-spacing:-4px;color:var(--lime);animation:rg-score-in .65s ease-out}.rg-final-score>span{display:block;color:var(--rg-muted);font-size:9px;letter-spacing:2px;margin-top:12px}.rg-rating-result{display:inline-flex;gap:20px;align-items:center;border:1px solid #524764;border-radius:30px;background:#b3a2d70b;padding:12px 18px;font-size:12px;color:#c8b8e7}.rg-rating-result strong{font-size:13px}.rg-result-list{margin:30px 0}.rg-result{display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid #303a26;text-align:left;animation:rg-slide-in .4s ease-out both;animation-delay:calc(var(--i)*70ms)}.rg-result-index{font:11px monospace;color:#70805e}.rg-result>div{flex:1;min-width:0}.rg-result strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.rg-result small{display:block;font-size:10px;color:var(--rg-muted);margin-top:6px}.rg-result>b{font-size:15px;color:var(--lime)}.rg-results-actions{display:flex;gap:12px}.rg-results-actions .rg-primary{flex:1}.rg-secondary{border:1px solid #4c5b3b;background:transparent;border-radius:10px;padding:15px 20px;font-size:12px}#rg-error{position:relative;z-index:10;max-width:660px;margin:10px auto;background:#422f28;border:1px solid #825e4d;border-radius:8px;color:#f4c3b3;font-size:13px;line-height:1.6;padding:12px 16px}#rg-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20}#rg-confetti i{position:absolute;left:var(--x);top:-20px;width:7px;height:13px;border-radius:2px;animation:rg-confetti 3s ease-in var(--delay) both}@keyframes rg-confetti{from{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translate(var(--drift),105vh) rotate(var(--turn));opacity:0}}@keyframes rg-pulse{0%{transform:scale(.96);opacity:1}100%{transform:scale(1.15);opacity:.2}}@keyframes rg-score-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes rg-slide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px) and (min-height:850px){.rg-stage{padding:40px 0}.rg-orb{width:240px;height:240px}.rg-orb button{width:125px;height:125px}.rg-track h2{font-size:34px}.rg-game{min-height:min(850px,calc(100dvh - 108px))}}
@media(max-width:600px){#ranked-app{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.rg-header{height:70px}.rg-brand{font-size:15px}.rg-icon{width:36px;height:36px}.rg-lobby{margin-top:20px}.rg-lobby>h1{font-size:54px;letter-spacing:-2.8px}.rg-intro{font-size:12px}.rg-profile{margin:20px 0 25px}.rg-genres{gap:8px}.rg-genre{padding:15px 12px;gap:8px;min-height:78px}.rg-genre-icon{font-size:23px;min-width:22px}.rg-genre strong{font-size:12px}.rg-genre small{font-size:9px}.rg-genre-check{font-size:12px}.rg-section-label{font-size:7px;letter-spacing:1px}.rg-game{min-height:calc(100dvh - 90px)}.rg-hud{padding-top:12px}.rg-stage{min-height:310px;padding-top:20px}.rg-orb{width:165px;height:165px;margin-bottom:18px}.rg-orb button{width:90px;height:90px}.rg-track h2{font-size:26px}.rg-potential{font-size:10px}.rg-potential>span{margin-left:6px}.rg-skip{min-width:120px}.rg-game-foot{font-size:7px;padding-top:18px}.rg-earned{gap:10px}.rg-earned strong{font-size:29px}.rg-earned span{font-size:9px}.rg-results{margin-top:30px}.rg-results h1{font-size:36px}.rg-results .rg-kicker{font-size:8px}.rg-final-score{margin-top:24px}.rg-result{padding:14px 0}.rg-results-actions{gap:8px}.rg-results-actions .rg-primary{gap:18px}.rg-secondary{padding:15px}.rg-search input{padding-top:17px;padding-bottom:17px}.rg-primary{min-height:50px}}
@media(max-height:720px){.rg-header{height:60px}.rg-game{min-height:calc(100dvh - 80px)}.rg-hud{padding-top:5px}.rg-progress{margin-top:12px}.rg-stage{min-height:230px;padding:15px 0}.rg-orb{width:125px;height:125px;margin-bottom:12px}.rg-orb button{width:75px;height:75px}.rg-ring-two{inset:10px}.rg-track h2{font-size:23px;margin:6px 0}.rg-clips{margin-top:12px}.rg-clips span{padding:6px}.rg-potential{margin-top:10px}.rg-game-foot{padding-top:12px}.rg-controls #rg-feedback{margin-top:8px}}
@media(max-width:360px){#ranked-app{padding-left:14px;padding-right:14px}.rg-genre-icon{display:none}.rg-potential>span{display:block;margin:5px 0 0}.rg-brand small{margin-left:8px;padding-left:8px}.rg-skip{min-width:105px}}
@media(prefers-reduced-motion:reduce){#ranked-app *,#ranked-app *:before,#ranked-app *:after{animation:none!important;transition:none!important}#rg-confetti{display:none}}