/* Playful lobby. Keep game-world rendering and its continuous motion independent. */
:root{--cream:#f5f0ff;--muted:#8b7cae;--green:#7850ea;--border:#ded1f5;color:#33235d;background:#f2edff}
body{background:radial-gradient(ellipse at 65% 0,#fff9f5 0,transparent 48%),#f0eaff}
.sidebar{background:#faf7ff;color:#443071;border-right:2px solid #e4dafa;padding:24px 16px 18px}
.sidebar .brand{color:#38216b}.sidebar .brand-mark{background:#8a5bfa;color:white;box-shadow:0 4px #613acc}.sidebar .brand-dot{color:#a37afb}
.sidebar .menu-kicker{color:#8972b6}.menu-nav-button{color:#85709e;border-radius:16px}.menu-nav-button.active{background:#e9dfff;color:#6a3ddb;box-shadow:inset 0 -3px #d9c8ff}
.sidebar-route{scrollbar-color:#d6c4ed transparent}.path-band summary>span{background:#ede2ff;color:#744fbc}.world-path::before{border-color:#d7c4ec}
.path-location{color:#635080}.path-location.current{background:#ece2ff;border-color:#ccb4f6;color:#51358c}.path-location.locked{color:#9485ab}.path-location-icon{background:#ede5f8;border-color:#e1d4f3;color:#a38bbf;box-shadow:none}.path-location.current .path-location-icon{background:transparent;box-shadow:none}.path-location.available .path-location-icon{background:transparent;border:0;width:78px;height:78px}.path-location-icon img{width:100%;height:100%;object-fit:contain}.path-location.available{min-height:95px;gap:8px}.path-location:nth-child(2){padding-left:12px}.path-location.locked .path-location-icon{background:#eee7f7;color:#a18eBA}.path-unlock-note{color:#9786ae}.sidebar-bottom .language-badge{color:#7853ad;background:#eae0f7}.sidebar-bottom small{color:#9281aa}
.topbar{height:80px}.breadcrumb{color:#9584b4}.breadcrumb strong{color:#644493}.sound-button,.install-button{background:#ffffffc9;border:2px solid #e3d7f4;color:#7751a8;border-radius:15px;box-shadow:0 3px #dcd0f1}.hero-avatar{position:relative;display:block;width:44px;height:44px;overflow:hidden;border:2px solid #a57bef;border-radius:50%;background:#e5d4ff;padding:0;box-shadow:0 3px #c2a6ea}.hero-avatar img{position:absolute;top:0;left:1%;width:98%;height:90px;object-fit:cover;object-position:top}
.game-frame{border:3px solid #fff;box-shadow:0 9px 0 #d9c8ee,0 22px 50px #6b3d9724;border-radius:30px}
.game-frame .start-overlay,.game-frame.office .start-overlay{background:radial-gradient(ellipse at 50% 5%,#e3faff 0,transparent 44%),linear-gradient(#f0eaff,#faf7ff 63%,#f5edff);color:#433064;padding:18px 24px 24px}
.start-content{width:100%;max-width:430px;scrollbar-color:#ddccec transparent}.start-content h2{font-size:32px;color:#392260;line-height:1.1;margin:9px 0 11px;text-shadow:none}.start-content .chapter-intro{display:none}.daily-mini{border:0;color:#9577b0;margin:0;padding:0 0 8px}.daily-mini strong{color:#9a60c8}.daily-mini svg{color:#ffb141}.home-island-button{display:block;position:relative;width:100%;height:210px;background:none;border:0;margin:0 0 9px;padding:0}.home-island-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 8px #936abb22);animation:island-float 5s ease-in-out infinite}.home-island-button span{position:absolute;right:0;bottom:10px;background:#ffffffdd;border:1px solid #e5d8f8;border-radius:20px;padding:9px 12px;color:#835cad;font-size:11px;font-weight:750}
.start-content .pill{border:0;background:#e5d5ff;color:#8150c5;border-radius:9px;padding:7px 10px;font-size:10px}.chapter-progress{margin:14px 0 18px;color:#917ca8;font-size:12px}.chapter-progress .progress-track{height:8px;background:#e5d9f6}.chapter-progress .progress-track i{background:#a379f3;box-shadow:none}
.lesson-map{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;padding:8px 0 24px}.lesson-map::before{content:'';position:absolute;left:50%;top:20px;bottom:30px;border-left:4px dotted #d3bbee}.lesson-stop{position:relative;width:87%;min-height:72px;padding:10px 13px;border:2px solid #ded0ef;background:#f2eaf9;color:#a594b9;border-radius:21px;box-shadow:0 4px #e0d2ed}.lesson-stop:nth-child(3n+1){align-self:flex-start}.lesson-stop:nth-child(3n+2){align-self:flex-end}.lesson-stop.selected{background:#fff;border-color:#a879f5;color:#543483;box-shadow:0 5px #b58ae9}.lesson-stop.complete{background:#e2faf4;border-color:#86d5c7;color:#397f73;box-shadow:0 4px #a5dfd4}.lesson-stop:disabled{opacity:1;cursor:default}.lesson-stop strong{font-size:14px;line-height:1.4}.lesson-stop small{font-size:11px;color:inherit;opacity:.8}.stop-number{display:grid;place-items:center;background:#e8dcf6;color:#ab93c7;border-radius:13px;width:37px;height:37px;flex:none;font-size:17px;font-weight:800}.lesson-stop.selected .stop-number{background:#9b6aec;color:#fff;box-shadow:0 3px #8050cc}.boss-stop{width:100%;background:#efe4fb}.boss-map-star{color:#c2a0ed}.home-actions{padding-top:12px}.primary-button{background:linear-gradient(#9b6aff,#7e4ee8);color:white;border:0;border-radius:17px;box-shadow:0 6px #6137b7;text-shadow:0 1px #5e2d8922;font-weight:800}.primary-button:active{transform:translateY(3px);box-shadow:0 3px #6137b7}.home-links{gap:12px}.home-links button{color:#916daf;font-size:11px}.start-footnote{color:#aa94ba;font-size:10px}
.lobby-hero{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px;border:2px solid #fff;border-radius:26px;background:radial-gradient(ellipse at 50% 70%,#e0cefb,transparent 65%),#faf6ff;color:#4a316f;box-shadow:0 6px 0 #decdef;margin-bottom:24px}.lobby-hero img{width:100%;height:250px;object-fit:contain;margin:12px 0}.lobby-hero strong{font-size:17px}.lobby-hero>span:last-child{margin-top:14px;border-radius:12px;padding:10px 18px;background:#ece0ff;color:#8655c5;font-size:12px;font-weight:800}.details-heading h2{color:#543478}.details-heading p,.prototype-note{color:#a18bb5}.details .daily-card{display:none}.details .word-collection{background:#fff;border-color:#e6d9f4}.details .word-collection h3{color:#6a478d}.details .vocab-item{color:#67447f;border-color:#f0e7fa}.details .vocab-item small{color:#a58bb6}.details .best-card{background:#e8dbfa;color:#67468b}.details .best-card p{color:#9981b0}.details .best-card strong{color:#744fa1}.details .how-to{display:none}
.game-menu{color:#473168}.game-menu h1{font-weight:800;letter-spacing:-1px}.menu-heading>p{color:#9580ab}.collection-summary{background:#eee3fc;border:2px solid #e3d4f8;box-shadow:0 4px #e4d7f2}.collection-world{border-width:2px;box-shadow:0 4px #e4d7f2}.collection-world.ready{border-color:#d5b7f4}.collection-world .collection-open{color:#9869c4}.skin-card{border:2px solid #e4d4f3;box-shadow:0 5px #e7dcf4}.skin-card.equipped{border-color:#af7de3}.skin-preview{background:radial-gradient(ellipse at 50% 80%,#d4b2ef88,transparent 60%),#f0e5ff}.skin-preview.office{background:radial-gradient(ellipse at 50% 80%,#ffcf8388,transparent 60%),#fff1dc}.skin-copy button{border-color:#d6b5ee;background:#ead6ff;color:#8353ad}.game-panel{color:#543774;background:#fff9ff}.game-panel p{color:#9980a9}.game-panel .big-word{color:#493064}.game-panel .secondary-button{border-color:#decbed;color:#9169af}.game-panel .panel-audio{background:#efe1fa;color:#9063ae}.game-panel .eyebrow{color:#b392c8}.game-panel .tutorial-back{background:#f1e6ff;border-color:#e2ccf4;color:#956abc}
.route-dialog{background:#fbf7ff;color:#583d7e;box-shadow:8px 0 60px #3d1a6144}.route-dialog .menu-kicker{color:#a484bb}.route-close{color:#9d79b7;background:#f0e3fb;border-color:#e3d3f0}.route-dialog::backdrop{background:#24104177}
.daily-quests{display:grid;gap:13px}.daily-quest{display:flex;align-items:center;gap:13px;padding:18px;border:2px solid #e8d8f7;border-radius:22px;background:#fff;box-shadow:0 4px #e6d7f2}.daily-quest>span{display:grid;place-items:center;width:44px;height:48px;background:#ece0ff;color:#9e70d4;border-radius:15px;flex:none}.daily-quest>div{flex:1}.daily-quest h2{font-size:15px}.daily-quest p{font-size:12px;color:#a089b0;margin:5px 0 11px}.daily-quest>strong{font-size:12px;color:#a587bf}.daily-quest.done>span{background:#d8f4ec;color:#5dada0}.quest-play{width:100%;margin:22px 0}.task-links{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.task-links button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:20px;border:2px solid #e4d1f7;border-radius:21px;background:#ede0ff;color:#9467bd}.task-links svg{width:33px;height:33px;color:#ba83e6}.task-links span{font-size:11px;line-height:1.6}.shop-preview-note{font-size:12px;padding:12px 16px;background:#fff8da;border:1px solid #ecdaa2;color:#aa8541;border-radius:13px;margin-bottom:22px}.plus-offer{position:relative;overflow:hidden;padding:30px;border-radius:27px;background:radial-gradient(ellipse at 100% 0,#d3a7ff,transparent 70%),linear-gradient(135deg,#a074f5,#7150d0);box-shadow:0 6px #6044ac;color:#fff;margin-bottom:30px}.plus-offer h2{font-size:32px;line-height:1.18;margin:12px 0}.plus-offer .menu-kicker{color:#f1daff}.plus-offer>p{font-size:13px;line-height:1.8;color:#f0dcff}.plus-spark{position:absolute;right:14px;top:0;font-size:130px;color:#ffe599;transform:rotate(12deg);line-height:1;text-shadow:0 5px #c684ce}.plus-offer details{position:relative;background:#ffffff17;border:1px solid #ffffff4a;border-radius:13px;padding:0 15px;margin-top:20px}.plus-offer summary{cursor:pointer;padding:14px 0;font-size:13px;font-weight:750}.plus-offer details p{font-size:12px;line-height:1.8;color:#eedafa}.shop-chests{display:flex;align-items:center;gap:10px}.shop-chests img{width:120px;height:120px;object-fit:contain}.shop-chests h2{font-size:22px;margin:8px 0}.shop-chests p{font-size:12px;line-height:1.7;color:#a183b7}.shop-worlds{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 28px}.shop-world{padding:12px;border:2px solid #e4d4f6;border-radius:23px;background:#fff;box-shadow:0 4px #e4d6f2}.shop-world summary{cursor:pointer;list-style:none}.shop-world summary::-webkit-details-marker{display:none}.shop-world img{display:block;width:100%;height:140px;object-fit:contain}.shop-world strong{display:block;font-size:14px;line-height:1.5;text-align:center}.shop-world summary>span{display:block;font-size:11px;color:#a381ba;text-align:center;padding:10px 0 0}.shop-world p{font-size:12px;line-height:1.7;color:#9980a9}.coin-preview{display:flex;align-items:center;gap:18px;padding:23px;border:2px solid #f1dda1;border-radius:23px;background:#fff4d6}.coin-symbol{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;border:6px solid #ffdc75;background:#f3b943;box-shadow:0 5px #dfa64e;color:#ffeec0;font-size:33px}.coin-preview h2{color:#a77b39}.coin-preview p{font-size:12px;line-height:1.6;color:#b09665}.coin-preview small{font-size:10px;color:#bda77f;line-height:1.6;display:block}.shop-wardrobe{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px;border:2px solid #dfcbee;border-radius:16px;background:#f7eeff;color:#9064b0;font-size:13px;width:100%;margin-top:24px}
@keyframes island-float{50%{transform:translateY(-5px)}}
@media(max-width:640px){body{background:#f6efff}.topbar{height:calc(70px + env(safe-area-inset-top,0px));background:linear-gradient(#f6effffc,#f6effff5 85%,#f6efff00);color:#78519b;padding:env(safe-area-inset-top,0px) 14px 0}.topbar-actions{gap:8px}.mobile-brand{display:none}.topbar .install-button{font-size:11px;padding:8px 10px}.game-frame{border:0;border-radius:0;box-shadow:none}.game-frame .start-overlay,.game-frame.office .start-overlay{padding:calc(77px + env(safe-area-inset-top,0px)) 22px calc(84px + env(safe-area-inset-bottom,0px))}.home-island-button{height:187px;margin-top:3px}.home-actions .primary-button{min-height:51px;font-size:19px}.home-actions .home-links{margin-top:12px}.home-actions .start-footnote{display:none}.start-content h2{font-size:29px}.bottom-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#fffbfffa;border-top:2px solid #e6d6f7;box-shadow:0 -4px 20px #9b6aba11;padding-top:7px}.bottom-menu .menu-nav-button{font-size:11px;color:#ab8bc1}.bottom-menu .menu-nav-button.active{color:#9558d5;background:#ecddff;box-shadow:inset 0 -3px #dbc3f8}.bottom-menu svg{width:24px;height:24px}.game-menu{padding:calc(90px + env(safe-area-inset-top,0px)) 20px calc(104px + env(safe-area-inset-bottom,0px))}.plus-offer{padding:25px}.plus-spark{font-size:100px}.plus-offer h2{font-size:29px}.task-links{gap:10px}.task-links button{padding:17px 14px}.shop-world img{height:118px}.shop-world strong{font-size:13px}.coin-preview{padding:19px 15px;gap:12px}.coin-symbol{width:52px;height:52px;font-size:26px}.shop-chests img{width:105px;height:105px}.shop-chests h2{font-size:20px}}
.topbar .sound-button[aria-pressed="true"]{color:#9562ce}
body.in-flight .hero-avatar{display:none}body.in-flight .topbar{background:transparent}body.in-flight .game-frame{border:0}body.in-flight .topbar .sound-button{background:#113c6977;color:white;border-color:#ffffff44;box-shadow:none}
@media(prefers-reduced-motion:reduce){.home-island-button img{animation:none}.primary-button:active{transform:none}}

/* Play rewards and wardrobe purchases */
.wallet-button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 11px;border:2px solid #efd397;border-radius:15px;background:#fff4d6;color:#926626;box-shadow:0 3px #e8c773;font-size:14px;white-space:nowrap}.wallet-heart{border-left:1px solid #e8d39d;padding-left:7px;color:#df6c83;font-size:12px}.hearts{border:0;background:none;padding:0;cursor:pointer}.wallet-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #efdb9e;border-radius:24px;background:#fff4d6;box-shadow:0 4px #e9d398;margin:8px 0 25px}.wallet-card>div{flex:1;min-width:0}.wallet-card strong{display:block;font-size:22px;color:#936729}.wallet-card p{font-size:12px;line-height:1.6;color:#a38653;margin:6px 0 0}.wallet-lives{font-size:20px;white-space:nowrap;color:#e57a90;letter-spacing:1px}.skin-condition{display:block;min-height:32px;font-size:11px;line-height:1.55;color:#9c75b6;margin:8px 0 12px}.skin-preview{height:220px;overflow:hidden;padding:12px}.skin-preview img{position:static;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:0;margin:0;transform:none}.skin-copy{min-width:0}.skin-copy h3{font-size:17px;overflow-wrap:anywhere}.skin-copy button{min-height:48px;font-size:13px;padding:10px 8px}.skin-copy button[data-buy-skin]:not(:disabled){background:#ffdf89;border-color:#efc15c;color:#885b26;box-shadow:0 3px #dfb459}.skin-copy button:disabled{cursor:default;opacity:.7}.heart-offer{display:flex;align-items:center;gap:18px;padding:24px;border:2px solid #f3cedc;background:#fff0f6;border-radius:24px}.heart-offer-icon{font-size:67px;line-height:1;color:#ed809d;text-shadow:0 5px #cf587a}.heart-offer h2{font-size:20px;color:#985275}.heart-offer p{font-size:13px;color:#aa7892;line-height:1.65;margin:8px 0 15px}.heart-purchases{display:flex;flex-wrap:wrap;gap:9px}.heart-purchases button{background:#f9d6e5;border:2px solid #e9acca;border-radius:13px;padding:12px;font-weight:800;font-size:13px;color:#8c4f73;min-height:46px}.heart-purchases button:disabled{opacity:.5;cursor:default}.heart-refill:not(:disabled){background:#fff0cd!important;color:#936729!important;border-color:#ebd195!important}.coin-packs{margin:30px 0}.coin-packs>p{font-size:13px;line-height:1.65;color:#a58baf}.coin-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.coin-pack{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;padding:22px 10px;border:2px solid #efda9f;border-radius:22px;background:#fff8e5;box-shadow:0 4px #e8d6a8;color:#94733b}.coin-pack>strong{font-size:18px;white-space:nowrap}.coin-pack>span:not(.coin-symbol){font-size:14px;color:#ab8851}.coin-pack button{border:1px solid #e7d6af;border-radius:11px;background:#f3ead4;color:#b09c75;padding:11px 7px;width:100%;font-size:12px}.coin-pack .coin-symbol{width:49px;height:49px;border-width:4px;font-size:26px}.panel-stat>div:first-child{background:#fff0c9}.panel-stat>div:first-child strong{color:#a47a31}#flight-score{color:#ffe59a}body.in-flight .wallet-button{display:none}
@media(max-width:640px){.wallet-button{font-size:12px;padding:8px;gap:4px}.wallet-heart{padding-left:5px;font-size:11px}.wallet-card{padding:17px 13px;gap:11px}.wallet-card strong{font-size:18px}.wallet-card .coin-symbol{width:44px;height:44px;border-width:4px;font-size:26px}.wallet-card p{font-size:11px}.wallet-lives{font-size:17px;letter-spacing:0}.skin-preview{height:180px;padding:9px}.skin-copy h3{font-size:15px}.skin-copy p{font-size:12px}.skin-copy button{font-size:11px}.heart-offer{padding:18px 14px;gap:12px}.heart-offer-icon{font-size:46px}.heart-offer h2{font-size:18px}.heart-offer p{font-size:12px}.heart-purchases button{font-size:11px;padding:10px}.coin-pack-grid{gap:9px}.coin-pack{padding:18px 7px;gap:13px;border-radius:18px}.coin-pack>strong{font-size:14px}.topbar-actions{gap:6px}.topbar .install-button{font-size:10px;padding:8px}.topbar .hero-avatar{width:40px;height:40px}.topbar .sound-button{width:40px;height:40px;padding:8px}}

.inline-coin{display:inline-grid;place-items:center;vertical-align:-.08em;width:1.12em;height:1.12em;min-width:1.12em;border:2px solid #ffe39a;border-radius:50%;background:#efbd4e;color:#fff1b7;font-size:.95em;line-height:1;box-shadow:0 1px #be8b29}.wallet-button .inline-coin{width:17px;height:17px;min-width:17px;font-size:12px}.coin-pack .inline-coin{display:none}