*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--pink: #ff9ec6;--pink-deep: #ff6fa5;--cream: #fff6ee;--mint: #9ef0d0;--lav: #cdb4f6;--ink: #5a4a5e}html,body{width:100%;height:100%;overflow:hidden;background:#ffeef5;font-family:PingFang SC,Microsoft YaHei,Comic Sans MS,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}#slack-stack{position:absolute;top:16px;left:16px;width:max-content;display:flex;flex-direction:column;align-items:flex-start}#slack-panel{position:relative;min-width:130px;text-align:center;transition:transform .65s cubic-bezier(.34,1.4,.64,1)}#slack-panel.cup-hero{z-index:9}#slack-panel.cup-hero>*:not(.cup){opacity:0;transition:opacity .3s}#hud.celebrating #timer-panel,#hud.celebrating #right-status-panel,#hud.celebrating #pause-btn{opacity:0;pointer-events:none!important;transition:opacity .4s}#slack-panel.cup-hero .cup .cup-fill:after{animation:cup-shine 1.6s ease-in-out infinite}#slack-panel.cup-hero .cup{animation:cup-glow 2s ease infinite,cup-hover 2.4s ease-in-out infinite}@keyframes cup-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.confetti-cannon{position:absolute;width:143px;height:104px;opacity:0;transition:opacity .4s;pointer-events:none;z-index:8}.confetti-cannon:before{content:"";position:absolute;left:0;top:0;width:143px;height:120px;background:url(../assets/icons/confetti-cannon.png) 0 0 / 143px 120px no-repeat}.confetti-cannon.left{left:calc(10% - 45px);top:calc(82% - 18px);transform:rotate(-14deg)}.confetti-cannon.right{left:auto;right:calc(10% - 45px);top:calc(82% - 18px);transform:scaleX(-1) rotate(-14deg)}#hud.celebrating .confetti-cannon{opacity:1;animation:cannon-kick 1.5s ease-out infinite}@keyframes cannon-kick{0%{margin-top:0}8%{margin-top:7px}22%{margin-top:0}to{margin-top:0}}@font-face{font-family:CeleWords;src:url(../assets/fonts/CelebrationWords.woff2) format("woff2");font-display:block}#cele-words{position:absolute;inset:0;pointer-events:none;z-index:7}#cele-words.hidden{display:none}.cele-word{position:absolute;top:calc(47% - 165px);width:130px;height:276px;overflow:visible}.cele-word text{font-family:CeleWords,sans-serif;font-size:82px}.cele-word.left{left:calc(30% - 130px);animation:cele-bob 2.1s ease-in-out infinite alternate}.cele-word.right{left:70%;animation:cele-bob 2.1s .35s ease-in-out infinite alternate}.cele-char{transform-box:fill-box;transform-origin:center}#cele-words.show .cele-char{animation:cele-char-pop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes cele-char-pop{0%{transform:scale(0) rotate(-10deg)}62%{transform:scale(1.18) rotate(3deg)}82%{transform:scale(.96) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes cele-bob{0%{transform:translateY(0)}to{transform:translateY(-9px)}}.cele-spark{transform-box:fill-box;transform-origin:center;animation:cele-sparkle 1.15s ease-in-out infinite alternate}@keyframes cele-sparkle{0%{transform:scale(.65) rotate(0);opacity:.75}to{transform:scale(1.1) rotate(20deg);opacity:1}}.result-btn{position:absolute;left:50%;bottom:9%;transform:translate(-50%);margin-top:0;white-space:nowrap;pointer-events:auto;z-index:9;animation:result-bob 1.1s ease-in-out infinite alternate}.result-btn.pop{animation:result-pop .45s cubic-bezier(.34,1.56,.64,1),result-bob 1.1s .45s ease-in-out infinite alternate}.result-btn:hover{transform:translate(-50%) translateY(-2px)}.result-btn:active{transform:translate(-50%) translateY(3px)}@keyframes result-pop{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}@keyframes result-bob{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}#confetti-box{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:9}.confetti-piece{position:absolute;width:9px;height:9px;border-radius:3px;animation:confetti-fly 1.7s cubic-bezier(.25,.8,.4,1) forwards}.confetti-piece.emoji{width:auto;height:auto;font-size:15px}@keyframes confetti-fly{0%{transform:translate(0) rotate(0);opacity:1}30%{transform:translate(calc(var(--dx) * .55),var(--up)) rotate(calc(var(--rot) * .4));opacity:1}to{transform:translate(var(--dx),var(--fall)) rotate(var(--rot));opacity:0}}.cup{position:relative;width:64px;height:84px;margin:0 auto;background:#ffffffbf;border:4px solid #fff;border-radius:10px 10px 22px 22px;box-shadow:0 4px 14px #ff6fa559;overflow:hidden}.cup-fill{position:absolute;left:0;bottom:0;width:100%;height:0%;background:linear-gradient(180deg,#ffb3d1,#ff7eb0);transition:height .2s ease}.cup-fill:after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:35%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.9),transparent);transform:skew(-15deg);opacity:0;pointer-events:none}.cup.goal-shine .cup-fill:after{animation:cup-shine .9s ease-in-out 2}.cup.goal-shine{animation:cup-glow 1.8s ease}@keyframes cup-shine{0%{left:-45%;opacity:0}25%{opacity:1}to{left:115%;opacity:0}}@keyframes cup-glow{0%,to{box-shadow:0 4px 14px #ff6fa559}30%{box-shadow:0 4px 26px #ffb700bf,0 0 18px #ffd36e99}60%{box-shadow:0 4px 20px #ff8cbe8c}}.cup-boba{position:absolute;left:8px;bottom:6px;width:10px;height:10px;background:#6b4a3a;border-radius:50%;box-shadow:14px -4px #6b4a3a,28px 0 #6b4a3a,8px -12px #6b4a3a,24px -14px #6b4a3a}.cup-straw{position:absolute;top:-14px;right:10px;width:8px;height:45px;background:var(--mint);border:2px solid #fff;border-radius:4px;transform:rotate(12deg)}.cup.straw-lit .cup-straw{animation:straw-lit .8s ease-in-out infinite alternate}@keyframes straw-lit{0%{box-shadow:0 0 3px 1px #9ef0d0b3;filter:brightness(1)}to{box-shadow:0 0 10px 3px #9ef0d0f2;filter:brightness(1.3)}}.cup.straw-lit .cup-fill{box-shadow:inset 0 7px 6px -4px #fffffff2}.cup-label{margin-top:8px;font-size:14px;font-weight:700;color:var(--ink);background:#fffc;border-radius:12px;padding:3px 10px;box-shadow:0 2px 8px #ff6fa540}#combo-tag,#buff-tag{margin-top:6px;font-size:13px;font-weight:700;color:#fff;border-radius:12px;padding:3px 10px;display:inline-block}#combo-tag{background:linear-gradient(90deg,#ff9ec6,#cdb4f6);animation:pulse .6s infinite alternate}#buff-tag{background:linear-gradient(90deg,#ffd36e,#ff9ec6);animation:pulse .4s infinite alternate;min-width:130px;text-align:center}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.buff-text{display:block;margin-bottom:4px}.buff-bar{height:10px;background:#5a4a5e40;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 3px #00000026;border:1px solid rgba(255,255,255,.6)}.buff-fill{height:100%;background:linear-gradient(180deg,#ffc2d9,#ff9ec6);border-radius:5px;transition:width .1s linear;box-shadow:0 1px 3px #ff9ec680}#timer-panel{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center}#timer{font-size:42px;font-weight:900;color:var(--pink-deep);line-height:1;text-shadow:0 2px 0 #fff,0 4px 10px rgba(255,111,165,.4)}#timer.urgent{color:#ff4d4d;animation:pulse .5s infinite alternate}.timer-label{font-size:12px;color:var(--ink);background:#fffc;border-radius:10px;padding:2px 8px;margin-top:4px;display:inline-block}#right-status-panel{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end}#lives-panel{font-size:30px}.life{display:inline-block;margin-left:6px;transition:all .3s;filter:drop-shadow(0 2px 3px rgba(255,111,165,.4))}.life.lost{filter:grayscale(1);opacity:.3;transform:rotate(180deg) scale(.8)}#asset-panel{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:8px;margin-top:8px;padding-left:11px;pointer-events:none}.asset-row{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;line-height:1;white-space:nowrap}.asset-icon{display:inline-block;width:30px;height:30px;filter:drop-shadow(0 2px 2px rgba(90,74,94,.25))}.asset-icon svg{display:block;width:100%;height:100%}.asset-times-svg{display:inline-block;width:10px;height:10px}.asset-times-svg path{fill:none;stroke:var(--pink-deep);stroke-width:2.8px;stroke-linecap:round}.asset-count{display:inline-flex;align-items:center;height:22px}.asset-number-svg{display:block;width:auto;height:19px;overflow:visible}.asset-number-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.asset-digit-back{stroke:#fff;stroke-width:9px}.asset-digit-fill{stroke:var(--pink-deep);stroke-width:5px}#danger-vignette{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,60,90,.45) 100%);transition:opacity .15s}#catch-flash{position:absolute;inset:0;opacity:0;pointer-events:none;background:#fff}#catch-flash.go{animation:flash .45s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}#tea-arrow{position:absolute;left:0;top:0;z-index:8;pointer-events:none;display:none;transform:translate(-50%,-50%)}#tea-arrow.show{display:block}#tea-arrow.flash{animation:tea-pop .5s ease,tea-blink .38s 3}#tea-arrow .chev{display:inline-block;font-size:34px;color:#ffc93c;text-shadow:0 0 12px rgba(255,183,0,.95),0 2px 0 #fff,0 0 3px #b8770e;animation:tea-bob .55s ease-in-out infinite}@keyframes tea-pop{0%{scale:0}70%{scale:1.35}to{scale:1}}@keyframes tea-blink{0%,to{opacity:1}50%{opacity:.1}}@keyframes tea-bob{0%,to{margin-top:0}50%{margin-top:-9px}}#mentor-pop{position:absolute;left:50%;top:18%;transform:translate(-50%);display:flex;align-items:center;gap:14px;pointer-events:none;z-index:9;background:#fffffff2;border:4px solid var(--pink-deep);border-radius:22px;padding:12px 22px 12px 12px;box-shadow:0 8px 24px #ff3c5a66;animation:popIn .35s cubic-bezier(.2,1.6,.4,1)}#mentor-pop img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #ffe0ec}#mentor-pop-text{font-size:19px;font-weight:700;color:var(--ink)}@keyframes popIn{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#pause-btn{position:absolute;top:20px;right:20px;margin-top:56px;width:46px;height:46px;border-radius:14px;border:3px solid #fff;background:#ffffffd9;font-size:22px;color:var(--pink-deep);cursor:pointer;pointer-events:auto;box-shadow:0 4px 10px #ff6fa54d;transition:transform .1s}#pause-btn:hover{transform:scale(1.08)}#joystick{position:absolute;left:26px;bottom:26px;width:120px;height:120px;border-radius:50%;background:#ffffff59;border:3px solid rgba(255,255,255,.7);pointer-events:auto}#joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--lav));transform:translate(-50%,-50%);box-shadow:0 3px 8px #0003}#slack-btn{position:absolute;right:30px;bottom:36px;width:92px;height:92px;border-radius:50%;border:4px solid #fff;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--pink-deep),var(--pink));box-shadow:0 6px 16px #ff6fa580;pointer-events:auto}#slack-btn:active{transform:scale(.92)}#slack-btn.slacking{background:linear-gradient(135deg,#7ee0b8,var(--mint));color:#2e6b52}#slack-btn.feeding{background:linear-gradient(135deg,#6ec8ff,#d8f4ff);color:#37627a}#slack-btn.snack-action{background:linear-gradient(135deg,#ffc85c,#ff96ae);color:#74472f}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#ffdcec8c;backdrop-filter:blur(6px)}.menu-card{width:min(92vw,480px);text-align:center;padding:30px 26px;max-height:94vh;overflow-y:auto;background:var(--cream);border:5px solid #fff;border-radius:28px;box-shadow:0 12px 40px #ff6fa559}.game-title{font-size:44px;color:var(--pink-deep);letter-spacing:4px;text-shadow:0 3px 0 #fff,0 6px 14px rgba(255,111,165,.35)}.game-subtitle{margin-top:6px;font-size:14px;color:#b088a0}.howto{margin:20px 0;text-align:left;font-size:14.5px;color:var(--ink);line-height:2}.big-btn{margin-top:6px;padding:14px 46px;font-size:22px;font-weight:700;color:#fff;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,var(--pink-deep),var(--pink));box-shadow:0 6px #e0558b,0 10px 20px #ff6fa566;transition:transform .1s,box-shadow .1s}.big-btn:hover{transform:translateY(-2px)}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #e0558b}.end-emoji{font-size:64px;margin:12px 0;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.end-detail{font-size:16px;color:var(--ink);line-height:1.9}.end-rank{margin:14px 0 8px;font-size:30px;font-weight:900;color:#ffb400;text-shadow:0 2px 0 #fff}.menu-section{margin:16px 0 8px;font-size:15px;font-weight:700;color:#b088a0;letter-spacing:2px}#char-cards{display:flex;gap:10px;justify-content:center}.char-card{flex:1;padding:10px 6px;border:3px solid #fff;border-radius:18px;background:#fff;cursor:pointer;transition:all .15s;font-family:inherit;box-shadow:0 3px #ff6fa540}.char-card:hover{transform:translateY(-2px)}.char-card.selected{border-color:var(--pink-deep);background:#fff0f6;box-shadow:0 3px 0 var(--pink-deep),0 6px 14px #ff6fa559}.char-emoji{font-size:34px;display:block}.char-imgwrap{display:block;width:88px;height:88px;margin:0 auto;border-radius:50%;overflow:hidden;border:3px solid #ffe0ec;background:#fff8f2;box-shadow:0 3px 8px #ff6fa540}.char-card.selected .char-imgwrap{border-color:var(--pink-deep)}.char-img{width:100%;height:100%;object-fit:cover;display:block}.end-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 6px 18px #ff6fa559;margin-top:10px}.char-name{display:block;margin-top:4px;font-size:16px;font-weight:700;color:var(--ink)}.char-perk{display:block;margin-top:4px;font-size:11px;color:#a08998;line-height:1.5}.char-perk b{color:var(--pink-deep);font-size:12px}#level-btns{display:flex;gap:10px;justify-content:center}.level-btn{flex:1;padding:10px 4px;border:3px solid #fff;border-radius:16px;background:#fff;cursor:pointer;transition:all .15s;font-family:inherit;box-shadow:0 3px #cdb4f666}.level-btn:hover:not(.locked){transform:translateY(-2px)}.level-btn.selected{border-color:var(--lav);background:#f6efff;box-shadow:0 3px 0 var(--lav),0 6px 14px #cdb4f666}.level-btn.locked{opacity:.45;cursor:not-allowed}.lv-emoji{font-size:24px;display:block}.lv-name{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--ink)}.howto-wrap{margin:14px 0 4px;text-align:left}.howto-wrap summary{text-align:center;font-size:14px;color:var(--pink-deep);font-weight:700;cursor:pointer;list-style:none}.howto-wrap[open] summary{margin-bottom:8px}.howto{font-size:13.5px;color:var(--ink);line-height:1.95}.howto b{color:var(--pink-deep)}.level-tag{margin-top:4px;font-size:12px;font-weight:700;color:#8a6a9a;background:#ffffffbf;border-radius:10px;padding:2px 10px;display:inline-block}.end-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,280px);margin:8px auto 0}.end-btns #next-btn{grid-column:1 / -1;width:100%}.end-btns #next-btn:not(:disabled):after{content:"";display:inline-block;margin-left:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;transform:translateY(1px)}.end-btns .big-btn.small{width:100%;padding-inline:16px;white-space:nowrap}.big-btn.small{padding:12px 24px;font-size:17px;margin-top:0}.big-btn.ghost{background:linear-gradient(135deg,#cdb4f6,#b89ae8);box-shadow:0 6px #a888d8,0 10px 20px #cdb4f666}.big-btn.ghost:active{box-shadow:0 2px #a888d8}#battery-tag{margin-top:6px;font-size:13px;font-weight:700;color:#fff;border-radius:12px;padding:3px 10px;display:inline-block;background:linear-gradient(90deg,#8fd8ff,#b8f4d4);min-width:130px;text-align:center;text-shadow:0 1px 2px rgba(90,74,94,.35)}#battery-tag.low{animation:pulse .35s infinite alternate}.batt-text{display:block;margin-bottom:4px}.batt-bar{height:10px;background:#5a4a5e40;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 3px #00000026;border:1px solid rgba(255,255,255,.6)}.batt-fill{height:100%;border-radius:5px;transition:width .15s linear}#charge-arrow{position:absolute;left:-100px;top:-100px;z-index:8;pointer-events:none;display:none;transform:translate(-50%,-50%)}#charge-arrow.show{display:block}#charge-arrow .chev{display:inline-block;font-size:34px;color:#5ec8f8;text-shadow:0 0 12px rgba(94,200,248,.95),0 2px 0 #fff,0 0 3px #1e7ab8;animation:tea-bob .55s ease-in-out infinite}#fridge-arrow{position:absolute;left:0;top:0;z-index:8;pointer-events:none;display:none;transform:translate(-50%,-50%)}#fridge-arrow.show{display:block}#fridge-arrow.flash{animation:tea-blink .38s 3}#fridge-arrow .chev{display:inline-block;font-size:34px;color:#ffad42;text-shadow:0 0 12px rgba(255,173,66,.95),0 2px 0 #fff,0 0 3px #a85a18;animation:tea-bob .55s ease-in-out infinite}.snack-pickup-fx{position:absolute;left:0;top:0;z-index:12;transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none;font-size:54px;filter:drop-shadow(0 8px 12px rgba(110,70,35,.3))}.snack-pickup-fx.go{animation:snack-pickup .9s ease-out}@keyframes snack-pickup{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-14deg)}22%{opacity:1;transform:translate(-50%,-58%) scale(1.18) rotate(7deg)}72%{opacity:1;transform:translate(-50%,-64%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-76%) scale(.9)}}#combo-tag,#buff-tag,#battery-tag{display:block;width:fit-content;margin-left:auto;margin-right:auto}