:root{color:#613b2a;font-synthesis:none;--cream:#fff8ea;--paper:#fffdf6;--caramel:#613b2a;--caramel-soft:#9b6b52;--pink:#f47d91;--pink-dark:#d95f76;--mint:#84cdb1;--mango:#f4c95d;--line:#613b2a29;--shadow:0 14px 40px #69402a1f, 0 2px 0 #ffffffe6 inset;background:#fff8ea;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f47d9173}button:disabled{cursor:not-allowed;opacity:.47}h1,h2,h3,p{margin-top:0}h1,h2{font-family:STKaiti,KaiTi,Microsoft YaHei UI,serif}.game-app{background:radial-gradient(circle at 15% 8%, #f4c95d29, transparent 22rem), linear-gradient(#fff6 1px, transparent 1px), var(--cream);background-size:auto,100% 32px,auto;min-height:100vh}.screen{width:min(1240px,100% - 40px);margin:0 auto;padding:42px 0 80px}.eyebrow{color:var(--pink-dark);letter-spacing:.15em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:900}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;min-height:48px;padding:12px 22px;font-weight:900;transition:transform .18s,box-shadow .18s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--pink), #ee6b82);box-shadow:0 8px #bd5367,0 12px 24px #d95f763b}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #bd5367}.secondary-button{color:var(--caramel);border:2px solid var(--line);background:#fff}.jumbo{min-height:58px;padding-inline:30px;font-size:1.03rem}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf6f0;border-radius:26px;padding:24px}.section-label,.panel-title,.stage-heading,.service-top,.summary-hero{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-label h2,.panel-title h2{margin:0;font-size:1.45rem}.section-label>span{color:var(--caramel-soft);font-size:.78rem;font-weight:700}.panel-icon{background:#fff3cf;border-radius:17px;flex:0 0 50px;place-items:center;height:50px;font-size:1.65rem;display:grid}.title-screen{background:radial-gradient(circle at 50% 30%,#fffffff2,#fff8eac7 45%,#84cdb147),repeating-linear-gradient(90deg,#0000 0 75px,#613b2a09 76px 77px);place-items:center;min-height:100vh;padding:70px 20px 50px;display:grid;position:relative;overflow:hidden}.awning{filter:drop-shadow(0 8px 7px #613b2a29);height:62px;display:flex;position:absolute;inset:0 0 auto}.awning i{background:var(--pink);border-radius:0 0 34px 34px;flex:1;max-width:220px}.awning i:nth-child(2n){background:#fff3d9}.title-card{text-align:center;width:min(680px,100%);position:relative}.shop-sign{outline:3px solid var(--caramel);background:linear-gradient(165deg,#fdf0c6,#ffe4e7);border:8px solid #fff;border-radius:44px 44px 32px 32px;padding:42px 32px 34px;position:relative;transform:rotate(-1deg);box-shadow:0 22px #613b2a14,0 30px 70px #613b2a2e}.shop-sign:before,.shop-sign:after{content:"";background:var(--caramel);width:4px;height:70px;position:absolute;top:-72px}.shop-sign:before{left:22%}.shop-sign:after{right:22%}.shop-sign p{color:var(--caramel-soft);letter-spacing:.22em;margin-bottom:4px;font-weight:800}.shop-sign h1{letter-spacing:-.06em;margin:0;font-size:clamp(3.5rem,10vw,6.6rem);line-height:.92}.shop-sign h1 em{color:var(--pink-dark);letter-spacing:.04em;font-size:.5em;font-style:normal}.sign-stars{color:var(--mango);font-size:2rem;position:absolute;top:25px;left:28px}.sign-cup{font-size:3.2rem;position:absolute;bottom:12px;right:22px;transform:rotate(8deg)}.title-tagline{margin:38px auto 22px;font-family:STKaiti,KaiTi,serif;font-size:1.24rem}.title-actions{gap:14px;width:min(360px,100%);margin:auto;display:grid}.title-actions .jumbo{font-size:1.12rem}.title-actions .jumbo span{padding-left:20px}.quiet-actions{justify-content:center;gap:8px;display:flex}.quiet-actions button{cursor:pointer;color:var(--caramel-soft);background:0 0;border:0;padding:8px;font-size:.8rem}.feature-ribbon{color:var(--caramel-soft);justify-content:center;gap:26px;margin-top:30px;font-size:.78rem;font-weight:800;display:flex}.street-plants{opacity:.72;font-size:2.2rem;position:absolute;bottom:20px}.hud{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf6e6;align-items:center;gap:20px;min-height:76px;padding:12px max(20px,50vw - 620px);display:flex;position:sticky;top:0}.brand-mini{white-space:nowrap;align-items:center;gap:8px;display:flex}.brand-mini span{font-size:1.5rem}.brand-mini strong{font-family:STKaiti,KaiTi,serif;font-size:1.12rem}.hud-stats{flex:1;justify-content:center;gap:8px;display:flex}.stat-chip{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:center;align-items:baseline;gap:5px;min-width:92px;padding:9px 12px;display:flex}.stat-chip b{font-family:ui-monospace,monospace}.stat-chip small{color:var(--caramel-soft);font-size:.67rem}.stat-chip.coin{background:#fff3c7}.stat-chip.rep{background:#e5f7ef}.icon-button{cursor:pointer;background:#fff;border:0;border-radius:14px;width:44px;height:44px;font-size:1.1rem}.stock-alert{background:#fff0d2;border:1px solid #e9bd63;border-radius:10px;padding:8px 12px;font-size:.73rem;font-weight:800;position:absolute;top:calc(100% + 8px);right:max(20px,50vw - 620px);box-shadow:0 5px 16px #613b2a1f}.stage-heading,.service-top,.summary-hero{margin-bottom:28px}.stage-heading h1,.service-top h1,.summary-hero h1{margin:0;font-size:clamp(2rem,4vw,3.1rem)}.prep-grid{grid-template-columns:.82fr 1.18fr;gap:20px;display:grid}.forecast-panel>p{margin:20px 0 12px}.event-note{background:#fff4d4;border-radius:14px;gap:4px;padding:13px 15px;display:grid}.event-note span{color:var(--caramel-soft);font-size:.82rem}.inspiration-options{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.inspiration-options button{cursor:pointer;background:#f9f3e9;border:2px solid #0000;border-radius:18px;align-content:center;place-items:center;gap:4px;min-height:116px;padding:10px;display:grid}.inspiration-options button span{font-size:1.5rem}.inspiration-options button small{color:var(--caramel-soft);font-size:.66rem;line-height:1.35}.inspiration-options button.selected{border-color:var(--mint);background:#e0f6ec}.inventory-panel,.menu-panel{grid-column:1/-1}.ingredient-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px;display:grid}.ingredient-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:16px;align-items:center;gap:9px;min-height:74px;padding:10px;display:flex;position:relative}.ingredient-emoji{font-size:1.45rem}.ingredient-grid b,.ingredient-grid small{display:block}.ingredient-grid small{color:var(--caramel-soft);font-size:.68rem}.ingredient-grid em{color:#b27b20;font-size:.65rem;font-style:normal;position:absolute;bottom:5px;right:7px}.recipe-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.recipe-row{border:1px solid var(--line);background:#fbf8f1;border-radius:18px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.recipe-row.active{border-color:var(--mint);background:#f0faf6}.recipe-toggle{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-height:82px;display:flex}.recipe-toggle>span{font-size:2rem}.recipe-toggle div{flex:1}.recipe-toggle b,.recipe-toggle small{display:block}.recipe-toggle small{color:var(--caramel-soft);margin-top:3px;font-size:.7rem}.recipe-toggle i{color:#3b9e79;font-size:.68rem;font-style:normal;font-weight:900}.recipe-row label{border-left:1px dashed var(--line);color:var(--caramel-soft);justify-items:center;gap:2px;padding:8px 12px;font-size:.62rem;display:grid}.recipe-row input{border:0;border-bottom:2px solid var(--pink);text-align:center;width:58px;color:var(--caramel);background:0 0;font-size:1.2rem;font-weight:900}.queue-count{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;min-width:110px;padding:10px 20px;display:grid}.queue-count b{font:900 1.8rem ui-monospace,monospace}.queue-count span{color:var(--caramel-soft);font-size:.68rem}.service-grid{grid-template-columns:.92fr .75fr 1.33fr;align-items:stretch;gap:18px;display:grid}.customer-panel{overflow:hidden}.customer-scene{background:linear-gradient(#dff5e9 70%,#eacba2 70%);place-items:end center;min-height:185px;margin:-24px -24px 18px;display:grid;position:relative}.customer-scene:before{content:"TINA'S\a BOBA";white-space:pre;border:3px solid var(--caramel);border-radius:8px;padding:8px;font:900 .7rem/1 ui-monospace,monospace;position:absolute;top:24px;left:22px;transform:rotate(-4deg)}.customer-avatar{filter:drop-shadow(0 7px #613b2a1f);font-size:6rem;position:relative}.customer-avatar i{z-index:-1;background:#613b2a1f;border-radius:50%;width:70px;height:28px;position:absolute;bottom:-3px;left:14px}.speech{background:#fff;border-radius:15px 15px 3px;max-width:145px;padding:10px 12px;font-size:.72rem;position:absolute;top:20px;right:14px;box-shadow:0 6px 15px #613b2a1a}.customer-name{justify-content:space-between;align-items:center;display:flex}.customer-name h2{margin:0}.customer-name span{color:var(--caramel-soft);font-size:.7rem}.customer-name>b{color:var(--pink-dark);font:900 1.2rem ui-monospace,monospace}.patience{background:#eadfd5;border-radius:99px;height:9px;margin:10px 0 17px;overflow:hidden}.patience div{background:linear-gradient(90deg, var(--pink), var(--mango), var(--mint));height:100%;transition:width 1s linear}.order-ticket{background:#fffaf0;border:2px dashed #d3aa77;border-radius:5px;padding:18px;position:relative;transform:rotate(.5deg)}.order-ticket p{color:var(--caramel-soft);margin-bottom:5px;font:800 .65rem ui-monospace,monospace}.order-ticket h3{margin-bottom:12px;font-size:1.22rem}.order-ticket dl{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;display:grid}.order-ticket dl div{border-bottom:1px dotted var(--line);justify-content:space-between;gap:5px;padding-bottom:4px;display:flex}.order-ticket dt{color:var(--caramel-soft);font-size:.68rem}.order-ticket dd{margin:0;font-size:.72rem;font-weight:900}.cup-panel{background:linear-gradient(#fffdf6,#f4eadc);align-content:center;place-items:center;min-height:540px;display:grid;position:relative;overflow:hidden}.cup-panel:after{content:"";opacity:.35;background:repeating-linear-gradient(90deg,#d7ad7c 0 30px,#c99a67 31px 60px);height:115px;position:absolute;inset:auto 0 0}.combo-badge{background:#fff0dc;border-radius:12px;padding:8px 12px;font-size:.75rem;position:absolute;top:18px;left:18px}.combo-badge b{font:900 1rem ui-monospace,monospace}.boba-cup{z-index:2;background:linear-gradient(0deg,#51352f 0 18%,#bf7d55 19% 100%);border:5px solid #613b2aa6;border-top:0;border-radius:10px 10px 43px 43px;width:170px;height:236px;transition:background .35s,transform .22s;position:relative;box-shadow:inset 18px 0 #ffffff2e,0 18px 25px #613b2a26}.boba-cup.cup--green{background:linear-gradient(0deg,#5d463a 0 10%,#a9c88b 11% 100%)}.boba-cup.cup--milk{background:linear-gradient(0deg,#a92f46 0 12%,#ef9aaa 13% 43%,#f7e9d6 44%)}.cup-lid{z-index:4;border:5px solid var(--caramel);background:#ffffffb8;border-radius:8px;height:17px;position:absolute;top:-10px;left:-14px;right:-14px}.cup-straw{z-index:-1;border:4px solid var(--caramel);background:repeating-linear-gradient(-45deg, #fff 0 8px, var(--pink) 9px 17px);width:17px;height:93px;position:absolute;top:-80px;left:96px;transform:rotate(5deg)}.cup-label{text-align:center;width:84px;color:var(--pink-dark);background:#ffffffd6;border-radius:50%;padding:10px 3px;font:900 1.35rem STKaiti,KaiTi,serif;position:absolute;top:88px;left:38px;transform:rotate(-7deg)}.cup-gloss{background:#ffffff38;border-radius:50%;width:13px;height:100px;position:absolute;top:22px;left:18px}.cup-toppings{justify-content:space-around;display:flex;position:absolute;bottom:15px;left:15px;right:15px}.cup-toppings i{background:#3f2927;border:2px solid #ffffff1f;border-radius:50%;width:20px;height:20px}.cup-note{text-align:center;width:220px;color:var(--caramel-soft);font-size:.7rem;font-weight:800;position:absolute;top:calc(100% + 17px);left:50%;transform:translate(-50%)}.boba-cup.is-sealed{animation:.24s both seal}.cup-hint{z-index:3;color:var(--caramel-soft);font-size:.68rem;position:absolute;bottom:28px}.maker-panel{flex-direction:column;gap:13px;display:flex}.choice-row{border:0;margin:0;padding:0}.choice-row legend{margin-bottom:7px;font-size:.72rem;font-weight:900}.choice-row>div{flex-wrap:wrap;gap:5px;display:flex}.choice-row button{border:1px solid var(--line);cursor:pointer;background:#faf6ee;border-radius:10px;flex:auto;min-height:36px;padding:6px 9px;font-size:.72rem}.choice-row button.selected{color:#256d54;border-color:var(--mint);box-shadow:0 0 0 1px var(--mint) inset;background:#e2f5ed;font-weight:900}.seal-button{color:#fff;background:var(--caramel);cursor:pointer;border:0;border-radius:18px;min-height:63px;margin-top:auto;font-size:1.08rem;font-weight:900;box-shadow:0 8px #3e271e}.seal-button span{background:var(--pink);border-radius:50%;place-items:center;width:38px;height:38px;margin-right:7px;font-family:STKaiti,KaiTi,serif;display:inline-grid}.error-note{color:#9e3f40;background:#fff0ed;border-radius:8px;margin:0;padding:8px;font-size:.7rem}.empty-service{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 76px);display:grid}.empty-service>span{font-size:5rem}.empty-service h1{margin-bottom:4px;font-size:2.5rem}.empty-service p{color:var(--caramel-soft)}.out-of-stock{gap:6px;display:grid}.out-of-stock>button{color:#9e3f40;cursor:pointer;background:#fff;border:1px solid #d8877e;border-radius:11px;min-height:42px;font-size:.73rem;font-weight:900}.summary-hero{color:#fff;background:linear-gradient(125deg, var(--caramel), #8f6048);box-shadow:var(--shadow);border-radius:28px;padding:28px 34px}.summary-hero .eyebrow{color:#f7c7cf}.summary-hero h1{font-size:clamp(1.9rem,4vw,3rem)}.profit-stamp{border:3px dashed #ffffff80;border-radius:50%;place-items:center;min-width:145px;height:130px;display:grid;transform:rotate(4deg)}.profit-stamp.positive{color:#d9ffef}.profit-stamp b{font:900 2.2rem ui-monospace,monospace}.profit-stamp small,.profit-stamp span{font-size:.68rem}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:9px;padding:15px;display:flex}.metric>span{font-size:1.45rem}.metric small,.metric b{display:block}.metric small{color:var(--caramel-soft);font-size:.64rem}.metric b{font:900 1.1rem ui-monospace,monospace}.support-note{border:1px solid var(--mint);text-align:center;background:#e3f6ed;border-radius:14px;margin:14px 0;padding:14px;font-size:.8rem;font-weight:800}.after-hours-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.upgrade-list{gap:9px;margin-top:17px;display:grid}.upgrade-list article{border:1px solid var(--line);background:#faf7ef;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:72px;padding:10px;display:grid}.upgrade-list article>span{font-size:1.7rem}.upgrade-list b,.upgrade-list small{display:block}.upgrade-list small{color:var(--caramel-soft);margin-top:3px;font-size:.68rem}.upgrade-list em{color:var(--pink-dark);font-size:.68rem;font-style:normal}.upgrade-list button{color:#fff;background:var(--pink-dark);cursor:pointer;border:0;border-radius:11px;min-height:38px;padding:7px 10px;font-size:.72rem;font-weight:900}.all-done{text-align:center;padding:30px}.achievements{background:#fff3cf;border-radius:18px;flex-wrap:wrap;gap:8px;margin-top:18px;padding:18px;display:flex}.achievements .eyebrow{width:100%}.achievements span{background:#fff;border-radius:10px;padding:7px 10px;font-size:.72rem;font-weight:800}.next-day{justify-content:flex-end;align-items:center;gap:30px;margin-top:22px;display:flex}.next-day p{color:var(--caramel-soft);margin:0;font-size:.82rem}.final-screen{text-align:center;background:radial-gradient(circle,#f4c95d47,#0000 45%),linear-gradient(135deg,#e2f5ed,#fff1dc 45%,#ffe6eb);place-items:center;min-height:100vh;padding:30px 20px;display:grid}.final-card{outline:2px solid var(--caramel);background:#fffdf6f0;border:5px solid #fff;border-radius:40px;width:min(760px,100%);padding:48px;box-shadow:0 24px 70px #613b2a33}.final-card h1{font-size:clamp(2.3rem,6vw,4.3rem);line-height:1.05}.final-card h1 em{color:var(--pink-dark);font-style:normal}.stars{letter-spacing:.08em;font-size:clamp(2rem,7vw,4.5rem)}.stars span{color:#ded4c7;text-shadow:0 4px #613b2a14}.stars span.lit{color:var(--mango)}.final-copy{max-width:520px;color:var(--caramel-soft);margin:20px auto 26px;line-height:1.8}.final-stats{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.final-stats div{border-right:1px solid var(--line);padding:15px 8px}.final-stats div:last-child{border:0}.final-stats b,.final-stats span{display:block}.final-stats b{font:900 1.3rem ui-monospace,monospace}.final-stats span{color:var(--caramel-soft);margin-top:3px;font-size:.63rem}.final-actions{justify-content:center;gap:10px;margin-top:28px;display:flex}.confetti{color:var(--pink);font-size:2rem;animation:3s ease-in-out infinite float;position:absolute;top:7%}.toast{z-index:25;border:2px solid var(--caramel);color:#fff;pointer-events:none;background:#613b2af0;border-radius:14px;max-width:calc(100% - 30px);padding:11px 17px;font-size:.78rem;font-weight:800;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 9px 30px #613b2a38}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#492d227a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial-card{outline:2px solid var(--caramel);background:var(--paper);text-align:center;border:5px solid #fff;border-radius:30px;width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #301c1447}.tutorial-icon{font-size:3.4rem;display:block}.tutorial-card h2{margin-bottom:10px;font-size:2rem}.tutorial-card>p:not(.eyebrow){color:var(--caramel-soft);line-height:1.75}.tutorial-card button{width:100%;margin-top:7px}@keyframes seal{50%{transform:scale(.9)rotate(-2deg)}to{transform:scale(1.04)}}@keyframes float{50%{transform:translateY(10px)rotate(3deg)}}@media (width<=940px){.brand-mini strong{display:none}.hud{gap:8px}.hud-stats{justify-content:flex-start;overflow-x:auto}.stat-chip{min-width:82px}.service-grid{grid-template-columns:1fr 1fr}.maker-panel{grid-column:1/-1}.cup-panel{min-height:470px}.metrics-grid,.ingredient-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.screen{width:min(100% - 24px,1240px);padding-top:28px}.hud{min-height:66px;padding-inline:12px}.hud-stats .stat-chip:nth-child(4){display:none}.stock-alert{max-width:calc(100% - 24px);right:12px}.stage-heading,.service-top,.summary-hero{flex-direction:column;align-items:stretch}.stage-heading .primary-button{width:100%}.stage-heading h1,.service-top h1{font-size:2rem}.prep-grid,.after-hours-grid,.service-grid{grid-template-columns:1fr}.forecast-panel,.inspiration-panel,.inventory-panel,.menu-panel,.maker-panel{grid-column:auto}.inspiration-options{grid-template-columns:1fr}.inspiration-options button{text-align:left;grid-template-columns:auto 1fr;justify-items:start;min-height:82px}.inspiration-options button span{grid-row:1/3}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.recipe-list{grid-template-columns:1fr}.service-grid{flex-direction:column;display:flex}.customer-panel{order:1}.cup-panel{order:2;min-height:430px}.maker-panel{order:3}.choice-row button{min-height:44px}.seal-button{z-index:8;position:sticky;bottom:10px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.summary-hero{text-align:center}.profit-stamp{align-self:center}.next-day{flex-direction:column;align-items:stretch;gap:12px}.next-day .primary-button{width:100%}.final-card{padding:36px 18px}.final-stats{grid-template-columns:repeat(2,1fr)}.final-stats div:nth-child(2){border-right:0}.final-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.final-actions{flex-direction:column}.feature-ribbon{gap:9px;font-size:.65rem}.shop-sign{padding-inline:16px}.sign-cup{font-size:2.4rem}.title-screen{padding-top:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}