.bottle-stage.with-milestones{overflow:visible;border-radius:0;display:block;padding:42px 170px 38px 16px;background:#ffe56f}.with-milestones .bottle-wrap{height:340px;width:150px;margin:auto}.with-milestones .sticker{top:10px;right:14px;font-size:12px;padding:6px 12px;box-shadow:2px 3px 0 var(--ink)}.gauge-rewards{position:absolute;top:105px;bottom:65px;right:12px;width:160px}.gauge-reward{position:absolute;bottom:var(--height);right:0;display:flex;align-items:center;gap:6px;width:100%;background:#ffffffed;border:1px solid #14215220;border-radius:12px;padding:8px;text-align:left;color:var(--ink);transform:translateY(50%)}.gauge-reward:before{content:'';position:absolute;width:18px;right:100%;border-top:2px dashed var(--ink)}.gauge-reward b{font-size:12px;line-height:1.1;display:block}.gauge-reward small{font-size:10px;display:block;line-height:1.2;margin-top:3px}.milestone-dot{font-size:18px;flex:none;color:var(--blue)}.gauge-reward.next-reward{border:2px solid var(--blue)}.gauge-reward.unlocked{background:var(--ink);color:white}.gauge-caption{position:absolute;bottom:4px;left:10px;right:10px;text-align:center;font-size:12px;font-weight:800}.first-visit{background:white;border-radius:24px;padding:24px;margin-top:18px}.first-visit ol{display:flex;gap:18px;list-style:none;padding:0;margin:18px 0;counter-reset:step}.first-visit li{flex:1;font-size:14px}.first-visit li b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--yellow);margin-right:4px}.shop-game-symbol{position:absolute;font-size:110px;color:var(--blue);right:12px;bottom:-10px}@media(max-width:650px){.playground:has(.with-milestones){grid-template-columns:1fr}.bottle-stage.with-milestones{border-radius:24px;margin:0 12px 12px;padding:44px 170px 38px 12px;min-height:340px}.with-milestones .bottle-wrap{height:260px;width:145px}.gauge-rewards{top:100px;bottom:60px;width:150px}.first-visit{padding:20px 16px}.first-visit ol{display:grid;gap:10px}.first-visit .btn{width:100%}.gauge-reward b{font-size:12px}}
body{font-family:'Nunito Sans','Trebuchet MS',sans-serif}h1,h2,h3,.wordmark{font-family:'Barlow Condensed','Arial Black',sans-serif}h1{font-weight:900;font-style:italic;font-size:clamp(44px,6vw,72px);letter-spacing:-1px}.wordmark{font-size:43px;font-weight:900;font-style:italic;letter-spacing:-1.5px;position:relative;line-height:1}.wordmark:before{content:'✦';color:var(--yellow);font-size:20px;display:inline-block;transform:rotate(-14deg);margin-right:6px}.wordmark span{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.5px}.bottle-wrap img{position:absolute;left:-50%;width:200%;height:100%;object-fit:fill;z-index:2}.sauce-mask{position:absolute;left:0;right:0;bottom:4%;height:70%;clip-path:polygon(31% 0,69% 0,78% 31%,90% 67%,90% 91%,80% 100%,20% 100%,10% 91%,10% 67%,22% 31%);z-index:3;opacity:.87}.sauce-liquid{left:0;right:0;bottom:0;max-height:100%;border-radius:0 0 28% 28%;mix-blend-mode:multiply}.sauce-liquid:before{height:18px}.tier-panel{background:white;padding:24px;border-radius:26px;margin-top:18px}.tier-panel h2{margin-bottom:0}.tier-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.tier{display:flex;align-items:center;gap:12px;background:#f2f4ff;border-radius:16px;padding:14px;flex-wrap:wrap}.tier.next{outline:2px solid var(--blue)}.tier.reached{background:#eef6d2}.tier-index{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:white;color:var(--blue);font-weight:900;flex:none}.tier small{display:block;font-size:12px;color:#606b8a}.tier-gain{font-size:13px;font-weight:800;background:white;padding:6px 9px;border-radius:8px;margin-left:auto}.goal-banner{border:0;border-radius:24px;background:white;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:20px 24px;margin-top:18px;text-align:left}.goal-banner strong{display:block;font-size:22px}.goal-banner small{display:block;font-size:14px}.goal-banner>span:last-child{background:var(--ink);color:white;padding:12px;border-radius:14px;font-size:14px;font-weight:900}.goal-banner.close-goal,.goal-banner.ready{background:var(--yellow)}.level-stage{padding:24px;text-align:center;display:grid;gap:12px;color:var(--ink)}.level-stage>strong{font-size:80px;font-weight:900;line-height:1}.level-ticks{display:flex;gap:6px;justify-content:center}.level-ticks i{width:14px;height:40px;background:#14215220;border-radius:8px}.level-ticks .filled{background:var(--blue)}@media(max-width:650px){.wordmark{font-size:35px}.wordmark span{font-size:27px}.intro h1{font-size:40px;line-height:.98}.tier-panel{padding:20px 16px}.tier-list{grid-template-columns:1fr}.tier-panel h2{font-size:24px}.goal-banner{padding:18px}.goal-banner strong{font-size:19px}.goal-banner>span:last-child{font-size:12px}.tier-gain{max-width:45%;line-height:1.25}.tier small{font-size:12px}.level-stage>strong{font-size:54px}}
.bottle-wrap img{max-width:none}
@media(max-width:650px){.playground:has(.with-milestones) .intro{padding:20px 16px}.playground:has(.with-milestones) .intro h1{margin-bottom:12px;font-size:36px}.playground:has(.with-milestones) .intro p{margin-bottom:10px}.playground:has(.with-milestones) .credit-line strong{font-size:34px}.playground:has(.with-milestones) .meter{margin-top:12px}.playground:has(.with-milestones) .intro .btn{margin-top:8px;min-height:46px}.bottle-stage.with-milestones{min-height:300px}.with-milestones .bottle-wrap{height:220px}}
.sauce-mask{clip-path:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27white%27 d=%27M31 0H69C72 18 84 40 89 66C94 91 87 100 75 100H25C13 100 6 91 11 66C16 40 28 18 31 0Z%27/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}.sauce-liquid{border-radius:40% 35% 0 0/5px 6px 0 0}.sauce-mask:after{content:"";position:absolute;inset:4% 14%;background:linear-gradient(105deg,transparent 5%,#ffffff28 16%,transparent 23%,transparent 71%,#ffffff25 82%,transparent 92%);pointer-events:none}
.play-guide{border:1px solid #dce1f6;border-radius:16px;padding:16px;margin-top:14px}.play-guide summary{font-weight:800;cursor:pointer}.play-guide p{margin-top:16px}.sauce-liquid{transition-duration:1.3s}.meter i{transition-duration:1.3s}
:root{--teal:#00E6B8;--pink:#FF3DA6}
.sticker{background:var(--teal);color:var(--ink);border-color:var(--ink)}
.action-tile.orange{background:linear-gradient(135deg,#ff8743,var(--pink))}
.tile-symbol{color:var(--pink)}
.card .icon{color:var(--teal)}
.wheel{background:conic-gradient(from -60deg,var(--yellow) 0 90deg,var(--pink) 90deg 180deg,var(--teal) 180deg 270deg,var(--blue) 270deg 360deg)}
.btn,.card,.action-tile,.pill,.quiz-option,.gauge-reward{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,background-color .18s ease}
.btn:hover,.pill:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.96)}
.card:hover,.action-tile:hover{transform:translateY(-3px);box-shadow:0 14px 28px #14215222}
@media(hover:none){.btn:hover,.pill:hover,.card:hover,.action-tile:hover{transform:none;box-shadow:none}}