@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;700;900&display=swap');
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#314c43;background:#fffaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #dce4d7;border-radius:14px;background:#fffdf6;padding:12px 18px;transition:transform .15s,background .15s}button:hover{background:#f5ebd9;transform:translateY(-2px)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #ef8d4b;outline-offset:4px}button:disabled{opacity:.45;cursor:default;transform:none}header{max-width:1200px;margin:auto;height:94px;display:flex;align-items:center;gap:28px;padding:0 30px}header>span{font-size:13px;color:#829080}header button{margin-left:auto;font-size:12px;background:transparent}.brand{text-decoration:none;font-weight:900;font-size:23px;color:#314c43}main{max-width:1140px;margin:32px auto;padding:0 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:#b47a48}h1{font-size:clamp(27px,3.4vw,43px);letter-spacing:-1.6px;margin:16px 0}p{font-size:14px;line-height:1.8;color:#7a8878}.landscape{height:365px;background:#dff1ed;position:relative;overflow:hidden;border-radius:26px;margin:32px 0 24px;border:7px solid white;box-shadow:0 12px 40px #4353380a}.sun{position:absolute;left:71%;top:18px;color:#ffbf57;font-size:65px}.cloud{position:absolute;color:#fff;font-size:70px}.c1{left:20%;top:8px}.c2{left:52%;top:48px;font-size:45px}.hills{position:absolute;bottom:82px;left:-5%;width:115%;height:150px;border-radius:50% 60% 0 0;background:#b7d5ac}.sea{position:absolute;right:0;width:29%;height:150px;bottom:0;background:#98d6d5;border-radius:80% 0 0}.road{position:absolute;bottom:48px;height:44px;background:#dfcba9;width:100%;border-top:2px dashed #fff6da;border-bottom:2px dashed #fff6da}.house,.destination{position:absolute;font-size:76px;bottom:91px;left:3%}.destination{left:auto;right:3%}small{display:block;font-size:11px}.house small,.destination small{text-align:center;font-size:12px}#traveler{position:absolute;left:4%;bottom:47px;font-size:45px;white-space:nowrap;transition:left .12s linear}#traveler span{position:absolute;font-size:25px;right:9px;top:-15px}.flowers{position:absolute;bottom:12px;color:#e89b88;left:7%;font-size:25px;white-space:nowrap}.journey-bottom{display:flex;align-items:center;gap:55px}.journey-bottom>div{flex:1}.journey-bottom b{font-size:15px}.progress{height:10px;border-radius:10px;background:#e9eadc;margin:12px 0}.progress i{display:block;background:#789b75;width:0;height:100%;border-radius:10px}.journey-bottom small{color:#8c9684}.primary{background:#315a47;color:white;border:0;padding:18px 28px;font-weight:700}.primary:hover{background:#426f57}.shop-top{display:flex;justify-content:space-between;align-items:center}.stats{font-size:12px;display:flex;gap:18px}.stats b{font-size:22px;color:#d68b4e}.shop-scene{height:240px;background:linear-gradient(#dcefeb 65%,#e4e9cf 65%);border-radius:25px;position:relative;overflow:hidden;margin-top:22px}.awning{position:absolute;left:0;top:0;background:repeating-linear-gradient(90deg,#edb5a0 0 40px,#fff0dc 40px 80px);padding:13px;width:100%;text-align:center;color:#66493d;font-weight:900;letter-spacing:6px}#truck{position:absolute;left:12%;bottom:16px;width:230px;background:#fff5db;border:5px solid #d59375;box-shadow:0 8px 0 #759073;font-size:36px}#truck strong{display:block;font-size:18px}#truck small{font-size:11px;color:#9d7963}.other-store{position:absolute;right:3%;bottom:16px;font-size:48px;text-align:center}.other-store small{font-size:10px}#customer{position:absolute;left:53%;bottom:0;font-size:65px;text-align:center;line-height:1.3}.bubble{font-size:15px;background:#fffef7;padding:10px 18px;border-radius:18px;box-shadow:0 4px 0 #00000006;max-width:230px}.bubble .pattern{font-size:31px}.bubble small{font-size:10px;color:#9c7e64}#message{margin:17px 0;background:#f4ead7;border-radius:12px;padding:13px 18px;font-size:13px;min-height:46px}.workspace{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.card{background:#fffdf8;border:1px solid #e7e6d8;border-radius:20px;padding:22px}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-title span{font-size:11px;background:#e7ecd9;padding:7px;border-radius:50%;font-weight:700}h2{margin:0;font-size:17px}.tools{display:flex;gap:10px}.tools button{flex:1;font-size:31px;padding:13px 5px}.tools b{display:block;font-size:13px;margin:8px 0 3px}.tools small{font-size:10px;color:#83917b}.holding{background:#f3f1e7;padding:13px;border-radius:12px;font-size:13px;margin-top:16px;text-align:center}.hint{font-size:12px;margin:18px 0 10px}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.flavor-grid button{padding:9px 2px;font-size:11px}.scoop{display:block;width:29px;height:29px;border-radius:50% 50% 40% 40%;margin:auto auto 7px;box-shadow:inset -4px -3px 0 #0000000b}.banana{width:100%;padding:8px;font-size:12px;background:#fff2bd;margin-top:8px}.delivery>.primary{width:100%;font-size:13px}.fridge{background:#edf4ef;border-radius:13px;padding:15px;margin-top:18px}.fridge h3{font-size:16px;margin:0}.fridge p{font-size:11px;margin:5px 0 12px}.fridge #stored{font-size:12px;min-height:36px}.fridge-buttons{display:flex;gap:7px}.fridge-buttons button{flex:1;font-size:11px;padding:10px 4px}#discard{font-size:11px;display:block;border:0;background:none;margin:12px auto 0;color:#9b8b76}.tip{font-size:11px;text-align:center}footer{max-width:1084px;border-top:1px solid #e7e6d8;padding:22px 0;margin:40px auto 0;color:#929b88;font-size:11px}footer span{float:right;letter-spacing:8px}[hidden]{display:none!important}@media(max-width:700px){header{height:75px;padding:0 18px;gap:8px}header>span{display:none}.brand{font-size:19px}main{margin:18px auto;padding:0 16px}.landscape{height:300px}.house,.destination{font-size:52px}.journey-bottom{gap:20px}.primary{padding:16px}.workspace{grid-template-columns:1fr}.shop-top{display:block}.stats{margin-bottom:15px}.shop-scene{height:260px}#truck{left:4%;width:160px}#customer{left:52%;font-size:57px}.other-store{display:none}.bubble{font-size:12px;max-width:160px;padding:9px}.flavor-grid{grid-template-columns:repeat(3,1fr)}footer{margin:25px 16px;font-size:10px}footer span{display:none}}

/* Pink ice cream van exterior and dedicated interior. */
#traveler{display:flex;align-items:flex-end;bottom:41px;font-size:0;width:160px}#traveler img{width:135px;height:auto;filter:drop-shadow(0 4px 2px #344b4120)}#traveler .pusher{position:static;font-size:35px;line-height:1.3;right:auto;top:auto;margin-right:-7px}.shop-scene{height:310px;background:linear-gradient(#dcefeb 70%,#e4e9cf 70%)}#truck{left:5%;bottom:14px;width:390px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:15px}#truck:hover{background:#ffffff40}#truck img{display:block;width:100%;height:auto}#truck small{background:#fffdf0;border:1px solid #e1b6bf;border-radius:20px;display:inline-block;padding:7px 17px;color:#734e5e;font-size:12px}#customer{left:57%;bottom:12px}.interior-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 18px;padding:22px;border-radius:18px;background:linear-gradient(120deg,#e3e9e7,#f7f6ef);border:1px solid #c8d1cb}.interior-head h2{margin-top:10px}.interior-head button{font-size:12px;white-space:nowrap}#interior{scroll-margin-top:20px}.tools button{background:linear-gradient(#fffefa,#e7e9e4);border-color:#bec9c2}.fridge{background:linear-gradient(115deg,#e1eae5,#f4f8f5);border:2px solid #bdccc4}.fridge #stored{background:#ffffff99;border-radius:6px;padding:9px;margin-bottom:10px}#flavors{border:1px solid #c7d0cb;border-radius:12px;padding:12px;margin-top:16px;background:linear-gradient(#f5f6f1,#e5e9e5)}#flavors .hint:before{content:'冰淇淋机 · ';font-weight:700}.awning{font-size:14px}@media(max-width:700px){#truck{left:1%;width:235px;bottom:30px}.shop-scene{height:280px}#customer{left:61%;font-size:49px}.bubble{max-width:130px;padding:8px;font-size:11px}#truck small{font-size:10px;padding:5px 10px}#traveler{width:125px}#traveler img{width:100px}#traveler .pusher{font-size:27px}.interior-head{padding:15px}.interior-head h2{font-size:14px}.awning{font-size:11px;letter-spacing:3px}}
