:root{--cikki-scene:url('assets/pizzeria.webp')}
/* CIKKI Pizzaiolo — Visual Edition 1.0. Original gameplay preserved. */
:root{--ink:#263e3b;--pink:#d62b64;--cream:#fff4db;--shadow:#391a1359}
body{font-family:'Trebuchet MS',Arial,sans-serif;background:#211511}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible{outline:4px solid #fff;outline-offset:3px}button:disabled{cursor:default}
.btn{border:2px solid #382b22;border-radius:14px;background:linear-gradient(#f44b7b,#c92358);box-shadow:inset 0 2px 0 #ffffff62,0 4px 0 #66213b,0 7px 12px #30170b30;text-shadow:0 1px 1px #0003;transition:filter .14s,transform .14s}
.btn:hover{filter:brightness(1.1)}.btn.yellow{background:linear-gradient(#ffe286,#edb438);box-shadow:inset 0 2px 0 #fff7,0 4px 0 #95662a}.btn.green{background:linear-gradient(#8ac944,#4c8b26);box-shadow:inset 0 2px 0 #fff6,0 4px 0 #2d531d}.btn.secondary{background:linear-gradient(#fff9e8,#eadabb)}
.gate,#briefing,#summary,#shop,#ending{background:linear-gradient(90deg,#29170ec7,#34190c52),var(--cikki-scene) center/cover}
.gate-card{background:#fff6e8f5;color:var(--ink);border:2px solid #d69a4a;box-shadow:0 20px 80px #180b08a8,inset 0 0 0 6px #fff8;border-radius:26px}
.gate-card p{color:var(--pink)}.gate-icon{color:#c47a2e}.gate-card h1{font-size:46px}.panel{border:2px solid #b17435;box-shadow:inset 0 0 0 5px #fff9,0 20px 80px #28140d99;background:linear-gradient(135deg,#fffaf0,#f4dfb4)}
#game{background:var(--cikki-scene) center/cover;box-shadow:none}
#game::before{top:0;height:100%;background:linear-gradient(#371d1610 10%,#31150935 70%);border:0}
#game::after{content:'★ CIKKI PIZZA CLUB ★';top:17px;left:830px;font-size:12px;letter-spacing:.07em;padding:7px 12px;color:#ffe6a7;border:1px solid #eead54;background:linear-gradient(#b34936,#8d2e27);box-shadow:0 3px 7px #25100666;z-index:6;transform:translateX(-50%)}
#game .topbar{height:70px;background:linear-gradient(#74341cea,#4e251bed);border-bottom:2px solid #d69347;box-shadow:0 4px 16px #2a120962;padding:9px 18px;gap:10px}
#game .brand{width:252px;border:2px solid #dda356;background:linear-gradient(#fffaf0,#ffdf9c);border-radius:12px;font-size:28px;padding:7px 10px;box-shadow:0 3px 8px #0003}
#game .pill{border:1px solid #ddb571;border-radius:10px;background:linear-gradient(#fffaf0,#f2dfb8);font-size:14px;padding:9px 12px;box-shadow:inset 0 1px #fff,0 3px 7px #0003}#game .topbar>.pill{min-width:116px}
#game .stats{margin-right:88px}.music-btn{background:#fff4dc;border:2px solid #daa75e!important;color:#443325!important;font-size:12px!important;border-radius:10px!important}
#game .customers{height:183px;padding:13px 18px 16px;gap:13px}
#game .customer{border:2px solid #e8c794;border-radius:18px;background:linear-gradient(90deg,#4727130a,#3c20041a),var(--cikki-scene) 15% 28%/560px auto;box-shadow:0 5px 15px #30140e66;isolation:isolate}
#game .customer.selected{border-color:#ffe495;box-shadow:0 0 0 3px #eca933,0 6px 16px #381c1399}
#game .customer.empty{opacity:1;background:linear-gradient(120deg,#fff3d8cb,#f5d5a1b3);border:2px solid #efcc929c;box-shadow:inset 0 0 25px #6d3d1420}
#game .customer .avatar{left:2px;bottom:6px;width:127px;height:140px;filter:drop-shadow(2px 5px 3px #38231444)}
#game .order-bubble{top:9px!important;right:9px!important;width:65%!important;height:112px;padding:10px!important;border:1px solid #e2b56f!important;border-radius:13px!important;background:linear-gradient(135deg,#fffdf7,#fff3dc)!important;box-shadow:0 3px 9px #44260f36!important}
#game .order-bubble:before{content:'';position:absolute;left:-7px;top:41px;width:12px;height:12px;background:#fff9ed;border-bottom:1px solid #e2b56f;border-left:1px solid #e2b56f;transform:rotate(45deg)}
#game .order-number{font-size:10px;letter-spacing:.02em;color:#82715a}#game .order-bubble strong{font-size:20px;margin:5px 0 3px}
#game .order-icons{height:30px;align-items:center;gap:6px}#game .order-icons img{width:30px;height:30px;object-fit:contain}#game .cikki-quote{font-size:9px;line-height:1.1;margin-top:3px}
#game .mood-badge{border:1px solid #a6b965;background:#f0f8cc;font-size:8px;left:6px;top:5px;padding:3px 5px;color:#426b25}
#game .patience{height:8px;bottom:6px;left:10px;right:10px;border:1px solid #5c412b;background:#fff7e1}
#game .patience i{width:100%;transform-origin:left;background:linear-gradient(#b4e475,#6aa440);will-change:transform}
#game .mood-annoyed .patience i{background:#eeae45}#game .mood-angry .patience i{background:#d54b45}
#game .arrival-wait{color:#856543;gap:8px;align-content:center}#game .arrival-wait b{font-size:32px;letter-spacing:-.05em;opacity:.22;transform:rotate(-6deg)}#game .arrival-wait span{font-size:10px;letter-spacing:.07em;max-width:150px}
#game .kitchen{height:467px;grid-template-columns:29% 42% minmax(0,1fr);gap:12px;padding:0 18px 16px}
#game .station{border:2px solid #c18844;border-radius:20px;box-shadow:inset 0 0 0 3px #fff4,0 7px 16px #34170a88}
#game .ingredients-station{background:linear-gradient(145deg,#ffeed0,#dfb47d);grid-template-rows:38px 1fr;padding:8px}
#game .ingredients-station h3{font-size:14px;justify-self:center;letter-spacing:.13em;padding:8px 20px;background:linear-gradient(#3e5b52,#243d35);box-shadow:0 2px 3px #0003}
#game .ingredients{gap:8px;padding:6px 2px 2px;grid-template-rows:repeat(3,minmax(0,1fr))}
#game .ingredient{border:1px solid #b8874c;border-radius:15px;background:linear-gradient(140deg,#fffdfa,#f7e9d1);box-shadow:inset 0 2px #fff,0 4px 0 #bc8e58,0 6px 7px #613b1730;padding:5px;transition:transform .12s,background .12s}
#game .ingredient:hover{background:linear-gradient(#fff,#fff1cf);transform:translateY(-2px)}#game .ingredient.added{background:linear-gradient(#f5fbdd,#e0edb4);border-color:#759141}#game .ingredient.added:after{content:'✓';position:absolute;right:7px;top:6px;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;background:#659535;color:#fff;font-size:12px;font-weight:bold}
#game .ing-svg{height:78px;width:95%;filter:drop-shadow(0 4px 2px #7c491525);transition:transform .14s}#game .ingredient:hover .ing-svg{transform:scale(1.06)}
#game .ingredient small{background:transparent;color:#4e3927;min-width:100%;font-size:10px;padding:4px 0;letter-spacing:.05em}
#game .chef-zone{grid-template-rows:142px 1fr;padding:0;gap:0;background:linear-gradient(#f7d18e9c,#c785458f);overflow:hidden}
#game .chef-wrap{border:0;border-radius:18px 18px 0 0;background:var(--cikki-scene) 35% 27%/740px auto;overflow:hidden}
#game .chef-sprite{left:78%;width:148px;height:158px;bottom:-14px;filter:drop-shadow(0 6px 5px #2b1d1559)}
#game .chef-badge{left:14px;bottom:11px;padding:5px 10px;border:1px solid #ad6c28;background:linear-gradient(#ffd88c,#dc9f4f);font-size:10px;color:#6d3e20}
#game .speech{left:12px;right:auto;top:14px;max-width:260px;width:58%;border:1px solid #ca9a58;background:#fffaf0f5;border-radius:14px;font-size:12px;line-height:1.3;padding:11px;box-shadow:0 4px 8px #51281233}
#game .pizza-board{grid-template-columns:1fr 110px;grid-template-rows:34px 1fr;border:0;border-radius:0;gap:8px;padding:8px 12px 12px;background:linear-gradient(#96542a55,#96542a55),var(--cikki-scene) center bottom/1250px auto;box-shadow:inset 0 6px 8px #65331055}
#game .board-title{padding:6px 12px;font-size:12px;letter-spacing:.08em;background:#2c443dec;border:1px solid #84957b;border-radius:8px}
#game .pizza-stage{overflow:visible;background:transparent;box-shadow:none;min-width:0}
#game .pizza-stage:before{width:224px;height:224px;border:3px solid #b3834b;background:repeating-linear-gradient(12deg,#dfb979 0 17px,#dbad6d 18px 20px,#dfb979 21px 30px);box-shadow:0 7px 10px #3e1c1380,inset 0 0 0 6px #eec891}
#game .pizza-stage:after{opacity:.3;inset:3px;pointer-events:none}
#game .pizza{width:216px;height:216px;aspect-ratio:1;transform:rotate(-5deg);filter:drop-shadow(0 5px 3px #542b1760)}
#game .pizza.dough{background:transparent;box-shadow:none}#game .pizza.dough:before,#game .pizza.dough:after{display:none}
.pizza-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pizza-topping{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#game .pizza-actions{grid-template-rows:1fr 55px;gap:12px;padding:18px 0 9px}
#game .pizza-actions .btn{font-size:11px;min-height:0;padding:8px 3px}#game #ovenBtn{background:linear-gradient(#94cd49,#538b27);color:#fff;box-shadow:inset 0 2px #fff7,0 4px 0 #345318}#game #ovenBtn:before{content:'↗';display:block;font-size:32px;line-height:1.2;margin-bottom:4px}#game #trashBtn{background:linear-gradient(#ed9c61,#c56c3f);color:#fff;box-shadow:inset 0 2px #fff5,0 4px 0 #87431f;font-size:9px}
#game .oven{grid-template-rows:34px minmax(0,1fr) 109px 64px;gap:8px;padding:8px;background:linear-gradient(135deg,#edc080,#bb773edb)}
#game .oven-zone-head{font-size:14px;border:1px solid #b16f32;background:linear-gradient(#823b26,#522a1c);box-shadow:0 2px 5px #0004;color:#ffe4a7;border-radius:9px;gap:6px}
#game .oven-zone-head small{font-size:8px;padding:3px 5px;background:#e9c079}
#game .oven-name{border:1px solid #b88442;background:#f6deb4;color:#6b3e21;font-size:9px;box-shadow:inset 0 1px #fff8}
#game .oven-unit{grid-template-rows:21px 1fr 13px;gap:5px}
#game .oven-box{border:1px solid #82401e;border-radius:50% 50% 10px 10px;background:repeating-linear-gradient(0deg,#b96d3f 0 18px,#e7ab68 19px 21px,#b96d3f 22px 24px);box-shadow:inset 0 0 17px #63331e88,0 3px 4px #0003}
#game .brick-arch{inset:8px 5px 10px;border:13px solid #d49c61;border-radius:50% 50% 8% 8%;background:#492117;box-shadow:inset 0 1px 6px #0a0606,0 0 0 2px #edc68b;opacity:1}
#game .oven-mouth{position:absolute;bottom:13px;left:15%;width:70%;height:64%;border:0;background:radial-gradient(ellipse at bottom,#b14810 0,#4c1e0b 44%,#170c08 80%);font-size:0;box-shadow:inset 0 -10px 20px #ed71232b;overflow:hidden;border-radius:50% 50% 4px 4px}
#game .oven-mouth:before{content:'';position:absolute;inset:18% 12% 15%;background:radial-gradient(ellipse at 20% 80%,#ffdc73 0 7%,transparent 25%),radial-gradient(ellipse at 65% 90%,#ffc346 0 20%,transparent 49%),radial-gradient(ellipse at 45% 75%,#f57927 0 20%,transparent 70%);filter:blur(2px);transform-origin:bottom;opacity:.6}
#game .lit .oven-mouth:before{animation:flames .65s ease-in-out infinite alternate;opacity:1}
@keyframes flames{to{transform:scale(.86,1.17);filter:blur(1px)}}
#game .oven-pizza{position:absolute;bottom:7px;left:calc(50% - 39px);width:78px;height:78px;border:0;background:transparent;transform:scaleY(.48);transform-origin:bottom;filter:drop-shadow(0 6px 4px #0008)}
#game .oven-ready{box-shadow:inset 0 0 18px #e6ce66,0 0 0 2px #96c14d}#game .oven-burned .oven-pizza{filter:brightness(.3) grayscale(.7)}
#game .takeout-btn{font-size:10px;bottom:4px;border:1px solid #305019;padding:8px 7px;background:linear-gradient(#8eca41,#4f912b);box-shadow:inset 0 1px #fff7,0 3px 0 #325620}.cookbar{box-shadow:0 1px #fff8}
#game .oven-lock{background:#352821ab;font-size:21px}#game .oven-unit.locked{opacity:.64}
#game .drink-station{background:linear-gradient(#f9e2b5,#b78b5a);border:1px solid #936135;border-radius:12px;padding:7px}
#game .drink-head b{font-size:9px;color:#723b28}#game .drink-head small{background:#906844;font-size:6px}#game .drink-grid{height:68px;gap:5px}
#game .drink-btn{border:1px solid #977344;border-radius:9px;box-shadow:inset 0 0 0 3px #ffffff70,0 3px 0 #6a482b;position:relative;padding-bottom:12px}
#game .drink-btn:after{content:'';position:absolute;bottom:3px;left:calc(50% - 6px);height:8px;width:12px;border:1px solid #615447;border-radius:3px;background:linear-gradient(90deg,#645449,#d8c9ac,#65594b)}
#game .drink-btn span{font-size:21px}#game .drink-btn.selected{outline:3px solid #ffe378}
#game .drink-lock{inset:25px 6px 5px;background:#382b22ab;font-size:18px}#game .drink-station.locked .drink-grid{opacity:.55;filter:grayscale(.4)}
#game .serve-tray{border:1px solid #ae8d5c;background:linear-gradient(#fdf3de,#e6cf9f);grid-template-columns:auto 1fr auto auto;gap:4px;font-size:9px;padding:7px;border-radius:11px;box-shadow:inset 0 0 0 3px #fff6}
#game .serve-tray.ready{background:linear-gradient(#f4ffd9,#e0eabc);border-color:#799b3a}#game .serve-tray .mini-pizza{position:relative;width:44px;height:44px;border:0;background:none}#game .serve-tray .btn{font-size:9px;padding:9px 8px}#game .serve-tray button:disabled{opacity:.42}
#toast{z-index:110!important;border:1px solid #eac172!important;background:#fff9e9f7!important;color:#3f3022!important;border-radius:12px!important;box-shadow:0 5px 22px #21130c66!important;font-size:15px!important}
.ingredient-flight{position:fixed;width:56px;height:56px;z-index:105;pointer-events:none;filter:drop-shadow(0 4px 3px #0003)}
.coin-reward{position:absolute;z-index:20;right:60px;top:110px;font-size:38px;font-weight:900;color:#ffe490;text-shadow:0 3px 0 #794727,0 0 12px #ffab28;pointer-events:none;animation:reward 1s ease-out forwards}
@keyframes reward{0%{transform:translateY(20px) scale(.6);opacity:0}20%{opacity:1;transform:translateY(0) scale(1.1)}75%{opacity:1}100%{opacity:0;transform:translateY(-40px) scale(.95)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#game .brand{font-size:25px;letter-spacing:-.06em;overflow:visible}#game .brand small{letter-spacing:.11em}
#game .drink-btn span{display:grid;place-items:center;width:27px;height:29px;border-radius:4px 4px 8px 8px;color:#fff;background:linear-gradient(100deg,#fff8,transparent 30%,#0001);border:1px solid #fff9;text-shadow:0 1px 2px #0004;font-size:20px}
#game .drink-btn.water span{background-color:#48a4bd}#game .drink-btn.orange span{background-color:#e28b2d}#game .drink-btn.lemon span{background-color:#d2b731}#game .drink-btn.cola span{background-color:#a83e2f}
#musicBtn{position:fixed;right:14px;top:12px;z-index:120;padding:8px 11px;font-weight:900;cursor:pointer}
#exitFs{position:fixed;left:8px;top:8px;z-index:121;display:none;padding:6px 10px;border:1px solid #d8b372;background:#fff4df;color:#4b3323;border-radius:8px;font-size:10px}
#toast{position:fixed;left:50%;bottom:12px;transform:translate(-50%,15px);max-width:90vw;padding:10px 18px;font-weight:900;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%,0)}
#game .chef-sprite{animation-duration:2.2s}
#game .oven-box{border:0;border-radius:8px;background:url('assets/oven.webp') center/100% 100% no-repeat;box-shadow:none;overflow:hidden}
#game .brick-arch{display:none}#game .oven-mouth{left:24%;top:44%;bottom:auto;width:52%;height:25%;border-radius:50% 50% 0 0;background:transparent;box-shadow:none;overflow:hidden}
#game .oven-pizza{width:61px;height:61px;left:calc(50% - 30px);bottom:0;transform:scaleY(.42)}
#game .oven-mouth:before{inset:0 0 5%;filter:blur(1px)}#game .oven-ready{filter:drop-shadow(0 0 5px #9bc748)}#game .oven-burned{filter:drop-shadow(0 0 5px #ba422a)}
#game .oven-unit.locked .oven-box{filter:grayscale(.35)}#game .oven-lock{background:#48352191;border-radius:12px}

/* v1.0.1: keep the start action visible on short landscape phone screens. */
@media (orientation:landscape) and (max-height:520px){
 #briefing{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));height:100%;height:100dvh}
 #briefing .brief-card{width:min(900px,100%);height:100%;max-height:440px;min-height:0;grid-template-columns:minmax(110px,26%) minmax(0,1fr);gap:18px;padding:12px 16px;border-radius:18px}
 #briefing .brief-card>img{height:100%;min-height:0;max-height:100%;align-self:center;object-fit:contain}
 #briefing .brief-card>div{display:flex;flex-direction:column;min-width:0;min-height:0}
 #briefing .eyebrow{font-size:10px;line-height:1.15;margin:0 0 5px;flex-shrink:0}
 #briefing .brief-card h1{font-size:clamp(23px,6.4vh,32px);line-height:1.03;margin:0 0 7px;flex-shrink:0}
 #briefing .brief-card p[data-t="briefCopy"]{font-size:12px;line-height:1.25;margin:0 0 6px;flex-shrink:0}
 #briefing .mission-list{gap:4px;margin:4px 0 8px;flex-shrink:0}
 #briefing .mission-list span{font-size:12px;line-height:1.2;padding:5px 8px;border-width:1px;border-radius:8px}
 #briefing .actions{margin-top:auto;padding-bottom:4px;flex-shrink:0;display:block}
 #startShift{width:100%;min-height:46px;padding:10px 12px;font-size:15px;line-height:1.2}
}
@media (orientation:landscape) and (max-height:360px){
 #briefing .brief-card{gap:12px;padding:10px 14px}
 #briefing .brief-card p[data-t="briefCopy"]{display:none}
 #briefing .brief-card h1{font-size:25px;margin-bottom:5px}
 #briefing .mission-list{margin:3px 0 6px}
}
@media (orientation:landscape) and (max-height:280px){
 #briefing .brief-card{grid-template-columns:minmax(90px,22%) minmax(0,1fr);padding:8px 12px;gap:10px}
 #briefing .brief-card h1{font-size:21px;margin-bottom:3px}
 #briefing .eyebrow{font-size:9px;margin-bottom:3px}
 #briefing .mission-list span{font-size:11px;padding:3px 6px}
 #briefing .mission-list{gap:3px;margin:2px 0 4px}
 #startShift{font-size:13px;min-height:44px;padding:8px 10px}
}
@media (orientation:landscape) and (max-height:520px){
 .gate{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));height:100%;height:100dvh}
 .gate-card{width:min(560px,100%);padding:12px 18px}
 .gate-card .gate-icon{display:none}
 .gate-card h1{font-size:28px;line-height:1;margin:5px 0 8px}
 .gate-card p{font-size:10px;margin-bottom:4px}
 .gate-card span{font-size:12px;line-height:1.25}
 .gate-card>.btn{min-height:44px;margin-top:7px;padding:8px 12px;font-size:13px}
 .lang-grid{gap:7px;margin-top:10px}
 .lang-grid .btn{min-height:44px;padding:8px 10px;font-size:13px}
}

/* v1.0.2: balance preparation and service, preserve real touch size after scaling. */
#game .kitchen{grid-template-columns:27% 35% minmax(0,1fr)}
#game .pizza{width:184px;height:184px}
#game .pizza-stage:before{width:198px;height:198px}
#game .pizza-board{grid-template-columns:minmax(0,1fr) 120px}
#game .oven{grid-template-rows:34px minmax(0,1fr) 98px calc(var(--cikki-touch-height,72px) + 46px)}
#game .oven-box{width:auto;height:100%;max-width:100%;aspect-ratio:1;justify-self:center;background-size:100% 100%}
#game .drink-grid{height:57px}
#game .serve-tray{grid-template-columns:28px minmax(0,1fr) 28px;grid-template-rows:26px var(--cikki-touch-height,72px);gap:4px;padding:6px;font-size:13px;align-items:center}
#game .serve-tray .mini-pizza{grid-column:1;grid-row:1;display:block;visibility:hidden;width:26px;height:26px}
#game .serve-tray.ready .mini-pizza{visibility:visible}
#trayText{grid-column:2;grid-row:1;text-align:center;line-height:1.1}
#game .tray-drink{grid-column:3;grid-row:1;text-align:center;font-size:20px}
#game .serve-tray #serveBtn{grid-column:1/-1;grid-row:2;width:100%;height:var(--cikki-touch-height,72px);min-height:var(--cikki-touch-height,72px);padding:6px 10px;font-size:var(--cikki-action-font,20px);line-height:1.1;letter-spacing:.06em;border-radius:12px}
#game .serve-tray #serveBtn:disabled{opacity:.72;background:linear-gradient(#adbd86,#829868);color:#fff;box-shadow:inset 0 2px #fff5,0 3px 0 #596b43}
.shop-pager{display:none}
@media (orientation:landscape) and (max-height:520px){
 #shop,#summary,#ending{height:100%;height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 #shop .shop-card{width:min(940px,100%);height:100%;min-height:0;padding:10px 14px;display:grid;grid-template-rows:auto auto minmax(0,1fr) 48px;gap:6px;border-radius:18px}
 #shop .shop-card>.eyebrow{display:none}
 #shop .shop-card h1{font-size:24px;line-height:1.05;margin:0;padding-right:65px}
 #shop .market-head{margin:0;min-height:20px;font-size:13px;line-height:1.1}
 #shop .market-head .coins{font-size:15px;font-weight:900}
 #shop .market-copy{display:none}
 #shop .upgrade-grid{max-height:none;min-height:0;height:100%;overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;padding:0 0 4px}
 #shop .upgrade{min-height:0;min-width:0;padding:8px;display:flex;flex-direction:column;border-width:1px;border-radius:12px;gap:5px}
 #shop .upgrade .up-icon{display:none}
 #shop .upgrade h3{margin:0;font-size:15px;line-height:1.1}
 #shop .upgrade p{font-size:12px;line-height:1.2;min-height:0;margin:0}
 #shop .upgrade .btn{margin-top:auto;flex-shrink:0;min-height:44px;font-size:11px;line-height:1.1;padding:5px}
 #shop:not([data-page="1"]) .upgrade:nth-child(n+4){display:none}
 #shop[data-page="1"] .upgrade:nth-child(-n+3){display:none}
 #shop .actions{display:flex;flex-wrap:nowrap;gap:10px;margin:0;padding:0 0 4px;min-width:0;width:100%;align-items:stretch}
 #shop .shop-pager{display:flex;gap:6px;align-items:center;flex-shrink:0}
 #shop .shop-pager button{height:44px;min-width:44px;font-size:26px;line-height:1;padding:3px 8px}
 #shop .shop-pager button:disabled{opacity:.4;cursor:default}
 #shopPageLabel{min-width:35px;text-align:center;font-size:12px;font-weight:900}
 #shopNext{flex:1;min-width:0;min-height:44px;font-size:14px;line-height:1.1;padding:6px 10px}
 #summary .summary-card,#ending .ending-card{width:min(900px,100%);max-height:100%;padding:12px 18px;border-radius:18px}
 #summary .eyebrow,#ending .eyebrow{font-size:10px;margin:0 0 4px}
 #summary h1,#ending h1{font-size:28px;margin:0 0 6px;line-height:1.05}
 #summary .result-note,#ending .ending-card p{font-size:12px;line-height:1.2;margin:4px 0}
 #summary .summary-grid{gap:8px;margin:8px 0}
 #summary .summary-grid>div{font-size:10px;padding:7px;border-width:1px}
 #summary .summary-grid b{font-size:23px}
 #summary .actions,#ending .actions{margin-top:8px;gap:8px;flex-wrap:nowrap}
 #summary .actions .btn,#ending .actions .btn{min-height:44px;font-size:13px;line-height:1.1;padding:7px 10px}
 #ending .ending-icon{display:none}
 #ending .ending-stats{margin:8px 0}
}
@media (orientation:landscape) and (max-height:280px){
 #shop .shop-card{padding:8px 10px;gap:4px;grid-template-rows:auto auto minmax(0,1fr) 48px}
 #shop .shop-card h1{font-size:19px}
 #shop .upgrade{padding:5px;gap:3px}
 #shop .upgrade h3{font-size:13px}
 #shop .upgrade p{display:none}
 #summary .summary-card{padding:9px 14px}
 #summary .summary-grid{margin:5px 0}
 #summary h1{font-size:24px}
}
#game .oven-unit{position:relative}
#game .oven-unit>.takeout-btn{width:calc(100% - 8px);min-width:0;min-height:var(--cikki-touch-height,72px);height:var(--cikki-touch-height,72px);bottom:19px;font-size:var(--cikki-action-font,20px);padding:5px;border-radius:12px}
@media (orientation:landscape) and (max-height:280px){
 #game .oven{grid-template-rows:30px minmax(0,1fr) 76px calc(var(--cikki-touch-height,72px) + 14px)}
 #game .serve-tray{grid-template-rows:var(--cikki-touch-height,72px)}
 #game .serve-tray .mini-pizza,#game #trayText,#game .tray-drink{display:none}
 #game .serve-tray #serveBtn{grid-row:1}
 #game .drink-head{margin-bottom:3px}
 #game .drink-grid{height:39px}
 #game .drink-btn{padding:0 0 9px;grid-template-columns:22px 1fr}
 #game .drink-btn span{width:19px;height:22px;font-size:15px}
 #game .drink-btn b{font-size:6px}
}

/* v1.0.3: illustrated drinks, with a separate named badge in customer orders. */
#game .order-bubble.has-drink{height:122px;padding-top:8px!important}
#game .order-bubble.has-drink strong{margin:4px 0;font-size:19px}
#game .order-bubble.has-drink .order-icons{height:64px;gap:8px}
#game .order-bubble.has-drink .cikki-quote{display:none}
#game .drink-order{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:80px;height:64px;border:1px solid #d8aa68;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 2px 3px #6b431522;background:#fff6d9;margin-left:3px}
#game .order-icons .drink-order img{width:44px;height:47px;object-fit:contain;flex-shrink:0}
#game .drink-order b{font-size:10px;line-height:1.1;letter-spacing:.02em;color:#543d26}
#game .drink-order.drink-water{background:#def7ff;border-color:#74b5cb}
#game .drink-order.drink-orange{background:#ffebbf;border-color:#dea34b}
#game .drink-order.drink-lemon{background:#fff8be;border-color:#c9b450}
#game .drink-order.drink-cola{background:#ffe3d8;border-color:#ca8c71}
#game .drink-btn>.drink-illustration{width:35px;height:37px;object-fit:contain}
#game .drink-btn{grid-template-rows:minmax(0,1fr) auto;row-gap:0;padding-top:1px}
#game .drink-btn b{line-height:1.1}
#game .tray-drink .drink-illustration{width:28px;height:30px;object-fit:contain;display:block}
@media (orientation:landscape) and (max-height:280px){
 #game .drink-btn{grid-template-rows:1fr;grid-template-columns:24px 1fr;padding-top:0}
 #game .drink-btn>.drink-illustration{width:23px;height:28px}
}

/* v1.0.4: explicit tray reset and lighter rendering on touch devices. */
#game .cookbar i{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}
#game .serve-tray{grid-template-columns:28px minmax(0,1fr) calc(var(--cikki-touch-height,72px) + 16px)}
#game .serve-tray #serveBtn{grid-column:1/3}
#game .serve-tray #clearTrayBtn{grid-column:3;grid-row:2;width:100%;height:var(--cikki-touch-height,72px);min-height:var(--cikki-touch-height,72px);padding:3px 1px;font-size:calc(var(--cikki-action-font,20px) * .65);line-height:1.1;letter-spacing:0;background:linear-gradient(#ecab78,#c47748);color:#fff;box-shadow:inset 0 2px #fff7,0 3px 0 #874c2b;border-radius:12px}
#game #clearTrayBtn:before{content:'↺';display:block;font-size:calc(var(--cikki-action-font,20px) * 1.15);line-height:1.1}
#game .tray-drink{justify-self:end}
@media (orientation:landscape) and (max-height:280px){#game .serve-tray #clearTrayBtn{grid-row:1}}
@media (pointer:coarse), (prefers-reduced-motion:reduce){
 #game .chef-sprite{animation:none;filter:none}
 #game .customer .avatar,#game .ing-svg,#game .oven-pizza{filter:none}
 #game .oven-mouth:before{filter:none}
 #game .lit .oven-mouth:before{animation:mobileFlames 1s ease-in-out infinite alternate}
 #game .oven-ready,#game .oven-burned{filter:none}
 #game .oven-ready{outline:2px solid #9bc748}
 #game .oven-burned{outline:2px solid #ba422a}
 .btn:hover{filter:none}
 #game .ingredient:hover,#game .ingredient:hover .ing-svg{transform:none}
}
@keyframes mobileFlames{to{transform:scaleY(.88);opacity:.75}}
@media (orientation:landscape) and (max-height:360px){
 html[lang="de"] #game .serve-tray #serveBtn{font-size:calc(var(--cikki-action-font,20px) * .8);letter-spacing:0}
}