/* One game hub on every screen size; Play stays at the centre. */
.app-shell{display:block;max-width:none}.sidebar{display:none}main{padding:0 28px}.topbar{max-width:1000px;height:86px;gap:20px}.mobile-header{display:flex;align-items:center}.lobby-brand{display:flex;align-items:center;gap:7px;border:0;background:none;color:#513197;font-size:25px;font-weight:800;letter-spacing:-1px;padding:0;min-height:44px;white-space:nowrap}.lobby-brand>span{display:grid;place-items:center;width:31px;height:35px;background:#8855f3;border-radius:11px;color:#fff;box-shadow:0 3px #6134c1;font-size:24px}.breadcrumb{margin-right:auto;font-size:12px}.topbar .hero-avatar{display:none}.topbar .wallet-button{box-shadow:0 3px #e7c776}.game-menu{max-width:820px;padding:22px 0 148px;min-height:calc(100svh - 86px)}footer{display:none}.play-layout{padding-bottom:130px;max-width:1000px;margin:0 auto}.game-menu h1{color:#482572}.menu-heading{margin-bottom:22px}body:not(.in-flight){background:radial-gradient(ellipse at 15% 0,#fff9ed,transparent 40%),radial-gradient(ellipse at 95% 35%,#e5dcff,transparent 46%),#f5efff}
.bottom-menu{position:fixed;display:grid;grid-template-columns:1fr 1fr 1.14fr 1fr 1fr;align-items:end;gap:6px;z-index:30;bottom:20px;left:50%;right:auto;transform:translateX(-50%);width:min(640px,calc(100% - 40px));padding:8px 12px 10px;border:2px solid #fff;border-radius:27px;background:#fffbff;box-shadow:0 6px 0 #d9c7ed,0 12px 35px #663d9230;isolation:isolate}.bottom-menu .menu-nav-button{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-height:60px;padding:4px 2px;font-size:11px;font-weight:800;text-align:center;color:#9178ab;border-radius:16px;box-shadow:none;transition:background .15s,color .15s}.nav-icon{display:grid;place-items:center;width:40px;height:33px;border-radius:12px}.bottom-menu .menu-nav-button.active:not(.nav-play){color:#7842c7;background:#f0e4ff}.bottom-menu .menu-nav-button.active:not(.nav-play) .nav-icon{color:#7c44d6}.bottom-menu svg{width:25px;height:25px;stroke-width:2}.bottom-menu .nav-play{overflow:visible;min-height:60px;color:#7543c2;background:transparent;position:relative;padding-top:0;box-shadow:none}.bottom-menu .nav-play .nav-icon{width:68px;height:65px;margin-top:-33px;border:4px solid #fffbff;border-radius:23px;background:linear-gradient(155deg,#b67aff,#8045e8 72%);box-shadow:0 5px #5830a5,0 8px 15px #834bd64a;color:#fff;transform:rotate(-5deg);transition:transform .15s}.bottom-menu .nav-play svg{fill:currentColor;stroke-width:1;width:30px;height:30px;transform:translateX(-2px) rotate(5deg)}.bottom-menu .nav-play.active .nav-icon{background:linear-gradient(155deg,#b782ff,#7841e6 72%);box-shadow:0 5px #5830a5,0 0 0 5px #bd98f22e}.bottom-menu .nav-play>span:last-child{margin-top:5px;font-size:13px}.bottom-menu .nav-play:active .nav-icon{transform:translateY(3px) rotate(-5deg);box-shadow:0 2px #5830a5}.bottom-menu[hidden]{display:none}button:focus-visible,a:focus-visible{outline:3px solid #8650de;outline-offset:4px}.game-menu h1:focus{outline:none}.game-menu button{touch-action:manipulation}body.in-flight .play-layout{padding-bottom:0}
/* The shop is a shelf of useful purchases, with one category visible at a time. */
.shop-heading .menu-kicker{font-size:10px}.shop-banner{position:relative;display:flex;align-items:center;min-height:215px;padding:25px 30px;overflow:hidden;border:2px solid #fff;border-radius:30px;background:radial-gradient(ellipse at 75% 40%,#bbf3f1 0,transparent 45%),linear-gradient(120deg,#7355d5,#ad8ced);box-shadow:0 6px #d0b9eb;color:#fff;margin:0 0 26px}.shop-banner>div{position:relative;z-index:1;width:64%}.shop-banner-tag{display:inline-block;background:#ffffff26;border:1px solid #ffffff44;border-radius:9px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:1.3px}.game-menu .shop-banner h2{font-size:28px;line-height:1.2;color:white;margin:12px 0 9px}.shop-banner p{font-size:12px;line-height:1.5;color:#f4e8ff;margin:0}.shop-banner>img{position:absolute;width:260px;height:260px;object-fit:contain;right:8px;bottom:-8px;filter:drop-shadow(0 13px 8px #49237a33)}.shop-heading{margin-bottom:18px}.shop-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:#e9def6;border-radius:17px;margin:24px 0}.shop-categories button{min-width:0;min-height:44px;padding:8px 4px;border:0;border-radius:12px;background:none;color:#9779b2;font-size:13px;font-weight:800}.shop-categories button[aria-pressed=true]{background:#fff9ff;color:#6f3caf;box-shadow:0 3px #d2bfe7}.shop-content{scroll-margin-top:95px}.shop-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:30px 0 16px}.shop-section-heading h2{font-size:19px;color:#5e357f}.shop-section-heading p{flex-basis:100%;margin:0;color:#8c72a1;font-size:12px;line-height:1.7}.shop-section-heading>button{border:0;background:transparent;font-size:12px;font-weight:750;color:#8d52c6;padding:8px 0;min-height:38px}.shop-heading+.shop-banner+.wallet-card{margin-bottom:0;box-shadow:none;border-width:1px;padding:16px 20px}.wallet-card{background:#fff5d8}.wallet-card strong{font-size:21px}.wallet-card .coin-symbol{width:47px;height:47px;border-width:4px;font-size:26px}.wallet-card p{font-size:11px}.wallet-lives{font-size:22px}
.heart-offer{padding:24px;background:linear-gradient(125deg,#fff1f6,#fff9fb);border:2px solid #f5c9df;border-radius:25px;gap:22px;box-shadow:0 4px #ecd5e6}.heart-offer>div:last-child{flex:1;min-width:0}.heart-offer .menu-kicker{font-size:9px;color:#b77299}.heart-offer h2{margin-top:7px;font-size:23px;color:#a04f7e}.heart-offer p{font-size:12px;margin:9px 0 16px;color:#a26c8e}.heart-offer-art{position:relative;width:110px;height:105px;flex:none;display:grid;place-items:center}.heart-offer-art>span{color:#ff719d;font-size:86px;line-height:1;text-shadow:0 5px #d34b80,0 10px 18px #da7cad36;transform:rotate(-12deg)}.heart-offer-art>span:nth-child(2){position:absolute;font-size:41px;right:-1px;bottom:10px;transform:rotate(18deg);color:#ffaccb}.heart-offer-art>span:nth-child(3){position:absolute;font-size:27px;right:0;top:7px;transform:rotate(14deg);color:#ffc2dc}.heart-purchases{gap:9px}.heart-purchases button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:45px;padding:10px 14px;border:0;box-shadow:0 4px #c86499;background:#df83b2;color:white;font-size:12px;border-radius:12px}.heart-purchases button>span{padding-left:10px;border-left:1px solid #ffffff5c;color:#fff6d9}.heart-purchases button:disabled{opacity:1;background:#ecdeeb;color:#a58a9d;box-shadow:0 3px #d8c6d3}.heart-purchases button:disabled>span{color:#a18a9b}.shop-hint{display:block;font-size:11px;color:#a16b8a;line-height:1.6;margin-top:14px}.shop-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shop-featured .skin-preview{height:175px;background:radial-gradient(ellipse at 50% 80%,#ceb6ef,transparent 60%),#f1e7ff}.shop-featured .skin-copy{padding:15px}.shop-featured .skin-copy h3{font-size:16px;min-height:40px}.shop-featured .skin-copy>p{display:none}.shop-featured .skin-copy button{font-size:12px;margin-top:8px;padding:8px 5px}.skin-copy button svg{width:14px;height:14px;vertical-align:-2px}.skin-copy button:disabled{opacity:1}.skin-condition{min-height:34px}.shop-featured .skin-condition{font-size:10px;margin:8px 0}.shop-skins{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-skins .skin-preview{height:195px}.skin-card{box-shadow:0 4px #e3d4ed;border:2px solid #e5d6f1}.skin-card.equipped{border-color:#a17ade}.shop-plus-teaser{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:20px;margin-top:25px;border:2px solid #ead9ff;border-radius:22px;background:linear-gradient(100deg,#8960d7,#b286e9);color:white;box-shadow:0 4px #d0b5ec}.shop-plus-teaser>span{display:grid;place-items:center;background:#ffffff24;width:48px;height:48px;border-radius:15px;color:#ffe294}.shop-plus-teaser strong{font-size:20px;font-weight:800}.shop-plus-teaser small{display:block;font-size:12px;color:#f1e0ff;margin-top:6px}.shop-plus-teaser>b{font-size:30px;margin-left:auto}
.coin-pack-grid{margin:15px 0;gap:16px}.coin-pack{position:relative;gap:8px;padding:32px 14px 17px;border:2px solid #f1d89c;border-radius:25px;background:linear-gradient(#fffdf3,#fff1c8);box-shadow:0 5px #e9d199}.coin-pack img{width:100%;height:150px;object-fit:contain;margin:12px 0;filter:drop-shadow(0 8px 6px #a9752822)}.game-menu .coin-pack h3{font-size:13px;font-weight:650;color:#a2814d}.coin-pack>strong{font-size:27px;color:#98651b}.coin-pack button{background:#f3deb0;border:0;border-radius:13px;font-size:16px;font-weight:800;color:#a48959;min-height:45px;margin-top:12px}.shop-soon{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:8px;background:#ffffff82;font-size:9px;font-weight:800;letter-spacing:.5px;color:#a88750}.shop-plus{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:hidden;padding:32px;border-radius:30px;border:2px solid #b38de5;background:radial-gradient(ellipse at 90% 20%,#bc92f9,transparent 55%),linear-gradient(135deg,#603baa,#9460d5);color:#fff;box-shadow:0 6px #d2b7ef}.shop-plus>div{padding-top:5px}.shop-plus .menu-kicker{color:#f0daff;font-size:16px;font-weight:800;letter-spacing:5px}.game-menu .shop-plus h2{font-size:63px;letter-spacing:-3px;line-height:1.1;margin:4px 0 12px;color:#ffe49c}.shop-plus p{font-size:15px;color:#f2e0ff;line-height:1.6;margin:0}.shop-plus>img{width:100%;height:220px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 16px 10px #3b24672e)}.shop-plus>ul{list-style:none;grid-column:1/-1;margin:0;padding:18px;border-radius:18px;background:#ffffff13}.shop-plus li{display:flex;align-items:center;gap:12px;font-size:14px;padding:9px 0}.shop-plus li svg{color:#ecccff;width:20px;height:20px}.shop-plus>button{grid-column:1/-1;min-height:50px;border:1px solid #dfc5fb;border-radius:14px;background:#ecdfff;color:#8c6aad;font-weight:800;font-size:14px}.shop-plus .shop-soon{background:#f8e6ff;color:#9766b9}
/* Profile owns cosmetics; daily tasks stay a separate destination. */
.profile-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;min-height:260px;padding:27px;border:2px solid #e2cef5;border-radius:29px;background:radial-gradient(ellipse at 80% 75%,#d9bdf4,transparent 62%),#fff9ff;box-shadow:0 5px #e5d5ef}.profile-hero-copy{z-index:1}.profile-hero-copy h2{font-size:25px;line-height:1.25;margin-top:12px}.profile-hero-copy p{font-size:13px;line-height:1.7;color:#967aa8;margin:10px 0 20px}.profile-hero-copy button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:14px;width:auto;padding:12px 18px}.profile-hero-copy button svg{width:19px;height:19px}.profile-hero-art{position:relative;align-self:stretch;min-height:235px}.profile-island{position:absolute;width:95%;height:70%;object-fit:contain;bottom:-14%;left:5%;opacity:.4}.profile-character{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;filter:drop-shadow(0 12px 6px #74458c22)}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.profile-stats>div{display:grid;justify-items:center;gap:8px;text-align:center;background:#fffaff;border:1px solid #e4d3f1;border-radius:18px;padding:17px 8px}.profile-stats svg{color:#a077d3;width:21px;height:21px}.profile-stats strong{font-size:23px;color:#70419c}.profile-stats span{font-size:10px;color:#9b80af}.profile-outfits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}.profile-outfits button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 10px 16px;background:#ece1fa;border:2px solid #dfcef3;border-radius:19px;color:#785398}.profile-outfits img{width:100%;height:128px;object-fit:contain;margin:3px 0 9px}.profile-outfits strong{font-size:14px}.profile-outfits span{font-size:10px;line-height:1.6}.profile-links{background:#fffafd;border:2px solid #e5d6f2;border-radius:22px;overflow:hidden}.profile-links>button{display:flex;align-items:center;gap:15px;padding:18px 21px;min-height:76px;background:none;border:0;border-bottom:1px solid #efe4f8;text-align:left;width:100%;color:#775393}.profile-links>button:last-child{border:0}.profile-links>button>svg{color:#ae82d6;width:26px;height:26px}.profile-links strong{display:block;font-size:14px}.profile-links small{display:block;color:#a48caf;font-size:11px;margin-top:6px}.profile-links b{margin-left:auto;font-size:28px;color:#af90c4}.toggle-switch{flex:none;position:relative;width:43px;height:26px;border-radius:15px;background:#d9cce7;margin-left:auto}.toggle-switch:after{content:'';position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 2px 3px #9773af30}.toggle-switch.on{background:#a274e9}.toggle-switch.on:after{left:21px}
@media(min-width:641px){.topbar{position:relative}.course-world-path{max-width:630px;margin:0 auto}.course-heading{text-align:center}.course-bands{max-width:630px;margin-left:auto;margin-right:auto}.course-level-banner,.course-gate-note,.course-next-band,.course-endless-card{max-width:630px;margin-left:auto;margin-right:auto}.play-layout{justify-content:center;grid-template-columns:minmax(320px,510px) minmax(230px,300px)}.game-frame:not(.playing){height:min(810px,calc(100svh - 212px));min-height:580px}}
@media(max-width:760px){.breadcrumb{display:none}.topbar{justify-content:space-between}.shop-banner>img{right:-20px;width:230px;height:230px}.shop-banner>div{width:68%}.shop-skins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){main{padding:0}.topbar{position:fixed;max-width:none;padding:env(safe-area-inset-top,0px) 17px 0;height:calc(74px + env(safe-area-inset-top,0px));gap:10px;background:linear-gradient(#f7f0ffff,#f7f0fff7 85%,#f7f0ff00)}.lobby-brand{font-size:23px;gap:6px}.lobby-brand>span{width:25px;height:30px;border-radius:9px;font-size:21px}.topbar-actions{gap:8px}.topbar .sound-button{width:38px;height:40px}.topbar .wallet-button{padding:8px;min-height:40px;font-size:12px}.topbar .install-button{display:none}.game-menu{padding:calc(93px + env(safe-area-inset-top,0px)) 18px calc(132px + env(safe-area-inset-bottom,0px));min-height:100svh}.game-menu h1{font-size:30px}.menu-heading .menu-kicker{font-size:10px;letter-spacing:1.1px}.bottom-menu{bottom:0;left:0;right:0;transform:none;width:100%;gap:2px;padding:7px 7px calc(10px + env(safe-area-inset-bottom,0px));border:0;border-top:2px solid white;border-radius:22px 22px 0 0;box-shadow:0 -4px 22px #72439a1f}.bottom-menu .menu-nav-button{font-size:10px;min-height:56px;gap:3px}.bottom-menu .nav-play .nav-icon{width:65px;height:62px;margin-top:-31px;border-radius:22px}.bottom-menu .nav-play>span:last-child{font-size:12px;margin-top:5px}.bottom-menu .nav-play{min-height:56px}.bottom-menu svg{width:24px;height:24px}.play-layout{padding-bottom:0}.game-frame .start-overlay,.game-frame.office .start-overlay{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.shop-heading{margin-bottom:17px}.shop-heading .menu-kicker{font-size:8px;letter-spacing:.9px}.shop-banner{padding:20px;min-height:193px;border-radius:26px;margin-bottom:22px}.game-menu .shop-banner h2{font-size:23px;margin-top:10px}.shop-banner p{font-size:10px;max-width:170px}.shop-banner>img{width:190px;height:190px;right:-31px;bottom:-3px}.shop-banner>div{width:76%}.shop-banner-tag{font-size:8px;padding:5px 7px}.shop-heading+.shop-banner+.wallet-card{padding:13px 14px;border-radius:20px;gap:10px}.wallet-card strong{font-size:18px}.wallet-card p{font-size:10px}.wallet-card .coin-symbol{width:40px;height:40px;font-size:23px}.wallet-lives{font-size:19px}.shop-categories{gap:3px;padding:5px;margin:21px 0}.shop-categories button{font-size:11px;min-height:42px}.heart-offer{padding:18px 15px;gap:12px;border-radius:23px}.heart-offer-art{width:57px;height:82px}.heart-offer-art>span{font-size:57px}.heart-offer-art>span:nth-child(2){font-size:25px;bottom:10px;right:-2px}.heart-offer-art>span:nth-child(3){font-size:20px;top:10px;right:-4px}.heart-offer .menu-kicker{font-size:7px;letter-spacing:.7px}.heart-offer h2{font-size:18px;line-height:1.35}.heart-offer p{font-size:11px;margin:7px 0 12px}.heart-purchases{gap:9px}.heart-purchases button{font-size:10px;gap:8px;padding:10px;min-height:42px}.heart-purchases button>span{padding-left:7px}.shop-hint{font-size:10px}.shop-section-heading{margin:25px 0 14px}.shop-section-heading h2{font-size:18px;line-height:1.4}.shop-section-heading>button{font-size:11px}.shop-featured{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 3px 8px;scrollbar-width:thin;scrollbar-color:#d5bcec transparent}.shop-featured .skin-card{flex:0 0 158px;scroll-snap-align:start}.shop-featured .skin-preview{height:146px;padding:10px}.shop-featured .skin-copy{padding:12px}.shop-featured .skin-copy h3{font-size:14px;min-height:35px}.shop-featured .skin-copy button{font-size:10px;min-height:43px}.shop-featured .skin-condition{font-size:9px;min-height:31px}.shop-plus-teaser{padding:17px 14px;gap:12px;margin-top:20px}.shop-plus-teaser>span{width:40px;height:43px}.shop-plus-teaser strong{font-size:18px}.shop-plus-teaser small{font-size:10px;line-height:1.5}.shop-skins .skin-preview{height:165px}.coin-pack-grid{gap:9px}.coin-pack{padding:29px 7px 12px;border-radius:19px;gap:9px}.coin-pack img{height:90px;margin:5px 0 9px}.game-menu .coin-pack h3{font-size:10px;text-align:center;min-height:28px;line-height:1.4}.coin-pack>strong{font-size:21px}.coin-pack button{font-size:13px;min-height:43px;margin-top:4px}.shop-soon{font-size:8px;top:9px;right:9px;padding:4px 6px}.shop-plus{padding:25px 20px;gap:16px;border-radius:25px}.shop-plus .menu-kicker{font-size:12px}.game-menu .shop-plus h2{font-size:51px}.shop-plus p{font-size:12px}.shop-plus>img{height:178px}.shop-plus>ul{padding:13px 15px}.shop-plus li{font-size:12px}.shop-plus>button{font-size:12px}.profile-hero{padding:22px 18px;min-height:220px;grid-template-columns:1.1fr 1fr;border-radius:25px}.profile-hero-copy h2{font-size:21px}.profile-hero-copy .menu-kicker{font-size:9px}.profile-hero-copy p{font-size:11px;line-height:1.7;margin-bottom:17px}.profile-hero-copy button{min-height:43px;font-size:12px;padding:10px 14px}.profile-hero-art{min-height:200px}.profile-island{bottom:-10%;width:110%;left:-5%}.profile-stats{gap:9px;margin:20px 0}.profile-stats>div{padding:14px 5px;gap:7px}.profile-stats strong{font-size:20px}.profile-stats span{font-size:9px;line-height:1.4}.profile-outfits{gap:9px}.profile-outfits button{padding:8px 5px 13px}.profile-outfits img{height:102px}.profile-outfits strong{font-size:12px}.profile-outfits span{font-size:9px}.profile-links>button{padding:17px;gap:12px}.profile-links small{font-size:10px}.profile-links strong{font-size:13px}.skin-world .collection-tier-heading>span{max-width:155px;text-align:right;font-size:10px;line-height:1.5}}
@media(max-width:359px){.game-menu{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px;gap:5px}.lobby-brand{font-size:21px}.topbar-actions{gap:5px}.topbar .wallet-heart{font-size:10px}.topbar .wallet-button{font-size:11px;padding:7px 6px}.shop-banner{padding:17px}.game-menu .shop-banner h2{font-size:21px}.shop-banner>img{right:-42px;width:165px}.shop-banner p{max-width:149px}.heart-offer{padding:16px 12px;gap:9px}.heart-offer-art{width:45px}.heart-offer h2{font-size:16px}.heart-purchases button{font-size:9px;padding:9px;gap:5px}.shop-plus{padding:22px 16px}.shop-plus p{font-size:11px}.shop-plus>img{height:155px}.shop-plus li{font-size:11px}.coin-pack>strong{font-size:18px}.bottom-menu .menu-nav-button{font-size:9px}.bottom-menu .nav-play .nav-icon{width:60px;height:59px}.profile-links{border-radius:18px}.profile-links>button{padding:16px 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.bottom-menu .menu-nav-button,.bottom-menu .nav-play .nav-icon{transition:none}}
.ranking-hero{display:flex;align-items:center;justify-content:center;gap:32px;padding:31px;border:2px solid #e5d4ff;border-radius:29px;background:radial-gradient(ellipse at 15% 10%,#c4a2ff,transparent 65%),linear-gradient(135deg,#9464db,#6640b4);box-shadow:0 6px #d0b6eb;color:white}.ranking-trophy{display:grid;place-items:center;width:102px;height:119px;border-radius:31px;background:linear-gradient(135deg,#ffeebc,#ffd36b);border:4px solid #fff0b6;box-shadow:0 6px #cd9850;transform:rotate(-8deg);color:#ba862f}.ranking-trophy svg{width:58px;height:58px;stroke-width:1.6;filter:drop-shadow(0 2px #ffe8a5)}.ranking-hero .menu-kicker{color:#ebd9ff}.ranking-hero strong{display:block;font-size:47px;color:#fff1b7;margin:10px 0 4px}.ranking-hero strong small{font-size:20px;color:#e9cfff}.ranking-hero p{font-size:12px;color:#ebd6ff}.ranking-week{padding:24px;background:#fffaff;border:2px solid #e8d8f4;border-radius:22px;margin-top:22px}.ranking-week h2{font-size:17px}.ranking-week>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:24px;align-items:end}.ranking-week>div>div{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;color:#b39ec3;min-width:0}.ranking-week strong{font-size:11px}.ranking-week i{width:100%;max-width:33px;border-radius:9px 9px 5px 5px;background:#e8ddf3}.ranking-week .earned{color:#9254c9}.ranking-week .earned i{background:linear-gradient(#c49af9,#a470df)}.ranking-week p{font-size:10px;color:#a18db2;text-align:center;margin:17px 0 0}.ranking-coming{display:flex;align-items:flex-start;gap:17px;padding:22px 4px}.ranking-coming>span{color:#ac8cca;padding:11px;background:#e9def6;border-radius:15px}.ranking-coming h2{font-size:18px}.ranking-coming p{font-size:12px;line-height:1.75;color:#9a81aa;margin:8px 0 11px}.ranking-coming small{font-size:10px;color:#a58aaf;background:#e9dff1;padding:6px 9px;border-radius:7px}.ranking-rules{border:1px solid #e3d1f0;border-radius:18px;padding:0 18px;background:#fff9ff;margin:14px 0 26px}.ranking-rules summary{min-height:50px;padding:16px 0;font-size:13px;font-weight:750;color:#805d99;cursor:pointer}.ranking-rules>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #eee4f5;font-size:12px;line-height:1.5;color:#9c83ac}.ranking-rules strong{color:#8957b5}.ranking-rules p{font-size:11px;line-height:1.6;color:#ab93b9}.game-menu [hidden]{display:none}
@media(max-width:640px){.ranking-hero{gap:24px;padding:25px 18px;border-radius:25px}.ranking-trophy{width:85px;height:100px;border-radius:26px}.ranking-trophy svg{width:47px;height:47px}.ranking-hero strong{font-size:38px}.ranking-hero .menu-kicker{font-size:9px}.ranking-hero p{font-size:10px}.ranking-coming h2{font-size:17px}.ranking-coming p{font-size:11px}.ranking-week{padding:20px 17px}.ranking-week>div{gap:8px}.ranking-week strong{font-size:10px}.ranking-week h2{font-size:16px}.ranking-coming{gap:12px}}
/* Course continuity and a clear end to each attempt. */
.continue-adventure{display:flex;align-items:center;gap:18px;width:100%;max-width:630px;margin:0 auto 27px;padding:21px 23px;text-align:left;border:2px solid #f4eaff;border-radius:25px;background:linear-gradient(115deg,#8450dd,#a76dee);box-shadow:0 5px #653bb3;color:#fff}.continue-symbol{display:grid;place-items:center;flex:none;width:53px;height:57px;border-radius:17px;background:#ffffff24;border:1px solid #ffffff4d}.continue-symbol svg{fill:currentColor;width:29px;height:29px}.continue-adventure>span:last-child{display:grid;gap:7px}.continue-adventure small{font-size:9px;letter-spacing:1px;color:#f0e1ff;font-weight:800}.continue-adventure strong{font-size:24px;line-height:1.3}.continue-adventure strong b{font-size:12px;background:#ffffff25;border-radius:7px;padding:4px 7px;vertical-align:3px;margin-left:4px}.continue-adventure em{font-style:normal;color:#f7ebff;font-size:12px;line-height:1.4}.lesson-stars{color:#bb8732!important;letter-spacing:3px;font-size:14px}.lesson-stars i{font-style:normal;color:#bca5cc}.home-actions .start-footnote{display:block;margin:12px 0 0;font-size:12px;color:#765d91;font-weight:650}.round-result .eyebrow{font-size:10px;line-height:1.6;color:#9270ac}.result-medals{display:flex;align-items:center;justify-content:center;gap:13px;margin:17px 0 15px;min-height:72px}.result-medals>span{font-size:55px;line-height:1;color:#e6d9ef;text-shadow:0 4px #d2beda}.result-medals>span:nth-child(2){font-size:72px;transform:translateY(-7px)}.result-medals .earned{color:#ffca54;text-shadow:0 4px #d69736,0 8px 14px #dea85225}.result-medals .result-heart{font-size:73px;color:#ee9ebb;text-shadow:0 4px #cd7399;transform:rotate(-12deg)}.round-result h2{color:#634183;font-size:27px}.round-result .result-explanation{font-size:13px;line-height:1.7;color:#856897;margin:12px 0 18px}.result-performance{display:flex;justify-content:center;gap:20px;padding:10px 0;margin-bottom:13px;font-size:11px;color:#9974a9}.result-performance strong{color:#734d94;font-size:15px}.result-rewards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 16px}.result-rewards>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;min-height:83px;padding:13px 10px;border:1px solid #edd8a4;border-radius:19px;background:#fff2cc;color:#a1732d}.result-rewards>div:last-child{background:#eee1ff;border-color:#d9c4ef;color:#9a62c2}.result-rewards strong{font-size:25px;line-height:1}.result-rewards svg{width:24px;height:24px;fill:currentColor;stroke:currentColor}.result-rewards .inline-coin{font-size:19px}.result-rewards small{width:100%;font-size:10px;font-weight:700}.round-result .result-star-hint{font-size:10px;line-height:1.65;color:#9774a6;margin:7px 0 16px}.round-result .result-daily{font-size:11px;color:#668e7f;font-weight:750;margin:10px 0}.result-review{margin:13px 0 20px;border:1px solid #e1d3eb;border-radius:15px;background:#faf5ff}.result-review summary{min-height:45px;padding:13px;color:#9873ac;font-size:12px;font-weight:700;cursor:pointer;text-align:left}.result-review .review-list{padding:0 10px 10px;max-height:170px;overflow:auto}.result-review .review-list button{background:#fff}.round-result .primary-button{font-size:15px}.round-result .secondary-button{font-size:13px}.menu-heading>p,.collection-summary>span,.collection-world small,.album-word small,.skin-copy p,.skin-condition,.profile-stats span,.profile-links small,.ranking-coming p,.shop-section-heading p,.menu-note{color:#7e638f}.shop-section-heading>button,.shop-categories button{color:#77518f}.shop-categories button[aria-pressed=true]{color:#603394}.profile-outfits span{color:#7b578f}.profile-stats>div{background:#fffaff}.game-menu p,.game-menu small{line-height:1.6}
@media(max-width:640px){.continue-adventure{padding:18px 16px;gap:12px;border-radius:22px;margin-bottom:24px}.continue-symbol{width:42px;height:47px;border-radius:14px}.continue-adventure strong{font-size:21px}.continue-adventure small{font-size:8px;letter-spacing:.6px}.continue-adventure em{font-size:11px}.continue-adventure strong b{font-size:10px;vertical-align:2px}.home-actions .start-footnote{font-size:11px;margin-top:10px}.game-frame .start-overlay,.game-frame.office .start-overlay{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.round-result h2{font-size:25px}.result-medals{margin:13px 0 9px}.result-medals>span{font-size:49px}.result-medals>span:nth-child(2){font-size:65px}.result-performance{gap:15px;font-size:10px}.result-rewards>div{min-height:74px}.result-rewards strong{font-size:23px}.profile-stats span,.profile-outfits span,.album-word small,.collection-world small{font-size:11px}.profile-links small,.skin-condition{font-size:12px}.shop-featured .skin-condition{font-size:11px}.shop-featured .skin-copy h3{min-height:38px}.shop-featured .skin-copy button{font-size:11px}.menu-heading>p{font-size:14px}}
.stream-status{position:absolute;z-index:9;top:43%;left:50%;transform:translateX(-50%);width:calc(100% - 44px);padding:19px;border:1px solid #c4e8ff88;border-radius:19px;background:#102a58ed;box-shadow:0 10px 30px #041b4b44;color:white;text-align:center;font-size:15px;line-height:1.6;pointer-events:none}.stream-status small{display:block;margin-top:7px;font-size:11px;color:#d5e0f4}.stream-status[hidden]{display:none}