*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#102723;font-family:Arial,Helvetica,sans-serif;color:#fff7df}body{display:flex;justify-content:center;align-items:center;min-height:100svh}button{font:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#game{width:min(100vw,54.1667svh,520px);aspect-ratio:390/720;position:relative;overflow:hidden;isolation:isolate;background:#d7b28a;box-shadow:0 0 80px #0008}canvas{position:absolute;width:100%;height:100%;inset:0}header{position:absolute;top:2.5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:clamp(13px,3.5vw,19px);font-weight:900;letter-spacing:-.5px}.brand b{color:#ffc86a}.sub{display:block;font-size:8px;letter-spacing:2px;color:#c8ddd1;margin-top:5px}.score{text-align:right;font-size:11px;color:#f9d990}.score>span{font-size:21px;font-weight:800}#sound{display:block;border:0;background:transparent;color:#e2e9db;font-size:9px;margin:3px 0 0 auto;padding:2px}#ticket{position:absolute;top:12%;left:5%;width:51%;padding:10px 11px;background:#fff4db;color:#463727;box-shadow:0 4px 0 #0002;transform:rotate(-2deg);border-radius:3px}.ticket-title{font-size:10px;font-weight:900;letter-spacing:1px;display:block;border-bottom:1px dashed #bfa982;padding-bottom:6px}.ticket-note{float:right;font-size:8px;font-weight:400;letter-spacing:0}.recipe-item{display:flex;align-items:center;gap:7px;font-size:clamp(10px,3vw,14px);padding-top:6px}.check{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c6b38d;border-radius:4px;font-size:12px}.recipe-item.done{color:#307658}.done .check{background:#367957;color:white;border-color:#367957}.food-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -3px 0 #0002}#bubble{position:absolute;top:10.3%;right:4%;width:32%;font-size:clamp(9px,2.8vw,12px);text-align:center;background:#fff7e6;color:#394b3b;padding:9px;border-radius:12px 12px 12px 0;box-shadow:0 3px 0 #0002}.hotspot{position:absolute;background:transparent;border:0;border-radius:12px}.hotspot span{position:absolute;bottom:0;left:0;right:0;color:#fff9e9;text-shadow:0 1px 3px #000;font-size:clamp(8px,2.4vw,11px);font-weight:800;letter-spacing:.5px;line-height:1.3;background:#163b32d9;padding:5px 1px;border-radius:6px;pointer-events:none}.chicken{left:5%;top:33%;width:27%;height:23%}.garlic{left:37%;top:38%;width:18%;height:18%}.lettuce{left:58%;top:38%;width:18%;height:18%}.tomato{left:79%;top:38%;width:17%;height:18%}.hotspot.guide{outline:3px solid #ffda7d;outline-offset:2px;animation:guide 1.4s ease-in-out infinite}.hotspot:disabled{cursor:default}#boardHit{left:19%;top:61%;width:62%;height:23%;touch-action:none}#customerHit{top:18%;right:5%;width:37%;height:18%}#hint{position:absolute;left:5%;right:5%;top:57.5%;text-align:center;color:#513725;font-size:clamp(10px,2.85vw,13px);font-weight:700;min-height:2em;line-height:1.3}.bottom{position:absolute;left:6%;right:6%;bottom:6.5%;display:flex;align-items:center;gap:10px}#action{flex:1;min-height:45px;border-radius:13px;border:0;border-bottom:4px solid #b4672b;background:#ffd27b;color:#49301c;font-size:clamp(11px,3.3vw,16px);font-weight:900;padding:9px 5px;box-shadow:0 3px 7px #0002}#action:disabled{opacity:.65}#undo{border:0;background:#6a4230;color:#ffeccc;border-radius:10px;min-height:44px;padding:8px 10px;font-size:12px}#undo:disabled{opacity:.4}#progress{position:absolute;bottom:2.4%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#f0cfaa}.overlay{position:absolute;inset:0;background:#0b282ac7;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);z-index:5}.modal{width:86%;padding:28px 24px;background:#163c34;color:#fff3d8;border:1px solid #d4b87877;border-radius:22px;text-align:center;box-shadow:0 18px 45px #0005}.kicker{font-size:9px;letter-spacing:3px;color:#e4c887}h1{font-family:Georgia,serif;font-size:clamp(28px,8vw,42px);line-height:1.05;letter-spacing:-1px;margin:18px 0}h1 em{font-weight:400;color:#ffce7c}p{font-size:13px;line-height:1.7;color:#dce4d4}.modal button{width:100%;border:0;border-bottom:4px solid #b67a3b;background:#ffce7c;color:#42301a;border-radius:12px;padding:15px 10px;font-weight:900;margin:10px 0 14px}.modal small{font-size:10px;color:#c9d7be}[hidden]{display:none!important}@keyframes guide{50%{outline-color:#fff8cf;box-shadow:0 0 20px #ffce7c66}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-aspect-ratio:390/720){#game{width:100vw}}@media(min-width:800px){#game{border-radius:16px}}
/* Sunny street-food palette: strong contrast on every cooking control. */
html,body{background:#063e4d}body{background:radial-gradient(ellipse at 50% 30%,#287e80,#073e4c 75%)}#game{background:#ffe2ac;box-shadow:0 0 90px #0004}header{top:2.3%}.brand{color:#fff9e7;text-shadow:0 2px 0 #035563}.brand b{color:#ffe072}.sub{color:#e1fff2;font-weight:700;letter-spacing:1.5px}.score{color:#fff1bd}.score>span{color:#ffdc66;text-shadow:0 2px 0 #12636a}#sound{color:#f0fff5}#ticket{background:#fff9e9;border-top:4px solid #ffbe54;box-shadow:3px 5px 0 #07576130}.ticket-title{color:#bc5537}.ticket-note{color:#756246}.check{border-color:#c5c9ac}.recipe-item.done{color:#16805d}.done .check{background:#198763;border-color:#198763}#bubble{background:#fffdf2;color:#245f65;border:2px solid #b5ecda;box-shadow:0 4px 0 #146e7030}.hotspot span{background:#086570ed;color:#fff9df;text-shadow:none;box-shadow:0 2px 0 #03495266}.chicken span{background:#c65331}.garlic span{background:#96713a}.lettuce span{background:#397b36}.tomato span{background:#c4443c}#hint{color:#754427;text-shadow:0 1px 0 #fff3cf}#action{background:linear-gradient(#ffe692,#ffc953);border-bottom-color:#bb752e;color:#654021;box-shadow:0 4px 0 #6f382233,0 6px 12px #85372320}#undo{background:#a44035;color:#fff4dc;box-shadow:0 3px 0 #893327}#progress{color:#fff2cc;font-weight:700}.overlay{background:#073c51a3}.modal{background:linear-gradient(150deg,#087c85,#145564);border:2px solid #73d4c5;box-shadow:0 18px 45px #06344777;position:relative;overflow:hidden}.modal:before{content:"";display:block;height:8px;background:repeating-linear-gradient(90deg,#ff8666 0 24px,#ffdf96 24px 48px);position:absolute;top:0;left:0;right:0}.kicker{color:#ffdc82;font-weight:700}.modal h1{color:#fff9e7}.modal h1 em{color:#ffe079}.modal p{color:#e4fff2}.modal button{background:linear-gradient(#ffe594,#ffc65b);border-bottom-color:#c18339;color:#5b391d;box-shadow:0 4px 12px #023b4944}.modal small{color:#d2f5e7}.hotspot.guide{outline-color:#ffed8e;box-shadow:0 0 0 5px #ffd76633}@media(prefers-reduced-motion:reduce){.hotspot.guide{animation:none}}