@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Outfit:wght@400;600;800;900&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#332c29;background:#f7eee5}*{box-sizing:border-box}html,body{position:fixed;inset:0;margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #332c2920;background:#fff9f0;border-radius:30px;padding:12px 20px;font-weight:700;touch-action:manipulation}button:hover{background:#ffe0ca}button:focus-visible,select:focus-visible{outline:3px solid #ef774c}button:disabled{opacity:.4}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:max(22px,env(safe-area-inset-top)) 30px 12px;pointer-events:none}.brand{font:900 34px/1 'Outfit',sans-serif;letter-spacing:-2px;color:inherit;text-decoration:none;pointer-events:auto}.brand span{color:#f16d4e}.brand small{display:block;font:600 8px/2 'DM Sans';letter-spacing:2px}.tools{display:flex;gap:7px;pointer-events:auto}.tools button{padding:8px 13px}.tools select{border:0;background:transparent;font-size:11px;font-weight:700;max-width:90px}footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;opacity:.48;pointer-events:none}.panel{position:absolute;left:8%;top:29%;width:390px;max-width:84%;}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#a27359}h1{font:900 clamp(42px,5.6vw,80px)/.98 'Outfit',sans-serif;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:#ed7555}p{font-size:15px;line-height:1.8;max-width:320px;white-space:pre-line;margin:22px 0}.primary{background:#303a31;color:white;border:0;min-width:220px;padding:18px 28px;box-shadow:0 8px 0 #303a3112}.primary:hover{background:#465549}.micro{font-size:11px;line-height:1.8;color:#8b7d73;margin:18px 0}.record{font-size:11px;letter-spacing:1px;margin-top:30px}.shareRow{display:flex;gap:8px;margin:16px 0 10px}#download{font-size:11px;padding:9px 18px}#hud{pointer-events:none;position:absolute;inset:0}.score{position:absolute;top:104px;left:50%;transform:translateX(-50%);text-align:center}.score span{font:800 58px/.9 'Outfit';display:block}.score small{font-size:9px;letter-spacing:3px}.balance{position:absolute;top:112px;left:30px;font-size:9px;letter-spacing:2px}.balance>div{height:4px;width:90px;background:#d4c9bc;margin-top:10px;border-radius:4px;overflow:hidden}.balance i{display:block;width:0;height:100%;background:#ec7959;transition:width .12s}#next{position:absolute;right:30px;top:112px;font-size:10px;white-space:pre-line;text-align:right;line-height:1.8}#hint{position:absolute;bottom:65px;width:100%;text-align:center;font-size:12px;color:#665c51}#callout{position:absolute;top:25%;width:100%;text-align:center;font:800 22px 'Outfit';color:#de6c51}.pop{animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.7)}45%{transform:scale(1.15)}100%{transform:scale(1)}}[hidden]{display:none!important}#result{background:#fff8efed;border:1px solid #ffffff;border-radius:28px;padding:32px;top:22%;backdrop-filter:blur(14px)}#result h1{font-size:58px}#result h1 em{font-size:22px;letter-spacing:-1px}#paused{background:#fff9f0ed;padding:35px;border-radius:24px}
@media(max-width:650px){header{padding-left:20px;padding-right:20px}.brand{font-size:28px}.brand small{font-size:6px}.tools{gap:3px}.tools button{padding:8px 11px}.panel{left:7%;top:auto;bottom:11%;width:86%;max-width:86%}#intro{background:linear-gradient(0deg,#f7eee5 75%,#f7eee500);padding-top:28px}#intro h1{font-size:46px;margin:10px 0;letter-spacing:-2px}#intro .eyebrow{font-size:8px}#intro p{font-size:13px;margin:12px 0;line-height:1.65}#intro .micro{margin:12px 0 0}.record{position:absolute;right:0;bottom:4px;font-size:9px}.primary{padding:15px 22px;min-width:180px}.score{top:95px}.score span{font-size:46px}.balance{left:20px;top:100px}.balance>div{width:62px}#next{right:20px;top:98px;font-size:9px}footer{left:20px;right:20px;font-size:7px}#result{top:auto;bottom:16%;padding:26px}#result h1{font-size:62px}#result p{font-size:13px}#paused{bottom:35%}}
@media(max-height:520px){.panel{top:22%;bottom:auto}#intro h1{font-size:38px}#intro p{font-size:12px;margin:12px 0}.record,.micro{display:none}.score{top:78px}#result{top:16%;padding:20px}#result h1{margin:12px 0}footer{bottom:10px}}

#next{display:flex;flex-direction:column;align-items:center;top:96px;min-width:65px}#nextImage{width:112px;height:112px;object-fit:contain}#dropTimer{font-size:13px;color:#90634c;min-height:20px}#heightProgress{position:absolute;left:30px;top:152px;font-size:11px;color:#8b7d73;letter-spacing:1px}@media(max-width:650px){#next{top:96px;right:14px}#nextImage{width:86px;height:86px}#heightProgress{left:20px;top:140px}}

#durability{--meter:#628c72;position:absolute;right:max(18px,env(safe-area-inset-right));top:38%;width:78px;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;color:#405749;pointer-events:none;padding:12px 6px;background:#fff9f0d9;border:1px solid #ffffffb0;border-radius:18px}
#durabilityLabel{font-size:10px;font-weight:700;letter-spacing:.5px}#durabilityValue{font:700 21px 'Outfit',sans-serif}#durabilityMeter{height:130px;width:12px;border-radius:9px;overflow:hidden;background:#ded5ca}#durabilityFill{display:block;height:100%;width:100%;background:var(--meter);transform-origin:bottom;transition:transform .08s linear,background .2s}#durabilityState{font-size:10px;color:var(--meter)}#durabilityHelp{font-size:9px;line-height:1.4;word-break:keep-all}#durability[data-level=warn]{--meter:#bb8734}#durability[data-level=danger]{--meter:#da5c47}
@media(max-width:650px){#durability{right:max(8px,env(safe-area-inset-right));width:57px;padding:9px 4px;top:38%;gap:5px}#durabilityMeter{height:96px;width:10px}#durabilityValue{font-size:18px}#durabilityLabel{font-size:8px}#durabilityHelp{font-size:8px}}
@media(max-height:520px){#durability{top:45%;padding:6px;gap:3px}#durabilityMeter{height:48px}#durabilityHelp{display:none}}

/* Ten-scoop milestones: bounded sizing keeps the mobile playfield readable. */
#score{font-family:Outfit,sans-serif;font-weight:800;line-height:.9;display:block;--score-size:58px;font-size:var(--score-size);color:#332c29;transition:font-size .25s ease,color .25s ease}
#score[data-tier="1"]{font-size:calc(var(--score-size) * 1.15);color:#367e6d}
#score[data-tier="2"]{font-size:calc(var(--score-size) * 1.30);color:#327baa}
#score[data-tier="3"]{font-size:calc(var(--score-size) * 1.45);color:#8652b4}
#score[data-tier="4"]{font-size:calc(var(--score-size) * 1.60);color:#ce5278}
#score[data-tier="5"]{font-size:calc(var(--score-size) * 1.75);color:#b77912;text-shadow:0 2px 12px #edb54445}
#score.milestone{animation:score-milestone .55s ease-out}
@keyframes score-milestone{0%{transform:scale(.85)}35%{transform:scale(1.22) rotate(-4deg)}65%{transform:scale(.97) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:650px){#score{--score-size:46px}}
@media(prefers-reduced-motion:reduce){#score{transition:none}#score.pop,#score.milestone{animation:none}}

#dropTimer{position:absolute;right:max(24px,env(safe-area-inset-right));top:110px;font-size:15px;color:#90634c;pointer-events:none}
@media(max-width:650px){#dropTimer{right:20px;top:102px}}

#download{display:inline-block;border:1px solid #332c2920;background:#fff9f0;border-radius:30px;color:inherit;text-decoration:none;cursor:pointer;font-weight:700}#download[aria-disabled=true]{opacity:.4;pointer-events:none}#callout{padding:0 14px;line-height:1.25}@media(max-width:650px){#callout{font-size:17px}}

@media(max-width:650px){.record{position:static;text-align:right;margin-top:8px}#intro .micro{padding-right:0}#hint{padding:0 12px;font-size:11px}#result{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}}

@media(max-height:520px){#shareNote{display:block;margin:10px 0;font-size:10px}}