:root{color-scheme:light;--ink:#304b47;--green:#386e61;--mint:#a7c7b9;--coral:#cd6656;--paper:#fcf9f0;--line:#ccd5c6;--yellow:#e8bf63;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:#f4f4e9;font-synthesis:none}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e09438;outline-offset:3px}button svg,a svg{width:19px;height:19px;flex:none;stroke-width:1.8}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(2px)}[hidden]{display:none!important}a{color:var(--green)}.topbar{height:78px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fcfbf4;border-bottom:1px solid #c7d6c9;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-stamp{font-size:28px;font-weight:900;display:grid;place-items:center;background:var(--coral);color:#fff6dd;width:45px;height:45px;border-radius:6px;transform:rotate(-5deg);box-shadow:inset 0 0 0 3px #d77866}.brand h1{font-size:25px;margin:0 0 1px;font-weight:900}.brand div>span{font-size:10px;color:#789081}.topbar nav{display:flex;gap:12px;align-items:center}.topbar nav button{display:flex;gap:7px;align-items:center;padding:10px 12px;border-radius:6px;font-size:13px}.topbar nav button:hover{background:#e7eee1}.daybar{display:flex;gap:27px;align-items:center;padding:11px max(4%,calc((100vw - 1190px)/2));background:#f0f3e5;border-bottom:3px solid #799789;min-height:72px;position:relative;z-index:3}.day-label{min-width:208px;display:flex;flex-direction:column;gap:4px}.day-label>span{font-size:10px;color:#728b78}.day-label strong{font-size:15px}.goal{display:flex;flex-direction:column;gap:6px;width:185px;font-size:11px}.goal span{display:flex;justify-content:space-between}.goal b{font-size:13px}progress{width:100%;height:6px;border:0;border-radius:4px;overflow:hidden;background:#d6dfcb}progress::-webkit-progress-bar{background:#d6dfcb}progress::-webkit-progress-value{background:#d58b4e;border-radius:4px}progress::-moz-progress-bar{background:#d58b4e}.clock,.earnings{display:flex;gap:8px;align-items:center;white-space:nowrap}.clock svg,.earnings svg{width:20px;height:20px}.clock b{font-size:23px;font-variant-numeric:tabular-nums}.clock.urgent{color:#bb5147}.earnings{min-width:70px;font-size:20px;color:#9b7137}.game-actions{margin-left:auto;display:flex;gap:6px}.game-actions button{width:34px;height:34px;border:1px solid #c4d1bb;display:grid;place-items:center;border-radius:5px}.game-actions button:hover{background:#e0e8d9}#playfield{position:relative;min-height:655px;overflow:hidden;background:#c2dfd8}#street{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hanging-sign{position:absolute;left:5%;top:70px;background:#f6e9c7;border:4px solid #67816a;box-shadow:4px 5px 0 #3d65534d;padding:20px 13px 12px;transform:rotate(-3deg);display:flex;flex-direction:column;gap:9px;color:#657254}.hanging-sign:before{content:'';position:absolute;bottom:100%;height:75px;width:2px;left:50%;background:#577563}.hanging-sign b{font-size:25px}.hanging-sign span{font-size:10px;writing-mode:vertical-rl;margin:5px auto}.customers{height:243px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:760px;margin:auto;position:relative;z-index:1;padding-top:18px;align-items:end}.customer{position:relative;height:224px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;animation:arrive .35s ease-out}.customer canvas{display:block;width:148px;height:159px;pointer-events:none;margin-bottom:-15px}.order-bubble{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:178px;min-height:91px;background:#fffdf0;border:2px solid #596e57;border-radius:7px;box-shadow:3px 3px 0 #304b4733;padding:8px 11px 7px;text-align:left;z-index:1}.order-bubble:after{content:'';position:absolute;left:29px;bottom:-8px;width:13px;height:13px;transform:rotate(45deg);background:#fffdf0;border-right:2px solid #596e57;border-bottom:2px solid #596e57}.order-bubble strong{font-size:13px;display:block;margin-bottom:3px}.order-bubble small{display:block;font-size:10px;color:#7a826c;margin-bottom:6px;white-space:normal;line-height:1.6}.order-bubble progress{height:4px;display:block}.order-bubble.urgent{border-color:#be6351}.order-bubble.urgent progress::-webkit-progress-value{background:#bf6654}.order-bubble.can-serve{box-shadow:0 0 0 3px #ecc06c,3px 3px 0 #304b4740}.order-bubble.can-serve:before{content:'交付';position:absolute;right:-7px;top:-11px;background:#3c7565;color:#fff7d8;font-size:10px;padding:4px 7px;border-radius:3px}.waiting{font-size:12px;color:#698675;margin-bottom:45px;background:#edf5e3aa;padding:6px 10px;border-radius:4px}.counter{position:relative;z-index:2;background:#afd0bf;border-top:8px solid #e5e7d0;box-shadow:0 -4px 0 #537f6c,0 -9px 15px #2a534022}.counter-edge{height:31px;display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:auto;padding:0 20px;color:#5c816d;font-size:10px;border-bottom:1px solid #92b7a3}.counter-edge span:nth-child(2){color:#376954;font-size:11px;font-weight:bold}.workbench{max-width:1050px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:5px 20px 8px}.stoves{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stove{position:relative;min-width:0;border-bottom:2px solid transparent;padding-bottom:7px}.stove.selected{border-bottom-color:#537e5f}.pan-name{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px 0;height:29px;font-size:11px}.pan-name strong{font-size:12px}.pan-name .selected-dot{width:6px;height:6px;border-radius:50%;background:#4f7c59;display:inline-block;margin-right:5px}.pan{display:block;width:100%;height:185px;padding:0;position:relative}.pan canvas{width:100%;height:100%;display:block}.pan:focus-visible{outline-offset:-5px}.pan-caption{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:13px;color:#dfe8d0;pointer-events:none;white-space:nowrap}.heat-meter{display:flex;align-items:center;gap:8px;height:17px;padding:0 25px;margin-top:-14px;position:relative}.heat-meter .track{height:5px;background:#88ab97;border-radius:5px;flex:1;position:relative;overflow:hidden}.heat-meter .track:after{content:'';position:absolute;left:32%;right:30%;top:0;bottom:0;background:#dbe9a3}.heat-meter .fill{position:relative;display:block;height:5px;width:0;background:#4b7156;z-index:1}.heat-meter small{font-size:10px;min-width:43px;color:#456952}.pan-tools{display:flex;gap:5px;justify-content:center;margin-top:9px;height:34px}.pan-tools button{border:1px solid #749c86;border-bottom-width:3px;border-radius:5px;background:#d5e4ca;display:flex;align-items:center;justify-content:center;gap:4px;min-width:35px;padding:4px 8px;font-size:11px}.pan-tools button svg{width:15px;height:15px}.pan-tools .ready{background:#f3d583;border-color:#a48950}.pan-tools .low{background:#88b4ba}.packing{border-left:1px solid #88b3a0;margin:9px 0;padding:10px 0 0 20px}.packing-title{display:flex;align-items:center;gap:6px;font-size:11px;color:#48735f}.packing-title svg{width:16px;height:16px}.packing-title span{font-size:10px;margin-left:auto}#tray{display:flex;flex-direction:column;gap:5px;padding-top:10px}.tray-slot{height:63px;width:100%;border:1px dashed #709981;border-radius:5px;display:flex;align-items:center;position:relative;text-align:left}.tray-slot.empty{justify-content:center;color:#739e81;font-size:10px;background:#a5c6ad55}.tray-slot canvas{width:66px;height:61px;flex:none}.tray-slot strong{font-size:10px;line-height:1.6}.tray-slot.selected{background:#dce6bc;border:2px solid #61855a}.tray-slot .discard-dish{width:23px;height:23px;display:grid;place-items:center;position:absolute;right:0;top:0}.discard-dish svg{width:12px;height:12px}.ingredients{max-width:930px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:12px 24px 13px;border-top:2px solid #90b29a}.ingredient{position:relative;padding:0 4px;display:grid;grid-template-columns:1fr auto;grid-template-rows:60px 20px;align-items:center;text-align:center;min-width:0;background:#c4d5b7;border:2px solid #6f8e76;border-bottom:5px solid #688c73;border-radius:5px;box-shadow:inset 0 0 0 3px #dce5cb}.ingredient canvas{grid-column:1/3;justify-self:center;width:81px;height:64px;margin-top:-9px}.ingredient strong{font-size:12px;text-align:right;font-weight:600}.ingredient .stock{font-size:10px;text-align:left;margin:0 0 0 8px;color:#688164}.ingredient .stock:before{content:'×'}.ingredient:hover{background:#e0e9c7;transform:translateY(-2px)}.counter-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#477c69;padding:7px max(4%,calc((100vw - 1010px)/2));height:36px;font-size:10px;color:#e4edcf;border-bottom:6px solid #34614f}.counter-bottom>span,.counter-bottom>button{display:flex;align-items:center;gap:6px;white-space:nowrap}.counter-bottom svg{width:14px;height:14px}.counter-bottom>button{color:#f4e3ac;font-size:11px}.opening{position:absolute;inset:0;z-index:4;background:#eef5e33b;display:flex;align-items:center;justify-content:center;padding:15px;backdrop-filter:blur(1.5px)}.opening-sign{position:relative;text-align:center;background:#f7f1d9;border:5px solid #456d58;outline:2px solid #efdcab;outline-offset:-12px;padding:40px 55px 26px;box-shadow:8px 10px 0 #294f3840;transform:rotate(-1deg);width:420px;max-width:100%}.opening-sign:before,.opening-sign:after{content:'';position:absolute;bottom:100%;height:70px;width:3px;background:#556b50;left:50px}.opening-sign:after{left:auto;right:50px}.small-label{font-size:11px;color:#858665}.opening h2{font-size:32px;margin:12px 0 10px;color:#3a634f}.opening p{font-size:12px;color:#798168;line-height:1.8}.opening-facts{display:flex;gap:22px;justify-content:center;font-size:11px;margin:20px 0 23px}.opening-facts span{display:flex;gap:5px;align-items:center}.opening-facts svg{width:15px;height:15px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:5px;min-height:44px;font-size:14px;font-weight:600;border:1px solid #2e5b48;border-bottom-width:3px;background:#4e7f5f;color:#fff4ce}.primary:hover{background:#3e6d50}.secondary{background:#edf0dd;color:#496a50;border-color:#b0c0a1}.secondary:hover{background:#e0e7cb}.opening .primary{width:100%;font-size:17px;padding:13px}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#678069;padding:9px}.opening .text-button{margin-top:8px}#feedback{position:absolute;z-index:5;left:50%;top:205px;transform:translateX(-50%);color:#fffce5;background:#3f6f58;padding:10px 18px;border-radius:5px;box-shadow:0 3px 0 #2445314d;font-size:13px;pointer-events:none;max-width:90%;text-align:center}#feedback.error{background:#a35647}footer{padding:14px 4%;display:flex;justify-content:space-between;gap:15px;background:#fcfbf4;font-size:10px;color:#83917c}footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:14px}footer button{font-size:10px;padding:0}footer a{font-size:10px}dialog{width:min(650px,calc(100% - 26px));max-height:90dvh;border:2px solid #57745c;border-radius:8px;padding:0;color:var(--ink);background:var(--paper);box-shadow:8px 10px 0 #203e362e}dialog::backdrop{background:#1c3b3759;backdrop-filter:blur(3px)}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:12px 19px;border-bottom:1px solid #dbe1cd;background:#edf1df;font-size:11px;color:#7b8a69}.panel-top button{display:grid;place-items:center;width:28px;height:28px}.panel-top button:hover{background:#d8e2ca}#panel-body{padding:25px 29px 30px}h2{font-size:25px;margin:0 0 18px;line-height:1.35}h3{font-size:15px;margin:22px 0 12px}.muted{color:#7b8876;font-size:12px;line-height:1.8}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.day-choice{background:#e9eddb;border:1px solid #c0cdb1;border-bottom:4px solid #a5b891;border-radius:6px;padding:14px 8px;text-align:left;min-height:106px}.day-choice b{display:flex;justify-content:space-between;color:#527658;font-size:25px;margin-bottom:8px}.day-choice b svg{width:15px;height:15px}.day-choice strong{display:block;font-size:11px}.day-choice small{display:block;font-size:10px;color:#a77e34;margin-top:7px}.day-choice.selected{background:#f4e2ac;border-color:#b6a06c}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 12px}.section-title h3{margin:0}.section-title small{font-size:10px;color:#859277}.recipe-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.recipe{padding:15px 10px;background:#f0eedb;border:1px solid #dedcc3;border-radius:6px;display:flex;gap:10px;align-items:center}.recipe canvas{width:75px;height:90px;flex:none}.recipe h3{font-size:13px;margin:0 0 6px}.recipe p{font-size:10px;line-height:1.8;margin:0;color:#7f866d}.recipe small{font-size:10px;color:#9a7638}.result-view{text-align:center}.result-stars{display:flex;justify-content:center;gap:9px;margin:8px 0 22px;color:#d2a14e}.result-stars svg{width:36px;height:36px;fill:#e8bd66;stroke-width:1.2}.result-stars .empty svg{fill:none;stroke:#cbd2b9}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #d9ddc8;padding:20px 0;margin:15px 0}.result-stats b{display:block;font-size:23px}.result-stats span{font-size:10px;color:#849073}.result-detail{display:flex;gap:15px;justify-content:center;font-size:11px;margin:18px 0 23px;color:#7b8873}.button-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.menu-buttons{display:grid;gap:10px;max-width:300px;margin:20px auto 0}.upgrade-list{display:grid;gap:0}.upgrade-item{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #d9dec9}.upgrade-item>svg{width:31px;height:31px;flex:none;color:#6b8861}.upgrade-item>div{flex:1}.upgrade-item h3{margin:0 0 5px;font-size:14px}.upgrade-item p{margin:0;font-size:11px;color:#829173}.upgrade-item button{font-size:12px;padding:8px 12px;min-height:36px}.balance{font-size:14px;color:#a07731}.shop-banner{height:125px;border-radius:5px;background:#adcbbe url('/assets/night-market.png') center 37%/cover;display:flex;align-items:flex-end;padding:16px;margin-bottom:20px;border-bottom:4px solid #578574}.shop-banner span{font-size:24px;color:#fff7de;background:#365d46e8;padding:5px 10px;border-radius:3px}.product-line{display:flex;gap:15px;align-items:center;justify-content:space-between}.product-line h2{font-size:21px;margin-bottom:5px}.price{font-size:24px;color:#b96f48;white-space:nowrap}.product-details{margin:20px 0}.product-details p{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e0e3d4;padding:10px 0;font-size:12px}.product-details span{color:#7e8c76;text-align:right}.sales-note{font-size:11px;color:#88957f}.checkout-summary{margin:20px 0}.checkout-summary>p{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #dde2d1;font-size:12px}.checkout-summary>p>:first-child{color:#89977d;flex:none}.checkout-summary>p>:last-child{text-align:right}.check-line{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.9;color:#7e8a76}.check-line input{accent-color:var(--green);width:16px;height:16px;flex:none}.form-error{color:#b75845;font-size:12px;line-height:1.7;min-height:18px}.auth-form{display:grid;gap:17px}.auth-form>label:not(.check-line){display:grid;gap:8px;font-size:12px}.auth-form input:not([type=checkbox]){border:1px solid #bdc9b0;border-radius:4px;background:white;padding:12px;color:var(--ink);width:100%}.tabs{display:flex;margin-bottom:22px;border-bottom:1px solid #d6ddc9}.tabs button{padding:10px 25px;font-size:13px;border-bottom:3px solid transparent}.tabs button.active{border-color:var(--green);color:var(--green)}.order-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe2cc;padding:18px 0;font-size:12px}.order-item code{display:block;font-size:10px;margin:7px 0;overflow-wrap:anywhere}.order-item small{font-size:10px;color:#83937b}.legal{font-size:13px;line-height:1.9}.legal h3{font-size:15px}.payment-bridge{max-width:540px;padding:40px 24px;margin:8vh auto}.payment-bridge h1{font-size:25px}.payment-bridge p{line-height:1.9;font-size:13px;overflow-wrap:anywhere}#toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:#304f40;color:#fff7d9;border-radius:5px;font-size:13px;text-align:center}.flip-animation canvas{animation:flip .5s ease}.pack-animation canvas{animation:pack .4s ease}.ingredient-pop{animation:pop .22s ease}.serve-animation{animation:serve .4s ease}.combo-pop{animation:pop .35s ease}@keyframes arrive{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes flip{50%{transform:translateY(-20px) scaleY(.2)}100%{transform:none}}@keyframes pack{50%{transform:scale(.85) rotate(-4deg)}}@keyframes pop{50%{transform:scale(1.07)}}@keyframes serve{to{transform:translateY(-40px);opacity:0}}
.dish-choice{display:flex;align-items:center;width:100%;height:100%;text-align:left;padding:0}.dish-choice strong{padding-right:14px}.pan-name>span{font-size:9px;max-width:77%;text-align:right;line-height:1.3;overflow-wrap:anywhere}.balance svg{width:16px;height:16px;vertical-align:middle}
@media(min-width:1500px){#playfield{min-height:710px}.customers{height:274px;padding-top:44px}.workbench{padding-top:12px}.pan{height:198px}.opening-sign{margin-top:0}}
@media(max-width:950px){.topbar{padding:0 22px}.topbar nav{gap:2px}.topbar nav button{padding:9px}.daybar{padding:11px 22px;gap:17px}.day-label{min-width:180px}.goal{width:145px}.hanging-sign{left:20px;padding:15px 9px}.hanging-sign b{font-size:20px}.customers{max-width:660px;gap:15px}.workbench{grid-template-columns:minmax(0,1fr) 150px;gap:12px}.stoves{gap:4px}.packing{padding-left:12px}.pan{height:181px}.tray-slot canvas{width:51px;height:58px}.tray-slot strong{font-size:9px}.counter-edge{padding:0 22px}.ingredients{gap:10px}.game-actions{gap:4px}.clock b{font-size:20px}.earnings{font-size:18px;min-width:50px}}
@media(max-width:680px){.topbar{height:63px;padding:0 14px}.brand-stamp{width:34px;height:34px;font-size:23px}.brand{gap:8px}.brand h1{font-size:20px}.brand div>span{font-size:8px}.topbar nav{gap:0}.topbar nav button{padding:8px}.topbar nav button span{display:none}.topbar nav button svg{width:18px;height:18px}.daybar{min-height:87px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:31px 25px;gap:6px 14px;padding:9px 14px}.day-label{min-width:0;grid-column:1}.day-label>span{font-size:8px}.day-label strong{font-size:11px}.clock{grid-row:1;grid-column:2;gap:5px}.clock b{font-size:19px}.clock svg{width:15px}.earnings{grid-column:3;grid-row:1;font-size:17px;gap:5px}.earnings svg{width:16px}.game-actions{grid-column:2/4;grid-row:2;margin:0;justify-content:flex-end}.game-actions button{width:29px;height:25px}.game-actions svg{width:14px;height:14px}.goal{grid-column:1;grid-row:2;width:150px;font-size:9px;gap:3px}.goal b{font-size:10px}.goal progress{height:4px}.hanging-sign{display:none}#playfield{min-height:598px}.customers{height:200px;gap:2px;padding:16px 9px 0;max-width:450px}.customer{height:182px}.customer canvas{width:108px;height:130px;margin-bottom:-12px}.order-bubble{width:110px;min-height:82px;top:0;padding:7px 6px 6px;border-width:1.5px;box-shadow:2px 2px 0 #304b4733}.order-bubble strong{font-size:10px;margin-bottom:3px}.order-bubble small{font-size:8px;line-height:1.5;min-height:24px;margin-bottom:5px}.order-bubble:after{width:10px;height:10px;bottom:-6px;left:17px;border-width:1.5px}.waiting{font-size:9px;margin-bottom:40px;padding:4px 5px}.counter{border-top-width:6px}.counter-edge{height:25px;padding:0 14px;font-size:8px}.counter-edge span:last-child{display:none}.counter-edge span:nth-child(2){font-size:9px}.workbench{display:flex;flex-direction:column;padding:2px 10px 8px;gap:2px}.stoves{gap:8px}.pan-name{padding:4px 8px 0;height:24px;font-size:9px}.pan-name strong{font-size:10px}.pan{height:151px}.heat-meter{margin-top:-23px;padding:0 9px;height:14px;gap:5px}.heat-meter small{font-size:8px;min-width:34px}.pan-caption{font-size:11px;top:48%}.pan-tools{height:30px;gap:4px;margin-top:8px}.pan-tools button{padding:3px 5px;font-size:9px;gap:2px;min-width:26px;border-bottom-width:2px}.pan-tools button svg{width:13px;height:13px}.stove{padding-bottom:6px}.packing{border:0;padding:6px 0 0;margin:0;display:flex;gap:7px;align-items:center}.packing-title{font-size:8px;flex-direction:column;gap:3px;width:38px;flex:none}.packing-title svg{width:14px;height:14px}.packing-title span{font-size:7px;margin:0}#tray{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0;width:100%}.tray-slot{height:55px;gap:0}.tray-slot canvas{width:39px;height:51px}.tray-slot strong{font-size:8px;line-height:1.5;padding-right:3px}.tray-slot.empty{font-size:8px}.tray-slot .discard-dish{width:17px;height:17px}.ingredients{gap:7px;padding:12px 11px 11px}.ingredient{grid-template-rows:43px 17px;padding:0 2px;border-width:1.5px;border-bottom-width:4px;box-shadow:inset 0 0 0 2px #dce5cb}.ingredient canvas{width:54px;height:51px;margin-top:-7px}.ingredient strong{font-size:9px}.ingredient .stock{font-size:8px;margin-left:3px}.counter-bottom{height:32px;padding:6px 13px;font-size:8px;gap:5px}.counter-bottom svg{width:12px;height:12px}.counter-bottom>button{font-size:9px}.opening-sign{width:320px;padding:35px 30px 20px;margin-top:-40px}.opening h2{font-size:27px}.opening p{font-size:11px}.opening-facts{gap:15px;font-size:10px}.opening .primary{font-size:15px}.opening-sign:before,.opening-sign:after{height:60px}.opening .text-button{font-size:11px}#feedback{top:175px;font-size:11px;padding:8px 13px}footer{padding:11px 14px;gap:8px;flex-direction:column;font-size:9px}footer>div{gap:11px}footer button{font-size:9px}#panel-body{padding:22px 19px 25px}h2{font-size:22px}.day-grid{gap:7px}.day-choice{padding:10px 6px;min-height:93px}.day-choice b{font-size:20px}.day-choice strong{font-size:9px}.day-choice small{font-size:8px}.recipe-list{gap:8px}.recipe{padding:10px 5px;gap:3px;flex-direction:column;text-align:center}.recipe canvas{width:64px;height:70px}.recipe h3{font-size:11px}.recipe p{font-size:9px}.product-line h2{font-size:18px}.price{font-size:21px}.product-details p{font-size:11px;gap:9px}.result-stats b{font-size:20px}.result-detail{gap:9px;font-size:10px}.upgrade-item{gap:10px}.upgrade-item h3{font-size:12px}.upgrade-item p{font-size:10px}.upgrade-item button{font-size:10px;padding:7px 9px}}
@media(max-width:360px){.topbar{padding:0 9px}.topbar nav button{padding:7px}.brand h1{font-size:18px}.customers{padding-inline:4px}.order-bubble{width:99px}.order-bubble strong{font-size:9px}.pan-tools button{padding:3px 4px}.pan-tools button svg{width:12px}.pan-tools{gap:3px}.pan{height:140px}.tray-slot strong{font-size:7px}.ingredient strong{font-size:8px}.counter-bottom>span:first-child{display:none}.day-grid{grid-template-columns:1fr 1fr}.product-details p{display:block}.product-details span{display:block;text-align:left;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.opening{backdrop-filter:none}}