/* Baozi & Mantou: warm paper, bamboo steamers, and six little breakfast friends. */
:root{--pink:#b95c40;--rose:#97422f;--purple:#79543f;--ink:#654735;--muted:#92715b;--cream:#fff9ef}
html{background:#f8edda}
.welcome-screen{padding:32px 22px max(24px,env(safe-area-inset-bottom));justify-content:center;gap:18px;background-image:radial-gradient(ellipse at 50% 40%,#fff9efee 0%,#fff5e5e8 45%,#f4e4cecc 100%),url('/assets/baoxi-town.svg')!important;background-size:cover!important;isolation:isolate}
.welcome-screen:before{content:'';position:absolute;inset:14px;border:1px solid #c19a7344;border-radius:30px;pointer-events:none;z-index:-1}
.welcome-logo{margin:0;line-height:1.05;flex:none}
.welcome-logo>span{font-size:11px;letter-spacing:4px;color:#916c50;font-weight:700}
.welcome-logo>strong{font-size:clamp(34px,7.5vw,52px);letter-spacing:3px;margin-top:17px;line-height:1.3;color:#8e4630;font-weight:950}
.welcome-logo>strong em{display:block;font-style:normal;font-size:clamp(56px,12.6vw,78px);letter-spacing:7px;color:#b45b40;margin-top:1px}
.welcome-logo>small{margin-top:13px;font-size:13px;letter-spacing:2px;color:#88654c}
.bun-hero{position:relative;width:min(350px,88vw);height:210px;flex:none;filter:drop-shadow(0 11px 12px #7c4a2720)}
.hero-halo{position:absolute;inset:12px 35px 0;border-radius:50%;background:radial-gradient(ellipse,#f4d6a2aa,#fae6c100 70%)}
.hero-steam{position:absolute;top:0;left:38%;display:flex;gap:16px;opacity:.4}
.hero-steam i{display:block;width:8px;height:33px;border-radius:50%;border-left:3px solid #b98f6b;transform:rotate(13deg);animation:bun-steam 3.2s ease-in-out infinite}
.hero-steam i:nth-child(2){animation-delay:-1s;height:41px}.hero-steam i:nth-child(3){animation-delay:-2s}
.hero-bun{position:absolute;width:112px;height:112px;object-fit:contain;z-index:2}
.hero-bun:nth-of-type(1){left:10px;top:55px;transform:rotate(-15deg)}
.hero-bun:nth-of-type(2){left:91px;top:29px;width:139px;height:139px;z-index:4;animation:hero-bob 4s ease-in-out infinite}
.hero-bun:nth-of-type(3){right:8px;top:57px;transform:rotate(13deg)}
.hero-bun:nth-of-type(4){left:57px;top:87px;z-index:5;width:105px;height:105px;transform:rotate(-7deg)}
.hero-bun:nth-of-type(5){right:55px;top:92px;z-index:5;width:103px;height:103px;transform:rotate(9deg)}
.hero-tray{position:absolute;bottom:7px;left:20px;right:20px;height:51px;border-radius:12px 12px 65% 65%/12px 12px 80% 80%;border:3px solid #b37d48;background:repeating-linear-gradient(90deg,#d7aa72 0 10px,#e7c18c 10px 18px);box-shadow:inset 0 -7px #c9995e,0 5px #a8794c55;z-index:6}
.hero-tray:before{content:'';position:absolute;inset:-9px -5px auto;height:18px;border:3px solid #bc8b55;background:#eac99a;border-radius:50%;box-shadow:inset 0 2px #fbe4be}
.hero-spark{position:absolute;left:5px;top:29px;color:#bc8351;font-size:23px;transform:rotate(13deg)}
.hero-spark:last-child{left:auto;right:8px;top:14px;font-size:34px;color:#d3a05a}
.welcome-actions{margin:0;padding:0;width:min(335px,100%);border-radius:0;background:none;box-shadow:none;flex:none;display:flex;flex-direction:column;gap:12px}
.welcome-actions #welcome-play{width:100%;min-height:57px;font-size:20px;font-weight:850;letter-spacing:2px;line-height:1.4;border:2px solid #e59c75;box-shadow:0 5px #8d452e,0 9px 18px #9f5c3520!important;border-radius:22px;background:linear-gradient(#c77551,#ac5036)!important}
.welcome-actions .secondary-button{margin-top:0!important;min-height:43px;border-radius:17px!important;box-shadow:0 2px #dfc6a6!important;background:#fffaf1!important;color:#805d44!important;border:1px solid #dfc4a4!important;font-size:13px!important}
.welcome-shortcuts{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.welcome-actions #welcome-member{font-size:13px;min-height:43px;font-weight:700}
.welcome-save-status{padding:0;margin:0;background:none;font-size:11px;min-height:17px;letter-spacing:.5px;order:4;color:#8b735c!important}
.welcome-lab{margin-top:0!important;padding:6px 14px;border:1px dashed #d6b68e;box-shadow:none;background:#f6ead6!important;border-radius:18px}
.welcome-lab img{width:42px;height:42px}.welcome-lab strong{font:800 11px/1.5 system-ui;letter-spacing:2px;color:#a47753}.welcome-lab small{font-size:12px;margin-top:0;color:#76583e}
.brand{transform:none}.brand-name{-webkit-text-stroke:0;text-shadow:none;letter-spacing:0;font-size:28px!important;white-space:nowrap}.brand-name>span{font-size:20px;color:#b75b3f!important}.brand-name small{font-size:8px!important;letter-spacing:1px;text-shadow:none;color:#987653;text-align:left;margin-top:5px;line-height:1.3}
.level-button,.icon-button{background:#fffaf0;border-color:#f5e3cb;box-shadow:0 3px #d5b38d;color:#8d583e}
.map-intro h1{font-size:27px;letter-spacing:0}.map-intro p{color:#896d55}.map-kicker{font-size:10px;letter-spacing:2px}
.endless-banner{display:flex!important}.endless-banner small{color:#687a50}.endless-arrow{color:#687a50}.endless-mark{color:#9aa66b;text-shadow:none}
.mission-card{background:linear-gradient(135deg,#fffdf8,#fff2dc);border-color:#fffaf0;box-shadow:0 4px #dab99566,0 9px 20px #8b5f3320,inset 0 -3px #f0dcc4}
.moves{background:linear-gradient(160deg,#dca16c,#b55f3d);border-color:#ffe9c9;box-shadow:0 3px #8c5135,inset 0 3px #e8b486}.moves strong,.moves .small-label{text-shadow:0 2px #945434}
.chapter .eyebrow,.chapter h1{color:#8e5a3e}.chapter{flex-wrap:wrap;gap:4px 10px}.objective-amount,.score-label strong{color:#825534}.objectives h2,.score-caption,.score-label{color:#92704d}.score-track>div{background:linear-gradient(#ffd28e,#e8a052)}.score-track{background:#ead8c0;border-color:#dbc09a}.score-block{border-color:#dcc3a6}
.tile.selected{background:#ffe9a7!important;box-shadow:inset 0 0 0 3px #a56330,0 0 10px #ffe8aa!important;z-index:4}.tile.drag-target{background:#f5d4a8!important}.tile.sealed{background:linear-gradient(145deg,#ecdbc2,#d8bd9b)!important}.tile .piece{filter:drop-shadow(0 2px 1px #80553044)}
.ingredient-0{background-image:url('/assets/mantou-0.svg?v=21')!important}.ingredient-1{background-image:url('/assets/mantou-1.svg?v=21')!important}.ingredient-2{background-image:url('/assets/mantou-2.svg?v=21')!important}.ingredient-3{background-image:url('/assets/mantou-3.svg?v=21')!important}.ingredient-4{background-image:url('/assets/mantou-4.svg?v=21')!important}.ingredient-5{background-image:url('/assets/mantou-5.svg?v=21')!important}
.tool,.restart-button{background:#fff9ec;border-color:#fff4dd;color:#83573b;box-shadow:0 3px #d4ad83}.tool small{color:#9a795d}.tool>b{background:#f0d5ad;color:#815437}.board-caption{color:#865f44}.extra-tools button{color:#896348}.primary-button{font-style:normal!important}.secondary-button{font-family:inherit;font-style:normal}
.result-modal[open]{background:transparent!important}.result-card{background:radial-gradient(ellipse at 50% 0%,#ffe8b2,transparent 50%),linear-gradient(145deg,#fffdf5,#f9e8cf);border-color:#fffaf0;box-shadow:0 7px #bd8959,0 18px 65px #65422c55}.result-card h2{color:#a45336}.result-card>p{color:#88684d}
.modal h2,.modal h3{color:#8e4c34}.modal p{color:#83664d}.preview-lesson{background:#f2e7d5;border-color:#dfc4a0}.preview-lesson strong{color:#8e5d3b}.preview-lesson p{color:#83684e}.difficulty-badge{background:#e9ddc8;color:#816143}.ingredient-key .key-item{color:#87684d}
@keyframes bun-steam{50%{opacity:.2;transform:translateY(-10px) rotate(-9deg)}}
@keyframes hero-bob{50%{transform:translateY(-7px) rotate(3deg)}}
@media(max-width:400px){.welcome-screen{gap:14px;padding:25px 20px 22px}.welcome-logo>strong{font-size:32px}.welcome-logo>strong em{font-size:56px}.bun-hero{height:195px;transform:scale(.94);margin:-3px 0}.brand-name{font-size:22px!important}.brand-name>span{font-size:16px}.top-actions{gap:5px}.level-button{font-size:11px;padding:7px 9px}.map-intro h1{font-size:24px}}
@media(max-height:740px){.welcome-screen{gap:10px;padding-top:22px;padding-bottom:22px;justify-content:flex-start}.welcome-logo>strong{margin-top:11px;font-size:31px}.welcome-logo>strong em{font-size:52px}.welcome-logo>small{margin-top:8px;font-size:12px}.bun-hero{height:180px;transform:scale(.86);margin:-8px 0}.welcome-actions{gap:9px}.welcome-actions #welcome-play{min-height:49px}.welcome-lab{padding:3px 10px}}
@media(prefers-reduced-motion:reduce){.hero-steam i,.hero-bun:nth-of-type(2){animation:none}}

/* All helpers now belong to the bun kitchen. */
.booster-art{background-size:contain!important;background-position:center!important}
.booster-0{background-image:url('/assets/bun-tool-0.svg?v=21')!important}
.booster-1{background-image:url('/assets/bun-tool-1.svg?v=21')!important}
.booster-2{background-image:url('/assets/bun-tool-2.svg?v=21')!important}
.booster-3{background-image:url('/assets/bun-tool-3.svg?v=21')!important}
.booster-4{background-image:url('/assets/bun-tool-4.svg?v=21')!important}
.booster-5{background-image:url('/assets/bun-tool-5.svg?v=21')!important}
.seal-art{background-image:url('/assets/bun-seal.svg?v=21')!important;background-size:contain!important;background-position:center!important}.capsule-art{background-image:url('/assets/bun-steamer.svg?v=21')!important;background-size:contain!important;background-position:center!important}.feature-ribbon{font-family:inherit;font-style:normal;background:#f0e3cc;color:#89623d;border-color:#e4c9a6;box-shadow:0 3px #d8b88d}.close-dialog{background:#c27c57;color:#fff9eb;border-color:#ffe8ca;box-shadow:0 3px #a86442}.feature-modal{border-color:#f6e4c5;box-shadow:0 6px #c99765,0 16px 60px #76503855}