@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#302b43;background:#fffaf2;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#302b43;--muted:#898494;--paper:#fffaf2;--card:#fff;--line:#ede7dd;--purple:#7166c8;--yellow:#f5c95d;--coral:#ee8e78;--shadow:0 18px 50px rgba(85,70,120,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{height:82px;background:#fffdf8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,5vw,84px);gap:36px;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-weight:600;line-height:1;font-size:20px;white-space:nowrap}.logo small{display:block;font:600 7px DM Sans,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:5px}.logo-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--purple);color:#fff;border-radius:13px;font-size:23px;box-shadow:inset 0 -4px #00000014}.nav-tabs{display:flex;gap:8px;align-self:stretch}.nav-tab{background:transparent;padding:0 15px;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border-bottom:3px solid transparent}.nav-tab:hover,.nav-tab.active{color:var(--ink)}.nav-tab.active{border-bottom-color:var(--purple)}.top-actions{margin-left:auto;display:flex;gap:13px;align-items:center}.coin-pill,.timer-pill{background:#fff3c8;border-radius:999px;padding:9px 14px;font-size:13px;color:#a5781e;white-space:nowrap}.coin-pill b{color:#8b6515;margin-left:4px}.timer-pill{background:#eeeaff;color:#6c61bb}.avatar-button{width:38px;height:38px;border-radius:50%;background:#f6b6aa;color:#fff;font-weight:700;box-shadow:inset 0 -3px #00000017}.page-content{max-width:1200px;margin:0 auto;padding:58px 28px 50px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#a8a0af;font-weight:700;margin:0 0 11px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.page-heading h1,.home-view h1{font-family:Fredoka,sans-serif;font-weight:500;letter-spacing:-1px;margin:0;color:var(--ink)}.page-heading h1{font-size:44px}.page-heading p:not(.eyebrow){color:var(--muted);margin:10px 0 0;font-size:14px}.primary-button,.secondary-button,.ghost-button,.small-button{border-radius:13px;padding:13px 20px;font-weight:700;font-size:13px;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-button{background:var(--purple);color:#fff;box-shadow:0 8px 18px #7166c840}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px 24px #7166c852}.secondary-button{background:#f3efff;color:var(--purple)}.secondary-button:hover{background:#e8e2ff}.ghost-button{background:transparent;color:var(--muted);border:1px solid var(--line)}.ghost-button:hover{border-color:var(--purple);color:var(--purple)}.small-button{padding:8px 13px;background:#f4f0ff;color:var(--purple);font-size:12px}.full{width:100%}.link-button,.text-button{background:none;color:var(--purple);font-size:12px;font-weight:700}.home-view h1{font-size:52px;line-height:1.08}.home-view h1 span{color:var(--purple)}.hero-banner{min-height:335px;background:#f1edff;border-radius:28px;padding:48px 54px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero-banner:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-140px;top:-170px;background:#ffffff59}.hero-sub{font-size:14px;line-height:1.7;color:#79728e;max-width:360px;margin:23px 0 26px}.hero-machine{width:350px;position:relative;display:grid;place-items:center}.machine-glow{width:210px;height:210px;border-radius:50%;background:#ffffff8c;position:absolute}.machine-card{height:195px;width:220px;border-radius:25px;background:#fff;box-shadow:0 20px 35px #7166c82b;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);position:relative;z-index:1}.machine-icon{font-size:58px;color:#f2bd55;line-height:1;margin-bottom:12px}.machine-label{font-size:8px;letter-spacing:2px;color:#aaa3b4;font-weight:700}.machine-card b{font-family:Fredoka,sans-serif;font-size:20px;font-weight:500;margin:4px}.machine-level{font-size:9px;color:var(--purple);letter-spacing:1.5px;font-weight:700}.floating-gear{position:absolute;color:#fff;z-index:2;text-shadow:0 5px 13px rgba(0,0,0,.14)}.gear-1{font-size:48px;left:8px;bottom:22px;color:#f1b9a9;transform:rotate(-15deg)}.gear-2{font-size:34px;right:10px;bottom:40px;color:#8ecdc0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:45px 0 18px}.section-heading h2{font-family:Fredoka;font-weight:500;font-size:28px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stat-card{padding:20px 21px;border-radius:19px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;column-gap:13px;position:relative;min-height:118px}.stat-card b{font-family:Fredoka;font-size:29px;font-weight:500;display:block;line-height:1}.stat-card b small{font:500 15px DM Sans;color:var(--muted)}.stat-card div span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.stat-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:21px}.lavender{background:#eeeaff;color:#7669cc}.yellow{background:#fff3c9;color:#d59d25}.blue{background:#e4f5f5;color:#5aa2a0}.progress-line{position:absolute;bottom:16px;left:21px;right:21px;height:4px;background:#f0ecf1;border-radius:4px}.progress-line i{display:block;height:100%;border-radius:4px;background:#a295e0}.stat-caption{font-size:11px;color:var(--muted);grid-column:2;margin-top:9px}.feature-row{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-top:18px}.tip-card,.daily-card{border-radius:20px;padding:27px 30px;min-height:176px;position:relative;overflow:hidden}.tip-card{background:#fff0e7;display:flex;justify-content:space-between}.tip-card h3,.daily-card h3{font-family:Fredoka;font-weight:500;font-size:23px;margin:0}.tip-card p:not(.eyebrow),.daily-card p:not(.eyebrow){color:#8c7c7b;font-size:12px;line-height:1.6;max-width:285px;margin:9px 0 17px}.tip-illustration{font-size:75px;align-self:center;filter:drop-shadow(0 8px 7px rgba(180,107,72,.15));transform:rotate(10deg)}.daily-card{background:#e7f4f1;display:flex;gap:18px;align-items:center}.daily-icon{width:55px;height:55px;border-radius:18px;background:#fff6c9;display:grid;place-items:center;font-size:29px;color:#e6ad4e}.daily-card p:not(.eyebrow){max-width:200px;margin-bottom:0;color:#718b86}.map-progress,.big-balance{background:#fff;border:1px solid var(--line);padding:14px 18px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-end}.map-progress b,.big-balance b{font-family:Fredoka;font-size:24px;font-weight:500}.map-progress span,.big-balance span{font-size:10px;color:var(--muted);margin-top:3px}.big-balance{flex-direction:row;gap:7px;align-items:center;color:#b38828}.big-balance span{margin-left:4px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.level-card{background:#fff;border:1px solid var(--line);padding:10px;border-radius:19px;text-align:left;position:relative;transition:.2s}.level-card:not(.locked):hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8d0fb}.level-top{display:flex;justify-content:space-between;align-items:center;padding:7px 7px 10px}.level-number{font-family:Fredoka;font-size:20px;color:var(--purple)}.level-kind{font-size:9px;background:#f7f3ed;padding:5px 8px;border-radius:999px;color:#a19891}.level-art{height:126px;border-radius:14px;display:grid;place-items:center;overflow:hidden}.level-art-icon{font-size:66px;color:#fff;text-shadow:0 5px 5px rgba(90,70,70,.15)}.level-info{padding:13px 6px 5px}.level-info h3{font-family:Fredoka;font-weight:500;font-size:17px;margin:0 0 5px}.level-info p{font-size:11px;color:var(--muted);margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{display:inline-flex;gap:2px}.star{font-size:17px;color:#e9e5e0}.star.active{color:#f2bd56}.best-score{float:right;color:#a7a0ac;font-size:10px;margin-top:4px}.level-card.locked .level-art{filter:grayscale(1);opacity:.5}.lock{position:absolute;left:50%;top:47%;background:#302b43b8;color:#fff;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.shop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.shop-icon{height:150px;display:grid;place-items:center;font-size:62px}.shop-icon.consumable{background:#fff5d7}.shop-icon.cosmetic{background:#eaf5f3}.shop-card-body{padding:17px 19px 18px}.shop-type{font-size:9px;letter-spacing:1.5px;color:#a69fad;font-weight:700}.shop-card h3{font-family:Fredoka;font-weight:500;font-size:21px;margin:7px 0}.shop-card p{font-size:12px;color:var(--muted);line-height:1.5;min-height:37px;margin:0 0 17px}.shop-bottom{display:flex;justify-content:space-between;align-items:center}.price{color:#b38728;font-size:13px;font-weight:700}.segmented{display:flex;background:#f0ecf4;border-radius:10px;padding:4px}.segmented button{background:transparent;color:#9a92a3;font-size:12px;font-weight:700;padding:9px 18px;border-radius:7px}.segmented button.selected{background:#fff;color:var(--purple);box-shadow:0 3px 8px #0000000d}.leaderboard-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:70px 1fr 130px 130px;align-items:center;padding:15px 25px}.leaderboard-head{background:#faf7f2;color:#aaa2ae;font-size:10px;letter-spacing:1px;text-transform:uppercase}.leaderboard-row{border-top:1px solid #f3eee8;min-height:70px}.leaderboard-row.me{background:#f7f4ff}.rank-badge{font-family:Fredoka;font-size:19px;color:#b1aab3}.rank-1{color:#e2ac38}.rank-2{color:#9da8b5}.rank-3{color:#c28662}.leader-player{display:flex;align-items:center;gap:10px;font-size:13px}.mini-avatar{width:32px;height:32px;border-radius:50%;background:#f5b6a6;color:#fff;display:grid;place-items:center;font-weight:700}.leader-player em{font-style:normal;font-size:8px;color:var(--purple);background:#eae5ff;padding:4px 6px;border-radius:4px}.leaderboard-row>span{color:#8e8894;font-size:12px}.leaderboard-row strong{color:var(--purple);font-family:Fredoka;font-size:19px;font-weight:500}.profile-hero{background:#f1edff;border-radius:24px;padding:36px 42px;display:flex;align-items:center;gap:20px}.profile-avatar{width:76px;height:76px;border-radius:27px;background:#f4b1a2;display:grid;place-items:center;color:#fff;font:500 37px Fredoka;box-shadow:inset 0 -5px #00000014}.profile-hero h1{font:500 38px Fredoka;margin:0}.profile-hero p:not(.eyebrow){color:#817a95;font-size:13px;margin:7px 0}.profile-coins{margin-left:auto;background:#fff;padding:13px 18px;border-radius:13px;color:#ad8327}.profile-coins b{font:500 23px Fredoka;color:#806117}.profile-coins span{display:block;color:#a49bac;font-size:10px;margin-top:3px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.profile-stats div{background:#fff;border:1px solid var(--line);border-radius:17px;text-align:center;padding:23px}.profile-stats b{font:500 29px Fredoka;display:block}.profile-stats span{font-size:12px;color:var(--muted)}.profile-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.admin-card{padding:25px}.admin-generator{display:flex;justify-content:space-between;align-items:center}.admin-generator h3{font:500 22px Fredoka;margin:0 0 6px}.admin-generator p{font-size:12px;color:var(--muted);margin:0}.generate-form{display:flex;gap:9px}.generate-form input{width:75px;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}.invite-list{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.invite-list div{background:#faf7f1;padding:13px;border-radius:10px;display:flex;justify-content:space-between}.invite-list code{font-weight:700;color:var(--purple);letter-spacing:2px}.invite-list span{font-size:10px;color:#6aa992}.puzzle-page{min-height:100vh;background:#fbf8f2}.puzzle-topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;gap:25px}.back-button{background:none;color:var(--muted);font-size:12px;font-weight:700}.puzzle-title{text-align:center;flex:1}.puzzle-title span{font-size:9px;letter-spacing:2px;color:var(--purple);font-weight:700}.puzzle-title h1{font:500 22px Fredoka;margin:4px 0 0}.puzzle-actions{display:flex;gap:8px}.puzzle-layout{max-width:1120px;margin:0 auto;padding:43px 25px;display:grid;grid-template-columns:250px 1fr;gap:28px}.puzzle-sidebar{display:flex;flex-direction:column;gap:11px}.goal-card{background:#fff0e7;padding:22px;border-radius:18px}.goal-card h3{font:500 21px Fredoka;margin:0 0 8px}.goal-card p{font-size:12px;line-height:1.6;color:#8d7b77;margin:0}.puzzle-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px 7px}.puzzle-stats div{text-align:center;border-right:1px solid var(--line)}.puzzle-stats div:last-child{border:0}.puzzle-stats span{font-size:9px;color:var(--muted);display:block}.puzzle-stats b{font:500 22px Fredoka;display:block;margin-top:5px}.hint-box{background:#fff7cf;border:1px dashed #e6c65b;color:#8e741e;padding:12px;border-radius:12px;font-size:11px;line-height:1.5}.solution-dots{margin-top:auto;padding:13px 1px}.solution-dots>span{color:var(--muted);font-size:10px;display:block;margin-bottom:9px}.solution-dots div{display:flex;gap:6px}.solution-dots i{display:block;width:25px;height:5px;border-radius:5px;background:#e8e4dc}.solution-dots i.done{background:#89c0a3}.solution-dots i.current{background:var(--purple)}.puzzle-board{position:relative;min-height:550px;background:#eae5fb;border-radius:25px;display:grid;place-items:center;padding:36px;overflow:hidden}.puzzle-board:before,.puzzle-board:after{content:"⚙";position:absolute;color:#7166c81f;font-size:150px}.puzzle-board:before{left:-45px;bottom:-40px}.puzzle-board:after{right:-55px;top:-35px}.puzzle-machine{width:min(100%,570px);min-height:430px;background:#fff;border-radius:24px;padding:23px 28px;box-shadow:0 25px 55px #43357824;position:relative;z-index:1}.board-header,.machine-footer{display:flex;justify-content:space-between;color:#aaa4b0;font-size:9px;letter-spacing:1.5px;font-weight:700}.machine-core{height:190px;display:grid;place-items:center;position:relative}.core-ring{position:absolute;border:2px solid var(--accent);border-radius:50%;opacity:.33}.ring-one{width:170px;height:170px;border-style:dashed;animation:spin 18s linear infinite}.ring-two{width:115px;height:115px}.core-symbol{font-size:75px;color:var(--accent);filter:drop-shadow(0 7px 5px rgba(70,50,70,.15));position:relative}.machine-path{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #f0ecf3;padding-top:25px}.machine-button{background:#faf8f4;border:1px solid #ebe5dd;border-radius:17px;padding:18px 9px 13px;transition:.2s}.machine-button:hover,.machine-button.hinted{background:#fff5cd;border-color:#ebc65e;transform:translateY(-3px)}.machine-button span{display:block;color:var(--accent);font-size:35px}.machine-button small{display:block;color:#a39ba8;font-size:10px;margin-top:7px}.machine-footer{border-top:1px solid #f0ecf3;margin-top:24px;padding-top:17px;justify-content:flex-start;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#89c0a3}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#28233f52;display:grid;place-items:center;z-index:3}.result-card{width:min(90%,330px);padding:30px;background:#fff;border-radius:24px;text-align:center;box-shadow:0 20px 50px #2b214d40}.result-burst{font-size:35px;color:#f2bd56}.result-card h2{font:500 24px Fredoka;margin:6px 0 13px}.result-score{background:#f6f2ff;border-radius:14px;padding:12px;margin:17px 0 10px}.result-score span{display:block;color:var(--muted);font-size:10px}.result-score b{display:block;font:500 35px Fredoka;color:var(--purple);margin-top:2px}.reward-line{font-size:12px;color:#b78a2a;margin-bottom:18px}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:9px;color:var(--muted);font-size:13px}.loader{font-size:45px;color:var(--purple);animation:spin 2s linear infinite}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#fffaf2}.auth-art{background:#eae6fb;position:relative;overflow:hidden;padding:9vh 9vw}.sunburst{position:absolute;width:550px;height:550px;border-radius:50%;background:#f7d681;top:-250px;right:-60px;opacity:.85}.art-cloud{position:absolute;background:#fffc;height:23px;width:110px;border-radius:30px}.cloud-one{left:15%;top:18%}.cloud-two{right:26%;top:36%;transform:scale(.7)}.town-illustration{position:absolute;bottom:11%;right:13%;font-size:130px;color:#a6cfd0}.house{position:absolute;bottom:0;right:170px;color:#f2ad9f;font-size:165px}.tower{position:absolute;bottom:8px;right:45px;color:#9c90d6;font-size:195px}.gear{position:absolute;font-size:59px}.gear-a{left:-45px;bottom:65px;color:#f1b7a3}.gear-b{right:-23px;top:130px;color:#83bfad}.art-copy{position:relative;z-index:1;max-width:400px;margin-top:25vh}.art-copy h1{font:500 clamp(42px,4vw,66px)/1.05 Fredoka;margin:0;letter-spacing:-2px}.art-copy h1 em{color:var(--purple);font-style:normal}.art-copy>p:last-child{color:#77708d;max-width:325px;line-height:1.7;font-size:14px;margin-top:25px}.auth-card{width:min(100%,450px);align-self:center;justify-self:center;padding:40px}.auth-heading{margin:50px 0 25px}.auth-heading h2{font:500 34px Fredoka;margin:0}.auth-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:9px 0 0}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card label{font-size:11px;font-weight:700;color:#6f687a}.auth-card input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:13px 14px;font-size:13px;outline:none}.auth-card input:focus{border-color:#aaa0e8;box-shadow:0 0 0 3px #eeeaff}.form-error,.form-success{padding:10px 12px;border-radius:9px;font-size:11px}.form-error{color:#b25d5d;background:#fff0ed}.form-success{color:#5b9377;background:#eaf7ee}.auth-card>.text-button{display:block;margin:22px auto 0}.demo-button{display:block;background:none;color:#a9a0b0;font-size:11px;margin:18px auto 0;text-decoration:underline}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#302b43;color:#fff;padding:13px 18px;border-radius:12px;font-size:12px;box-shadow:0 9px 25px #221a3740;z-index:20}.footer{max-width:1200px;margin:0 auto;padding:0 28px 28px;display:flex;justify-content:space-between;color:#b4acb7;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar{padding:0 18px;gap:12px}.nav-tabs{gap:0}.nav-tab{padding:0 8px;font-size:11px}.logo{font-size:16px}.logo-mark{width:31px;height:31px}.page-content{padding:40px 18px}.hero-banner{padding:35px 28px}.hero-machine{width:270px}.level-grid{grid-template-columns:repeat(3,1fr)}.puzzle-layout{grid-template-columns:1fr}.puzzle-sidebar{order:2}.puzzle-board{min-height:480px}.solution-dots{margin-top:10px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-card{padding:35px 25px}}@media(max-width:620px){.topbar{height:68px}.nav-tab{font-size:0;padding:0 6px}.nav-tab span{font-size:19px}.top-actions{gap:6px}.coin-pill{padding:7px 9px;font-size:11px}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:36px}.page-heading .big-balance{padding:10px}.hero-banner{min-height:430px;padding:30px 24px;display:block}.home-view h1{font-size:42px}.hero-machine{height:170px;width:100%;margin-top:10px}.machine-card{height:145px;width:170px}.machine-icon{font-size:42px}.section-heading{margin-top:32px}.stats-grid,.feature-row{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,1fr);gap:10px}.level-art{height:105px}.level-info h3{font-size:15px}.shop-grid{grid-template-columns:1fr}.leaderboard-head,.leaderboard-row{grid-template-columns:45px 1fr 70px 85px;padding:13px 12px}.leaderboard-row>span{font-size:10px}.leaderboard-row strong{font-size:15px}.profile-hero{padding:24px 18px;gap:11px}.profile-hero h1{font-size:29px}.profile-coins{padding:8px;margin-left:auto}.profile-stats{gap:7px}.profile-stats div{padding:17px 5px}.profile-stats b{font-size:23px}.puzzle-topbar{padding:0 15px;gap:10px}.back-button{font-size:0}.back-button:first-letter{font-size:18px}.puzzle-title h1{font-size:18px}.puzzle-actions .coin-pill{display:none}.puzzle-layout{padding:20px 13px}.puzzle-board{padding:20px 12px;min-height:420px}.puzzle-machine{padding:18px 16px}.machine-core{height:150px}.core-symbol{font-size:56px}.machine-button{padding:13px 5px}.machine-button span{font-size:28px}.admin-generator{display:block}.generate-form{margin-top:18px}.invite-list{grid-template-columns:1fr}.footer{padding:0 18px 18px}}