@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";.xp-earned{color:#b35d17;background:#fff0dd;border-radius:99px;margin-top:8px;padding:7px 12px;font-weight:800;display:inline-block}.avatar{padding:0;overflow:hidden}.avatar-figure{--skin:#b96f47;--hair:#211a2f;--outfit:#6d4aff;--frame:#e9e6f2;border:3px solid var(--frame);background:linear-gradient(var(--hair) 0 34%,var(--skin) 35% 62%,var(--outfit) 63%);border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden}.avatar-figure.big{border-width:7px;width:112px;height:112px;margin:0 auto 18px}.avatar-figure i{background:var(--skin);border-radius:50%;width:44%;height:30%;position:absolute;top:37%;left:28%}.avatar-figure b{text-align:center;color:#ffd253;font-size:22px;position:absolute;inset:4% 0 auto}.avatar-figure.big b{font-size:44px}.profile-page,.auth-page,.privacy-page{text-align:center;max-width:780px;margin:0 auto;padding:60px 0 90px;position:relative}.profile-page>.back,.auth-page>.back,.privacy-page>.back{position:absolute;top:60px;left:0}.profile-page h1,.auth-page h1,.privacy-page h1{margin:9px;font:800 38px Manrope}.profile-page>p{color:var(--muted)}.auth-state{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin:28px 0;padding:15px;display:flex}.auth-state span,.auth-state button{align-items:center;gap:7px;display:flex}.auth-state button,.text-button,footer button{color:var(--purple);background:0 0;border:0;font-weight:800}.cosmetics{text-align:left;gap:18px;display:grid}.cosmetics h3{margin:0 0 8px;font:800 16px Manrope}.cosmetics>div>div{gap:8px;padding-bottom:5px;display:flex;overflow:auto}.cosmetics button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;grid-template-columns:24px 1fr;align-items:center;gap:5px;min-width:128px;padding:10px;display:grid}.cosmetics button.selected{border-color:var(--purple);box-shadow:0 0 0 2px #6d4aff22}.cosmetics button:disabled{opacity:.45}.cosmetics button i{border:1px solid #ddd;border-radius:50%;width:22px;height:22px}.cosmetics button small{color:var(--muted);grid-column:2}.profile-save{margin:28px auto}.auth-page>svg{width:55px;height:55px;color:var(--purple);margin-top:20px}.auth-page>input{border:1px solid var(--line);background:#fff;border-radius:13px;width:100%;margin:10px 0;padding:14px;display:block}.auth-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-button{margin:18px}.google{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:14px;font-weight:800}.privacy-page{text-align:left}.privacy-page h1{margin:20px 0}.privacy-page p{color:var(--muted);font-size:17px;line-height:1.65}.leaderboard b{flex-direction:column;display:flex}.leaderboard b small{color:var(--muted);font-weight:500}footer button{font-size:12px}@media (width<=620px){.profile-page,.auth-page,.privacy-page{padding-top:76px}.profile-page>.back,.auth-page>.back,.privacy-page>.back{top:22px}.auth-state{flex-direction:column;align-items:stretch}.auth-buttons{grid-template-columns:1fr}.cosmetics button{min-width:116px}}.popcorn-avatar{background:linear-gradient(165deg,#fff8ed 0 42%,var(--outfit) 43% 100%);border-color:var(--frame);border-radius:38% 38% 30% 30%;animation:2.8s ease-in-out infinite avatar-bounce;overflow:visible;box-shadow:inset -5px -6px #8f214c2c,0 5px #8d2445}.popcorn-avatar:after{content:"";z-index:-1;background:#53203d;border-radius:50%;height:13%;position:absolute;bottom:-7%;left:16%;right:16%}.popcorn-kernel{z-index:3;background:radial-gradient(circle at 34% 27%,#fffbd5 0 18%,#ffd45b 19% 72%,#ed972b 73%);border-radius:52% 52% 44% 44%;width:35%;height:34%;position:absolute;top:-14%;box-shadow:inset -2px -2px #c66c2740}.kernel-a{left:8%;transform:rotate(-17deg)}.kernel-b{top:-22%;left:33%;transform:scale(1.18)}.kernel-c{right:7%;transform:rotate(17deg)}.popcorn-avatar .popcorn-face{background:var(--skin);z-index:2;border-radius:50%;width:50%;height:28%;position:absolute;top:42%;left:25%;box-shadow:0 13px 0 -8px #ed6b9b}.popcorn-avatar .popcorn-face:before,.popcorn-avatar .popcorn-face:after{content:"";background:#32213f;border-radius:50%;width:14%;height:24%;position:absolute;top:26%}.popcorn-avatar .popcorn-face:before{left:22%}.popcorn-avatar .popcorn-face:after{right:22%}.popcorn-avatar b{z-index:5;text-shadow:0 2px #7d2344}.popcorn-avatar.big{border-width:8px;width:150px;height:165px;margin-bottom:24px}.popcorn-avatar.big b{font-size:46px;top:-3%}.profile-page{max-width:960px}.profile-page>.popcorn-avatar{filter:drop-shadow(0 20px 22px #5c2f7930)}.cosmetics{background:linear-gradient(145deg,#fff,#f8f4ff);border:1px solid #e6def6;border-radius:28px;margin-top:28px;padding:26px;box-shadow:0 24px 70px #30205a13}.cosmetics>div{border-bottom:1px dashed #ddd4ee;padding:15px 0}.cosmetics>div:last-child{border-bottom:0}.cosmetics button{min-width:150px;min-height:72px;transition:all .2s;box-shadow:0 6px 18px #2c18500b}.cosmetics button:hover:not(:disabled){border-color:var(--purple);transform:translateY(-3px)}.cosmetics button.selected{border-color:var(--purple);background:#f3eeff;box-shadow:0 0 0 3px #6d4aff20,0 10px 25px #6d4aff18}.cosmetics button i{width:34px;height:34px;box-shadow:inset 0 0 0 3px #fff8}.profile-save{min-width:220px;font-size:16px}@keyframes avatar-bounce{50%{transform:translateY(-5px)rotate(2deg)}}@media (width<=620px){.popcorn-avatar.big{width:128px;height:142px}.cosmetics{margin-top:20px;padding:16px}.cosmetics button{min-width:135px}}@media (prefers-reduced-motion:reduce){.popcorn-avatar{animation:none}}.festival .section-title{align-items:flex-start}.festival .section-title p{max-width:650px;color:var(--muted);margin:10px 0 0;line-height:1.5}.festival-path{grid-template-columns:1fr 1fr;gap:18px 70px;padding:20px 36px;display:grid;position:relative}.festival-path:before{content:"";opacity:.8;background:repeating-linear-gradient(#dcd4f2 0 16px,#0000 16px 30px);border-radius:20px;width:8px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.world-card{border:2px solid color-mix(in srgb,var(--accent) 24%,#e7e1f2);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent) 8%,#fff));text-align:left;min-height:118px;color:var(--ink);box-shadow:0 12px 0 color-mix(in srgb,var(--accent) 18%,#d9d2e7),0 22px 38px #35265d12;border-radius:26px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:14px;padding:18px;transition:all .2s;display:grid;position:relative;overflow:hidden}.world-card:nth-child(2n){transform:translateY(45px)}.world-card:hover{box-shadow:0 15px 0 color-mix(in srgb,var(--accent) 25%,#d9d2e7),0 28px 45px #35265d1c;transform:translateY(-5px)scale(1.015)}.world-card:nth-child(2n):hover{transform:translateY(40px)scale(1.015)}.world-card:after{content:"";background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:50%;width:90px;height:90px;position:absolute;top:-45px;right:-38px}.world-number{color:var(--accent);letter-spacing:.12em;font:800 11px Manrope}.world-icon{background:#fff;border-radius:18px;place-items:center;width:54px;height:54px;font-size:29px;display:grid;box-shadow:0 8px 18px #2c1d4914}.world-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.world-copy b{font:800 16px Manrope}.world-copy small{color:var(--muted);font-size:11px}.world-copy i{background:#eae5f1;border-radius:9px;width:100%;height:6px;display:block;overflow:hidden}.world-copy i span{background:var(--accent);border-radius:9px;height:100%;display:block}.world-stars{white-space:nowrap;color:#b87212;font-size:12px;font-weight:800}.quiz-card{isolation:isolate;background:linear-gradient(155deg,#fff 0 78%,#faf6ff);border:2px solid #e7e0f2;border-radius:34px;padding:48px;box-shadow:0 13px #ded5eb,0 35px 80px #281a4b1c}.quiz-card:before{content:"QUIZPOCA";letter-spacing:.18em;color:#c5bad9;font:800 10px Manrope;position:absolute;top:23px;right:28px}.question-category{background:color-mix(in srgb,currentColor 10%,#fff);border-radius:99px;width:max-content;padding:9px 13px}.answers{gap:16px}.answers button{background:linear-gradient(150deg,#fff,#fbf9ff);border:2px solid #e8e2f1;border-radius:20px;min-height:86px;padding:16px}.answers button>span{background:linear-gradient(145deg,#f0ecf8,#e6e0f2);border-radius:13px;width:39px;height:39px;font:800 14px Manrope}.game-head{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9ffe8;border-radius:18px;padding:12px;position:sticky;top:10px}@media (width<=850px){.festival-path{grid-template-columns:1fr;padding:10px 0}.festival-path:before{left:27px}.world-card:nth-child(2n),.world-card:nth-child(2n):hover{transform:none}.world-card:hover{transform:translateY(-3px)}.world-card{margin-left:48px}.quiz-card{padding:34px 24px}}@media (width<=540px){.world-card{grid-template-columns:auto 1fr auto;margin-left:34px;padding:15px}.world-number,.world-card>svg{display:none}.world-icon{width:46px;height:46px}.world-stars{grid-column:2}.quiz-card{border-radius:25px;padding:36px 17px 24px}.quiz-card:before{top:16px;right:16px}.answers button{min-height:76px}}:root{--game-shadow:0 14px 0 #3b237c,0 24px 55px #29145d55}body{background:linear-gradient(#8cd7ff 0,#f9f0ff 62%,#fff 100%) fixed}.app-shell{max-width:1500px}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd9;border:2px solid #fffa;border-radius:24px;height:72px;margin-top:12px;padding:0 18px;position:sticky;top:12px;box-shadow:0 12px 35px #3c27742a}.brand{font-size:25px}.brand-pop{background:linear-gradient(145deg,#9a6cff,#5835d6);border:3px solid #fff;border-radius:50%;box-shadow:0 6px #3b219c,0 12px 22px #5c39c84d}.status,.language,.avatar{box-shadow:0 4px #ded5eb}.hero{color:#fff;background:linear-gradient(90deg,#291466db 0,#542a9fc9 48%,#5c37a344),url(/game-assets/festival-world.png) 50%/cover;border-radius:42px;min-height:660px;margin-top:20px;padding:64px 54px;position:relative;overflow:hidden;box-shadow:0 18px #332071,0 35px 80px #1e124b52}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 70% 40%,#0000 0 24%,#1e0d5838 65%);position:absolute;inset:0}.hero-copy,.daily-card{z-index:2}.hero h1{text-shadow:0 5px #281260,0 12px 25px #170b3c80;font-size:clamp(48px,6vw,88px)}.hero h1 em{color:#ffd64d;text-shadow:0 4px #b35b19,0 0 28px #ffde60}.hero .eyebrow,.hero .kicker{color:#fff}.hero-intro{grid-template-columns:minmax(0,1fr) minmax(260px,390px)}.hero-intro>div:first-child>p{color:#fff;text-shadow:0 2px 8px #28104d;max-width:520px;font-size:21px}.popi-art{filter:none;z-index:2;height:420px}.popi-art img{z-index:2;object-fit:contain;filter:drop-shadow(0 22px 12px #1c0a4948);width:min(390px,100%);max-height:410px;animation:2.2s ease-in-out infinite popi-art-dance;position:relative}.popi-glow{filter:blur(40px);background:#ffdc6c88;border-radius:50%;width:280px;height:280px;animation:2s ease-in-out infinite glow-pulse;position:absolute}.popi-art>b{color:#6331a3;border:3px solid #fff;padding:11px 15px;font-size:14px;top:20px;right:0;box-shadow:0 5px #6b39a8}.hero .profile-row label{color:#fff}.hero .profile-row input,.hero .level{border:3px solid #fff;box-shadow:0 6px #41267e}.daily-card{background:linear-gradient(145deg,#ff668f,#e33d76 48%,#9138c3);border:4px solid #fff;align-self:center;min-height:380px;box-shadow:0 12px #6d237f,0 28px 65px #2c0e5f75}.notice{background:#fff;border-width:2px;margin-top:28px}.festival{color:#fff;background:#30176a;border-radius:38px;margin-top:50px;padding:34px;box-shadow:0 14px #1e0e4a,0 30px 75px #24105544}.festival .section-title{z-index:3;padding:0 15px;position:relative}.festival .section-title p,.festival .section-title>span{color:#e2d9ff}.festival .kicker{color:#ffd64e}.festival-path{background:url(/game-assets/festival-world.png) 50%/cover;border:5px solid #fff;border-radius:34px;height:820px;display:block;overflow:hidden;box-shadow:inset 0 0 0 5px #6a40bd,0 18px 40px #16083f99}.festival-path:before{display:none}.world-card{background:radial-gradient(circle at 32% 25%,#fff 0 8%,color-mix(in srgb,var(--accent) 70%,#fff) 10% 55%,var(--accent) 58%);width:92px;height:92px;min-height:0;box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 50%,#31145e),0 14px 25px #27104e75;border:5px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;overflow:visible;transform:none!important}.world-card:hover{filter:saturate(1.15);transform:translateY(-8px)scale(1.1)!important}.world-card .world-icon{width:auto;height:auto;box-shadow:none;background:0 0;font-size:40px}.world-card .world-number{color:#fff;background:#342063;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-8px;left:-8px}.world-copy{color:#fff;text-align:center;z-index:4;background:#2f176bd9;border:2px solid #fff;border-radius:12px;width:150px;padding:8px 10px;position:absolute;top:103px;left:50%;transform:translate(-50%);box-shadow:0 5px #1f0d4e}.world-copy b{font-size:12px}.world-copy small{color:#eee5ff}.world-copy i{background:#160a36;height:5px}.world-stars{color:#603209;background:#ffca42;border:2px solid #fff;border-radius:12px;padding:5px 7px;position:absolute;top:-10px;right:-9px}.world-card>svg{display:none}.world-card:first-child{top:69%;left:13%}.world-card:nth-child(2){top:56%;left:29%}.world-card:nth-child(3){top:39%;left:43%}.world-card:nth-child(4){top:24%;left:17%}.world-card:nth-child(5){top:11%;left:37%}.world-card:nth-child(6){top:58%;left:60%}.world-card:nth-child(7){top:42%;left:78%}.world-card:nth-child(8){top:27%;left:68%}.world-card:nth-child(9){top:13%;left:84%}.world-card:nth-child(10){top:7%;left:58%}.feature-grid{gap:24px}.feature{border:4px solid #fff;min-height:130px;box-shadow:0 10px #33206c,0 20px 42px #2e1a5c30}.feature.duel{background:linear-gradient(145deg,#29205b,#4e2e9d)}.feature.rank{background:linear-gradient(145deg,#ffef98,#ffc44c);border-color:#fff6cb}.game-wrap{max-width:1050px;min-height:calc(100vh - 100px);padding-top:35px}.quiz-card{background:linear-gradient(155deg,#fff 0 78%,#f5eeff);border:5px solid #fff;box-shadow:0 13px #6a4ca3,0 35px 80px #281a4b42}.answers button{border:3px solid #e5dcf2;box-shadow:0 7px #cfc1e3}.answers button:hover:not(.muted){box-shadow:0 10px #bfaedf,0 16px 30px #442f8530}.game-head{background:#ffffffdf;border:3px solid #fff;box-shadow:0 7px #d8ccea}.result-page{box-shadow:var(--game-shadow);background:linear-gradient(145deg,#fff,#f0e8ff);border:4px solid #fff;border-radius:38px;margin-top:40px;padding:70px 45px}footer{color:#4d3e72;margin-top:50px}@keyframes popi-art-dance{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(3deg)}}@keyframes glow-pulse{50%{opacity:.7;transform:scale(1.15)}}@media (width<=900px){.hero{padding:44px 28px}.hero-intro{grid-template-columns:1fr}.popi-art{height:330px}.popi-art img{max-height:330px}.festival{padding:20px}.festival-path{background-position:50%;grid-template-columns:repeat(2,1fr);gap:70px 20px;height:auto;min-height:0;padding:28px 15px;display:grid}.world-card{margin:0 auto!important;position:relative!important;top:auto!important;left:auto!important}.world-card:nth-child(2n){margin-top:45px!important}}@media (width<=620px){.app-shell{padding:0 10px}.topbar{border-radius:18px;margin-top:6px;top:6px}.hero{border-radius:28px;min-height:0;padding:36px 18px 30px}.hero h1{font-size:47px}.hero-intro>div:first-child>p{font-size:17px}.popi-art{height:290px}.popi-art img{max-height:285px}.daily-card{min-height:330px}.festival{border-radius:26px;padding:12px}.festival .section-title{padding:15px}.festival-path{border-width:3px;border-radius:23px}.world-card{width:78px;height:78px}.world-card .world-icon{font-size:32px}.world-copy{width:125px;top:87px}.feature-grid{padding-left:4px;padding-right:4px}.quiz-card{border-width:3px}}@media (prefers-reduced-motion:reduce){.popi-art img,.popi-glow{animation:none}}.phaser-map{aspect-ratio:16/9;background:#27125f;border:5px solid #fff;border-radius:34px;width:100%;margin-top:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #6a40bd,0 18px 40px #16083f99}.phaser-map canvas{position:relative;z-index:2!important;width:100%!important;height:100%!important;display:block!important}.map-loading{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#382077,#5f36aa);place-items:center;font:800 18px Manrope;display:grid;position:absolute;inset:0}@media (width<=700px){.phaser-map{aspect-ratio:4/3;border-width:3px;border-radius:24px;width:calc(100% + 12px);margin-left:-6px}.phaser-map canvas{object-fit:cover}}.screen-transition{animation:.42s cubic-bezier(.2,.85,.3,1) scene-enter}.sound-toggle{justify-content:center;width:38px;height:38px;padding:0}.game-popi-reaction{object-fit:contain;z-index:12;filter:drop-shadow(0 12px 9px #24124d45);pointer-events:none;width:155px;height:155px;position:absolute;top:-90px;right:-45px}.game-popi-reaction.happy{animation:.7s cubic-bezier(.2,1.5,.4,1) popi-correct}.game-popi-reaction.oops{filter:grayscale(.2)drop-shadow(0 12px 9px #24124d45);animation:.55s ease-in-out popi-oops}@keyframes scene-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}}@keyframes popi-correct{0%{opacity:0;transform:translateY(35px)rotate(-12deg)scale(.55)}65%{transform:translateY(-8px)rotate(7deg)scale(1.08)}to{opacity:1;transform:none}}@keyframes popi-oops{0%{opacity:0;transform:translateY(20px)scale(.7)}30%{opacity:1;transform:rotate(-8deg)}60%{transform:rotate(8deg)}to{transform:none}}@media (width<=680px){.game-popi-reaction{width:105px;height:105px;top:-72px;right:-8px}.sound-toggle{display:flex}}@media (prefers-reduced-motion:reduce){.screen-transition,.game-popi-reaction{animation:none}}.avatar-studio{max-width:1080px}.studio-hero{color:#fff;text-align:left;background:linear-gradient(135deg,#3d2085,#6d3fc4 56%,#d64da3);border:4px solid #fff;border-radius:38px;grid-template-columns:360px 1fr;align-items:center;gap:45px;margin:15px 0 28px;padding:38px;display:grid;box-shadow:0 13px #28145e,0 30px 70px #26114f45}.avatar-pedestal{background:radial-gradient(circle,#fff6a1 0 18%,#f5b94f99 19% 39%,#0000 40%);border-radius:50%;place-items:center;min-height:290px;display:grid;position:relative}.avatar-pedestal:after{content:"";background:#28125188;border-radius:50%;width:220px;height:45px;position:absolute;bottom:18px;box-shadow:0 15px 35px #1b0b3a}.avatar-pedestal .avatar-figure{z-index:2;transform:scale(1.15)}.avatar-pedestal>span{z-index:3;color:#552e0d;background:#ffca45;border:2px solid #fff;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:900;position:absolute;bottom:3px}.studio-copy .kicker{color:#ffdc65}.studio-copy h1{text-shadow:0 4px #2c155f;margin:10px 0;font:800 clamp(38px,5vw,62px)/1 Manrope}.studio-copy>p{color:#f1eaff;max-width:560px;font-size:17px;line-height:1.5}.level-road{background:#210f5799;border:2px solid #ffffff43;border-radius:18px;margin-top:25px;padding:17px}.level-road>div{justify-content:space-between;display:flex}.level-road i{background:#160936;border-radius:20px;height:13px;margin:10px 0;display:block;overflow:hidden}.level-road i span{background:linear-gradient(90deg,#ffd44f,#ff6ca2,#4ee0c3);border-radius:20px;height:100%;display:block;box-shadow:0 0 17px #ffd55a}.level-road small{color:#ddd0ff}.avatar-arm,.avatar-leg{z-index:0;background:var(--outfit);position:absolute}.avatar-arm{border-radius:20px;width:36%;height:11%;top:56%}.arm-left{left:-23%;transform:rotate(24deg)}.arm-right{right:-23%;transform:rotate(-24deg)}.avatar-leg{background:#e43858;border-radius:15px;width:12%;height:32%;bottom:-27%}.leg-left{left:25%;transform:rotate(8deg)}.leg-right{right:25%;transform:rotate(-8deg)}.avatar-leg:after{content:"";background:#30cfcc;border:2px solid #fff;border-radius:12px;width:185%;height:35%;position:absolute;bottom:-7px}.leg-left:after{right:0}.leg-right:after{left:0}.avatar-topping{z-index:4;background:var(--hair);opacity:.88;clip-path:polygon(0 68%,15% 25%,30% 58%,49% 0,64% 56%,84% 19%,100% 70%,100% 100%,0 100%);border-radius:50% 50% 35% 35%;height:36%;position:absolute;top:-28%;left:8%;right:8%}.hair-basic .avatar-topping{display:none}.hair-curl .avatar-topping{clip-path:none;border-radius:50%;height:20%;top:-18%}.hair-caramel .avatar-topping{background:linear-gradient(#ffd15c,#d66e22)}.hair-neon .avatar-topping{filter:drop-shadow(0 0 9px #b66cff)}.hair-rainbow .avatar-topping{background:linear-gradient(90deg,#ff5b7f,#ffd44e,#34d6bb,#7554ff)}.outfit-cinema{background:repeating-linear-gradient(90deg,#f7e9d4 0 16%,var(--outfit) 16% 32%)}.outfit-sport{background:linear-gradient(165deg,#fff8ed 0 42%,var(--outfit) 43% 70%,#fff 71% 78%,var(--outfit) 79%)}.outfit-music{background:linear-gradient(165deg,#fff8ed 0 42%,var(--outfit) 43% 100%)}.outfit-music:before{content:"★";z-index:3;color:#ffd956;font-size:26px;position:absolute;top:68%;left:39%}.outfit-space{background:radial-gradient(circle at 70% 70%,#fff 0 2%,#0000 3%),radial-gradient(circle at 25% 79%,#78ebff 0 3%,#0000 4%),linear-gradient(165deg,#fff8ed 0 42%,#20223f 43%)}.avatar-accessory{width:max-content;top:39%;left:50%;transform:translate(-50%);font-size:20px!important;position:absolute!important;inset:auto!important}.accessory-crown .avatar-accessory{color:#ffd34d;top:-38%;font-size:53px!important}.accessory-bow .avatar-accessory{color:#ffd34d;top:70%;font-size:35px!important}.accessory-headphones .avatar-accessory{color:#43ded1;top:28%;font-size:34px!important}.accessory-glasses .avatar-accessory{letter-spacing:4px;color:#24203e}.frame-gold{box-shadow:0 0 0 7px #ffdf6b,0 0 28px #ffc84e}.frame-mint{box-shadow:0 0 0 7px #9effe9,0 0 25px #35d9bb}.frame-fire{box-shadow:0 0 0 7px #ff755d,0 0 30px #ff593e}.frame-cosmic{box-shadow:0 0 0 7px #ff72bf,0 0 34px #8c5bff}.cosmetics button.locked{opacity:.72;background:repeating-linear-gradient(135deg,#fff 0 10px,#f4effa 10px 20px)}.cosmetics button.locked:hover{opacity:1}.cosmetics button.locked.selected{opacity:1;background:#fff7e8;border-color:#f39c35;box-shadow:0 0 0 3px #f6a83c2d}.studio-message{color:#08714d;background:#e8fff6;border-radius:14px;max-width:620px;margin:24px auto 0;padding:12px 16px;font-weight:800}.studio-message.warning{color:#96500c;background:#fff2dc}.profile-save:disabled{opacity:.6}@media (width<=800px){.studio-hero{text-align:center;grid-template-columns:1fr;padding:28px 20px}.studio-copy>p{margin-left:auto;margin-right:auto}.avatar-pedestal{min-height:250px}.avatar-pedestal .avatar-figure{transform:scale(1)}}@media (width<=620px){.avatar-studio{padding-left:2px;padding-right:2px}.studio-hero{border-radius:27px}.avatar-arm{width:30%}.arm-left{left:-18%}.arm-right{right:-18%}}.hero{background:linear-gradient(90deg,#291466db 0,#542a9fc9 48%,#5c37a344),url(/game-assets/festival-world-v2.jpg) 50%/cover}.festival-path{background-image:url(/game-assets/festival-world-v2.jpg)}.story-banner{color:#351058;text-align:left;cursor:pointer;background:linear-gradient(110deg,#ff477e,#ff8a3d 45%,#ffd447);border:4px solid #fff;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:100%;margin:34px 0 8px;padding:24px 30px;transition:transform .2s,filter .2s;display:grid;box-shadow:0 10px #8a2a69,0 22px 45px #57236b35}.story-banner:hover{filter:saturate(1.1);transform:translateY(-5px)}.story-banner>span:nth-child(2){gap:3px;display:grid}.story-banner small{letter-spacing:.16em;font-weight:950}.story-banner b{font-size:clamp(21px,3vw,34px);line-height:1.05}.story-banner em{font-style:normal;font-weight:700}.story-popcorn{filter:drop-shadow(0 6px #a63b53);font-size:52px}.story-page{color:#fff;background:radial-gradient(circle at 90% 5%,#ffdf6888,#0000 28%),linear-gradient(145deg,#351275,#6b2dcc);border:4px solid #fff;border-radius:38px;max-width:1120px;margin:34px auto 70px;padding:34px;box-shadow:0 14px #241052,0 30px 70px #26105455}.story-page>.back{color:#4b228e;background:#fff}.story-heading{max-width:760px;margin:18px 0 30px}.story-heading .kicker{color:#ffdd57}.story-heading h1{text-shadow:0 5px #251052;margin:8px 0;font-size:clamp(36px,6vw,68px);line-height:.98}.story-heading p{color:#eee5ff;font-size:18px}.chapter-list{gap:18px;display:grid}.chapter-card{--chapter:#8b5cf6;background:linear-gradient(105deg,color-mix(in srgb,var(--chapter) 78%,#321368),#261054);color:#fff;text-align:left;width:100%;min-height:150px;box-shadow:0 8px 0 color-mix(in srgb,var(--chapter) 48%,#18092f);cursor:pointer;border:4px solid #fff;border-radius:28px;grid-template-columns:56px 84px 1fr auto;align-items:center;gap:18px;padding:18px 24px;transition:transform .2s,filter .2s;display:grid}.chapter-card:hover{filter:brightness(1.12);transform:translateY(-5px)scale(1.01)}.chapter-number{color:#ffe26b;font-size:26px;font-weight:1000}.chapter-art{background:#fff2;border:4px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:38px;display:grid}.chapter-copy{gap:4px;display:grid}.chapter-copy small{letter-spacing:.14em;color:#ffe26b;font-weight:900}.chapter-copy b{font-size:26px}.chapter-copy em{color:#f4eeff;font-style:normal}.chapter-copy i{color:#ffe26b;font-style:normal;font-weight:900}@media (width<=650px){.story-banner{grid-template-columns:52px 1fr auto;gap:12px;padding:18px}.story-popcorn{font-size:42px}.story-banner em{font-size:13px}.story-page{border-radius:28px;padding:20px 14px}.chapter-card{grid-template-columns:44px 58px 1fr;padding:15px 12px}.chapter-card>svg{display:none}.chapter-art{width:54px;height:54px;font-size:29px}.chapter-copy b{font-size:20px}.chapter-copy em{font-size:13px}}.hero-copy{position:relative}.hero-intro{grid-template-columns:minmax(0,1fr) 190px;align-items:center;display:grid}.popi-stage{filter:drop-shadow(0 20px 23px #6638d52b);place-items:center;height:225px;display:grid;position:relative}.popi-stage>b{color:#6d4aff;background:#fff;border-radius:16px 16px 16px 3px;padding:8px 12px;font-size:12px;animation:2.2s ease-in-out infinite bubble;position:absolute;top:15px;right:-4px;transform:rotate(5deg)}.popi{transform-origin:50% 85%;width:92px;height:150px;animation:1.25s ease-in-out infinite popi-dance;position:relative}.popi-body{z-index:2;background:linear-gradient(145deg,#a86cff 0,#7248f5 45%,#ed4fba 100%);border-radius:37px 37px 28px 28px;width:63px;height:100px;position:absolute;top:7px;left:20px;box-shadow:inset -8px -8px #3d23962c,0 10px #4d2ac5}.popi-shine{background:#fff6;border-radius:50%;width:17px;height:35px;position:absolute;top:11px;left:13px;transform:rotate(20deg)}.popi-eye{background:#fff;border-radius:50%;width:11px;height:15px;position:absolute;top:42px;box-shadow:inset 0 -5px #cbf7ff}.popi-eye:after{content:"";background:#1d1535;border-radius:50%;width:5px;height:7px;position:absolute;top:5px;left:4px}.popi-eye.left{left:17px}.popi-eye.right{right:16px}.popi-mouth{background:#2b1745;border:2px solid #fff;border-radius:2px 2px 15px 15px;width:18px;height:13px;position:absolute;top:67px;left:25px}.popi-mouth:after{content:"";background:#ff72ad;border-radius:50%;width:8px;height:4px;position:absolute;bottom:0;left:4px}.popi-cheek{background:#ff9acb;border-radius:50%;width:8px;height:5px;position:absolute;top:64px}.popi-cheek.left{left:7px}.popi-cheek.right{right:7px}.popi-dot{z-index:2;background:linear-gradient(145deg,#ffcd4f,#ff8e37);border-radius:50%;width:26px;height:26px;position:absolute;top:115px;left:40px;box-shadow:0 7px #d8612c}.popi-arm{z-index:1;transform-origin:50%;background:#7549f0;border-radius:12px;width:47px;height:11px;position:absolute;top:68px}.popi-arm:after{content:"";background:#ffbd54;border-radius:50%;width:15px;height:15px;position:absolute;top:-2px}.popi-arm.left{animation:.65s ease-in-out infinite alternate arm-left;left:-12px;transform:rotate(30deg)}.popi-arm.right{animation:.65s ease-in-out infinite alternate arm-right;right:-20px;transform:rotate(-35deg)}.popi-arm.left:after{left:-3px}.popi-arm.right:after{right:-3px}.popi-leg{transform-origin:top;background:#3c288f;border-radius:10px;width:11px;height:25px;position:absolute;top:136px}.popi-leg.left{animation:.625s ease-in-out infinite alternate leg-left;left:34px}.popi-leg.right{animation:.625s ease-in-out infinite alternate leg-right;right:25px}.popi-leg:after{content:"";background:#28d5be;border-radius:12px 12px 5px 5px;width:24px;height:11px;position:absolute;bottom:-4px}.popi-leg.left:after{right:0}.popi-leg.right:after{left:0}.popi-shadow{background:#39228a22;border-radius:50%;width:78px;height:15px;animation:1.25s ease-in-out infinite shadow;position:absolute;bottom:21px}.music-note{color:#ed4fba;font:800 24px Manrope;animation:1.8s ease-out infinite note;position:absolute}.note-one{top:38px;left:10px}.note-two{color:#27cdb4;animation-delay:.7s;top:70px;right:3px}.float-shape{z-index:-1;border-radius:18px;place-items:center;font:800 22px Manrope;animation:3.5s ease-in-out infinite float;display:grid;position:absolute}.shape-one{color:#b76a00;background:#ffdd69;width:47px;height:47px;top:30px;left:-45px;transform:rotate(-14deg)}.shape-two{color:#087f75;background:#72e6d6;width:39px;height:39px;animation-delay:.8s;top:-25px;right:2%}.shape-three{color:#9f215e;background:#ff83bd;width:34px;height:34px;animation-delay:1.5s;bottom:5px;left:48%}.category{position:relative;overflow:hidden}.category:before{content:"";background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;width:60px;height:60px;transition:all .25s;position:absolute;top:-25px;right:-25px}.category:hover:before{transform:scale(2)}.category-icon{animation:2.8s ease-in-out infinite icon-bob}.category:nth-child(2n) .category-icon{animation-delay:.45s}.category:nth-child(3n) .category-icon{animation-delay:.9s}.daily-card{animation:4s ease-in-out infinite card-breathe}.brand-pop{animation:3.5s ease-in-out infinite logo-wiggle}@keyframes popi-dance{0%,to{transform:translateY(0)rotate(-5deg)scaleY(1)}25%{transform:translateY(-13px)rotate(6deg)scaleY(1.03)}50%{transform:translateY(1px)rotate(4deg)scaleY(.96)}75%{transform:translateY(-10px)rotate(-7deg)scaleY(1.02)}}@keyframes arm-left{to{transform:rotate(-30deg)translateY(-5px)}}@keyframes arm-right{to{transform:rotate(35deg)translateY(-5px)}}@keyframes leg-left{to{transform:rotate(24deg)}}@keyframes leg-right{to{transform:rotate(-24deg)}}@keyframes shadow{50%{opacity:.45;transform:scale(.68)}}@keyframes note{0%{opacity:0;transform:translateY(20px)rotate(-15deg)}35%{opacity:1}to{opacity:0;transform:translateY(-28px)rotate(15deg)}}@keyframes bubble{50%{transform:translateY(-6px)rotate(2deg)}}@keyframes float{50%{transform:translateY(-13px)rotate(10deg)}}@keyframes icon-bob{50%{transform:translateY(-5px)rotate(5deg)}}@keyframes card-breathe{50%{transform:translateY(-3px);box-shadow:0 28px 75px #5c3de35d}}@keyframes logo-wiggle{0%,88%,to{transform:rotate(-5deg)}92%{transform:rotate(8deg)scale(1.08)}96%{transform:rotate(-10deg)}}@media (width<=740px){.hero-intro{grid-template-columns:1fr}.popi-stage{width:190px;height:205px;margin:-10px auto 5px}.shape-one{left:-10px}.shape-two{right:8%}.shape-three{bottom:215px}}@media (prefers-reduced-motion:reduce){.popi,.popi-arm,.popi-leg,.popi-shadow,.music-note,.popi-stage>b,.float-shape,.category-icon,.daily-card,.brand-pop{animation:none!important}}body:before,body:after{content:"";z-index:-2;filter:blur(2px);opacity:.42;border-radius:50%;animation:12s ease-in-out infinite ambient-orbit;position:fixed}body:before{background:radial-gradient(circle at 30% 25%,#fff 0 5%,#ff8bcc 7% 34%,#ff4a90 36% 59%,#0000 61%);width:240px;height:240px;top:28%;left:-90px}body:after{background:radial-gradient(circle at 30% 25%,#fff 0 5%,#74ead5 7% 38%,#3bc3cf 40% 59%,#0000 61%);width:190px;height:190px;animation-delay:-5s;bottom:8%;right:-70px}.primary,.daily-card,.category,.feature,.answers button{will-change:transform}.primary{text-shadow:0 1px #351d95;background:linear-gradient(#835fff,#6540e5);border-bottom:5px solid #4726bd;transition:transform .12s,filter .12s}.primary:hover{filter:saturate(1.2)brightness(1.06);transform:translateY(-2px)}.primary:active{border-bottom-width:2px;transform:translateY(3px)}.answers button{transition:transform .14s,box-shadow .14s,filter .14s;position:relative;box-shadow:0 5px #ded9eb}.answers button:hover:not(.muted){transform:translateY(-3px)scale(1.012);box-shadow:0 8px #d7d0ea,0 12px 25px #442f8514}.answers button:active:not(.muted){transform:translateY(3px);box-shadow:0 2px #ded9eb}.answers button.correct{animation:.5s cubic-bezier(.2,1.65,.5,1) correct-pop;box-shadow:0 6px #159363,0 0 28px #24d78c55}.answers button.wrong{animation:.38s ease-in-out wrong-shake;box-shadow:0 5px #c94255}.quiz-card{position:relative;overflow:visible}.spark-burst{pointer-events:none;opacity:0;position:absolute;inset:20% 12%}.celebrate .spark-burst{opacity:1}.spark-burst i{color:#ffbd37;font-size:22px;font-style:normal;animation:.78s ease-out both spark-fly;position:absolute}.spark-burst i:first-child{--x:-150px;--y:-90px;top:50%;left:50%}.spark-burst i:nth-child(2){--x:-180px;--y:30px;color:#ff5bad;top:50%;left:50%}.spark-burst i:nth-child(3){--x:-70px;--y:-145px;color:#6b4fff;top:50%;left:50%}.spark-burst i:nth-child(4){--x:135px;--y:-110px;color:#28d8bd;top:50%;left:50%}.spark-burst i:nth-child(5){--x:175px;--y:15px;color:#ff6d53;top:50%;left:50%}.spark-burst i:nth-child(6){--x:70px;--y:-155px;animation-delay:50ms;top:50%;left:50%}.feedback.good{animation:.45s cubic-bezier(.2,1.4,.5,1) feedback-in}.result-badge{animation:1.2s ease-in-out infinite trophy-party}.big-score{background:linear-gradient(90deg,#6d4aff,#ed4fba,#ff8e37) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite score-shine}.category:nth-child(4n+1){background:linear-gradient(145deg,#fff,#fff3f8)}.category:nth-child(4n+2){background:linear-gradient(145deg,#fff,#f0fffb)}.category:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff9e8)}.category:nth-child(4n){background:linear-gradient(145deg,#fff,#f3f0ff)}@keyframes correct-pop{0%{transform:scale(1)}42%{transform:scale(1.06)rotate(-1deg)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes wrong-shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes spark-fly{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}25%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1.2) rotate(180deg);opacity:0}}@keyframes feedback-in{0%{opacity:0;transform:translateY(14px)scale(.95)}}@keyframes trophy-party{50%{filter:saturate(1.2);transform:rotate(5deg)translateY(-6px)}}@keyframes score-shine{to{background-position:200%}}@keyframes ambient-orbit{50%{transform:translate(25px,-35px)rotate(18deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){body:before,body:after,.answers button,.spark-burst i,.feedback.good,.result-badge,.big-score{animation:none!important}}.ad-slot{color:#8b829d;text-align:center;background:#fff;border:2px dashed #d8d0ee;border-radius:18px;place-items:center;max-width:760px;min-height:90px;margin:0 auto 50px;padding:16px;font-size:12px;display:grid}:root{color:#17142d;font-synthesis:none;--purple:#6d4aff;--ink:#17142d;--muted:#69657d;--line:#e9e6f2;background:#faf9ff;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 8%,#eee8ff 0,#0000 26%),#faf9ff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1240px;min-height:100vh;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;font:800 23px Manrope;display:flex}.brand-pop{background:var(--purple);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-5deg);box-shadow:0 8px 20px #6d4aff44}.top-actions{align-items:center;gap:10px;display:flex}.status,.language{border:1px solid var(--line);color:#8b8799;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.status.online{color:#0e8d5b}.language{color:var(--ink)}.avatar{color:#fff;background:#18152e;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.hero{grid-template-columns:1.35fr .8fr;align-items:stretch;gap:38px;padding:72px 0 40px;display:grid}.eyebrow,.kicker{letter-spacing:.16em;color:var(--purple);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.hero h1{letter-spacing:-.055em;max-width:760px;margin:20px 0 15px;font:800 clamp(42px,6vw,78px)/.98 Manrope}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy>p{color:var(--muted);font-size:19px}.profile-row{align-items:end;gap:16px;margin-top:34px;display:flex}.profile-row label{color:var(--muted);flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.profile-row input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:12px 14px;font-weight:700}.profile-row input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d4aff18}.level{color:#c76418;background:#fff0dd;border-radius:13px;align-items:center;gap:6px;height:45px;padding:0 14px;display:flex}.level span{font-size:11px;font-weight:800}.daily-card{color:#fff;text-align:left;background:linear-gradient(145deg,#6f4dfb,#512acc);border:0;border-radius:30px;min-height:360px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #5c3de345}.daily-card:before,.daily-card:after{content:"";border:1px solid #ffffff36;border-radius:50%;width:260px;height:260px;position:absolute;top:55px;right:-90px}.daily-card:after{width:180px;height:180px;top:95px;right:-50px}.daily-top{justify-content:space-between;font-size:13px;font-weight:800;display:flex}.daily-orbit{text-align:center;background:#ffffff16;border:1px solid #fff4;border-radius:50%;place-content:center;width:118px;height:118px;margin:34px auto 24px;display:grid;box-shadow:inset 0 0 0 12px #ffffff0a}.daily-orbit span{font:800 42px Manrope}.daily-orbit small{letter-spacing:.12em;font-size:9px}.daily-card h2{max-width:220px;font:800 22px/1.2 Manrope}.play-link{align-items:center;gap:5px;margin-top:20px;font-weight:800;display:flex}.notice{color:#6a537e;background:#f6f1ff;border:1px solid #e6dafc;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;font-size:13px;display:flex}.section{padding:54px 0 28px}.section-title{justify-content:space-between;align-items:end;margin-bottom:23px;display:flex}.section-title h2{margin:6px 0 0;font:800 30px Manrope}.section-title>span{color:var(--muted);font-size:13px}.category-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.category{border:1px solid var(--line);text-align:left;background:#fff;border-radius:20px;grid-template-columns:1fr auto;align-items:end;gap:8px;min-height:138px;padding:17px;transition:all .2s;display:grid}.category:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 14px 30px #23196310}.category-icon{grid-column:1/-1;align-self:start;font-size:31px}.category>span:nth-child(2){font-weight:800;line-height:1.15}.category svg{color:var(--accent)}.feature-grid{grid-template-columns:1fr 1fr;gap:18px;padding:25px 0 70px;display:grid}.feature{text-align:left;border:0;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;display:grid}.feature.duel{color:#fff;background:#17142d}.feature.rank{border:1px solid var(--line);background:#fff}.feature-icon{background:#ffffff16;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.rank .feature-icon{color:#bd7216;background:#fff0d8}.feature h3{margin:5px 0;font:800 20px Manrope}.feature p{color:#aaa5bd;margin:0;font-size:13px}.rank p{color:var(--muted)}.game-wrap{max-width:860px;margin:0 auto;padding:45px 0 80px}.game-head{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;display:grid}.back{border:1px solid var(--line);background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.progress-meta>span{color:var(--muted);font-size:12px;font-weight:700}.progress{background:#eae7f2;border-radius:9px;height:7px;margin-top:7px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--purple),#a970ff);border-radius:9px;height:100%;transition:all .3s;display:block}.live-score{color:#b06d17;align-items:center;gap:6px;display:flex}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:28px;margin-top:24px;padding:42px;box-shadow:0 24px 70px #26204812}.question-category{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.quiz-card h1{letter-spacing:-.035em;margin:18px 0 30px;font:800 clamp(25px,4vw,37px)/1.18 Manrope}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answers button{border:1px solid var(--line);text-align:left;min-height:72px;color:var(--ink);background:#fbfaff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;font-weight:700;display:grid}.answers button>span{background:#eeebf7;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.answers button:hover:not(.muted){border-color:var(--purple)}.answers button.correct{color:#087348;background:#effbf6;border-color:#23aa73}.answers button.correct>span{color:#fff;background:#23aa73}.answers button.wrong{color:#a82a3c;background:#fff1f3;border-color:#ee6073}.answers button.wrong>span{color:#fff;background:#ee6073}.answers button.muted{opacity:.48}.feedback{border-radius:14px;flex-direction:column;gap:3px;margin-top:18px;padding:15px 17px;font-size:13px;display:flex}.feedback.good{color:#087348;background:#effbf6}.feedback.bad{color:#9b551f;background:#fff3e9}.primary,.ghost{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:800;display:flex}.primary{background:var(--purple);color:#fff;box-shadow:0 10px 25px #6d4aff35}.ghost{border:1px solid var(--line);color:var(--ink);background:#fff}.next{margin:20px 0 0 auto}.result-page,.ranking-page{text-align:center;max-width:720px;margin:0 auto;padding:70px 0 100px;position:relative}.result-badge{color:#fff;background:linear-gradient(145deg,#ffd56a,#ff9e3f);border-radius:29px;place-items:center;width:94px;height:94px;margin:0 auto 22px;display:grid;transform:rotate(-5deg);box-shadow:0 20px 40px #e6903933}.result-badge svg{width:45px;height:45px}.result-page h1,.ranking-page h1{margin:10px;font:800 42px Manrope}.big-score{color:var(--purple);font:800 54px Manrope}.big-score small{color:var(--muted);font:700 14px DM Sans}.result-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0;display:grid}.result-stats div{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;padding:20px;display:flex}.result-stats b{font:800 24px Manrope}.result-stats span{color:var(--muted);font-size:12px}.result-actions{justify-content:center;gap:12px;display:flex}.verification{color:var(--muted);margin-top:25px;font-size:12px}.confetti{color:#ffb642;opacity:.13;font-size:100px;position:absolute;top:30px;right:10%}.ranking-page>.back{position:absolute;top:72px;left:0}.empty-rank{background:#fff;border:1px dashed #d8d3e6;border-radius:25px;margin-top:35px;padding:50px 30px}.empty-rank svg{color:#9b94ad}.empty-rank h2{font:800 23px Manrope}.empty-rank p{color:var(--muted)}.leaderboard{margin:35px 0;padding:0;list-style:none}.leaderboard li{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;padding:16px;display:grid}.leaderboard li>span{color:var(--purple);font:800 18px Manrope}.leaderboard em{color:#b06d17;font-style:normal;font-weight:800}footer{border-top:1px solid var(--line);color:#928da1;justify-content:space-between;padding:24px 0;font-size:12px;display:flex}@media (width<=900px){.hero{grid-template-columns:1fr}.daily-card{min-height:330px}.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.app-shell{padding:0 16px}.topbar{height:70px}.status{display:none}.brand{font-size:20px}.hero{padding:42px 0 25px}.hero h1{font-size:46px}.profile-row{flex-direction:column;align-items:stretch}.profile-row input{width:100%}.daily-card{min-height:320px}.category-grid{grid-template-columns:1fr 1fr}.category{min-height:125px}.feature-grid,.answers{grid-template-columns:1fr}.quiz-card{padding:25px 18px}.result-stats{gap:7px}.result-stats div{padding:15px 7px}.result-actions{flex-direction:column}.ranking-page>.back{top:24px}.ranking-page{padding-top:75px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}