/* View from behind the counter: the customer is beyond the stove. */
body:has(.game-shell){background:#252b36;background-image:none;color:#fff2d8}
.game-shell{max-width:1160px;padding-top:22px}
.game-heading{margin-bottom:18px}.game-heading h1{font-size:24px;color:#fff2d8}.game-heading h1 span{display:inline;font-size:24px;margin-left:7px}.intro{color:#c7b69c;font-size:12px}.eyebrow{color:#e2b56e}.creator{background:#3a3b3b;border-color:#686258;color:#f0ddbf}
.stats{gap:10px}.stat{background:#353942;border:1px solid #686154;border-radius:12px;padding:10px 20px;box-shadow:0 3px 0 #171e27}.stat>span,.stat p{color:#d0c6b3}.stat strong{font-size:28px;color:#fff2d8}.stat.profit{background:#354b43;border-color:#688472}.profit strong{color:#d4f0b4}.stage-note{margin:12px 2px;color:#f3c67c}.stage-note span{color:#c6bdac}
.shop{position:relative;border:5px solid #543d30;border-radius:14px;overflow:hidden;background:#343b47;box-shadow:0 12px 28px #11192388}.awning{height:36px;background:repeating-linear-gradient(90deg,#974d40 0,#974d40 60px,#e2cbaa 60px,#e2cbaa 120px);border-color:#3a2b25;box-shadow:0 8px 13px #14192466;position:relative;z-index:3}.shop-sign{position:absolute;top:46px;left:50%;transform:translateX(-50%);z-index:2;border:1px solid #ddad65;background:#473829;color:#ffdfa6;font-size:12px;white-space:nowrap;padding:5px 20px;border-radius:4px}.shop-sign span{font-size:10px;color:#e3bc87}
.customer-scene{position:relative;display:block;min-height:280px;padding:68px 25px 14px;background:radial-gradient(ellipse at 55% 12%,#d5994344,transparent 65%),linear-gradient(0deg,#4b4a4d 0%,#313b49 70%,#253142 100%);overflow:hidden}
.customer-scene:before{content:"";position:absolute;inset:70px 0 0;background:linear-gradient(90deg,#1d2837 8%,transparent 8% 25%,#202b39 25% 42%,transparent 42% 72%,#242d38 72% 90%,transparent 90%);clip-path:polygon(0 20%,8% 20%,8% 50%,25% 50%,25% 8%,42% 8%,42% 40%,72% 40%,72% 0,90% 0,90% 50%,100% 50%,100% 100%,0 100%);opacity:.7}
.customer-scene:after{content:"";position:absolute;top:25px;left:5%;right:5%;height:70px;border-top:1px solid #edd4a04d;background:radial-gradient(circle,#ffe0a1 0 4px,#e9b96144 5px,transparent 15px) 0 0/90px 50px repeat-x;pointer-events:none}
.customer-info{position:relative;z-index:2;width:240px;padding:13px 16px;border:1px solid #ae896155;background:#202a37d9;border-radius:12px;backdrop-filter:blur(4px)}.section-label{color:#d7ae78}.customer-info h2{color:#fff1d3;font-size:23px}.customer-info p{color:#d6c9b4;font-size:11px;margin-bottom:10px}.sensitivity strong{color:#ffc096}.sensitivity{color:#eddec4}.wait-label{color:#d6c9b4}.meter{background:#5c514b;margin-bottom:10px}.meter>div{background:#efa27b}progress::-webkit-progress-bar{background:#535451}progress::-webkit-progress-value{background:#b0d3a0}
.character-area{position:absolute;bottom:-7px;left:56%;transform:translateX(-50%);min-height:230px;width:260px;z-index:1}#character{width:190px;height:180px}.character-shadow{display:none}.bubble{background:#fff4dc;border-color:#d7b98b;color:#58432c;box-shadow:0 4px 12px #151b2844}.bubble:after{background:#fff4dc;border-color:#d7b98b}
.counter{position:relative;z-index:4;background:linear-gradient(#a87549,#795031);color:#f4d4a6;border-top:5px solid #d2a273;border-bottom:3px solid #4a2c1d;padding:6px;font-size:10px;letter-spacing:2px;box-shadow:0 8px 12px #0005}
.worktop{position:relative;min-height:395px;padding:20px 16% 42px;background:repeating-linear-gradient(2deg,transparent 0 50px,#3e261c44 51px 53px),linear-gradient(95deg,#92623d,#b18355 45%,#996941);isolation:isolate;overflow:hidden;box-shadow:inset 0 12px 22px #402918aa}
.griddle-wrap{position:relative;max-width:600px;margin:0 auto;transform:perspective(850px) rotateX(16deg);transform-origin:top center;z-index:2}.griddle{display:block;width:100%;filter:drop-shadow(0 15px 5px #33241bc9)}.griddle-hinge{position:absolute;top:-7px;left:12%;right:12%;height:18px;border:3px solid #292d32;background:repeating-linear-gradient(90deg,#7b7c77 0 40px,#3a3c3f 40px 85px);border-radius:5px;z-index:-1}.griddle-handle{position:absolute;top:96%;left:42%;width:16%;height:40px;background:linear-gradient(90deg,#252322,#59412c,#252322);border:4px solid #1f2021;border-radius:0 0 12px 12px;box-shadow:0 7px 6px #402b27}.griddle-caption{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);color:#ded6be;background:#262a30;border:1px solid #70726e;border-radius:3px;font-size:9px;letter-spacing:2px;padding:2px 12px;white-space:nowrap}.steam{position:absolute;color:#ffecc49c;font-size:52px;pointer-events:none;transform:rotate(-85deg);text-shadow:0 0 12px #fff4d7}.steam-one{left:25%;top:6%}.steam-two{right:20%;top:52%}
.ingredient-bowl{position:absolute;left:2.5%;top:31%;width:11%;aspect-ratio:1;border-radius:50%;border:7px solid #c4b8a0;background:#6d4034;box-shadow:0 9px 0 #70604c,0 14px 12px #402b28;transform:rotate(-8deg)}.bowl-filling{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#9e6650 0 24%,transparent 27%) 0 0/13px 10px,#59382e;box-shadow:inset 0 2px 6px #291815}.ingredient-bowl span{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;margin-top:14px;color:#ffe6bf}.ingredient-bowl i{position:absolute;width:11px;height:90%;background:#cbb99b;left:60%;bottom:35%;transform:rotate(25deg);border:2px solid #88765c;border-radius:8px}.batter-jug{position:absolute;right:3%;top:29%;width:10%;height:104px;background:linear-gradient(90deg,#b4b6af,#f2e8c9,#c3c2b1);border:3px solid #8c8c80;border-radius:8px 8px 25px 25px;transform:rotate(9deg);box-shadow:0 9px 10px #402b2866}.batter-jug:before{content:"";position:absolute;top:-10px;left:-3px;right:-3px;height:24px;background:#f3d9a3;border:5px solid #c7c5b4;border-radius:50%}.batter-jug:after{content:"";position:absolute;right:-17px;top:15px;width:20px;height:45px;border:6px solid #b2b2a5;border-left:0;border-radius:0 14px 14px 0;z-index:-1}.batter-jug span{position:absolute;top:44px;left:0;right:0;text-align:center;font-size:11px;color:#7f6e4f}.player-hands{position:absolute;bottom:-12px;left:0;width:100%;height:auto;z-index:3;pointer-events:none}
.ingredients{background:#35312d;border:1px solid #77604c;padding:18px 22px;border-radius:12px;margin-top:16px}.ingredient-heading{margin-bottom:12px}.ingredient-heading h2{color:#fff1d3}.cost-tag{background:#4f4235;color:#efc995}.choice{min-height:130px;padding:10px 8px;box-shadow:0 4px 0 #171b22}.choice strong{font-size:17px}.choice b{margin-top:4px}.choice:disabled{opacity:.55}.choice:not(:disabled):hover{box-shadow:0 8px 0 #171b22}.action-row p{color:#e3c8a6}.primary{background:#76945f;color:#fffbed;box-shadow:0 3px 0 #223c27}.primary:hover{background:#668750}.rules{color:#c7b69c}footer{border-color:#5c5549}footer a{color:#d7c5a8}
@media(min-width:1400px){.game-shell{max-width:1080px}.worktop{min-height:370px}.customer-scene{min-height:260px}}
@media(max-width:750px){.game-shell{padding:15px 12px}.game-heading h1{font-size:21px}.game-heading h1 span{display:block;font-size:19px;margin-left:0}.creator{font-size:9px}.stat{padding:9px}.stat strong{font-size:23px}.stage-note span{display:block;margin-left:0}.shop-sign{top:41px;padding:4px 12px}.shop-sign span{font-size:8px;margin-left:7px}.awning{height:30px}.customer-scene{min-height:255px;padding:65px 12px 12px}.customer-info{width:43%;padding:10px;backdrop-filter:none}.customer-info h2{font-size:18px}.customer-info p{font-size:9px}.section-label{font-size:8px;letter-spacing:1px}.character-area{left:73%;width:51%;min-height:200px;bottom:-8px}#character{width:155px;height:157px}.bubble{font-size:10px;padding:7px 9px;max-width:94%}.worktop{padding:22px 12% 42px;min-height:0}.griddle-wrap{margin-bottom:9%}.ingredient-bowl{width:10%;left:1%;border-width:4px}.ingredient-bowl span{font-size:8px;margin-top:9px}.ingredient-bowl i{width:7px}.batter-jug{right:1.8%;width:8%;height:64px;border-width:2px}.batter-jug:after{right:-9px;width:10px;height:26px;border-width:4px}.batter-jug:before{height:15px;border-width:3px;top:-7px}.batter-jug span{font-size:8px;top:27px}.griddle-handle{height:28px;border-width:3px}.griddle-hinge{height:13px;top:-6px}.griddle-caption{font-size:6px;letter-spacing:1px;padding:1px 6px}.steam{font-size:30px}.ingredients{padding:14px 10px}.ingredient-heading h2{font-size:17px}.cost-tag{font-size:9px}.choice{min-height:140px;padding:10px 4px}.choice strong{font-size:14px}.action-row{gap:12px}.counter{font-size:9px;letter-spacing:1px}}
@media(max-width:360px){.shop-sign span{display:none}.customer-info{width:44%}.customer-info h2{font-size:16px}.ingredient-heading{align-items:flex-start}.cost-tag{max-width:105px;margin-top:0}.choice strong{font-size:12px}.character-area{left:74%}#character{width:135px}.griddle-caption{letter-spacing:0}}