@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');
:root{--ink:#191432;--muted:#756f88;--purple:#7658f6;--lav:#efeafe;--paper:#fbfaff;--line:#e8e4ef;--mint:#ddf8ea;--yellow:#ffdd74;--pink:#fbdceb}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Manrope,Arial,sans-serif;color:var(--ink)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:focus-visible{outline:3px solid #775bff;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2{font-family:Unbounded,Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(2.55rem,5vw,5.25rem);line-height:1.08}h1 em{font-style:normal;color:var(--purple)}h2{font-size:clamp(1.65rem,2.7vw,2.7rem);line-height:1.18}.topbar{height:78px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.logo{font:700 24px Unbounded,sans-serif;letter-spacing:-.1em}.logo-spark{display:inline-grid;place-items:center;color:#fff;background:var(--purple);border-radius:8px;width:25px;height:25px;font-size:15px;margin-right:7px}.topbar nav{display:flex;gap:30px;margin-left:70px}.topbar nav button,.text-button,footer button{color:#5f5871;font-size:14px;font-weight:700}.topbar nav button:hover,footer button:hover{color:var(--purple)}.top-actions{display:flex;align-items:center;gap:12px}.button{background:var(--purple);color:#fff;border-radius:14px;padding:16px 22px;font-weight:800;box-shadow:0 7px 20px #7658f639;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7658f64d}.button b{margin-left:9px}.button-small{padding:12px 16px;font-size:13px}.mini-xp{font-weight:800;font-size:12px;background:#f0edff;padding:8px 12px;border-radius:12px;color:#5743b4}.mini-xp span{display:block;font-size:10px;color:#8278a4;margin-top:2px}.avatar{width:70px;height:70px;border-radius:50%;background:#fde5bc;display:inline-grid;place-items:center;font-size:39px;border:4px solid #fff;box-shadow:0 3px 12px #3a24532b}.avatar-small{height:42px;width:42px;font-size:23px;border-width:2px}.avatar-button{line-height:0}.hero{background:#f1edff;min-height:570px;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;padding:72px max(6vw,40px) 68px}.hero-copy{max-width:630px;justify-self:end;padding-right:30px;z-index:2}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#8a7dbb;margin-bottom:17px}.hero h1{margin-bottom:23px}.lead{font-size:17px;line-height:1.65;color:#615a74;max-width:510px}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:32px}.text-cta{font-size:14px;font-weight:800}.text-cta span{margin-left:7px;color:var(--purple);font-size:18px}.trust{display:flex;gap:22px;margin-top:32px;color:#766c8d;font-size:12px;font-weight:700}.trust span:first-letter{color:#42ad77}.hero-art{position:relative;min-width:430px}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb.one{background:#d8cdfb;width:480px;height:480px;top:-35px;left:40px}.orb.two{background:#f9cde1;width:170px;height:170px;bottom:10px;left:8px}.star{position:absolute;font-size:36px;color:#ffa53d;z-index:2}.star.a{left:90px;top:70px}.star.b{right:30px;bottom:110px;color:#7b60fd;font-size:24px}.mascot{z-index:1;width:272px;height:272px;position:absolute;left:145px;top:92px;background:linear-gradient(145deg,#8d6cff,#6141d5);border-radius:47% 52% 44% 48%;transform:rotate(-7deg);box-shadow:inset -18px -18px #583ac7,0 24px 35px #5c3cc63b}.mascot:after{content:"";position:absolute;width:95px;height:38px;background:#5940c0;bottom:-16px;left:55px;border-radius:50%;filter:blur(3px)}.ear{position:absolute;top:-40px;width:94px;height:113px;border-radius:18px 70px 20px 65px;background:#7e5bea}.ear.left{left:3px;transform:rotate(-25deg)}.ear.right{right:4px;transform:scaleX(-1) rotate(-25deg)}.face{position:absolute;inset:55px 35px 38px;border-radius:48%;background:#fff2e4;display:flex;justify-content:center;gap:52px;padding-top:40px;color:#2f1a6d;font-size:28px;z-index:1}.face i{position:absolute;width:22px;height:13px;border-radius:3px 3px 10px 10px;background:#ec8bb8;top:74px}.tail{position:absolute;right:-43px;bottom:3px;width:91px;height:85px;background:#8464f0;border-radius:22px 50px 46px 12px;transform:rotate(27deg);font-size:28px;color:#ffda58;text-align:right;padding:7px 10px}.level-bubble{position:absolute;z-index:3;right:6px;bottom:35px;width:150px;border-radius:18px;background:#fff;padding:12px 13px;font-size:11px;color:#6f6680;font-weight:800;box-shadow:0 12px 35px #3f2f6740}.level-bubble strong{display:block;font:700 27px Unbounded;color:var(--ink);margin:2px 0 7px}.progress{height:7px;border-radius:7px;background:#ebe8f1;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8061ff,#a890ff)}.section,.page-shell{max-width:1120px;margin:auto;padding:96px 28px}.how{text-align:center}.how .eyebrow{margin-bottom:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:53px}.step{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px;min-height:218px;text-align:left;position:relative}.step>span{position:absolute;right:22px;top:18px;font:700 12px Unbounded;color:#d4cddf}.step-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:var(--lav);color:#6d50e4;font-size:25px;margin-bottom:26px}.step h3{font:800 19px Unbounded;letter-spacing:-.06em}.step p{color:var(--muted);font-size:14px;margin-top:8px}.section-heading,.panel-title{display:flex;justify-content:space-between;align-items:end}.section-heading .eyebrow{margin-bottom:13px}.link-button,.panel-title button{font-size:13px;color:#6852dc;font-weight:800}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.game-card{background:#fff;border-radius:21px;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 17px 30px #2e234310}.game-art{height:153px;position:relative;display:grid;place-items:center;overflow:hidden}.game-art:before,.game-art:after{content:"";position:absolute;border-radius:50%;opacity:.75}.game-art:before{height:200px;width:200px;right:-40px;bottom:-100px}.game-art:after{height:80px;width:80px;left:19px;top:15px}.game-art span{font:700 48px Unbounded;letter-spacing:-.1em;z-index:1}.game-art i{position:absolute;right:28px;top:24px;font-size:24px;z-index:1}.purple .game-art{background:#e8e0ff;color:#6748db}.purple .game-art:before{background:#c5b0fa}.blue .game-art{background:#dcecfb;color:#3c78b5}.blue .game-art:before{background:#b3d9fa}.orange .game-art{background:#ffe6c8;color:#d7792f}.orange .game-art:before{background:#ffbd76}.pink .game-art{background:#fee2ec;color:#d7679b}.pink .game-art:before{background:#f7b3cd}.green .game-art{background:#dcf4d8;color:#4d9d66}.green .game-art:before{background:#b4e6aa}.teal .game-art{background:#d4f1ed;color:#388b85}.teal .game-art:before{background:#a8dfd8}.game-info{padding:18px 18px 16px}.game-meta{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:800;color:#938b9e}.game-meta b{color:#8374a0}.game-info h3{font:800 18px Unbounded;letter-spacing:-.07em;margin:9px 0 7px}.game-info p{color:var(--muted);font-size:13px}.game-info button{width:100%;margin-top:16px;text-align:left;color:#624bd3;font-size:12px;font-weight:800}.game-info button strong{float:right;font-size:16px}.premium-strip{max-width:1064px;margin:0 auto 95px;border-radius:24px;background:linear-gradient(105deg,#352276,#7351e8);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 40px #4b318b2b}.premium-strip>div{display:flex;align-items:center;gap:16px}.premium-icon{font-size:28px;color:#ffdc6e}.premium-strip p{font-size:15px;line-height:1.5}.premium-strip>b{font:700 22px Unbounded}.premium-strip small{font:500 11px Manrope;opacity:.72}.button-light{background:#fff;color:#392574;box-shadow:none}.welcome{min-height:208px;padding:37px 46px;border-radius:26px;background:linear-gradient(100deg,#e8e0fe,#d9f0ff);display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome h1{font-size:34px}.welcome h1 span{color:#ffc34b}.welcome p:last-child{color:#685f7f;font-size:14px;margin-top:13px}.mascot-compact{position:relative;left:auto;top:auto;transform:scale(.52) rotate(-7deg);transform-origin:center;right:30px;margin:-62px -52px -67px 0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.daily-card,.xp-card{border-radius:21px;padding:26px;background:#fff;border:1px solid var(--line)}.daily-card{background:#fff8e4}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#9d8d5f}.daily-card h2,.xp-card h2{font:700 20px Unbounded;letter-spacing:-.07em;margin:10px 0 18px}.goal-line{display:flex;align-items:center;justify-content:space-between}.goal-dots{display:flex;gap:7px}.goal-dots b{width:31px;height:9px;background:#f4d576;border-radius:8px}.goal-dots b:nth-child(2),.goal-dots b:nth-child(3){background:#eadfb8}.daily-card p{font-size:11px;color:#8f8058;margin-top:12px}.level-row{display:flex;align-items:center;gap:22px}.level-row>strong{font:700 52px Unbounded;color:#7455ec;letter-spacing:-.1em}.level-row>div{width:100%;font-size:13px}.level-row small{font-size:11px;color:var(--muted);display:block;margin-top:7px}.continue-card{display:grid;grid-template-columns:170px 1fr auto;gap:25px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px}.continue-visual{height:125px;border-radius:15px;display:grid;place-items:center;background:#e5dcff;color:#7254e7;font-size:44px;position:relative}.continue-visual span{position:absolute;bottom:10px;background:#fff;color:#765e9e;border-radius:7px;padding:4px 8px;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:800}.continue-card h2{font-size:21px;letter-spacing:-.07em;margin-bottom:8px}.continue-card p:last-of-type{color:var(--muted);font-size:13px;line-height:1.55}.continue-card .button{white-space:nowrap}.dashboard-bottom,.profile-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:24px}.panel-title{align-items:center}.panel-title h2{font:700 19px Unbounded;letter-spacing:-.07em}.achievements{display:grid;gap:13px;margin-top:22px}.achievement{display:flex;gap:12px;align-items:center}.achievement>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f0ecff;color:#7658f6;font-size:20px}.achievement b,.achievement small{display:block}.achievement b{font-size:13px}.achievement small{font-size:11px;color:var(--muted);margin-top:2px}.rank-score{display:flex;align-items:center;gap:16px;margin:27px 0 10px}.rank-score strong{font:700 39px Unbounded;color:#7253ea}.rank-score span{font-size:11px;color:var(--muted)}.rank-score b{display:block;color:var(--ink);font-size:14px}.rank-panel>p{font-size:11px;color:var(--muted);line-height:1.5}.premium-callout{margin-top:18px;padding:24px 30px;background:#20194a;color:#fff;border-radius:21px;display:flex;align-items:center;gap:16px}.premium-callout>span{font-size:28px;color:#ffdc70}.premium-callout h2{font:700 19px Unbounded;letter-spacing:-.07em}.premium-callout p{font-size:12px;opacity:.7;margin-top:4px}.premium-callout .button{margin-left:auto}.page-intro{margin:20px 0 40px;max-width:650px}.page-intro .eyebrow{margin-bottom:15px}.page-intro p:last-child{font-size:15px;line-height:1.6;color:var(--muted);margin-top:18px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:29px}.filters button{border-radius:12px;padding:10px 15px;background:#eeebf3;color:#716b7f;font-size:12px;font-weight:800}.filters button.active{background:#20194a;color:#fff}.catalog-grid{margin:0}.catalog-note{margin-top:35px;background:#e3f7f1;border-radius:22px;display:flex;align-items:center;padding:7px 29px;gap:10px;overflow:hidden}.catalog-note .mascot{transform:scale(.38) rotate(-7deg);transform-origin:center;margin:-74px -67px -72px -63px}.catalog-note h2{font:700 20px Unbounded;letter-spacing:-.07em}.catalog-note p{font-size:13px;color:#587d76;margin-top:6px}.catalog-note .button{margin-left:auto;white-space:nowrap}.centered{text-align:center;margin-left:auto;margin-right:auto}.leaderboard-card{max-width:770px;margin:0 auto;border:1px solid var(--line);background:#fff;border-radius:21px;overflow:hidden}.leader-header,.rank-row{display:grid;grid-template-columns:100px 1fr 120px 120px;align-items:center;padding:15px 27px;gap:10px}.leader-header{background:#f6f3fb;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#928b9e;font-weight:800}.rank-row{border-top:1px solid var(--line);min-height:72px;font-size:13px}.rank-row>div{display:flex;align-items:center;gap:11px}.rank-row .avatar{background:#f9e6c4}.rank-row small{background:#e3dcff;color:#6850dc;padding:3px 6px;border-radius:5px;margin-left:5px;font-size:9px}.place{font-size:20px}.place-3{color:#7255e8}.rank-row.mine{background:#f1edff}.ranking-empty{text-align:center;padding:24px;color:#776f89;font-size:12px}.safe-note{max-width:770px;margin:15px auto;text-align:center;color:#8c8498;font-size:11px}.profile-hero{background:#eeeaff;border-radius:24px;padding:34px;display:flex;align-items:center;gap:18px}.profile-hero h1{font-size:32px}.profile-hero .eyebrow{margin-bottom:9px}.tag{display:inline-block;background:#e3dff0;color:#716987;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:800;margin-top:10px}.premium-tag{background:#342179;color:#ffdb67}.outline-button{margin-left:auto;border:1px solid #d3c9f1;color:#6650d0;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px}.stat span{display:block;font-size:11px;color:var(--muted)}.stat strong{font:700 24px Unbounded;letter-spacing:-.09em;margin-top:8px;display:block}.activity-empty{text-align:center;padding:33px 5px;color:var(--muted);font-size:12px;line-height:1.7}.activity-empty span{display:block;font-size:32px;color:#9a85ea;margin-bottom:7px}.settings{max-width:770px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:8px 23px;margin-bottom:16px}.settings-card h2{font:700 18px Unbounded;letter-spacing:-.07em;padding:16px 0}.setting-item{padding:16px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.setting-item b,.setting-item small{display:block}.setting-item b{font-size:13px}.setting-item small{color:var(--muted);font-size:11px;margin-top:4px}.setting-item>button:not(.toggle){font-size:12px;color:#674ed4;font-weight:800}.toggle{width:43px;height:25px;border-radius:20px;background:#ded9e7;padding:3px;transition:.2s}.toggle i{display:block;width:19px;height:19px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:#7356e8}.toggle.on i{transform:translateX(18px)}.logout{color:#cf4e6c;font-size:13px;font-weight:800;margin:5px}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#1b12366b;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fff;border-radius:27px;padding:39px;max-width:440px;width:100%;box-shadow:0 25px 80px #160a374d}.close{position:absolute;right:17px;top:11px;font-size:29px;color:#92899f}.modal h2{font-size:26px;letter-spacing:-.07em;margin-bottom:10px}.modal>p:not(.eyebrow):not(.auth-switch){color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:22px}.modal label{font-size:11px;font-weight:800;display:block;margin-top:11px}.modal input{width:100%;margin-top:6px;border:1px solid #ded9e5;border-radius:10px;padding:12px;font:inherit;font-size:13px}.modal-button{width:100%;margin-top:20px}.oauth{width:100%;margin-top:10px;border:1px solid #ded9e5;border-radius:13px;padding:12px;font-weight:800;font-size:12px}.oauth span{margin-right:8px;color:#e63027;font-weight:900;font-size:16px}.auth-switch{text-align:center;font-size:11px!important;margin:18px 0 0!important;color:var(--muted)}.auth-switch button{color:#6751d5;font-weight:800}.modal-mascot{position:absolute;right:25px;top:-33px;transform:scale(.25);transform-origin:top right}.premium-modal{text-align:center;background:linear-gradient(155deg,#fff,#f2edff)}.premium-star{color:#ffbd46;font-size:38px}.premium-modal ul{text-align:left;list-style:none;padding:0;margin:21px 0}.premium-modal li{font-size:13px;padding:7px 0}.premium-modal li:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dff6e9;color:#248a59;font-size:10px;margin-right:9px}.price strong{font:700 32px Unbounded;letter-spacing:-.09em}.price span{font-size:12px;color:var(--muted);margin-left:7px}.premium-modal>small{display:block;color:#968fa0;margin-top:13px;font-size:10px}footer{border-top:1px solid var(--line);padding:34px max(6vw,28px);display:flex;gap:30px;align-items:center;justify-content:space-between;color:#80798e;font-size:11px}footer .logo{font-size:18px}footer .logo-spark{transform:scale(.8);margin-right:3px}footer div{display:flex;gap:20px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);background:#20194a;color:#fff;padding:13px 19px;border-radius:13px;font-size:13px;font-weight:700;box-shadow:0 12px 35px #2d1c5a50}.reduce-motion *{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}@media(max-width:760px){.topbar{height:67px;padding:0 18px}.topbar nav,.mini-xp{display:none}.hero{padding:56px 24px 0;display:block;min-height:670px}.hero-copy{padding:0}.hero-art{min-width:0;height:310px;margin-top:30px}.orb.one{width:340px;height:340px;left:50%;transform:translateX(-50%);top:-5px}.mascot{left:50%;top:52px;transform:translateX(-50%) rotate(-7deg) scale(.8)}.level-bubble{right:5%;bottom:17px}.star.a{left:11%;top:48px}.star.b{right:8%;bottom:84px}.trust{gap:11px;font-size:10px}.section,.page-shell{padding:62px 20px}.steps,.games-grid,.dashboard-bottom,.profile-grid{grid-template-columns:1fr}.steps{margin-top:30px}.step{min-height:0}.premium-strip{margin:0 20px 62px;padding:22px;flex-wrap:wrap;gap:15px}.premium-strip .button{width:100%}.welcome{padding:27px;min-height:190px}.welcome .mascot{position:absolute;right:-21px;bottom:-50px}.welcome h1{font-size:26px;max-width:240px}.dashboard-grid{grid-template-columns:1fr}.continue-card{grid-template-columns:1fr;padding:14px;gap:17px}.continue-visual{height:100px}.continue-card .button{width:100%}.premium-callout{padding:21px;flex-wrap:wrap}.premium-callout .button{width:100%;margin-left:0}.catalog-note{padding:14px 19px;display:block}.catalog-note .mascot{display:none}.catalog-note .button{width:100%;margin:16px 0 0}.leader-header,.rank-row{grid-template-columns:42px 1fr 55px 65px;padding:13px 14px;font-size:11px}.leader-header{font-size:8px}.rank-row .avatar{display:none}.rank-row>div{gap:0}.profile-hero{padding:23px;flex-wrap:wrap}.profile-hero .outline-button{margin-left:0;width:100%}.stats{grid-template-columns:1fr 1fr}.settings{padding-top:45px}footer{display:block;padding:29px 22px}footer p{margin:15px 0}footer div{gap:13px;flex-wrap:wrap}.modal{padding:31px 24px}.hero-actions{gap:15px}.button{padding:14px 18px}.lead{font-size:15px}}