/* An original steamed-bun puzzle world: glossy food, raspberry buttons, soft blue sky. */
:root{--pink:#ee519c;--rose:#ba2d73;--purple:#7253aa;--ink:#694781;--muted:#9c7caa;--cream:#fff9ee}
html,body{background:#afe9ed;color:#694781}
.world-scene{background:#b3e7ef url('/assets/baozi-world-v21.png') center/cover no-repeat!important}.world-scene:after{background:linear-gradient(#e7fcff11,#b0d9ed25)!important}
.welcome-screen{background:#a4e9f3 url('/assets/baozi-world-v21.png') center bottom/cover no-repeat!important;color:#72528c;align-items:center;overflow-x:hidden}
.welcome-screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#c9fbff44,#d9fcff00 40%,#c7eddb22 70%,#b9edd7bb);pointer-events:none}
.welcome-top{max-width:510px;padding:20px 25px 0;align-items:center}
.welcome-wordmark{font-size:13px;letter-spacing:1px;color:#537f8a;text-shadow:0 1px #fff}.welcome-wordmark small{font-size:7px;letter-spacing:2px}.welcome-seal{color:#ee589c;background:#fff8eccc;border:2px solid #fffef1;border-radius:13px;width:33px;height:35px;font-size:22px;box-shadow:0 3px #c68db4;transform:rotate(-6deg)}
.welcome-audio{border:2px solid #fff7fa;background:linear-gradient(#fff8fc,#ffd9ee);color:#ad518b;box-shadow:0 3px #bb80b3,inset 0 2px #fff;width:37px;height:37px}
.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:470px;min-height:370px;max-height:none;flex:1;padding-top:20px}
.welcome-logo{padding:0!important;text-align:center;flex:none;filter:drop-shadow(0 9px 10px #518a9e22)!important;transform:rotate(-4deg)!important;font-family:var(--sans)}
.welcome-logo>span{font-size:9px;letter-spacing:4px;font-weight:850;color:#fffdf1;text-shadow:0 2px 2px #5c8894;margin-bottom:9px}
.welcome-logo>strong{font-size:46px;line-height:1.18;font-weight:1000;color:#ffe897;letter-spacing:2px;-webkit-text-stroke:4px #a85d2d;paint-order:stroke fill;text-shadow:0 3px #9d5325,0 5px #fff6d1,0 7px #dfb15b}
.welcome-logo>strong em{font-size:64px;line-height:1.2;font-weight:1000;letter-spacing:5px;color:#fff0a2;-webkit-text-stroke:4px #a85d2d;paint-order:stroke fill;text-shadow:0 3px #9d5325,0 5px #fff6d1,0 7px #dfb15b;margin:0}
.welcome-logo>small{margin:14px 0 0;font-size:11px;font-weight:750;color:#527e88;letter-spacing:1px;text-shadow:0 1px #fff;transform:rotate(4deg)}
.bun-hero{width:min(370px,94vw);height:265px!important;margin:-3px 0 -10px!important;flex:none;filter:drop-shadow(0 13px 8px #476f6d22)!important;transform:none!important}
.welcome-hero-image{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:contain;filter:saturate(1.08);transform:none!important}
.hero-tag{background:#fff8d8ef;border:2px solid #fff9ed;color:#b38546;bottom:8px;right:8px;box-shadow:0 3px #bd9c6860;font-size:9px;font-weight:700}.hero-tag i{background:#edb854}
.welcome-bottom{width:min(410px,100%);display:block;padding:0 27px max(20px,env(safe-area-inset-bottom));margin:0 auto;z-index:2}
.daily-summary{display:grid;grid-template-columns:1fr auto;gap:4px 8px;width:100%;padding:11px 16px!important;background:#fffaf1e8!important;border:2px solid #fffefd!important;border-radius:17px;box-shadow:0 3px #799ba52b,inset 0 1px #fff;margin-bottom:14px;text-align:left;backdrop-filter:blur(5px)}
.daily-summary>span{color:#9881a1;font-size:10px;letter-spacing:0}.daily-summary>strong{color:#79518b;font-size:13px;max-width:190px}.daily-summary>small{font-size:10px;line-height:1.5;color:#a38cac;grid-column:1/-1}
.welcome-actions{max-width:none!important;gap:11px;padding:0!important;margin:0!important;display:flex;flex-direction:column}
.welcome-actions #welcome-play{min-height:55px;padding:13px 10px;font-size:17px;font-weight:900;letter-spacing:1px;color:#fff9ef!important;background:linear-gradient(#ff8bc4 0%,#ef569e 43%,#df3689 100%)!important;border:3px solid #ffdcf0!important;border-radius:29px!important;box-shadow:0 5px #aa3473,0 8px 13px #7d5e8140,inset 0 3px #ffb5da!important;text-shadow:0 2px #b43b7d!important}
.welcome-actions #welcome-play:hover{background:linear-gradient(#ff9acb,#e84396)!important}.welcome-actions #welcome-play:active{box-shadow:0 2px #aa3473,inset 0 2px #ffb5da!important}
.welcome-shortcuts{margin-top:3px;gap:10px}.welcome-actions .secondary-button{border:2px solid #fff7f9!important;border-radius:20px!important;min-height:35px!important;background:linear-gradient(#fff9fb,#ffe9f4)!important;box-shadow:0 3px #bb94b75c!important;padding:6px 12px!important;color:#9a669d!important;font-weight:750!important;text-shadow:0 1px white}.welcome-shortcuts .original-member-entry{gap:6px;padding:7px 12px!important}.original-member-entry span{font-size:11px;color:#9a669d;font-weight:700}.original-member-entry small{font-size:9px;color:#b098ba}.welcome-shortcuts #welcome-phone:not([hidden]){border-right:2px solid white!important}
.welcome-save-status{color:#517b82!important;font-size:9px;font-weight:650;text-shadow:0 1px #fff7;line-height:1.5;margin:0;padding-top:2px}.welcome-footer{display:flex;margin-top:13px;padding-top:0;border:0;color:#769897;font-size:7px;letter-spacing:1px;text-shadow:0 1px #fff8}
/* Glossy game controls and focused level board. */
.topbar{background:#fdf3ffd9!important;border-bottom:2px solid #fff8fb;box-shadow:0 4px 12px #8f6aab22!important;backdrop-filter:blur(12px);border-radius:0 0 24px 24px;max-width:640px}
.brand-name,.brand-name>span{color:#d650a0!important;text-shadow:0 2px #fff,0 3px #b66bba!important;font-weight:950}.brand-name small{color:#a275a3!important}
.level-button,.icon-button{background:linear-gradient(#fff9ff,#ffd9ef)!important;border:2px solid #fff7fc;box-shadow:0 3px #c07fb7,inset 0 2px #fff!important;color:#a85a9b!important}
.game-layout{gap:11px}.chapter .eyebrow{color:#9870ae}.chapter h1{color:#78518f}.mission-card{background:linear-gradient(135deg,#fff9ff,#ffe9f7)!important;border:3px solid #fffaff!important;box-shadow:0 4px #cc9dd3,0 10px 20px #9d73a822!important;border-radius:24px;padding:10px 15px 10px 10px;column-gap:13px}
.moves{background:linear-gradient(#ff93c9,#f15eaa 55%,#de3991)!important;border:3px solid #ffe3f5!important;box-shadow:0 3px #ad3a84,inset 0 3px #ffc5e3!important;border-radius:19px}.moves strong,.moves .small-label{text-shadow:0 2px #b5357f!important}.objectives h2,.objective-amount{color:#9366a9!important}.score-block{border-color:#dfc0e3}.score-label,.score-caption{color:#ad8bb6!important}.score-label strong{color:#b46abb!important}.score-track{background:#e1cde7;border-color:#d1b2d9}.score-track>div{background:linear-gradient(#ffe285,#f9b844)!important}
.board-shell{background:linear-gradient(140deg,#f6e3ff,#c8a8ed 55%,#a78acd)!important;border:3px solid #fff6ff!important;box-shadow:0 6px #8e6aac,0 9px #ffffff77,0 18px 30px #725a9e44,inset 0 3px #fff!important;border-radius:27px;padding:9px}
.board{background:#638bb2!important;border:2px solid #9db8d4!important;border-radius:18px;gap:2px;padding:4px;box-shadow:inset 0 3px 7px #304f7c4d}
.tile{background:linear-gradient(145deg,#bad5ec,#a0bfdc)!important;border-radius:8px;box-shadow:inset 0 1px 0 #e6f7ff77}.tile.alt{background:linear-gradient(145deg,#c7e0f2,#adc9e1)!important}.tile:hover:not(.selected){background:#d4eafb!important}.tile.selected{background:#fff2af!important;box-shadow:inset 0 0 0 3px #fff9d5,0 0 12px #fff2a5!important}.tile.jelly{background:linear-gradient(#ecfcff,#a6e0f7)!important}.tile.sealed{background:linear-gradient(145deg,#f5debc,#d8b894)!important}.tile .piece{filter:drop-shadow(0 3px 1px #405a7777)!important}
.ingredient{background-image:url('/assets/bun-pieces-smooth-v22.png')!important;background-size:300% 200%!important;background-repeat:no-repeat!important;aspect-ratio:1}.ingredient-0{background-position:0 0!important}.ingredient-1{background-position:50% 0!important}.ingredient-2{background-position:100% 0!important}.ingredient-3{background-position:0 100%!important}.ingredient-4{background-position:50% 100%!important}.ingredient-5{background-position:100% 100%!important}
.tools{gap:9px}.tool,.restart-button{background:linear-gradient(#fffaff,#f3ddf9)!important;border:2px solid #fffaff!important;color:#9561ac;box-shadow:0 3px #bf92ce!important}.tool>b{background:#e8d1f0;color:#9a65ae}.tool small{color:#b68bc3}.board-caption,.extra-tools button,.daily-play-note{color:#8a689e!important;text-shadow:0 1px #fff}
.primary-button{background:linear-gradient(#ff91c7,#ec559e 50%,#dc3689)!important;border:3px solid #ffe3f3!important;border-radius:26px!important;box-shadow:0 5px #ac397e,inset 0 2px #ffc6e4!important;color:#fffaf1!important;text-shadow:0 2px #bc3c82!important;font-weight:900!important}
.secondary-button{background:linear-gradient(#fffcff,#eee0f7)!important;color:#9b6bb0!important;border:2px solid white!important;border-radius:20px!important;box-shadow:0 3px #c5a4d0!important}
.modal{background:linear-gradient(145deg,#fffafd,#ffeff9)!important;color:#8c609b!important;border:3px solid #fffafb!important;border-radius:28px!important;box-shadow:0 6px #bf8fc7,0 18px 65px #5c517955!important}.modal::backdrop{background:#705b8d65!important;backdrop-filter:blur(5px)}.modal h2,.modal h3{color:#a65b9e!important}.modal p{color:#a087b0!important}.close-dialog{background:linear-gradient(#fff9fd,#f5d1eb)!important;border:2px solid white!important;box-shadow:0 3px #bb86b6!important;color:#b16a9f!important}.result-card{background:radial-gradient(ellipse at 50% 0%,#fff1ab,transparent 50%),linear-gradient(#fff8fd,#ffe4f5)!important;border-color:#fff9fd!important;box-shadow:0 7px #bf8fc7,0 18px 65px #5c517955!important}.result-card h2{color:#d15f9f!important}
.phone-modal{max-width:420px!important;padding:32px 25px 22px!important}.phone-modal h2{font-size:27px;font-weight:850}.phone-kicker{color:#b487b6}.phone-modal input,.phone-modal select{background:#fffdfb;border-color:#e3cce5;border-radius:13px;color:#77548c}.phone-modal input:focus,.phone-modal select:focus{outline:3px solid #dba3d53d;border-color:#c38bc4}.phone-modal .primary-button{background:linear-gradient(#ff91c7,#ec559e 50%,#dc3689)!important;border:3px solid #ffe3f3!important;border-radius:25px!important;box-shadow:0 4px #ac397e,inset 0 2px #ffc6e4!important;color:#fffaf1!important;text-shadow:0 2px #bc3c82!important}.phone-modal .close-dialog{width:29px;height:29px}.phone-status{color:#bc679b!important}.phone-info{background:#f3e4f5}.phone-info strong,.phone-info b{color:#9b60a6}.phone-info span{color:#a786b7}.phone-rule{border-color:#e2cee6;color:#b79bc0!important}
/* Winding trail, plump numbered buttons, and a compact activity dock. */
.map-screen{background:transparent!important;max-width:570px}.map-intro{background:linear-gradient(#effbfff0,#e5f5f5e0)!important;padding:16px 18px;color:#795a97;border-radius:0 0 23px 23px}.map-intro h1{font-size:24px!important;color:#82629b!important}.map-intro p{color:#9a86ab}.map-kicker{color:#a485b5}.petal-wallet{background:#fff7f7;border-color:#fff;color:#be7ba8;box-shadow:0 3px #bd99c2}
.map-daily{width:calc(100% - 30px);margin:16px 15px 14px;padding:13px 17px;background:linear-gradient(#ff97cb,#ed64b1)!important;border:3px solid #ffebf7;box-shadow:0 4px #ba4f91!important;border-radius:24px;color:white}.map-daily small{color:#ffe2f6}.map-daily strong{font-size:17px}.map-daily>span:first-child{font-size:27px}.map-daily:disabled{background:linear-gradient(#c3dfb3,#94cba5)!important;box-shadow:0 4px #73a58c!important}
.map-extra-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 14px 14px}
.map-extra-links>button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;min-height:64px;margin:0!important;padding:8px 4px!important;border:2px solid #fff6ff!important;border-radius:17px!important;background:linear-gradient(#fffcff,#eeddf6)!important;color:#9866ab!important;box-shadow:0 3px #bd91cc!important;text-align:center}
.map-extra-links>button>span{display:block;min-width:0}.map-extra-links>button small,.map-extra-links>button b,.map-extra-links>button>span>span:not(.lab-brand-line),.map-extra-links .map-lab-progress,.map-extra-links .draw-banner-cards,.map-extra-links .letter-cards,.map-extra-links .map-lab-copy>span,.map-extra-links .lab-entry-arrow{display:none!important}.map-extra-links>button strong{font-size:11px!important;line-height:1.3;white-space:normal;font-weight:800}.map-extra-links img{width:30px!important;height:30px!important}.map-extra-links #map-draw:before{content:'✦';font-size:24px;line-height:1;color:#f3c65d;text-shadow:0 2px #cf9b36}.map-extra-links #map-collection:before{content:'囍';font-size:21px;color:#d686ba;font-weight:900;line-height:1.2}.map-extra-links #member-entry>span>span{display:none!important}
.map-world,.map-world.world-1,.map-world.world-2,.map-world.world-3{background-image:linear-gradient(#cff6f500,#d4e8ff44),url('/assets/baozi-world-v21.png')!important;background-size:cover!important;background-position:center bottom!important}.map-world.world-1{filter:hue-rotate(-10deg)}.map-world.world-2{filter:hue-rotate(15deg)}.map-world.world-3{filter:hue-rotate(30deg)}.world-banner{background:#fff6fde8!important;border:3px solid #fffaff!important;border-radius:25px!important;box-shadow:0 4px #aa85b4!important;backdrop-filter:blur(5px)}.world-banner h2{color:#96659e!important;font-size:23px}.world-banner>span,.world-banner p{color:#ae90b9!important}
.trail-shadow{stroke:#817b9b55;stroke-width:29}.trail-base{stroke:#fff6da;stroke-width:27}.trail-dashes{stroke:#d8bca0;stroke-dasharray:1 13}.trail-done{stroke:#eeb0d4;stroke-width:21}.trail-node{background:linear-gradient(#ffb3dc,#ee78bc)!important;border:4px solid #ffeffb;box-shadow:0 6px #be5c9a,0 11px 13px #66629a3b,inset 0 3px #ffd9ee!important;color:#fffdf0}.trail-node .node-number{text-shadow:0 2px #bb5e9e}.trail-node.current{background:linear-gradient(#ff8fc7,#ea4b9f 60%,#d83389)!important;border:5px solid #fff0fc;box-shadow:0 7px #a72e77,0 0 0 5px #fff7da88,0 15px 18px #73609c44,inset 0 4px #ffbde0!important}.trail-node.locked{background:linear-gradient(#ece2f7,#c6b5dc)!important;border-color:#fff4fe;box-shadow:0 5px #a497bd!important;color:#a38fb8;opacity:.9;filter:none}.trail-node.complete{background:linear-gradient(#ffd985,#f8b64f)!important;border-color:#fff5d1;box-shadow:0 6px #d0933f!important;color:#fffbed}.you-marker{background:#fff5db;color:#ca76a6;border-color:white;box-shadow:0 3px #c6a1bc}.you-marker:after{background:#fff5db}.trail-gift{filter:none;opacity:1}.trail-gift small{color:#b187ad;background:#fff1f8;border-color:#fff5fd}.map-nav{background:linear-gradient(#fff9ff,#f4e5fa)!important;border:3px solid #fffaff;box-shadow:0 4px #b694c5,0 12px 25px #65588d44!important;border-radius:24px}.map-nav button{color:#b092c1!important}.map-nav button.active{color:#ad5f9d!important;background:#f7d9ec!important}.map-nav button>span{color:#c584bc!important}.map-ending{background:#e8f2f7dd!important;color:#a180b0!important}
@media(min-width:760px){.welcome-screen{background-size:auto 100%!important;background-color:#b5ebf2!important}.welcome-top{max-width:620px;padding-top:20px}.welcome-content{padding-top:12px;min-height:450px;flex:1;display:flex;max-width:470px}.welcome-logo>strong{font-size:53px}.welcome-logo>strong em{font-size:73px}.welcome-logo>small{font-size:12px}.bun-hero{height:300px!important;margin:-5px 0 -15px!important}.welcome-bottom{max-width:410px;padding-bottom:21px}.welcome-footer{font-size:8px}}
@media(max-height:740px){.welcome-top{padding-top:13px}.welcome-content{min-height:320px;padding-top:9px}.welcome-logo>span{font-size:8px;margin-bottom:5px}.welcome-logo>strong{font-size:37px}.welcome-logo>strong em{font-size:52px}.welcome-logo>small{font-size:10px;margin-top:10px}.bun-hero{height:205px!important;margin:-3px 0 -8px!important}.welcome-bottom{padding-bottom:13px}.daily-summary{padding:8px 13px!important;margin-bottom:11px}.welcome-actions{gap:8px}.welcome-actions #welcome-play{min-height:49px;font-size:15px;padding:10px}.welcome-footer{margin-top:9px}.welcome-shortcuts{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.welcome-screen *{animation:none!important}}
.welcome-wordmark{color:#fffdf4;text-shadow:0 1px 3px #397ca2}.welcome-logo>small{color:#39738f;text-shadow:0 1px #fff,0 0 7px #effdff;font-weight:850}