@font-face{font-family:GameSans;src:local("Arial");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#121310;color:#f6f5e9;font-family:GameSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #f0fa84;outline-offset:6px}button{cursor:pointer}.app{max-width:1440px;margin:auto;padding:0 64px}header{height:112px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;line-height:.95;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#e9f783;color:#171b0d;border-radius:50%;font-size:33px;font-style:italic;box-shadow:3px 3px 0 #849447}.brand-dot{color:#e9f783}.back{margin-left:auto;font-size:12px;color:#aaa99e}.sound{background:#22241e;border:1px solid #ffffff18;color:#d2d3c8;border-radius:24px;padding:11px 17px;font-size:12px}.sound span{color:#a5b56e;margin-left:6px}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:68px;padding:44px 0 38px}.play{position:relative;min-width:0}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#a5a799;display:flex;align-items:center;gap:9px}.eyebrow>span,.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#e9f783}h1{font-size:clamp(48px,5.4vw,78px);line-height:.99;letter-spacing:-4px;font-weight:800;margin:20px 0 14px}h1 em{color:#e9f783;font-style:normal}.intro{position:absolute;right:4px;top:66px;font-size:13px;line-height:1.7;color:#aaad9e}.score{display:flex;align-items:center;gap:12px;margin-top:28px;position:relative;z-index:2}.score strong{font-size:45px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.1}.currency{font-size:12px;color:#959889;align-self:flex-end;margin-bottom:8px}.mini-coin{height:29px;width:29px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0a0,#e7a227 60%,#b27310);border:2px solid #ffdf6a;border-radius:50%;box-shadow:2px 3px 0 #80571a,inset 0 0 0 2px #ba7f25;color:#9c6511;font-weight:800;transform:rotate(-15deg);font-size:18px}.stage{height:340px;position:relative;margin-top:0;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#70733222,transparent 63%)}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.tap-target{position:absolute;inset:10% 15% 9%;border:0;background:none;z-index:4;border-radius:50%;touch-action:manipulation;user-select:none}.tap-target:active{cursor:grabbing}.orbit{position:absolute;left:12%;right:12%;height:42%;top:49%;border:1px solid #7a815128;border-radius:50%;transform:rotate(-12deg)}.orbit-two{inset:43% 4% auto;height:53%;transform:rotate(13deg);border-style:dashed}.stage-caption{position:absolute;top:29px;right:12px;font-size:8px;letter-spacing:1.6px;color:#9fa789;display:flex;align-items:center;gap:6px}.float-label{position:absolute;top:55%;font-size:10px;line-height:1.9;color:#8d9580;z-index:3}.float-label span{display:block;font-size:22px;font-weight:700;color:#e1e8cc}.label-left{left:0;transform:rotate(-7deg)}.label-right{right:0;top:60%;transform:rotate(6deg)}.tap-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;white-space:nowrap;color:#c3c9ac}.tap-hint span{font-size:20px;vertical-align:middle;margin-left:8px;color:#e9f783}.heat{max-width:390px;margin:26px auto 0}.heat-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.heat-top strong{font-size:20px;color:#e9f783}.heat-track,.level-track{height:5px;border-radius:5px;background:#ffffff0c;overflow:hidden;margin-top:12px}.heat-track>div,.level-track>div{height:100%;width:0;background:#e9f783;border-radius:5px;transition:width .15s}.heat p{text-align:center;color:#828775;font-size:10px;margin:11px 0 0}.workshop{padding-top:4px}.level{background:linear-gradient(120deg,#303726,#24291d);border:1px solid #dae8a21c;border-radius:20px;padding:22px 24px}.level-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#b6c19c}.level-title{display:flex;align-items:center;gap:16px;margin:20px 0}.rank-icon{width:45px;height:48px;display:grid;place-items:center;background:linear-gradient(120deg,#e7f494,#a2b650);border:2px solid #dae69a;box-shadow:3px 4px 0 #697930;transform:rotate(-8deg);border-radius:13px;font-size:28px;color:#536727;font-weight:800}.level-title small{font-size:10px;color:#a9b392}.level-title h2{font-size:21px;letter-spacing:-.7px;margin:6px 0 0}.level-bottom{display:flex;justify-content:space-between;font-size:10px;color:#a8b38d;margin-top:10px}.shop-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.shop-heading h2{font-size:21px;letter-spacing:-.6px;margin:0}.shop-heading>span{font-size:8px;letter-spacing:1.5px;color:#929883}.upgrades{display:grid;gap:9px}.upgrade{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;text-align:left;color:inherit;background:#1e211a;border:1px solid #ffffff0b;padding:16px 15px;border-radius:15px;transition:transform .2s,background .2s,border-color .2s;width:100%}.upgrade:hover:not(:disabled){transform:translateY(-3px);border-color:#e9f78366;background:#282f1e}.upgrade:disabled{cursor:not-allowed}.upgrade:disabled .price{color:#a6ab95;background:#ffffff07}.upgrade h3{font-size:14px;margin:0 0 6px;letter-spacing:-.2px}.upgrade p{font-size:10px;color:#969e87;margin:0}.upgrade .owned{font-size:9px;color:#e9f783;display:inline-block;margin-left:6px}.price{padding:9px 10px;border-radius:9px;background:#e9f783;color:#293119;font-size:12px;font-weight:700;white-space:nowrap}.toy{width:45px;height:45px;position:relative;transform:rotate(-17deg);filter:drop-shadow(3px 5px 3px #0005)}.toy-pan:before{content:"";position:absolute;width:34px;height:31px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#747c66,#363d30 65%);border:4px solid #939d7b;box-shadow:2px 4px 0 #30392b;top:0;left:0}.toy-pan:after{content:"";position:absolute;width:9px;height:25px;background:linear-gradient(90deg,#e2ba78,#a9743a);border-radius:4px;left:31px;top:23px;transform:rotate(-35deg)}.toy-butter:before{content:"";position:absolute;inset:8px 1px 10px;background:linear-gradient(130deg,#fff7b0,#f6d965);border-radius:7px;transform:skewY(-9deg);box-shadow:0 7px 0 #ba9535,3px 9px 0 #5d4b23}.toy-bot:before{content:"";position:absolute;inset:7px 3px 4px;border-radius:12px;background:linear-gradient(130deg,#cddcad,#71884d);box-shadow:3px 4px 0 #4b5c30}.toy-bot:after{content:"••";position:absolute;top:11px;left:10px;letter-spacing:7px;font-weight:bold;color:#263521;font-size:21px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:21px 0;padding:0 5px}.stats>div+div{border-left:1px solid #ffffff12;padding-left:24px}.stats span{display:block;font-size:10px;color:#90977f}.stats strong{display:block;font-size:24px;margin-top:8px;letter-spacing:-.8px}.stats strong span{display:inline;font-size:24px;color:#f6f5e9}.stats small{font-size:11px;font-weight:400;color:#929a82;letter-spacing:0}.quest{display:flex;align-items:center;gap:12px;border:1px dashed #71814866;border-radius:14px;padding:16px 14px}.quest-icon{font-size:34px;color:#e9f783;text-shadow:2px 3px #6c772d}.quest span{font-size:7px;letter-spacing:1.1px;color:#afbb91}.quest h3{font-size:11px;margin:5px 0}.quest p{font-size:9px;color:#8f9b7c;margin:0}.quest button{margin-left:auto;background:#e9f783;border:0;color:#293119;border-radius:8px;padding:9px;font-size:11px;font-weight:700}.quest button:disabled{background:#2c3222;color:#b1be91;cursor:default}.save-note{text-align:center;font-size:9px;color:#828b76;margin-top:17px}footer{border-top:1px solid #ffffff12;padding:22px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.5px;color:#848a78}footer span:nth-child(2){letter-spacing:0;font-size:10px}#particles{position:absolute;inset:0;pointer-events:none;z-index:6}.particle{position:absolute;font-size:26px;font-weight:800;color:#f2ff9e;text-shadow:0 2px 12px #000;animation:coin-rise .85s ease-out forwards;white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#e9f783;color:#253018;border-radius:14px;padding:15px 24px;opacity:0;transition:.2s;pointer-events:none;z-index:30;text-align:center;font-size:13px;max-width:90%;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}.fallback-stack{display:block;position:absolute;left:17%;top:27%;width:66%;height:140px;filter:drop-shadow(0 24px 15px #0006)}.fallback-stack i{position:absolute;left:0;width:100%;height:80px;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#ffd983,#cc892d 70%,#8f5118);border:4px solid #e8b75c;box-shadow:0 10px #945a26,inset 0 -4px 8px #ffdc78}.fallback-stack i:nth-child(1){top:57px}.fallback-stack i:nth-child(2){top:38px}.fallback-stack i:nth-child(3){top:19px}.fallback-stack i:nth-child(4){top:0}.fallback-stack b{position:absolute;width:48px;height:28px;top:20px;left:40%;background:#fff19a;transform:rotate(-15deg);border-radius:6px;box-shadow:2px 6px #d8af42}.has-webgl .fallback-stack{display:none}@keyframes coin-rise{to{transform:translate(var(--dx),-110px) scale(.6);opacity:0}}@media(min-width:1450px){main{padding-top:58px}.stage{height:370px}}@media(max-width:1100px){.app{padding:0 32px}main{gap:30px;grid-template-columns:minmax(0,1fr) 350px}.intro{position:static;font-size:12px}.stage{height:315px}h1{font-size:60px}.score{margin-top:20px}}@media(max-width:760px){.app{padding:0 22px}header{height:83px;gap:15px}.brand{font-size:16px}.brand-mark{width:34px;height:34px;font-size:26px}.back{font-size:10px}.sound{font-size:10px;padding:9px 11px}main{grid-template-columns:1fr;gap:35px;padding-top:28px}.eyebrow{font-size:7px;letter-spacing:1.8px}h1{font-size:54px;letter-spacing:-3px;margin-top:17px}.intro{position:absolute;right:0;top:45px;font-size:10px;max-width:142px}.score strong{font-size:37px}.score{margin-top:22px}.currency{font-size:10px}.stage{height:300px;margin-top:-8px}.stage-caption{font-size:7px;right:0;top:24px}.float-label{font-size:8px}.float-label span{font-size:19px}.heat{margin-top:20px;max-width:none}.workshop{padding:0}.level{padding:20px}.shop-heading{margin-top:25px}.upgrade{padding:17px}.upgrade h3{font-size:14px}.upgrade p{font-size:11px}.quest{padding:18px 14px}.quest h3{font-size:12px}footer{flex-wrap:wrap;justify-content:center;gap:12px;font-size:7px}footer span:nth-child(2){order:3;flex-basis:100%;text-align:center;font-size:9px}}@media(max-width:370px){.intro{position:static;max-width:none}.back{display:none}.sound{margin-left:auto}h1{font-size:50px}.stage{height:265px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

@media(max-width:760px){.intro{position:static;max-width:none;margin:12px 0 0;font-size:11px}.intro br{display:none}.intro br:after{content:" "}.stage{margin-top:-8px}}

/* Mobile-first readability: remove decoration from the text hierarchy. */
.back,.sound{font-size:14px}.sound{min-height:44px;padding:10px 14px}
.tap-hint{font-size:16px;font-weight:800;letter-spacing:1px;color:#e9f783}
.float-label{font-size:14px;line-height:1.5}.float-label span{font-size:26px}
.heat-top{font-size:16px;line-height:1.4;gap:16px}.heat-top strong{font-size:26px}
.level-top{font-size:14px;letter-spacing:.7px}.level-title h2{font-size:23px;line-height:1.2;margin:0}
.level-bottom{font-size:14px;line-height:1.4;gap:16px;flex-wrap:wrap}
.upgrade{grid-template-columns:45px minmax(0,1fr) auto;gap:12px;padding:18px 14px}
.upgrade h3{font-size:17px;line-height:1.3}.upgrade p{font-size:14px;line-height:1.4;color:#bec5b0}
.upgrade .owned{font-size:14px}.price{font-size:15px;padding:12px 10px}
.stats span{font-size:14px}.stats small{font-size:14px}.stats strong{font-size:28px}
.quest{gap:10px}.quest>div:nth-child(2){min-width:0}.quest h3{font-size:16px;line-height:1.35}.quest p{font-size:14px;line-height:1.5;color:#b0bc9b}
.quest button{font-size:15px;min-height:44px;padding:10px}.save-note{font-size:14px;line-height:1.5}
footer{font-size:14px;line-height:1.5;letter-spacing:0;justify-content:center;text-align:center}
@media(max-width:760px){
 .app{padding:0 20px}header{height:80px;gap:12px}.brand{font-size:17px}.brand-mark{width:36px;height:36px}
 h1{font-size:clamp(46px,10vw,60px);margin:0 0 20px;letter-spacing:-2.5px}main{padding-top:24px;gap:28px}
 .score{margin-top:0}.score strong{font-size:44px}.stage{height:300px;margin-top:0}.heat{margin-top:24px}
 .label-right{right:0;top:58%}.float-label{font-size:14px}.float-label span{font-size:26px}
 .shop-heading h2{font-size:25px}.upgrade h3{font-size:17px}.upgrade p{font-size:14px}
 .quest h3{font-size:16px}.quest{padding:16px 12px}.save-note{margin:18px 0 0}
}
@media(max-width:370px){
 .app{padding:0 16px}.back{display:block;font-size:14px}.sound{padding:9px 11px}.brand{font-size:15px;gap:7px}
 .stage{height:275px}.upgrade{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:16px 10px}
 .toy{scale:.8;transform-origin:left center}.upgrade h3{font-size:16px}.price{padding:10px 8px}
 .quest-icon{display:none}
}

.score{gap:16px;min-height:78px}.score strong{display:inline-block;font-size:clamp(48px,8.5vw,72px);letter-spacing:-2px;transform-origin:left center;overflow-wrap:anywhere;min-width:0}.score .mini-coin{width:40px;height:40px;flex-shrink:0;font-size:24px}.particle{font-size:34px}
@media(max-width:760px){.score strong{font-size:clamp(48px,14vw,72px)}.score{min-height:72px}.score .mini-coin{width:36px;height:36px;font-size:23px}}
