/* COOKVILO 2.0: layered art direction, material stations and adaptive full-window play. */
:root{--cream:#fff5de;--gold:#efc577;--ink:#123e36;--hud:68px;--foot:32px;--ledge:37.8%;--station:34%}
body{font-family:Arial,Helvetica,sans-serif}#app{max-width:none;isolation:isolate;background:#082f2b}button{transition:filter .15s,box-shadow .15s,background .15s}button:hover{filter:brightness(1.06)}
.fullscreen-button{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:55;display:flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 13px;background:#123e38e8;border:1px solid #d9c79777;border-radius:12px;color:#fff0c9;box-shadow:0 3px 12px #001e2440;backdrop-filter:blur(12px)}.fullscreen-button span{font:30px/1 Arial}.fullscreen-button b{font-size:10px;font-weight:700;letter-spacing:.3px}body.in-game .fullscreen-button{width:42px;padding:0}body.in-game .fullscreen-button b{display:none}.fullscreen-button:focus-visible{outline:3px solid #ffbf56}
.room{object-fit:fill}.ambient-light{z-index:1;background:linear-gradient(180deg,#132e2d22,transparent 22%,transparent 63%,#301b0a18);transition:background 2s}.sun-rays{pointer-events:none;position:absolute;inset:0;z-index:1;opacity:.18;background:conic-gradient(from 115deg at 12% 0%,transparent 0 18deg,#fff1aa45 19deg 23deg,transparent 25deg 32deg,#fff2ad50 33deg 37deg,transparent 39deg 90deg);mix-blend-mode:screen;animation:sunlight 14s ease-in-out infinite alternate}#atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none}
.hud{height:var(--hud);padding:10px max(76px,calc(env(safe-area-inset-right) + 66px)) 10px max(22px,env(safe-area-inset-left));gap:18px;background:linear-gradient(180deg,#0b3734fa,#153e37ed);border-bottom:1px solid #dec38a9c;box-shadow:0 5px 18px #062d3044}.brand{width:166px;gap:2px}.brand img{height:34px;width:152px}.brand span{font-size:7px;letter-spacing:2px}.level-progress{max-width:360px}.level-progress>span{font-size:11px;color:#f7e9c5}.progress-track{height:8px;border:1px solid #859c74;background:#052b27;box-shadow:inset 0 2px 4px #001e22aa}.progress-track i{background:linear-gradient(90deg,#dcab57,#f5d58b);box-shadow:0 0 9px #f4ce7077}.stat{background:#082d27;border-color:#d3c18f55;box-shadow:inset 0 1px 4px #0004}.stat strong{font-variant-numeric:tabular-nums}.hud-button{background:linear-gradient(#315e50,#194237);border-color:#c5cb9d66}
.day-badge{top:calc(var(--hud) + 14px);left:max(22px,env(safe-area-inset-left));background:#fff5deeb;box-shadow:0 3px 10px #34291533;border:1px solid #fff9e9b0;font-size:11px}.upgrade{top:calc(var(--hud) + 14px);right:max(22px,env(safe-area-inset-right));background:linear-gradient(135deg,#fff5de,#e9d9b4);border:1px solid #fff1cb;box-shadow:0 3px 0 #715637aa,0 5px 14px #172e2d44;border-radius:13px;padding:9px 12px}.upgrade>span{background:#1a5144;color:#f7d593;border-radius:8px;padding:4px 9px}.upgrade small{font-weight:700}.upgrade.owned{background:linear-gradient(#eaf2cd,#c4d59f)}
.customers{top:calc(var(--hud) + 14px);left:28%;right:16%;bottom:var(--ledge);gap:4%;overflow:visible;align-items:stretch}.customer{width:46%;max-width:310px}.order-card{width:91%;min-width:140px;padding:8px 11px 7px;border:1px solid #d9bc83;border-radius:13px;background:linear-gradient(125deg,#fffdf0,#f6e8c9);box-shadow:0 5px 0 #3f372a50,0 7px 16px #0c27294d;transition:transform .2s,border-color .2s}.customer.selected .order-card{border:2px solid #e8b859;box-shadow:0 0 0 2px #ffdaa033,0 5px 0 #60422466;transform:translateY(-2px)}.order-top{font-size:11px}.order-description img{width:48px;height:37px}.order-description span{font-size:12px}.order-description .mini-drink{height:33px;width:24px}.serve-customer{font-size:9px;letter-spacing:.3px}.patience{height:4px}.customer-figure{top:86px;left:0;width:100%;height:calc(100% - 80px);min-height:0;max-height:none;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 8px 6px #261d1944);transform-origin:50% 100%;animation:guest-idle 5s ease-in-out infinite}.customer:nth-child(2) .customer-figure{animation-delay:-2s}.customer.speaking .customer-figure{animation:guest-talk 1.6s ease-in-out infinite}.customer.ready .order-card{background:linear-gradient(135deg,#fff4bd,#dbe8b5);border-color:#bde18b;box-shadow:0 0 0 2px #b1e18055,0 4px 18px #c7da7a44}.customer.ready .serve-customer{color:#31613b;letter-spacing:.7px}.voice-bars{display:inline-flex;gap:2px;align-items:center;height:10px;margin-left:5px;opacity:0}.speaking .voice-bars{opacity:1}.voice-bars i{display:block;width:2px;height:3px;background:#2f775a;animation:voicebar .45s alternate infinite}.voice-bars i:nth-child(2){animation-delay:-.2s}.voice-bars i:nth-child(3){animation-delay:-.35s}.customer.low-time .order-card{border-color:#e49571}.customer.entering{animation:guest-arrive .8s cubic-bezier(.2,.8,.3,1) both}
.chef-zone{left:3.5%;width:22%;top:24%;bottom:var(--ledge);overflow:hidden;z-index:3}.chef{height:205%;bottom:-105%;left:13%;max-width:85%;object-fit:contain;object-position:top;animation:chef-idle 5.8s infinite ease-in-out}.chef-zone>span{bottom:7px;left:3%;padding:6px 10px;background:#143e34ee;border:1px solid #f0d29c88;box-shadow:0 3px 10px #0003;font-size:10px;border-radius:8px;max-width:94%}.chef-zone.working .chef{animation:chef-work .42s ease-in-out 2}
.combo-badge{position:absolute;left:max(22px,env(safe-area-inset-left));top:calc(var(--hud) + 57px);z-index:4;display:grid;grid-template-columns:23px 1fr;align-items:center;color:#fff4d8;background:#164639e8;border:1px solid #dfbd7e88;border-radius:12px;padding:7px 12px;box-shadow:0 3px 10px #18332744}.combo-badge>span{grid-row:span 2;color:#ffcf78;font-size:23px}.combo-badge b{font-size:17px}.combo-badge small{font-size:6px;letter-spacing:1px}
.counter-edge{bottom:var(--ledge);height:3px;background:#edc68d88;border:0;box-shadow:0 -4px 14px #321b1222;z-index:5}.workstation{bottom:var(--foot);height:calc(var(--ledge) - var(--foot));min-height:0;background:linear-gradient(180deg,transparent,#311f1515);padding:10px max(24px,env(safe-area-inset-right)) 4px max(24px,env(safe-area-inset-left));grid-template-columns:32% 24% 23% 21%;gap:0;overflow:visible}.workstation>div{padding:0 10px;border-right:1px solid #fff2ce16}.station-title{height:24px;font-size:10px;letter-spacing:1.8px;color:#fff8db;text-shadow:0 1px 4px #3f1c05;position:relative;z-index:5}.station-title>span{font-size:8px;color:#ffe6ae;letter-spacing:1px}.station-title:after{content:"";height:1px;flex:1;background:#ffebbe33;margin-left:5px}.station-title .clear-btn{order:3}.ingredients{height:calc(100% - 28px);gap:4px;align-items:center}.ingredient{min-height:0;height:90%;border:1px solid transparent;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#fff0cd2a,transparent 72%);box-shadow:none;padding:0;justify-content:flex-end}.ingredient img{height:76%;width:110%;max-height:125px;object-fit:contain;filter:drop-shadow(0 9px 4px #29180a5c);transition:transform .2s}.ingredient span{font-size:11px;color:#fff6d7;text-shadow:0 1px 4px #391d0e;background:#3c2a1b80;border:1px solid #ffe0a830;border-radius:12px;padding:4px 10px;margin:4px 0 2px}.ingredient.done{box-shadow:none;border:1px solid #c7e6a160;background:radial-gradient(ellipse,#c7e6a130,transparent 72%)}.ingredient.done:after{right:3px;top:1px;background:#dbe8ad;box-shadow:0 2px 5px #243b2677}.ingredient.next{animation:ingredient-guide 1.6s ease-in-out infinite}.ingredient:active img{transform:translateY(-5px) scale(1.07)}.clear-btn{width:29px;height:23px;background:#fff0c52b;border:1px solid #e2c69c66;line-height:20px}
.prep-board{height:calc(100% - 24px);background:none;border-radius:10px;overflow:visible}.prep-board img.board-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 8px 5px #2e1b0c80);pointer-events:none}.prep-board #prep-food{position:absolute;left:26%;top:15%;width:60%;height:64%;max-height:none;object-fit:contain;filter:drop-shadow(0 2px 2px #44230877)!important;z-index:1;transition:opacity .15s}.prep-board span{bottom:2px;background:#fff6dfef;border:1px solid #d4b988;box-shadow:0 2px 6px #34210b44;color:#664b2b;font-size:10px;z-index:4;padding:4px 10px}.recipe-dots{top:28px;right:13px;gap:4px;z-index:2}.recipe-dots i{width:6px;height:6px;background:#694525;border:1px solid #edce8877}.recipe-dots i.on{background:#e0eeb9}.equipment{pointer-events:none}
.oven{height:calc(100% - 24px);background:none;border:0;box-shadow:none;border-radius:0;padding:0;display:block;overflow:visible}.oven-art{position:absolute;left:0;bottom:15px;width:100%;height:112%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 5px #2a1b0d80);transition:filter .6s}.oven-arch{border:0;border-radius:40% 40% 8% 8%;position:absolute;left:21%;top:25%;width:57%;height:42%;min-height:0;background:none;overflow:visible}.oven-arch img{height:55%;width:70%;left:17%;bottom:-7%;filter:drop-shadow(0 2px 2px #160e09);z-index:2}.oven-arch .fire{position:absolute;inset:10% 10% 10%;font-size:0;background:radial-gradient(ellipse,#fff7b800,#ffc54733 35%,#ff730055 60%,transparent 73%);filter:blur(4px);opacity:.65;animation:fire-glow .24s alternate infinite;mix-blend-mode:screen}.oven.active .fire{opacity:1;background:radial-gradient(ellipse,#ffffdb55,#ff8b2677 50%,transparent 72%)}.oven-meter{position:absolute;bottom:24px;left:17%;height:5px;width:66%;box-shadow:0 0 0 1px #fff0b377;background:#211b12dd;z-index:4}.oven strong{position:absolute;bottom:1px;left:0;right:0;padding:5px 3px;background:linear-gradient(#164739,#0b342b);border:1px solid #d0b67f;border-radius:9px;font-size:10px;letter-spacing:.2px;box-shadow:0 3px 0 #4e331b}.oven.done .oven-art{filter:drop-shadow(0 0 10px #d4ef93aa) drop-shadow(0 8px 4px #2a1b0d80)}.oven.done strong{background:linear-gradient(#d7ed9e,#8bb963);color:#24402e;border-color:#f1f9c7;animation:ready-label 1s alternate infinite}.oven.burnt .oven-art{filter:brightness(.62) saturate(.5)}.oven.burnt strong{background:#963f2f;border-color:#df9d73}.upgrade-seal{display:none;position:absolute;right:4%;top:6%;border:1px solid #ffeaba;border-radius:50%;padding:6px;color:#784c12;background:linear-gradient(#ffe89f,#e6b75d);box-shadow:0 2px 5px #0004;font-size:13px}.upgraded .upgrade-seal{display:block}.upgraded .oven-art{filter:drop-shadow(0 0 7px #eace7b77) drop-shadow(0 7px 5px #2a1b0d80)}#oven-level{margin-left:auto;color:#ffdb82;font-size:10px}
.tray{height:calc(100% - 53px);background:none;min-height:0;position:relative;isolation:isolate}.platter-art{position:absolute;width:100%;height:110%;left:0;top:-7%;object-fit:contain;z-index:-1;filter:drop-shadow(0 8px 4px #35200b77)}#tray-food{width:68%;height:82%;position:absolute;left:10%;top:7%;filter:drop-shadow(0 3px 2px #341d0a55)}#tray-drink{position:absolute;right:0;top:0;width:27%;height:87%;filter:drop-shadow(0 3px 2px #452c1977)}.tray>span{font-size:10px;color:#8a775a;z-index:1;margin-right:10%}.drink-btn{position:absolute;right:8px;bottom:0;width:calc(100% - 16px);height:29px;padding:3px 9px 3px 32%;background:linear-gradient(#f5e9cb,#e1cea6);border:1px solid #eed5a8;box-shadow:0 3px 0 #50361b;color:#5a472d;font-size:10px;overflow:visible;border-radius:9px}.drink-btn img{position:absolute;left:3px;bottom:0;width:29%;height:160%;object-fit:contain;filter:drop-shadow(0 3px 3px #40260a66)}.drink-btn b{font-size:10px;white-space:nowrap}.drink-btn.poured{background:linear-gradient(#e4edc6,#c4da9d)}
.oven-steam,.food-steam{position:absolute;inset:0;pointer-events:none;overflow:visible;opacity:0}.oven.active .oven-steam,.tray.has-food .food-steam{opacity:.65}.oven.burnt .oven-steam{opacity:.85;filter:brightness(.25)}.oven-steam i,.food-steam i{position:absolute;left:45%;bottom:78%;height:65px;width:16px;border-radius:50%;background:linear-gradient(transparent,#fff3cc75,transparent);filter:blur(6px);animation:steam-rise 2.2s ease-in-out infinite}.oven-steam i:nth-child(2),.food-steam i:nth-child(2){left:55%;animation-delay:-.8s}.oven-steam i:nth-child(3),.food-steam i:nth-child(3){left:35%;animation-delay:-1.6s}.food-steam i{bottom:50%;height:50px}
.hint-bar{height:var(--foot);padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));background:linear-gradient(#0a3630f2,#082e29);border-top:1px solid #efd4a13d;box-shadow:0 -3px 10px #21322630;font-size:11px;gap:10px}.hint-bar button{width:24px;height:24px;font-size:12px;flex-shrink:0}.toast{top:calc(100% - var(--ledge) - 30px);font-size:11px;border:1px solid #e5c893;max-width:80%;white-space:normal;text-align:center;background:#fff6dff5;padding:7px 15px}.particles{z-index:24}.fx-flight{position:absolute;pointer-events:none;object-fit:contain;filter:drop-shadow(0 4px 4px #33230e55);z-index:5}.guest-exit{position:absolute;pointer-events:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 5px #0003);z-index:0}.reward-label{position:absolute;font-size:clamp(15px,2vw,28px);font-weight:900;color:#fff2bb;white-space:nowrap;text-align:center;text-shadow:0 2px #82612c,0 3px 8px #2b301d}.reward-label small{display:block;font-size:.45em;letter-spacing:2px;margin-top:3px;color:#fff9e3}.spark{position:absolute;border-radius:50%;width:5px;height:5px;background:#ffe8a6;box-shadow:0 0 6px #ffe8a6}.tap-ring{position:absolute;border:2px solid #ffdda577;border-radius:50%;width:32px;height:32px}.pause-dark .ambient-light{background:#10272199;z-index:8}.pause-dark .sun-rays{opacity:0}.pause-dark .oven-art{filter:brightness(.4)}.paused #atmosphere{opacity:.5}.paused .customer-figure,.paused .chef,.paused .fire,.paused .sun-rays,.paused .oven-steam i,.paused .food-steam i{animation-play-state:paused}
.home-art{object-fit:cover;object-position:center;animation:home-pan 26s ease-in-out infinite alternate}.home-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#102d2d66,transparent 55%,#15382d11),linear-gradient(0deg,#082f2ced 3%,transparent 36%,#0c2c2b44 100%)}.home-logo{position:absolute;top:8%;left:5.5%;width:42%;height:18%;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 7px #122d2680)}.home-story{position:absolute;left:7%;top:29%;z-index:2}.home-story .eyebrow{color:#f5d89e;letter-spacing:3px;font-size:clamp(8px,.9vw,13px)}.home-story h1{font-family:Georgia,serif;font-size:clamp(25px,4vw,64px);line-height:1.07;font-weight:500;letter-spacing:-1.5px;text-shadow:0 3px 15px #001d29;margin:18px 0 14px}.home-story p{font-size:clamp(10px,1.15vw,17px);text-shadow:0 2px 5px #001e24;color:#f3e3bd}.home-chef{position:absolute;bottom:-31%;height:116%;object-fit:contain;filter:drop-shadow(-12px 8px 12px #032e2944);animation:chef-idle 6s infinite ease-in-out;transform-origin:bottom center}.home-chef.female{right:18%;z-index:3}.home-chef.male{right:0;z-index:2;animation-delay:-2s;height:113%}.home-bottom{z-index:5;background:linear-gradient(0deg,#06302def,#0a3731dd 52%,transparent);height:25%;min-height:102px;padding:18px max(30px,env(safe-area-inset-right)) 12px max(30px,env(safe-area-inset-left))}.home-center{min-width:30%;gap:7px}.play{font-size:clamp(25px,3.2vw,46px);border-radius:18px;padding:10px 60px;box-shadow:0 5px 0 #994b08,0 12px 30px #07271d66,inset 0 2px 8px #fff3c577;background:linear-gradient(#ffc34a,#ff990f 55%,#eb7900)}.home-status{color:#e1dec1;font-size:11px}.home-location{position:absolute;left:7%;bottom:27%;display:grid;grid-template-columns:40px auto;align-items:center;gap:0 10px;font-size:30px;color:#f6dca4;z-index:3;font-family:Georgia,serif;border-left:2px solid #dfbf77;padding-left:14px}.home-location span{font-size:18px}.home-location small{grid-column:2;font:8px Arial;letter-spacing:2px}.demo-tag{top:14px;left:20px;font-size:8px;padding:6px 10px;background:#0a312ba8}
.overlay{background:#082e2ac9;backdrop-filter:blur(10px);padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.modal{border:1px solid #f3d39b;background:radial-gradient(ellipse at 0 0,#fffdfa,#f4e9cf 75%);box-shadow:0 20px 90px #001d2b88,inset 0 0 0 6px #fffaf344;border-radius:24px;padding:28px 36px}.modal h2{font-family:Georgia,serif;font-size:32px;font-weight:500;letter-spacing:-.7px;line-height:1.1}.modal .eyebrow{color:#a57c38;letter-spacing:2.2px}.portrait{margin-right:15px;background:radial-gradient(ellipse at 50% 75%,#d8dfba88,transparent 68%)}.story-layout .portrait img{height:100%;width:100%;object-fit:contain;object-position:bottom}.character-option{background:radial-gradient(ellipse at 50% 60%,#f7edcf,#dce4cd);border-radius:17px;height:200px;width:165px}.character-option img{height:270px}.character-option.selected{box-shadow:0 0 0 3px #e8c37366,0 8px 18px #a5926355}.modal .primary{box-shadow:0 4px 0 #b26514,0 7px 16px #815e1633}.story-options button{transition:transform .2s,box-shadow .2s}.story-options button:hover{box-shadow:0 4px 10px #38603c22;transform:translateX(3px)}.result-stars{color:#e6b353;text-shadow:0 2px #fff4cf,0 4px 8px #aa793044}.result-stats>div{background:linear-gradient(#eeecd7,#e2e4c7);border:1px solid #d0d4ac}.quality-setting{margin:12px auto;padding:10px;border-radius:10px;background:#e9e7d1;font-size:11px;display:flex;align-items:center;justify-content:center;gap:9px}.quality-setting input{accent-color:#346c4b;width:17px;height:17px}.quality-setting small{color:#82856d;font-size:9px}.fullscreen-help .steps{display:block;text-align:left}.fullscreen-help .step{padding:10px;margin:7px 0;text-align:left;font-size:12px}.fullscreen-help .step b{display:inline;font-size:14px;margin-right:8px}
@keyframes guest-idle{0%,100%{transform:rotate(-.3deg) translateY(0)}50%{transform:rotate(.35deg) translateY(-2px)}}@keyframes guest-talk{0%,100%{transform:rotate(-.35deg)}50%{transform:translateY(-2px) rotate(.55deg)}}@keyframes chef-idle{0%,100%{transform:rotate(-.35deg)}50%{transform:rotate(.45deg) translateY(-2px)}}@keyframes chef-work{50%{transform:rotate(2deg) translateY(3px)}}@keyframes guest-arrive{from{opacity:0;transform:translateX(55px) scale(.93)}to{opacity:1;transform:none}}@keyframes sunlight{to{opacity:.3;transform:translateX(1%)}}@keyframes voicebar{to{height:10px}}@keyframes fire-glow{to{transform:scale(1.06,.93);opacity:.85}}@keyframes steam-rise{0%{opacity:0;transform:translate(0,15px) scale(.6)}30%{opacity:.8}100%{opacity:0;transform:translate(12px,-28px) scale(1.5)}}@keyframes ingredient-guide{50%{border-color:#f1d491aa;background-color:#f2d18920;box-shadow:0 0 15px #ffe19a22}}@keyframes ready-label{to{box-shadow:0 0 14px #dfff9077}}@keyframes home-pan{to{transform:scale(1.035) translateX(-.5%)}}
@media(min-width:1800px) and (min-height:850px){:root{--hud:84px;--foot:40px}.brand{width:205px}.brand img{height:42px;width:190px}.brand span{font-size:9px}.level-progress{max-width:460px}.level-progress>span{font-size:14px}.stat strong{font-size:23px}.stat{height:45px;padding-right:17px}.stat img{width:38px;height:38px}.fullscreen-button{top:21px}.hud-button{height:42px;width:42px}.order-card{padding:12px 15px}.order-top{font-size:14px}.order-description span{font-size:15px}.order-description img{width:58px;height:48px}.serve-customer{font-size:12px}.customer-figure{top:110px;height:calc(100% - 102px)}.hint-bar{font-size:14px}.ingredient span,.prep-board span,.oven strong,.drink-btn{font-size:13px}.ingredient img{max-height:170px}.station-title{font-size:13px}.oven-meter{bottom:30px}.oven strong{padding:6px}.drink-btn{height:35px}.tray{height:calc(100% - 60px)}}
@media(max-height:540px){:root{--hud:48px;--foot:25px}.fullscreen-button{top:7px;right:max(12px,env(safe-area-inset-right));height:34px;border-radius:9px;padding:0 10px}.fullscreen-button span{font-size:25px}.fullscreen-button b{font-size:9px}body.in-game .fullscreen-button{width:34px}.hud{gap:11px;padding:6px max(58px,calc(env(safe-area-inset-right) + 48px)) 6px max(18px,env(safe-area-inset-left))}.brand{width:122px}.brand img{height:26px;width:122px}.brand span{font-size:5.5px;letter-spacing:1.8px}.level-progress{max-width:290px}.level-progress>span{font-size:8.5px;margin-bottom:4px}.progress-track{height:6px}.stat{height:29px;padding-right:10px;gap:4px}.stat strong{font-size:14px}.stat img{height:25px;width:25px}.reputation{padding-left:9px}.reputation span{font-size:18px}.hud-button{width:30px;height:30px;border-radius:9px}.day-badge{top:58px;left:max(18px,env(safe-area-inset-left));font-size:9px;padding:4px 8px}.upgrade{top:58px;right:max(18px,env(safe-area-inset-right));padding:5px 8px;gap:6px;border-radius:10px}.upgrade>span{font-size:17px;padding:2px 7px}.upgrade b,.upgrade small{font-size:8px}.customers{top:60px;left:27%;right:17%;gap:5%;bottom:var(--ledge)}.customer{width:47%;max-width:245px}.order-card{padding:5px 7px 4px;min-width:125px;border-radius:9px;width:94%}.order-top{font-size:9px}.order-description{gap:3px;margin-top:0}.order-description img{width:35px;height:26px}.order-description span{font-size:9px;line-height:1.15}.order-description .mini-drink{width:18px;height:26px}.serve-customer{font-size:7px;min-height:8px;margin-top:3px}.patience{height:3px;margin-top:2px}.order-card:after{bottom:-7px;border-top-width:7px}.customer-figure{top:61px;height:calc(100% - 56px);left:0;width:100%}.chef-zone{top:25%;left:3%;width:23%}.chef{height:200%;bottom:-100%;left:14%}.chef-zone>span{bottom:5px;font-size:8px;padding:4px 7px}.combo-badge{top:94px;padding:4px 8px;grid-template-columns:18px auto;left:18px;border-radius:8px}.combo-badge b{font-size:12px}.combo-badge>span{font-size:18px}.combo-badge small{font-size:5px;letter-spacing:.6px}.workstation{padding:5px max(18px,env(safe-area-inset-right)) 2px max(18px,env(safe-area-inset-left));height:calc(var(--ledge) - var(--foot));bottom:var(--foot);min-height:0}.workstation>div{padding:0 6px}.station-title{height:17px;font-size:7px;letter-spacing:.8px;gap:4px}.station-title>span{font-size:6px}.ingredients{height:calc(100% - 19px);gap:2px}.ingredient{height:98%;min-height:0;border-radius:9px}.ingredient img{height:76%;width:110%;max-height:86px}.ingredient span{font-size:8px;padding:3px 7px;margin-top:2px}.ingredient.done:after{width:12px;height:12px;font-size:9px;top:3px}.prep-board,.oven{height:calc(100% - 17px)}.prep-board span{font-size:8px;padding:3px 7px;bottom:1px}.recipe-dots{top:21px;right:8px;gap:3px}.recipe-dots i{width:4px;height:4px}.clear-btn{width:22px;height:18px;line-height:15px;font-size:16px}.oven-art{bottom:12px;height:111%}.oven strong{font-size:8px;border-radius:7px;padding:4px 2px}.oven-meter{bottom:23px;height:3px}.upgrade-seal{font-size:9px;padding:4px;top:8%}.oven-arch{top:19%;height:44%;left:22%;width:56%}.tray{height:calc(100% - 43px);min-height:0}.tray>span{font-size:8px}.drink-btn{height:23px;width:calc(100% - 12px);right:6px;font-size:8px;padding-right:5px;border-radius:7px}.drink-btn b{font-size:8px}.drink-btn img{height:145%}.hint-bar{font-size:8.5px;gap:7px}.hint-bar button{height:21px;width:21px;font-size:11px}.toast{top:calc(100% - var(--ledge) - 26px);font-size:9px;padding:5px 12px}.modal{padding:16px 26px;border-radius:19px}.modal h2{font-size:25px}.character-option{height:145px;width:145px}.character-option img{height:215px}.home-logo{top:8%;height:18%;width:40%}.home-story{top:29%;left:7%}.home-story h1{font-size:clamp(24px,3.6vw,40px);margin:10px 0}.home-story .eyebrow{letter-spacing:2px;font-size:7px}.home-story p{font-size:10px;margin:6px 0}.home-bottom{height:24%;min-height:93px;padding-top:12px;padding-bottom:8px}.home-center{gap:4px}.play{font-size:26px;padding:7px 50px;border-radius:14px}.home-status{font-size:8px}.home-location{bottom:27%;font-size:23px;grid-template-columns:28px auto;padding-left:9px;gap:0 7px}.home-location span{font-size:13px}.home-location small{font-size:6px;letter-spacing:1.3px}.home-chef.female{right:17%}.home-chef.male{right:-2%}.demo-tag{top:10px;font-size:6px;padding:5px 9px}.oven-steam i{height:40px;width:12px}.food-steam i{height:30px;width:10px}}
@media(max-height:350px) and (orientation:landscape){:root{--hud:42px;--foot:23px;--ledge:39%}.fullscreen-button{top:5px;height:31px}body.in-game .fullscreen-button{width:31px}.hud{padding-top:4px;padding-bottom:4px}.brand img{height:25px}.brand span{display:none}.day-badge,.upgrade{top:49px}.customers{top:50px;left:28%;right:18%}.order-card{padding:4px 6px 3px;min-width:120px}.order-description img{height:22px;width:30px}.order-description span{font-size:8px}.serve-customer{font-size:6.5px;margin-top:2px}.order-top{font-size:8px}.customer-figure{top:53px;height:calc(100% - 48px)}.chef-zone{top:25%;bottom:var(--ledge)}.chef-zone>span{font-size:7px;bottom:4px}.combo-badge{top:83px}.workstation{padding-top:4px}.station-title{height:15px;font-size:6.5px}.ingredients{height:calc(100% - 16px)}.prep-board,.oven{height:calc(100% - 15px)}.ingredient span{font-size:7px;padding:2px 6px}.oven strong{font-size:7px}.oven-meter{bottom:21px}.hint-bar{font-size:7.5px}.home-story h1{font-size:26px}.home-story p{font-size:9px}.home-location{bottom:28%}.home-bottom{min-height:81px}.play{font-size:23px}.home-status{font-size:7px}.home-center .eyebrow{font-size:7px}.modal{padding:11px 23px}.modal h2{font-size:23px}.character-option{height:115px}.character-option img{height:175px}.portrait{height:170px}.portrait img{height:265px}.story-layout .portrait img{height:100%}}
.low-effects .sun-rays,.low-effects #atmosphere,.low-effects .oven-steam,.low-effects .food-steam{display:none}.low-effects .home-art,.low-effects .customer-figure,.low-effects .chef,.low-effects .home-chef{animation:none}.low-effects .overlay{backdrop-filter:none}.low-effects .fullscreen-button{backdrop-filter:none}
/* Keep hardware safe areas clear without adding a fixed-width frame. */
.workstation{bottom:calc(var(--foot) + env(safe-area-inset-bottom));height:calc(var(--ledge) - var(--foot) - env(safe-area-inset-bottom))}.hint-bar{height:calc(var(--foot) + env(safe-area-inset-bottom));padding-bottom:calc(3px + env(safe-area-inset-bottom))}
.customers{overflow:hidden}.tray{width:82%}.drink-btn{padding-left:9px}.drink-btn img{left:auto;right:-3px;bottom:29px;width:39%;height:460%;object-position:right bottom;pointer-events:none}.drink-btn b{margin-left:auto}
@media(max-height:540px){.customer-figure{height:calc(100% + 6px)}.drink-btn img{bottom:23px;right:-3px;width:39%;height:400%}}
@media(max-height:350px) and (orientation:landscape){.customer-figure{height:calc(100% + 3px)}}
@media(prefers-reduced-motion:reduce){.sun-rays,#atmosphere,.oven-steam,.food-steam{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Touch controls stay in one hit-test position while iOS synthesizes events. */
@media(hover:none) and (pointer:coarse){
 button:hover,button:active:not(:disabled){filter:none;transform:none}
 #overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
 #modal{animation:none;isolation:isolate}
 .character-option img,.character-option span{pointer-events:none}
}
/* Door-to-counter movement takes place behind the physical counter. */
#people-stage{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inset(0 0 var(--ledge) 0);overflow:hidden}.walker{position:absolute;transform:translateX(-50%);transform-origin:bottom center}.walk-body{position:absolute;inset:0;transform-origin:50% 72%}.walk-body img{position:absolute;width:100%;height:100%;object-fit:fill;pointer-events:none}.walk-top{clip-path:inset(0 0 38% 0)}.walk-leg.left{clip-path:polygon(0 61%,51% 61%,51% 100%,0 100%);transform-origin:42% 62%}.walk-leg.right{clip-path:polygon(49% 61%,100% 61%,100% 100%,49% 100%);transform-origin:58% 62%}.walking .walk-leg.left{transform:rotate(calc(sin(var(--gait))*3deg))}.walking .walk-leg.right{transform:rotate(calc(sin(var(--gait))*-3deg))}.walking .walk-body{transform:translateY(calc(sin(var(--gait)*2)*1.3px))}.walk-shadow{position:absolute;bottom:0;left:10%;width:80%;height:4%;border-radius:50%;background:#26302255;filter:blur(3px)}.takeaway{display:none;position:absolute;top:42%;left:14%;width:72%;filter:drop-shadow(0 3px 2px #4328)}.carrying .takeaway{display:block}.queue-label{position:absolute;top:22%;left:85%;white-space:nowrap;background:#f8efd5ed;border:1px solid #c5af79;border-radius:7px;color:#38533d;font-size:9px;padding:3px 7px}.queue-label:empty{display:none}.customers{z-index:4;left:32%;right:auto;width:28%;overflow:visible;bottom:auto;pointer-events:none}.customer{width:100%;max-width:310px}.customer.in-queue{display:none}.customer.at-counter{pointer-events:auto}.customer .customer-figure{display:none}.customer.entering{animation:none}.customer .order-card{width:100%}.drink-btn.pouring:after{content:'';position:absolute;right:13%;bottom:30px;width:3px;height:15px;background:#f8e6a0;box-shadow:0 0 4px #ffff9b;animation:pour-stream .3s infinite alternate}.drink-btn.pouring{background:#e4d5ab}.chef-zone{z-index:3}@keyframes pour-stream{to{opacity:.5;transform:scaleX(.6)}}
@media(max-height:540px){.customers{left:33%;right:auto;top:60px;width:26%}.queue-label{font-size:7px;padding:2px 5px}.drink-btn.pouring:after{bottom:24px;height:11px}}@media(max-height:350px){.customers{top:50px}}

.ingredients{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));height:calc(100% - 24px);gap:2px}.ingredient{height:100%;flex-direction:row;justify-content:center;padding:1px;min-height:0}.ingredient img{height:100%;width:65%;max-height:none}.ingredient span{font-size:9px;padding:3px 5px;max-width:52%;margin-left:-14px;z-index:1}.ingredient.locked{opacity:.4;filter:grayscale(.5)}.ingredient.locked:after{content:'🔒';font-size:10px;position:absolute;right:1px;top:1px}.ingredient[data-ingredient="basil"]{order:4}.ingredient[data-ingredient="pepperoni"]{order:5}.ingredient[data-ingredient="mushrooms"]{order:6}@media(max-height:540px){.ingredients{height:calc(100% - 18px)}.ingredient span{font-size:7px;padding:2px 4px}.ingredient img{width:61%}.ingredient.done:after{top:0;right:0}}
/* Clear, upright type and larger mobile controls for the test build. */
#app,#app *{font-family:Arial,Helvetica,sans-serif;font-style:normal;letter-spacing:normal}
.modal h2{font-weight:700;font-size:30px;line-height:1.15}.modal p,.intro-layout p,.story-layout p{font-size:15px}.modal .tiny,.step,.story-options button small,.setting-row,.audio-note,.memory{font-size:13px!important}.modal .primary,.secondary,.story-options button,.character-option span{font-size:15px}.modal .eyebrow,.login-form label,.text-btn{font-size:12px}.home-status{font-size:13px}.home-story h1{font-weight:700}.home-story p{font-size:17px}
:root{--foot:40px}.level-progress>span{font-size:14px}.brand span{font-size:9px}.stat strong{font-size:21px}.upgrade b,.upgrade small,.day-badge{font-size:14px}.order-top{font-size:15px}.order-description span{font-size:17px}.serve-customer{font-size:14px}.order-card{padding:9px 12px}.order-dip{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;margin:4px 0}.order-dip .sauce-cup{width:24px;height:16px}.station-title{font-size:13px;height:25px}.station-title>span{font-size:11px}.hint-bar{font-size:15px;line-height:1.2}.hint-bar button{flex:none;width:30px;height:30px;font-size:17px}.toast{font-size:14px;white-space:normal;text-align:center}.chef-zone>span{font-size:13px}.queue-label{font-size:12px}.fullscreen-button b{font-size:12px}
.ingredients{height:calc(100% - 26px)}.ingredient{display:flex;flex-direction:column;gap:0;justify-content:center}.ingredient img{height:calc(100% - 22px);width:90%}.ingredient span{max-width:100%;margin:0;padding:3px 6px;font-size:13px;line-height:1.1;white-space:nowrap;background:#31291eea;color:#fff9e8}.ingredient.locked{opacity:.72}.prep-board span,.oven strong,.tray>span,.drink-btn,.drink-btn b{font-size:13px}.oven strong{white-space:normal;line-height:1.1}.oven-meter{bottom:31px}.drink-btn{height:31px}.tray{height:calc(100% - 57px)}.drink-btn img{bottom:31px;height:370%}.drink-btn.pouring:after{bottom:32px}.prep-board span{white-space:normal;text-align:center}.combo-badge small{font-size:9px}
.dip-station{position:absolute;right:max(22px,env(safe-area-inset-right));top:calc(var(--hud) + 87px);width:20%;max-width:235px;z-index:6;padding:8px;background:#123e36e8;border:1px solid #e6c99488;border-radius:13px;color:#fff6de}.dip-station>b{display:block;font-size:12px;text-align:center;margin-bottom:5px}.dip-station>div{display:flex;gap:7px}.dip-station button{flex:1;min-width:0;min-height:54px;background:#fff5df;color:#244e3e;border:2px solid transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:700;padding:4px 2px}.dip-station button[aria-pressed="true"]{border-color:#ffb339;background:#ffedb8;box-shadow:0 0 0 2px #ffd57844}.sauce-cup{display:inline-block;position:relative;width:32px;height:22px;border-radius:50%;border:3px solid #f6eee1;background:radial-gradient(ellipse at 35% 30%,#fff8db,#dad0a4);box-shadow:0 3px 0 #afa18c,0 5px 4px #13231e44;flex:none}.sauce-cup.garlic{background:radial-gradient(circle at 35% 35%,#7c925b 0 1px,transparent 2px),radial-gradient(circle at 65% 65%,#7c925b 0 1px,transparent 2px),radial-gradient(ellipse,#fffce6,#e2d6a5)}.sauce-cup.hot{background:radial-gradient(ellipse at 35% 30%,#f37937,#ac2316)}#tray-dip{position:absolute;right:3%;bottom:6%;z-index:3}.walker{transition:left .09s linear,top .09s linear,width .09s linear,height .09s linear}
@media(max-height:540px){:root{--foot:34px;--ledge:41%}.hud{gap:10px}.brand{width:114px}.brand img{width:112px}.brand span{display:none}.level-progress>span{font-size:12px}.stat strong{font-size:17px}.upgrade b,.upgrade small,.day-badge{font-size:12px}.upgrade{top:58px}.customers{left:31%;width:30%}.order-card{padding:6px 8px}.order-top{font-size:13px}.order-description span{font-size:14px}.serve-customer{font-size:12px;min-height:14px}.order-description img{width:38px;height:30px}.order-dip{font-size:12px;margin:3px 0}.station-title{font-size:11px;height:19px;gap:4px}.station-title>span{font-size:9px}.ingredients{height:calc(100% - 20px)}.ingredient img{height:calc(100% - 19px);width:90%}.ingredient span{font-size:12px;padding:2px 4px}.prep-board,.oven{height:calc(100% - 20px)}.prep-board span,.oven strong,.drink-btn,.drink-btn b,.tray>span{font-size:12px}.prep-board span{padding:4px 5px}.oven-meter{bottom:31px}.oven strong{padding:5px 2px}.hint-bar{font-size:13px;gap:6px}.hint-bar button{width:25px;height:25px;font-size:15px}.toast{font-size:13px;max-width:80%}.chef-zone>span{font-size:11px}.queue-label{font-size:11px}.dip-station{top:111px;right:max(18px,env(safe-area-inset-right));padding:6px;width:21%}.dip-station>b{font-size:11px}.dip-station button{font-size:12px;min-height:48px}.dip-station .sauce-cup{width:27px;height:18px}.drink-btn{height:28px;right:3px;width:calc(100% - 6px)}.drink-btn img{bottom:28px;height:330%;width:37%}.drink-btn.pouring:after{bottom:29px}.tray{height:calc(100% - 51px)}.modal h2{font-size:25px}.modal p{font-size:14px}.modal .primary{font-size:14px}.home-status{font-size:11px}.combo-badge small{font-size:8px}.home-story p{font-size:14px}}
@media(max-height:350px) and (orientation:landscape){:root{--foot:32px;--ledge:43%}.customers{top:50px}.order-card{padding:5px 7px}.order-description span{font-size:13px}.order-top,.serve-customer{font-size:12px}.dip-station{top:102px;padding:5px}.dip-station button{min-height:44px;font-size:11px}.ingredient span{font-size:11px}.station-title{font-size:10px}.hint-bar{font-size:12px}.prep-board span,.oven strong,.drink-btn,.drink-btn b{font-size:11px}.chef-zone>span{display:none}.modal h2{font-size:23px}}
.workstation{grid-template-rows:minmax(0,1fr)}.workstation>div{min-height:0}.ingredient img{min-height:0;flex-shrink:1}.walk-body img{object-fit:contain}
/* The whole order is collected on the central serving platter. */
.workstation{grid-template-columns:26% 20% 28% 26%}.ingredient-area{order:1}.prep-area{order:2}.serve-area{order:3}.oven-area{order:4}.customers{left:30%;width:24%}.tray{cursor:pointer;padding:0;width:81%;color:#53634c}.tray #tray-empty{position:absolute;bottom:0;left:0;right:0;padding:4px 3px;background:#fff4dfe8;border-radius:7px;font-weight:700;z-index:4}.tray.ready-to-serve #tray-empty{background:#ddecab;color:#315c2d}.tray.ready-to-serve{filter:drop-shadow(0 0 7px #fff8a8)}.serve-area .station-title b{color:#fff1ad}.serve-area .drink-btn{width:95%;left:3%;right:auto}.serve-area .drink-btn img{width:32%}.serve-area .food-steam{pointer-events:none}#tray-dip{right:5%;bottom:30%}.order-card .serve-customer{line-height:1.15}.order-card{min-width:0}.order-description span{overflow-wrap:normal}.dip-station{right:max(22px,env(safe-area-inset-right));width:22%}
@media(max-height:540px){.customers{left:29%;width:26%}.workstation>div{padding-left:4px;padding-right:4px}.ingredient span{font-size:12px;padding-left:3px;padding-right:3px}.dip-station{right:max(18px,env(safe-area-inset-right));width:22%}}