.back-button{color:#16523e;cursor:pointer;background:linear-gradient(#fffef1,#f1e7ca);border:2px solid #fff8de;border-radius:13px;flex-shrink:0;justify-content:center;justify-self:start;align-items:center;width:43px;height:43px;padding:0;display:flex;box-shadow:0 3px #8b855d,0 4px 9px #0002}.back-button:focus-visible{outline-offset:4px;outline:3px solid #16523e}.back-button:active{transform:translateY(1px)}.order-shell{background:radial-gradient(at 50% 40%,#f7e9ce,#e6d6bb);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px;font-family:DM Sans,sans-serif;display:flex}.order-frame{isolation:isolate;background:#f6edcf;border:5px solid #fff8ec;border-radius:30px;width:400px;height:min(860px,100dvh - 48px);min-height:620px;position:relative;overflow:hidden;box-shadow:0 24px 70px #58351f35}.order-scene{z-index:-3;background:url(/assets/kopitiam-journey.optimized-w5U1g9Df.webp) 50%/cover no-repeat;position:absolute;inset:0}.order-customer{object-fit:contain;object-position:center bottom;z-index:-1;filter:drop-shadow(3px 7px 5px #48271340);width:73%;height:49%;animation:.35s ease-out customer-arrive;position:absolute;bottom:30%;left:-7%}.order-counter{z-index:-2;pointer-events:none;background:url(/assets/oriental-counter-BuGNE25z.png) bottom/100% 220% no-repeat;position:absolute;inset:64% 0 0}@keyframes customer-arrive{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.order-frame:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff7df12,#0000 24% 75%,#f5edcd20);position:absolute;inset:0}.order-hud{color:#fff8e9;text-shadow:0 2px 2px #0006;justify-content:space-between;align-items:center;gap:12px;padding:27px 19px 0;font-weight:800;display:flex}.order-pause{cursor:pointer;background:linear-gradient(#fff,#c1e8fb);border:2px solid #e1f7ff;border-radius:13px;justify-content:center;align-items:center;gap:5px;width:43px;height:43px;display:flex;box-shadow:0 3px #537483,0 4px 9px #0004}.order-pause span{background:#16445e;border-radius:2px;width:5px;height:20px}.order-stage,.order-coins{white-space:nowrap;background:linear-gradient(#352b28e8,#231b19e8);border-radius:23px;padding:9px 14px;font-size:18px;box-shadow:inset 0 1px 3px #ffffff5c,0 3px 5px #0003}.order-stage{margin-left:auto}.order-coins{align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.order-coins i{color:#f9c126;text-shadow:0 1px 1px #a96400;background:radial-gradient(circle at 35% 25%,#fff8a8,#ffd23a 55%,#f18c00);border:3px solid #f3aa0e;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-style:normal;display:flex;box-shadow:0 0 0 1px #8d5300,inset 0 0 0 2px #fff19b}.kopi-single-order-goal{color:#005438;text-align:center;background:#fff7e6;border:1px solid #d9b875;border-radius:16px;width:fit-content;max-width:calc(100% - 38px);margin:20px auto 0;padding:7px 13px;font:700 12px/1.4 Nunito,sans-serif;box-shadow:0 2px 7px #51331120}.order-progress{background:#2e241e;border:2px solid #fff5da;border-radius:15px;height:17px;margin:20px 19px 0;padding:3px;box-shadow:0 2px #af6e35,inset 0 2px 4px #0009}.order-progress span{background:linear-gradient(90deg,#fa6041,#ffd45c,#72ce43);border-radius:8px;min-width:13%;height:100%;transition:width .4s;display:block;box-shadow:0 0 7px #f8c962}.order-bubble{text-align:center;color:#3a2019;background:linear-gradient(135deg,#fffef4,#fff3d8);border:2px solid #ffefc9;border-radius:23px;width:43%;min-height:185px;padding:19px 10px 14px;animation:.45s ease-out order-appear;position:absolute;top:27%;right:5%;box-shadow:0 5px 18px #6f3b1d26}.order-bubble:after{content:"";clip-path:polygon(30% 0,100% 0,0 100%);background:#fff3da;width:26px;height:30px;position:absolute;bottom:-15px;left:5px}.order-bubble h1{z-index:1;margin:0;font-size:16px;line-height:1.25;position:relative}.order-cup{justify-content:center;align-items:center;height:116px;margin-top:6px;display:flex}.order-cup img{object-fit:contain;filter:drop-shadow(0 6px 3px #6b3f2420);width:100%;height:100%}.drink-1 img{filter:brightness(.82)saturate(.8)drop-shadow(0 6px 3px #6b3f2420)}.drink-2 img{filter:sepia(.18)drop-shadow(0 6px 3px #6b3f2420)}.order-hot{letter-spacing:1px;color:#9c785b;font-size:7px;font-weight:800}.order-bottom{flex-direction:column;align-items:stretch;gap:0;display:flex;position:absolute;bottom:5%;left:5%;right:5%}.order-message{text-align:center;color:#4b382f;background:linear-gradient(#fffcf1,#fff5df);border:1px solid #ffeac5;border-radius:24px;justify-content:center;align-items:center;min-height:72px;padding:16px 12px 23px;font-size:17px;font-weight:800;display:flex;box-shadow:0 4px 15px #64371820}.order-start{color:#fffdf1;text-shadow:0 2px 2px #bf602e66;cursor:pointer;background:linear-gradient(#ffbf53 0%,#ff972e 40%,#fa7623 85%,#ef8d27);border:2px solid #fff3cc;border-radius:40px;margin:-5px 10px 0;padding:18px 14px;font-size:19px;font-weight:800;position:relative;box-shadow:0 0 0 2px #eba84e,0 5px 12px #65381d40,inset 0 2px 3px #fff4bdc0}.order-start span{margin-left:10px;font-size:25px;line-height:16px}.order-start:hover{filter:brightness(1.07)}.order-start:active{transform:translateY(2px)}.order-drink-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.order-drink-options button{color:#513423;font:inherit;cursor:pointer;background:#fff8e8;border:1px solid #f5cf81;border-radius:14px;padding:14px 8px;font-size:12px;font-weight:800;box-shadow:0 3px #a66630}.order-drink-options button:hover{background:#ffe3a3}.order-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;background:#24150cb8;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.order-pause-panel{text-align:center;color:#513423;background:#fff6e2;border:2px solid #e6bc75;border-radius:27px;width:100%;padding:27px 17px 15px}.pause-coffee{font-size:38px}.order-pause-panel h2{font-family:Georgia,serif;font-size:25px}.order-pause-panel p{margin-bottom:26px;font-size:13px}.order-pause-panel .order-start{width:90%;margin:0}.order-leave{color:#70563b;font:inherit;cursor:pointer;background:0 0;border:0;margin:20px auto 0;font-size:13px;text-decoration:underline;display:block}.order-frame button:focus-visible{outline-offset:4px;outline:3px solid #fff}@keyframes order-appear{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}@media (width<=700px){.order-shell{background:#f6edcf;padding:0}.order-frame{border:0;border-radius:0;width:100%;max-width:460px;height:100dvh;min-height:580px}.order-hud{padding-top:max(25px,env(safe-area-inset-top))}.order-bottom{bottom:max(5%,env(safe-area-inset-bottom))}}@media (width<=350px){.order-stage,.order-coins{font-size:15px}.order-hud{gap:8px;padding-inline:15px}.order-bubble{min-height:155px;padding-top:14px}.order-bubble h1{font-size:13px}.order-cup{height:96px}.order-message{font-size:15px}.order-start{font-size:17px}}@media (prefers-reduced-motion:reduce){.order-bubble,.order-customer{animation:none}.order-progress span{transition:none}}.order-back{color:#16523e;background:linear-gradient(#fffef1,#f1e7ca);border-color:#fff8de;box-shadow:0 3px #8b855d,0 4px 9px #0002}.order-hud{grid-template-columns:1fr auto 1fr;display:grid}.order-stage{grid-column:2;justify-self:center;margin-left:0}.order-coins{grid-column:3;justify-self:end}.order-back,.order-pause{justify-self:start}.order-bottom.bottom-content{gap:14px;bottom:43px;left:32px;right:32px}.order-bottom.bottom-content>[role=button]{width:100%;max-width:260px;margin-inline:auto}.order-bottom .order-message{min-height:60px;padding:16px 12px}.order-bottom .play-button{white-space:nowrap}@media (width<=700px){.order-bottom.bottom-content{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 24px)}}.order-cabinet-base{z-index:-1;pointer-events:none;background:#174b35;position:absolute;inset:65% 0 0}.order-customer-scene{z-index:-1;pointer-events:none;max-width:none;height:auto;position:absolute;top:65%}.order-sugar-request{color:#c52b20;margin:6px 0;font-size:16px;font-weight:800;line-height:1.3}.order-bottom .order-message{border-radius:14px;min-height:40px;padding:9px 10px;font-size:14px;line-height:1.3}.order-bottom .order-drink-options{margin-top:0}.order-bottom.bottom-content:has(.order-drink-options){transform:translateY(-20px)}.order-message-top{z-index:2;min-height:60px;margin:18px 8% 0;padding:14px 12px;position:relative}.order-bottom .order-retry-toast{color:#c52b20;pointer-events:none;width:max-content;max-width:100%;margin-inline:auto;padding:9px 14px;animation:.18s ease-out both order-appear;position:absolute;bottom:calc(100% + 14px);left:0;right:0}@media (prefers-reduced-motion:reduce){.order-bottom .order-retry-toast{animation:none}}.order-shell{height:100dvh;min-height:0;padding:0;overflow:hidden}.order-frame{border-block:0;border-radius:0;height:100dvh;min-height:0;max-height:100dvh}.order-shell{box-sizing:border-box;align-items:stretch;width:100%;height:100%;min-height:0;margin:0;padding:0;position:fixed;inset:0}.order-frame{border:0;align-self:stretch;height:100%;min-height:0;max-height:none;margin:0}.order-cabinet-base{background-repeat:no-repeat;bottom:0}.order-drink-options button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.order-drink-options button:active{background:#ffe3a3;transform:translateY(3px)scale(.97);box-shadow:inset 0 2px 4px #a6663033,0 0 #a66630}@media (prefers-reduced-motion:reduce){.order-drink-options button{transition:none}}.order-serving-tray{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 2px #3d230b40);width:43%;height:auto;position:absolute;top:calc(65% - 3px);right:3%}.egg-order-bubble{min-height:205px;padding:20px 10px 17px;top:27%}.egg-order-bubble h1{font-size:17px;line-height:1.25}.egg-order-food{height:130px;margin:8px 0 4px}.egg-order-food img{filter:drop-shadow(0 7px 5px #65401933);width:115%;max-width:none}.egg-order-frame .order-bottom .order-message{font-size:16px}.egg-instructions img{width:125px;margin:0 auto;display:block}.egg-instructions h2{color:#005438;margin:8px 0}.egg-instructions ol{text-align:left;color:#005438;padding-left:23px;font-size:14px;line-height:1.8}.egg-instructions .egg-preview-note{color:#876640;margin:14px 0;font-size:12px}.egg-close{color:#fff6df;cursor:pointer;background:linear-gradient(#117b55,#004a33);border:1px solid #e8c77c;border-radius:25px;padding:13px 22px;font-family:inherit;font-size:15px;font-weight:700}@media (width<=350px){.egg-order-bubble{min-height:185px}.egg-order-food{height:110px}.egg-order-bubble h1{font-size:15px}}.gesture-guide{z-index:8;color:#563923;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;background:#fff5dff5;border:1px solid #d8b879;border-radius:16px;flex-direction:column;align-items:center;gap:3px;width:max-content;max-width:100%;margin:6px auto;padding:4px 12px 7px;font:700 11px/1.35 Nunito,sans-serif;display:flex;position:relative;box-shadow:0 3px 12px #52301120}.gesture-guide-demo{width:120px;height:55px;position:relative}.gesture-guide-track{fill:none;stroke:#d29b35;stroke-width:2.5px;stroke-dasharray:4 5;width:120px;height:55px}.gesture-guide-hand{fill:#fff7e5;stroke:#a96820;stroke-width:2.5px;filter:drop-shadow(0 2px 2px #69431c40);width:29px;height:34px;animation:1.8s infinite gesture-tap;position:absolute;top:12px;left:45px}.gesture-guide-hold .gesture-guide-hand{animation:2.8s infinite gesture-hold}.gesture-guide-down .gesture-guide-hand{animation:1.8s infinite gesture-down}.gesture-guide-horizontal .gesture-guide-hand{animation:2s infinite gesture-horizontal}.gesture-guide-circle .gesture-guide-hand{animation:2.4s linear infinite gesture-circle}.brew-controls>.gesture-guide,.tart-controls>.gesture-guide{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.nasi-track>.gesture-guide{position:absolute;top:63%;left:50%;transform:translate(-50%)}.rojak-board>.gesture-guide,.rojak-peel-stage>.gesture-guide,.rojak-bowl-area>.gesture-guide{position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes gesture-tap{0%,65%,to{transform:translateY(0)}25%,45%{transform:translateY(7px)scale(.9)}}@keyframes gesture-hold{0%,90%,to{opacity:.7;transform:translateY(-4px)}15%,65%{opacity:1;transform:translateY(6px)scale(.9)}}@keyframes gesture-down{0%,to{opacity:0;transform:translateY(-12px)}15%{opacity:1}75%{opacity:1;transform:translateY(18px)}90%{opacity:0}}@keyframes gesture-horizontal{0%,to{transform:translate(-35px)}50%{transform:translate(35px)}}@keyframes gesture-circle{0%{transform:rotate(0)translate(24px)rotate(0)}to{transform:rotate(360deg)translate(24px)rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.gesture-guide-hand{animation:none}}.stage-complete-overlay{z-index:100;background:#00000059;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.stage-complete-overlay>section{box-sizing:border-box;color:#003c29;text-align:center;background:#fff8e9;border-radius:26px;width:min(100%,360px);padding:30px 24px;box-shadow:0 16px 48px #003c2940}.stage-complete-overlay h2{margin:14px 0;font-size:30px}.stage-complete-overlay p{line-height:1.5}.stage-complete-actions{gap:12px;width:100%;margin-top:22px;display:grid}.stage-complete-actions>button{box-sizing:border-box;color:#fff8e9;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#005438;border:2px solid #005438;border-radius:16px;padding:12px 18px;font-weight:700}.stage-complete-actions>button:focus-visible{outline-offset:3px;outline:3px solid #e3a32d}.stage-complete-overlay>section>span{color:#b79443}.stage-complete-food{object-fit:contain;filter:drop-shadow(0 5px 5px #62431d25);width:130px;height:110px;margin:0 auto 10px;display:block}.stage-complete-actions>button{justify-content:center;align-items:center;gap:8px;line-height:1.2;display:flex}.stage-complete-arrow{flex-shrink:0;width:1em;height:1em;display:block}.stage-complete-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;padding:24px;font-family:Georgia,Times New Roman,serif}.stage-complete-overlay>section{color:#06432f;background:radial-gradient(at top,#fffdf3,#f3e1b5);border:2px solid #bd8e3e;border-radius:24px;width:min(100%,360px);padding:30px 20px;box-shadow:0 0 0 3px #fff4d7,0 12px 30px #30200d55}.stage-complete-overlay .stage-complete-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#987038;margin:10px 0 24px;font:700 10px sans-serif}.stage-complete-overlay .stage-complete-food{filter:drop-shadow(0 6px 4px #51331133);width:160px;max-width:70%;height:145px;margin:15px auto 0}.stage-complete-overlay h2{color:#934021;margin:20px 0 15px;font:700 32px Georgia,Times New Roman,serif}.stage-complete-overlay p:not(.stage-complete-eyebrow){margin:0 0 26px;font:15px/1.6 Georgia,Times New Roman,serif}.stage-complete-actions{gap:14px;margin-top:26px}.stage-complete-actions>button{color:#fff1c4;background:linear-gradient(#158158,#004b34);border:2px solid #edc779;border-radius:30px;padding:14px 10px;font:700 17px Georgia,Times New Roman,serif;box-shadow:0 0 0 2px #ae7a31}.stage-complete-actions>button+button{color:#06432f;background:linear-gradient(#fffdf3,#f3e1b5)}.stage-failed-food .stage-complete-food{filter:saturate(.55)brightness(.8)drop-shadow(0 6px 4px #51331133)}.stage-complete-overlay:not(.stage-failure-overlay){animation:.24s ease-out both result-backdrop-in}.stage-complete-overlay:not(.stage-failure-overlay)>section{animation:.48s cubic-bezier(.16,1,.3,1) both result-card-rise}.stage-failure-overlay{animation:.24s ease-out both result-backdrop-in}.stage-failure-overlay>section{animation:.48s cubic-bezier(.16,1,.3,1) both result-card-rise}@keyframes result-backdrop-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000059}}@keyframes result-card-rise{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stage-complete-overlay:not(.stage-failure-overlay),.stage-complete-overlay:not(.stage-failure-overlay)>section,.stage-failure-overlay,.stage-failure-overlay>section{animation:none}}.customer-thanks{margin:0 auto 12px}.customer-thanks-scene{isolation:isolate;background:0 0;width:190px;max-width:100%;height:190px;margin:auto;position:relative;overflow:hidden}.customer-thanks-person{clip-path:inset(0 0 2%);background-repeat:no-repeat;background-size:300% 200%;position:absolute;inset:0}.customer-thanks-scene[data-sprite-column="0"] .customer-thanks-person{transform:translate(-7.5%)}.customer-thanks-scene[data-sprite-column="1"] .customer-thanks-person{transform:translate(-2%)}.customer-thanks-scene[data-stage="2"][data-sprite-row="0"] .customer-thanks-person{clip-path:inset(0 0 3.2%)}.customer-thanks-heart{color:#bd4e3c;font:28px Georgia,serif;animation:1s ease-out .8s both customer-heart-in;position:absolute;top:22px;right:28px}.stage-complete-overlay .customer-thanks .customer-thanks-quote{color:#06432f;margin:14px 0 5px;font:italic 16px/1.5 Georgia,serif}.customer-thanks-name{color:#987038;font:12px/1.4 sans-serif}@keyframes customer-heart-in{0%{opacity:0;transform:translateY(12px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@media (height<=700px){.stage-complete-overlay:has(.customer-thanks)>section{padding:16px 20px}.stage-complete-overlay:has(.customer-thanks) .stage-complete-eyebrow{margin:6px 0 12px}.stage-complete-overlay:has(.customer-thanks) h2{margin:12px 0}.stage-complete-overlay:has(.customer-thanks) .stage-complete-actions{margin-top:16px}}@media (prefers-reduced-motion:reduce){.customer-thanks-heart{animation:none}}.stage-complete-overlay{box-sizing:border-box;place-items:safe center}.stage-complete-overlay>section{max-height:100%;overflow-y:auto}.fail-frame{color:#06432f;justify-content:center;align-items:center;padding:24px;font-family:Georgia,Times New Roman,serif;display:flex}.fail-frame .order-scene{filter:brightness(.65)blur(3px)}.fail-card{z-index:1;text-align:center;background:radial-gradient(at top,#fffdf3,#f3e1b5);border:2px solid #bd8e3e;border-radius:24px;width:100%;padding:30px 20px;position:relative;box-shadow:0 0 0 3px #fff4d7,0 12px 30px #30200d55}.fail-eyebrow{letter-spacing:3px;color:#987038;font:700 10px sans-serif}.fail-card img{filter:drop-shadow(0 6px 4px #51331133);width:160px;max-width:70%;margin:15px auto 0}.fail-card h1{color:#934021;margin:15px 0;font-size:32px}.fail-card p:not(.fail-eyebrow){margin-bottom:26px;font-size:15px;line-height:1.6}.fail-back{color:#fff1c4;cursor:pointer;background:linear-gradient(#158158,#004b34);border:2px solid #edc779;border-radius:30px;width:100%;padding:14px 10px;font:700 17px Georgia;box-shadow:0 0 0 2px #ae7a31}.fail-back:focus-visible{outline-offset:5px;outline:3px solid #138b65}.fail-frame>.fail-card{animation:.48s cubic-bezier(.16,1,.3,1) both failure-card-rise}.fail-frame .order-scene{animation:.24s ease-out both failure-scene-dim}@keyframes failure-card-rise{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}@keyframes failure-scene-dim{0%{filter:brightness()blur()}to{filter:brightness(.65)blur(3px)}}@media (prefers-reduced-motion:reduce){.fail-frame>.fail-card,.fail-frame .order-scene{animation:none}}.tart-shell{color:#542309;background:#dfd1bd;place-items:center;width:100%;min-height:100dvh;padding:24px;font-family:DM Sans,sans-serif;display:grid}.tart-game{isolation:isolate;background:#fff3df;border-radius:30px;flex-direction:column;width:420px;max-width:100%;min-height:810px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 65px #57351e30}.tart-header{text-align:center;background:linear-gradient(#fff5e6e8,#fff0d5e8),url(/assets/kopitiam-interior-clear.optimized-DrA8cjGz.webp) 50%/cover;padding:24px 16px 17px;position:relative}.tart-wordmark{letter-spacing:1px;color:#94521e;margin-bottom:22px;font-size:13px;font-weight:900}.tart-restart{color:#a57043;cursor:pointer;background:#fff8e9;border:0;border-radius:50%;width:36px;height:36px;font-size:29px;position:absolute;top:15px;right:14px}.tart-header h1{letter-spacing:-1.2px;margin:0 0 10px;font-size:30px;font-weight:900;line-height:1.15}.tart-header p{color:#966b49;margin:0;font-size:14px}.tart-steps{z-index:2;background:linear-gradient(120deg,#fff9e9,#faecd3);border-radius:29px;margin:0 18px -9px;padding:10px 10px 13px;display:flex;position:relative;box-shadow:0 6px 16px #512a1315}.tart-steps>div{color:#a2846c;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.tart-steps>div+div:before{content:"···";letter-spacing:2px;color:#c19971;position:absolute;top:34px;left:-9px}.tart-step-art{border-radius:50%;width:72px;height:57px;position:relative}.tart-step-picture{background-repeat:no-repeat;background-size:300% 200%;position:absolute;inset:-8px 0 0}.tart-steps .active .tart-step-art{background:#ffe2a1}.tart-steps .active{color:#6e3010}.tart-steps b{font-size:13px}.tart-step-number{color:#fff8e9;background:#b28b69;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:grid}.active .tart-step-number{background:#f4a217}.done .tart-step-number{background:#b67b25}.tart-oven{background:url(/assets/egg-tart-oven.optimized-sDbNYE9k.webp) 50% 54%/cover;border:3px solid #74421b;border-radius:15px 15px 0 0;flex:1;min-height:355px;position:relative;box-shadow:inset 0 0 18px #311607}.tart-oven-inside{position:absolute;inset:0;overflow:hidden}.tart-oven-top,.tart-heater,.tart-rack,.tart-oven-handle{display:none}.tart-scene-hint{z-index:4;color:#633117;text-align:center;pointer-events:none;background:#fff5df;border-radius:24px;width:max-content;max-width:85%;margin:0;padding:11px 17px;font-size:12px;font-weight:800;position:absolute;top:15%;left:50%;translate:-50%;box-shadow:0 4px 12px #2c130524}.tart-scene-hint:after{content:"";border:8px solid #0000;border-top-color:#fff5df;border-bottom:0;position:absolute;bottom:-8px;left:48%}.tart-tray{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:end center;display:grid;position:absolute;inset:32% 8% 0}.tart-piece{aspect-ratio:1;filter:drop-shadow(0 10px 7px #0007);pointer-events:none;width:90%;max-width:285px;display:block;position:relative}.tart-sprite,.tart-foil-image{pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.tart-sprite{opacity:0;background-size:300% 200%;transition:opacity .65s}.tart-sprite.visible{opacity:1}.tart-foil-image{transform-origin:0 0;background-size:100% 100%;transition:opacity .65s;transform:translate(1.43%,1.8%)scale(1.013)}.tart-floating-shell{z-index:2;aspect-ratio:1;filter:drop-shadow(0 7px 8px #3c210c55);pointer-events:none;background-position:0 0;background-size:300% 200%;width:44%;animation:2s ease-in-out infinite tart-bob;position:absolute;top:28%;left:28%}.tart-phase-0 .tart-tray:after{content:"";pointer-events:none;border:2px dashed #ffe6a6;border-radius:50%;height:14%;position:absolute;bottom:12%;left:7%;right:7%}.tart-controls{z-index:3;text-align:center;background:linear-gradient(120deg,#fff9e9,#f9ead1);border-radius:32px 32px 0 0;margin-top:-9px;padding:20px 28px 26px;position:relative;box-shadow:0 -4px 20px #54250e0a}.tart-control-top{letter-spacing:1px;color:#a67b58;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.tart-progress-dots{gap:7px;display:flex}.tart-progress-dots i{background:#e8d6b8;border-radius:50%;width:8px;height:8px}.tart-controls h2{letter-spacing:-.8px;margin:14px 0 8px;font-size:28px;line-height:1.15}.tart-control-hint{color:#a17956;margin:0 0 19px;font-size:14px}.tart-action{color:#fffaf0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffb529,#ed850c);border:2px solid #ffc85e;border-radius:32px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:58px;font:800 20px DM Sans,sans-serif;display:flex;box-shadow:inset 0 2px 2px #fff3,0 4px #cb6a0a,0 9px 18px #c47b1730}.tart-action:active{translate:0 2px;box-shadow:inset 0 2px 5px #a55c1844,0 2px #cb6a0a}.tart-action:disabled{opacity:.6;cursor:default}.tart-plus{color:#e98a13;background:#fff5d9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:30px;line-height:1;display:grid}.tart-meter{background:#e5ceaa;border-radius:10px;height:9px;position:relative}.fill-meter{background:linear-gradient(90deg,#e6cfa4 0% 80%,#6eaf79 80% 90%,#dd9571 90%)}.cool-meter{background:linear-gradient(90deg,#dd9571 0% 45%,#6eaf79 45% 65%,#94b9bd 65%)}.tart-meter>span{background:#784b2a;border:1px solid #fff4dd;border-radius:4px;width:4px;height:17px;transition:left .1s;position:absolute;top:-4px}.tart-meter-label{color:#98714f;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.tart-overlay{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#351809aa;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.tart-overlay section{text-align:center;background:#fff3de;border-radius:26px;width:100%;padding:28px 22px;box-shadow:0 15px 40px #29130944}.tart-overlay h2{margin:0 0 14px;font-size:26px}.tart-overlay p{color:#8f6544;font-size:14px;line-height:1.6}.tart-overlay button{color:#fff;cursor:pointer;background:#ee991e;border:0;border-radius:20px;width:100%;margin-top:10px;padding:13px;font:800 15px DM Sans,sans-serif}.tart-overlay button+button{color:#744b2d;background:#ecddc4}.tart-stars{letter-spacing:5px;color:#eda014;font-size:36px}.tart-game button:focus-visible{outline-offset:4px;outline:3px solid #77512b}.overbaked{filter:brightness(.65)saturate(.8);transition:filter 1.2s}.tart-heat{text-align:center;color:#ffe7b5aa;pointer-events:none;width:100%;font-size:45px;animation:1s infinite tart-bob;position:absolute;top:35%}@keyframes tart-bob{50%{translate:0 -6px}}@media (width<=700px){.tart-shell{align-items:start;padding:0}.tart-game{border-radius:0;width:100%;max-width:460px;min-height:100dvh}.tart-header{padding-top:max(22px,env(safe-area-inset-top))}.tart-controls{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (width<=360px){.tart-header h1{font-size:26px}.tart-header p{font-size:12px}.tart-step-art{width:62px}.tart-controls{padding-inline:20px}.tart-controls h2{font-size:25px}.tart-oven{min-height:320px}}@media (prefers-reduced-motion:reduce){.tart-game *{transition:none!important;animation:none!important}}.tart-floating-shell{clip-path:none;background-position:100% 100%;width:50%;top:17%;left:25%}.tart-piece{width:82%;max-width:245px}.tart-pouring-overlay{clip-path:polygon(58% 0,100% 0,100% 35%,70% 35%,61% 29%,58% 21%);pointer-events:none;z-index:3;background-position:50% 0;background-repeat:no-repeat;background-size:300% 200%;position:absolute;inset:0}.tart-liquid-stream{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tart-floating-shell{width:42%;animation:none;top:20%;left:29%}.tart-phase-0 .tart-tray:before{content:"↓";z-index:3;color:#fff0bc;text-shadow:0 0 7px #ffc45b;pointer-events:none;font-size:34px;line-height:1;position:absolute;top:12%;left:50%;translate:-50%}.tart-phase-0 .tart-tray:after{border-color:#fff0bd;height:13%;bottom:9%;left:17%;right:17%;box-shadow:0 0 8px #ffcd5944}.tart-scene-hint{top:13%}.tart-control-top{justify-content:center;position:relative}.tart-progress-dots{position:absolute;right:0}.tart-controls{border-radius:32px;margin-bottom:8px;padding-bottom:27px}.tart-phase-0 .tart-tray:before{font-size:26px;top:26%}.tart-phase-0 .tart-tray:after{bottom:16%}.tart-phase-0 .tart-tray:before{content:"↓";font-family:Arial,sans-serif;font-size:30px;font-weight:700;top:20%}.tart-phase-0 .tart-piece{max-width:220px}.tart-phase-0 .tart-tray:after{display:none}.tart-phase-0 .empty-tin-piece:after{content:"";z-index:-1;pointer-events:none;border:2px dashed #ffd18a;border-radius:50%;height:16%;position:absolute;bottom:1%;left:0;right:0;box-shadow:0 0 5px #ffae48,0 0 12px #ffad4055}.tart-phase-0 .tart-tray:before{color:#ffd18a;text-shadow:0 0 5px #ffae48,0 0 10px #ffad40}.tart-phase-0 .empty-tin-piece{filter:none}.tart-phase-0 .empty-tin-piece:after{z-index:0;background:0 0;height:15%;bottom:0}.tart-phase-0 .empty-tin-piece .tart-sprite{z-index:1}.tart-phase-0 .empty-tin-piece:after{border:2px dotted #fff0cf;height:12%;bottom:2%;left:3%;right:3%;box-shadow:0 0 5px #ff9d35,0 0 10px #ffac4366}.tart-piece{filter:drop-shadow(0 3px 2px #29150677)}.tart-phase-0 .empty-tin-piece:after{height:9%;bottom:8%}.tart-header h1,.tart-header p,.tart-wordmark{text-shadow:0 1px 3px #fff1d5cc}.tart-header{isolation:isolate;background:#f5dfba;overflow:hidden}.tart-header:before{content:"";z-index:-2;filter:blur(4px);background:url(/assets/kopitiam-interior-clear.optimized-DrA8cjGz.webp) 50% 42%/cover;position:absolute;inset:-8px}.tart-header:after{content:"";z-index:-1;background:linear-gradient(90deg,#fff0d526,#fff0d5cc 25%,#fff0d5d9 75%,#fff0d526);position:absolute;inset:0}.tart-game:before{content:"";z-index:-1;filter:blur(3px);pointer-events:none;background:linear-gradient(#fff1d52b,#6b351e20),url(/assets/kopitiam-interior-clear.optimized-DrA8cjGz.webp) 50%/cover;position:absolute;inset:-8px}.tart-controls{margin:-9px 10px 14px;box-shadow:0 5px 18px #4a270f20}.tart-steps{box-shadow:0 5px 18px #4a270f20}.tart-game:before,.tart-header:before,.tart-header:after{display:none}.tart-header{background:0 0;overflow:visible}.tart-oven{box-shadow:none;background:0 0;border:0;border-radius:0}.tart-controls{background:linear-gradient(120deg,#fff9edf5,#faecd5f5);margin:-9px 14px 18px}.tart-steps{background:linear-gradient(120deg,#fff9edf5,#faecd5f5)}.tart-phase-0 .tart-floating-shell{top:2%}.tart-oven{background:url(/assets/egg-tart-oven.optimized-sDbNYE9k.webp) 50% 54%/cover;border:3px solid #74421b;border-radius:15px 15px 0 0;box-shadow:inset 0 0 18px #311607}.tart-phase-0 .tart-floating-shell{width:42%;top:12%;left:29%}.tart-phase-0 .tart-tray:before{top:24%}.tart-game{background:url(/assets/egg-tart-menu-style-v4.optimized-Cz2zCR2O.webp) 50%/100% 100% no-repeat}.tart-header{background:linear-gradient(90deg,#0000,#fff0d555 20%,#fff0d566 80%,#0000)}.tart-oven{min-height:430px}.tart-phase-0 .tart-oven{min-height:460px}.tart-steps,.tart-controls{margin-inline:12px}.tart-phase-0 .empty-tin-piece{overflow:visible}.tart-phase-0 .empty-tin-piece .tart-floating-shell{aspect-ratio:auto;filter:none;z-index:2;pointer-events:none;background-position:100% 100%;background-size:300% 200%;width:100%;height:100%;animation:none;position:absolute;inset:0;transform:translate(2%,-71%)}.tart-phase-0 .tart-tray{padding:0}.tart-phase-0 .tart-tray:before{display:none}.tart-phase-0 .empty-tin-piece:before{content:"↓";z-index:3;color:#ffd18a;text-shadow:0 0 5px #ffae48;pointer-events:none;font:700 27px Arial,sans-serif;position:absolute;top:2%;left:50%;translate:-50% -50%}.tart-phase-0 .tart-scene-hint{top:0}.tart-phase-0 .empty-tin-piece:before{top:13%}.tart-shell{touch-action:none;overscroll-behavior:none;place-items:center;width:100%;height:100dvh;min-height:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.tart-game{max-height:980px;transform:scale(var(--tart-scale,1));transform-origin:50%;flex:none;border-radius:30px!important;width:420px!important;max-width:none!important;height:980px!important;min-height:980px!important}.tart-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.tart-game{background-color:#512a14;max-height:none;height:calc(var(--tart-height,100dvh) + 2px)!important;border-radius:0!important;min-height:0!important}.tart-oven,.tart-phase-0 .tart-oven{flex:1;min-height:0;container-type:size}.tart-header,.tart-steps,.tart-controls{flex-shrink:0}@media (width>=701px){.tart-game{border-radius:24px!important}}.tart-controls{height:236px;min-height:236px;padding-bottom:26px;position:relative}.tart-controls .tart-action{width:calc(100% - 56px);position:absolute;bottom:26px;left:28px;right:28px}.tart-controls h2{margin:12px 0 6px}.tart-control-hint{margin-bottom:12px}.tart-timing{margin:0 0 12px}.tart-game{background-attachment:local}.tart-phase-0 .tart-tray{bottom:58px}.tart-wordmark{margin-bottom:0}.tart-controls{background:linear-gradient(135deg,#fffdf0,#f5ead0);border:1px solid #e7d7ae;border-radius:30px;height:194px;min-height:194px;margin:-9px 12px 16px;padding:15px 22px 18px;box-shadow:0 5px 16px #173f2924}.tart-control-top{letter-spacing:.6px;color:#8f794f;font-size:9px;line-height:16px}.tart-control-top strong{color:#b58b35;font-size:12px}.tart-progress-dots{gap:5px}.tart-progress-dots i{background:#e2d5b3;width:6px;height:6px}.tart-progress-dots .filled{background:#b99445}.tart-controls h2{letter-spacing:-.6px;color:#004d38;margin:7px 0 4px;font-size:24px;line-height:1.12}.tart-controls .tart-control-hint{color:#7e735a;margin:0;font-size:12px;line-height:1.3}.tart-controls .tart-action{color:#fff8df;background:linear-gradient(#138460,#005438);border:1.5px solid #e6ca7e;border-radius:22px;gap:11px;width:80%;min-height:45px;font-size:16px;bottom:20px;left:10%;right:10%;box-shadow:inset 0 1px 2px #fff3,0 3px #003b29,0 6px 12px #00543826}.tart-controls .tart-plus{color:#006244;background:#fff1c5;width:23px;height:23px;font-size:24px}.tart-controls .tart-action:active{box-shadow:inset 0 2px 5px #003b2944,0 1px #003b29}.tart-controls .tart-timing{margin:8px 6px 0}.tart-controls .tart-meter-label{margin-top:5px;font-size:9px}.tart-controls{height:154px;min-height:154px;padding-top:12px}.tart-controls .tart-action{bottom:17px}.tart-controls:has(.tart-timing) .tart-control-hint{display:none}.tart-tray .tart-piece{width:min(70%,46cqh);max-width:208px}.tart-phase-0 .tart-tray .tart-piece{max-width:208px}.tart-pouring-overlay{transform-origin:50%;transform:translateY(-18%)}.tart-liquid-stream{overflow:visible}.tart-tray,.tart-phase-0 .tart-tray{bottom:82px}.tart-phase-0 .empty-tin-piece .tart-floating-shell{transform:translate(2%,-69%)}.tart-phase-0 .empty-tin-piece:after{background:0 0;border:2px dashed #fff0cf;border-radius:50%;height:25%;bottom:2%;left:2%;right:2%;box-shadow:0 0 5px #ff9d35,0 0 10px #ffac4366}.tart-tray{padding:0}.tart-tray .tart-piece{margin-bottom:18px}.tart-fixed-liner{z-index:0}.tart-contents{clip-path:inset(0 0 36%);z-index:1}.tart-liner-front{clip-path:inset(64% 0 0);z-index:2;pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:300% 200%;position:absolute;inset:0}.tart-pouring-overlay{clip-path:polygon(50% 0,100% 0,100% 33%,91% 40%,76% 40%,64% 34%,58% 30%,54% 30%,50% 23%);overflow:visible}.tart-custard-fill{transition:clip-path 40ms linear,opacity .12s linear}.tart-contents{clip-path:none;-webkit-mask-image:linear-gradient(#000 0% 59%,#0000 72%);mask-image:linear-gradient(#000 0% 59%,#0000 72%)}.tart-phase-1 .tart-fixed-liner,.tart-phase-2 .tart-fixed-liner,.tart-phase-3 .tart-fixed-liner{-webkit-mask-image:linear-gradient(#0000 0% 59%,#000 72%);mask-image:linear-gradient(#0000 0% 59%,#000 72%)}.tart-custard-fill{-webkit-mask-image:none;mask-image:none}.tart-controls{background:radial-gradient(at 50% 0,#fffef5,#f7edd7 85%);border:1px solid #e1c78b;box-shadow:inset 0 1px #fff,0 4px 14px #233b2529}.tart-controls:has(.fill-meter) h2{margin-top:5px;margin-bottom:7px;font-size:23px}.tart-controls .tart-timing{background:#eee4cb88;border:1px solid #e7d8b5;border-radius:12px;margin:5px 9px 0;padding:7px 10px 5px;position:relative;box-shadow:inset 0 1px 3px #745d2010}.tart-controls .tart-meter{border:1px solid #fff8e6;border-radius:8px;height:8px;box-shadow:0 1px 2px #6b541c1c}.tart-controls .fill-meter{background:linear-gradient(90deg,#d8c59a 0%,#e8d9b5 79.5%,#74b58b 80%,#31946a 90%,#d78b6a 90.5%)}.tart-controls .tart-meter>span{background:#006244;border:1px solid #fff7dc;width:5px;height:14px;top:-4px;box-shadow:0 1px 3px #004d3855}.tart-controls .tart-meter-label{color:#8b7954;letter-spacing:.1px;margin-top:5px;font-size:9px;font-weight:600;line-height:11px}.tart-controls .tart-meter-label>span:first-child{color:#005d43;font-weight:800}.tart-controls .tart-action{text-shadow:0 1px 1px #003c2955;letter-spacing:.1px;background:linear-gradient(#168d68,#006748 58%,#00563c);border:1px solid #e4c77e;font-size:15px;box-shadow:inset 0 1px #fff6,inset 0 -2px #003a292f,0 3px #00432e,0 6px 10px #004d3826}.tart-controls:has(.tart-timing) .tart-action{min-height:39px;bottom:13px}.tart-controls .tart-timing{margin-top:3px;padding:4px 10px 3px}.tart-controls .tart-meter{height:6px}.tart-controls .tart-meter-label{margin-top:3px;font-size:8px;line-height:9px}.tart-pouring-overlay{clip-path:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:50%;height:50%;inset:-15% auto auto 54.5%;overflow:visible;transform:none}.tart-phase-1 .tart-controls{background:radial-gradient(at top,#fffdf0,#f8edcf);border:2px solid #d6b15d;height:204px;min-height:204px;padding:13px 22px 18px;box-shadow:inset 0 0 0 2px #fff8df,0 4px 12px #53371833}.tart-phase-1 .tart-controls h2{letter-spacing:-.7px;margin:8px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:27px}.tart-phase-1 .tart-controls .tart-control-hint{color:#946c26;white-space:nowrap;font-size:10px;font-weight:600;display:block}.tart-phase-1 .tart-controls .tart-timing{box-shadow:none;background:0 0;border:0;margin:21px 0 0;padding:0}.tart-phase-1 .tart-controls .fill-meter{background:linear-gradient(#e7d9ae,#faf1d4);border:1px solid #d4af56;border-radius:12px;height:17px;box-shadow:inset 0 2px 4px #94732a40,0 0 0 2px #fff9e8}.tart-golden-target{background:linear-gradient(#fff96a,#ffe51c 55%,#ffdc00);border:1px solid #fffca0;border-radius:3px;width:10%;position:absolute;top:1px;bottom:1px;left:80%;box-shadow:0 0 7px #ffe600,0 0 15px #ffe640a6}.tart-phase-1 .tart-controls .tart-meter>span{z-index:1;background:linear-gradient(#13985e,#006444);border-color:#cce4ac;width:6px;height:13px;top:1px;box-shadow:0 1px 2px #004d3840}.tart-phase-1 .tart-controls .tart-meter-label{color:#946c26;margin-top:5px;font-size:10px;line-height:14px}.tart-phase-1 .tart-controls .tart-action{background:linear-gradient(#087a51,#005538);border:1.5px solid #dcbc65;border-radius:25px;gap:9px;width:86%;min-height:43px;font-size:15px;bottom:16px;left:7%;right:7%;box-shadow:inset 0 1px 1px #fff6,0 2px #003d29,0 4px 8px #15462e33}.tart-hold-icon{color:#fff4ce;pointer-events:none;flex-shrink:0;width:28px;height:28px}.tart-fixed-liner{clip-path:inset(0 0 7%)}.tart-game .tart-controls{box-sizing:border-box;flex:0 0 154px;height:154px;min-height:154px;max-height:154px;margin:-9px 12px 16px}.tart-phase-1 .tart-controls{padding:10px 22px 12px}.tart-phase-1 .tart-controls h2{margin:3px 0;font-size:23px;line-height:1.12}.tart-phase-1 .tart-controls .tart-control-hint{font-size:9px;line-height:12px}.tart-phase-2 .tart-controls h2{margin:3px 0 4px;font-size:23px}.tart-phase-2 .tart-controls .tart-control-hint{display:none}.tart-bake-timing{text-align:left;margin:0}.tart-bake-timing p{text-align:center;color:#88642b;margin:0 0 6px;font-size:10px;font-weight:800;line-height:14px}.tart-bake-meter{background:linear-gradient(90deg,#e7d9b3 0%,#e4b559 77%,#ffe833 78% 86%,#c97637 87%,#78341c 100%);border:1px solid #d3b778;border-radius:8px;height:10px;position:relative;box-shadow:inset 0 1px 2px #54320f25}.tart-bake-meter i{border:1px solid #fff8a2;border-radius:3px;width:8%;position:absolute;top:-1px;bottom:-1px;left:78%;box-shadow:0 0 6px #ffe439}.tart-bake-meter>span{background:#005b3c;border:1px solid #fff9e4;border-radius:3px;width:4px;height:14px;position:absolute;top:-3px;transform:translate(-50%)}.tart-bake-labels{color:#8b6536;justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.tart-bake-labels span:nth-child(2){color:#926400;font-weight:800;position:absolute;left:78%}.tart-bake-perfect .tart-bake-timing p{color:#006242}.tart-bake-urgent .tart-bake-timing p{color:#b04821}.tart-step-picture{aspect-ratio:1;width:100%;height:auto;inset:-8px auto auto 0}.tart-steps>div:nth-child(2) .tart-step-picture{width:100%;top:-8px;left:0}.tart-step-pitcher{z-index:2;object-fit:contain;pointer-events:none;width:39px;height:39px;position:absolute;top:-13px;right:-4px}.tart-phase-0 .empty-tin-piece:before{content:"";filter:drop-shadow(0 2px 3px #59351466);width:40px;height:46px;text-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 46'%3E%3Cpath d='M20 6v30M8 25l12 12 12-12' fill='none' stroke='%23784618' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 6v30M8 25l12 12 12-12' fill='none' stroke='%23ffe7a2' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;display:none;top:13%}.tart-baking-layers{z-index:3;pointer-events:none;position:absolute;inset:0}.tart-baking-layer{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tart-golden-layer{transform-origin:0 0;clip-path:inset(0 0 5%);background-position:0 100%;background-repeat:no-repeat;background-size:300% 200%}.tart-game .tart-controls{top:-12px;overflow:visible}.tart-game .tart-controls .tart-action{min-height:49px;font-size:16px;bottom:10px}.tart-phase-1 .tart-controls .tart-action{min-height:43px;font-size:15px;bottom:5px}.tart-phase-1 .tart-controls .fill-meter{border-radius:12px;height:18px}.tart-phase-1 .tart-hold-icon{width:28px;height:28px}.tart-phase-2 .tart-controls .tart-action{min-height:40px;bottom:8px}.tart-phase-1 .tart-tray,.tart-phase-2 .tart-tray,.tart-phase-3 .tart-tray{bottom:82px}.tart-phase-1 .tart-tray .tart-piece,.tart-phase-2 .tart-tray .tart-piece,.tart-phase-3 .tart-tray .tart-piece{width:min(70%,46cqh);max-width:208px;margin-bottom:18px}.tart-game .tart-controls .tart-action{box-sizing:border-box;border-radius:24px;gap:9px;width:84%;height:44px;min-height:44px;max-height:44px;padding:0 12px;font-size:15px;position:absolute;bottom:8px;left:8%;right:8%}.tart-phase-1 .tart-controls{padding-top:10px}.tart-phase-1 .tart-controls h2{margin:1px 0 2px;font-size:23px}.tart-phase-1 .tart-controls .tart-timing{margin:3px -5px 0}.tart-phase-1 .tart-controls .fill-meter{height:14px}.tart-phase-1 .tart-controls .tart-meter>span{height:10px}.tart-phase-1 .tart-controls .tart-meter-label{margin-top:2px;font-size:9px;line-height:10px}.tart-phase-2 .tart-controls h2{margin:1px 0 2px}.tart-bake-timing p{margin-bottom:4px;line-height:12px}.tart-bake-labels{margin-top:2px;line-height:9px}.tart-wordmark{visibility:hidden}.tart-baking-layers{clip-path:none;-webkit-mask-image:none;mask-image:none}.tart-bake-band{pointer-events:none;position:absolute;inset:0}.tart-baking-layers img.tart-baking-layer{object-fit:fill;width:100%;height:95%;top:1%;left:1.8%}.tart-unbaked-layer{clip-path:inset(0 0 7%);background-position:100% 0;background-repeat:no-repeat;background-size:300% 200%;transform:translate(1.8%)}.tart-golden-layer{transform:translate(1.8%,4%)}.tart-heat{z-index:0;width:auto;height:auto;font-size:initial;pointer-events:none;animation:none;position:absolute;inset:0;transform:none;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.tart-oven-inside>.tart-tray{z-index:1}.tart-heat-filter{position:absolute;overflow:hidden}.tart-heat-refraction{filter:url(#tart-heat-distortion);background:url(/assets/egg-tart-oven.optimized-sDbNYE9k.webp) 50% 54%/cover;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tart-heat{display:none}}.tart-poured-layers{z-index:1;pointer-events:none;position:absolute;inset:0}.tart-baking-layers{isolation:isolate}.tart-bake-band{mix-blend-mode:plus-lighter}.tart-baking-layers .tart-golden-layer{transform-origin:0 0;transform:translate(-1%,10%)scaleY(.94)}.tart-baking-layers img.tart-baking-layer{object-fit:fill;width:100%;height:95%;top:1%;left:1.8%;transform:none}.tart-raw-custard{pointer-events:none;background:radial-gradient(at 69% 24%,#fffce7 0%,#fff9df 6%,#0000 18%),radial-gradient(at 43% 38%,#fff0b6 0%,#f7dfa0 65%,#e8c47d 100%);border-radius:50%;width:68%;height:30%;position:absolute;top:20%;left:17%;box-shadow:inset 0 3px 5px #ad793831}.tart-color-pale{filter:saturate(.45)brightness(1.12)}.tart-color-golden{filter:saturate(1.2)brightness(.98)contrast(1.03)}.tart-color-burnt{filter:sepia(.3)saturate(1.15)brightness(.72)contrast(1.12)}.tart-unchanged-foil{-webkit-mask-image:linear-gradient(#0000 49%,#000 61%);mask-image:linear-gradient(#0000 49%,#000 61%)}.tart-stage-art{pointer-events:none;transform-origin:50% 0;background-repeat:no-repeat;background-size:200% 200%;position:absolute;inset:0}.tart-stage-raw{background-position:0 0;transform:translate(.8%,-3%)}.tart-stage-set{background-position:100% 0;transform:translate(.8%,-3%)}.tart-stage-gold{background-position:0 100%;transform:translate(.8%,5%)scaleY(.97)}.tart-stage-burnt{background-position:100% 100%;transform:translate(.8%,5%)scaleY(.97)}.tart-phase-0 .is-placing-shell .tart-floating-shell{animation:.75s cubic-bezier(.35,0,.25,1) both tart-shell-place}.tart-phase-0 .is-placing-shell:after{opacity:0;transition:opacity .3s}@keyframes tart-shell-place{0%{clip-path:inset(0);transform:translate(2%,-69%)}45%{clip-path:inset(0)}85%,to{clip-path:inset(0 0 38%);transform:translate(2%,7%)}}@media (prefers-reduced-motion:reduce){.tart-phase-0 .is-placing-shell .tart-floating-shell{transform:translate(2%,-3%);animation:none!important}}.tart-placement-foil{z-index:4;clip-path:inset(60% 0 7%);pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:300% 200%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tart-phase-0 .is-placing-shell .tart-floating-shell{transform:translate(2%,7%)}}.tart-custard-rig{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tart-custard-vessel{transform-origin:60.5px -14.8px;animation:.3s ease-out both tart-custard-tip}.tart-custard-flow{animation:.25s ease-out .12s both tart-custard-flow-in}.tart-stream-glint{animation:.7s linear infinite tart-custard-glint}.tart-custard-ripple{transform-box:fill-box;transform-origin:50%;animation:.7s ease-out infinite tart-custard-ripple}@keyframes tart-custard-tip{0%{opacity:0;transform:rotate(12deg)}to{opacity:1;transform:rotate(-22deg)}}@keyframes tart-custard-flow-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(-100%)}}@keyframes tart-custard-glint{to{stroke-dashoffset:-32px}}@keyframes tart-custard-ripple{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.tart-custard-vessel{animation:none;transform:rotate(-22deg)}.tart-custard-flow,.tart-stream-glint,.tart-custard-ripple{animation:none}}.tart-placement-foil{clip-path:inset(0 0 7%);-webkit-mask-image:linear-gradient(#0000 48%,#000 68%);mask-image:linear-gradient(#0000 48%,#000 68%)}.tart-game .tart-controls{font-family:Trebuchet MS,Arial Rounded MT Bold,sans-serif}.tart-game .tart-controls h2{letter-spacing:-.3px;font-family:Trebuchet MS,Arial Rounded MT Bold,sans-serif;font-weight:700}.tart-game .tart-controls .tart-action{letter-spacing:.2px;font-family:Trebuchet MS,Arial Rounded MT Bold,sans-serif;font-weight:700}.tart-game .tart-controls .tart-control-hint,.tart-bake-timing p{letter-spacing:.1px;font-weight:600}.tart-baking-layers{clip-path:none;transform:none;-webkit-mask-image:none;mask-image:none}.tart-stage-art{transform-origin:0 0}.tart-stage-raw{transform:translateY(-3%)}.tart-stage-set{transform:translate(.638%,-2.817%)scaleY(.998092)}.tart-stage-gold{transform:translate(.18%,3.195%)scale(.993289,.979401)}.tart-stage-burnt{transform:translate(.972%,3.363%)scale(.993289,.97757)}.tart-canonical-base{z-index:0;pointer-events:none;position:absolute;inset:0}.tart-matched-frame{pointer-events:none;transform-origin:0 0;mix-blend-mode:plus-lighter;background-repeat:no-repeat;background-size:300% 200%;transition:opacity .16s linear;position:absolute;inset:0}.cooking-piece{isolation:isolate}@media (prefers-reduced-motion:reduce){.tart-matched-frame,.is-placing-shell .tart-matched-frame{transition:none}}.tart-game .tart-controls.tart-redesign{--card-font:"Trebuchet MS","Arial Rounded MT Bold",sans-serif;height:208px;min-height:208px;max-height:208px;box-shadow:none;text-align:left;isolation:isolate;font-family:var(--card-font);background:0 0;border:0;border-radius:23px;flex:0 0 208px;padding:0 18px;position:relative;top:-12px}.tart-redesign:before{content:"";z-index:-1;background:linear-gradient(120deg,#fffbef,#fff6e3);border-radius:23px;position:absolute;inset:-70px 0 0;box-shadow:0 5px 14px #563b2424}.tart-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:-53px;left:18px;right:18px}.tart-game .tart-redesign .tart-card-heading h2{font:900 22px/1.15 var(--card-font);letter-spacing:-.65px;color:#003e2d;white-space:nowrap;margin:0}.tart-step-pill{color:#003e2d;letter-spacing:1px;background:#f1e4c9;border-radius:20px;flex:none;place-items:center;min-width:58px;height:29px;padding:0 9px;font-size:16px;font-weight:800;display:grid}.tart-game .tart-redesign .tart-control-hint{font:500 11px/1.35 var(--card-font);letter-spacing:0;white-space:nowrap;color:#573c29;margin:0;display:block;position:absolute;top:-16px;left:18px;right:18px}.tart-card-middle{height:68px;position:absolute;top:19px;left:18px;right:18px}.tart-game .tart-redesign .tart-timing,.tart-game .tart-redesign .tart-bake-timing{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.tart-game .tart-redesign .tart-meter,.tart-game .tart-redesign .tart-bake-meter{border:5px solid #fff9ec;border-radius:25px;outline:1px solid #e6d4b4;height:31px;position:relative;box-shadow:inset 0 2px 5px #b08e4a26,0 3px 5px #8a632018}.tart-game .tart-redesign .fill-meter{background:linear-gradient(#f3e5c5,#fff4dc);overflow:hidden}.tart-fill-amount{background:linear-gradient(#31845b,#006442);position:absolute;inset:0 auto 0 0}.tart-pour-pointer{z-index:3;pointer-events:none;background:#fff9df;width:4px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 0 1px #004631}.tart-pour-pointer:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#004631;width:14px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tart-redesign .tart-golden-target{width:10%;box-shadow:none;background:linear-gradient(#efb329,#ffcf4e);border:0;border-radius:0;top:0;bottom:0;left:80%}.tart-game .tart-redesign .cool-meter{background:linear-gradient(90deg,#ff7866 0%,#efb59a 22%,#80d685 45% 65%,#95d5e6 80%,#69b9f4 100%)}.tart-game .tart-redesign .tart-bake-meter{background:linear-gradient(90deg,#fff4de 0%,#f5d675 48%,#ffd344 78% 86%,#b76227 94%,#813b23 100%)}.tart-game .tart-redesign .tart-meter>span,.tart-game .tart-redesign .tart-bake-meter>span{background:#00583d;border:0;border-radius:8px;width:6px;height:auto;position:absolute;top:-5px;bottom:-5px;transform:translate(-50%);box-shadow:0 0 0 4px #fff2ae99}.tart-game .tart-redesign .tart-meter-label,.tart-game .tart-redesign .tart-bake-labels{font:700 11px/1.2 var(--card-font);color:#573c29;letter-spacing:0;justify-content:space-between;margin-top:8px;display:flex}.tart-game .tart-redesign .tart-meter-label span{color:#004631;font-weight:800}.tart-redesign .tart-bake-labels span:nth-child(2){color:#00583d;position:static;left:auto}.tart-status-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tart-game .tart-redesign .tart-action{width:calc(100% - 32px);height:46px;min-height:46px;max-height:46px;box-shadow:none;text-shadow:none;color:#fff9e8;font:800 18px/1 var(--card-font);letter-spacing:0;background:linear-gradient(110deg,#00664a,#00543b);border:0;border-radius:16px;gap:11px;padding:0 12px;position:absolute;bottom:13px;left:16px;right:16px}.tart-game .tart-redesign .tart-plus{width:27px;height:30px;color:inherit;font:900 37px/27px var(--card-font);background:0 0}.tart-redesign .tart-button-icon,.tart-redesign .tart-hold-icon{width:29px;height:29px;color:inherit;flex:none}.tart-game .tart-redesign .tart-action:active{transform:translateY(1px)translate(0,0);box-shadow:inset 0 2px 5px #003a2933}.tart-placement-guide{justify-content:space-between;height:72px;margin-top:-13px;padding:0 6px;display:flex}.tart-guide-item{width:78px;height:76px;position:relative}.tart-guide-shell,.tart-guide-cup{background-repeat:no-repeat;background-size:300% 200%;width:70px;height:70px;position:absolute;left:4px}.tart-guide-cup{background-position:0 0;top:15px;transform:scaleY(.65)}.tart-guide-shell{z-index:1;background-position:100% 100%;top:-10px;transform:scale(.75,.45)}.guide-shell-1{top:2px}.guide-shell-2{top:10px}.tart-guide-down{z-index:2;color:#00583d;font-size:18px;position:absolute;top:27px;left:34px}.tart-guide-next{color:#b8a080;font-size:32px;position:absolute;top:28px;right:-23px}.tart-guide-rays{color:#00583d;font-size:24px;position:absolute;top:0;left:33px}.tart-placement-reference{aspect-ratio:570/165;mix-blend-mode:multiply;pointer-events:none;background-position:14.493% 24.447%;background-repeat:no-repeat;background-size:269.474% 620.606%;position:absolute;top:-16px;left:0;right:0}.tart-redesign .tart-placement-reference{aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;pointer-events:none;background:0 0;width:100%;height:91px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tart-phase-0 .is-placing-shell .tart-floating-shell{clip-path:inset(0 0 38%);-webkit-mask-image:none;mask-image:none}.tart-redesign .tart-takeout-zone{pointer-events:none;background:#ffe04b;border:2px solid #006747;border-radius:6px;width:8%;position:absolute;top:-4px;bottom:-4px;left:78%;box-shadow:0 0 0 3px #fff4c1}.tart-takeout-zone b{white-space:nowrap;color:#fff7dc;letter-spacing:.3px;background:#00583d;border-radius:6px;padding:3px 6px;font:800 9px/1 Trebuchet MS,sans-serif;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tart-takeout-zone b:after{content:"";border:4px solid #0000;border-top-color:#00583d;margin-left:-4px;position:absolute;top:100%;left:50%}.tart-redesign .tart-bake-meter>span{z-index:2}.tart-redesign.tart-bake-perfect .tart-takeout-zone{background:#ffeb62;box-shadow:0 0 10px #f6c640}@font-face{font-family:Tart Nunito;src:url(/assets/Nunito-Variable-DNoUBwIS.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}.tart-game .tart-controls.tart-redesign{--card-font:"Tart Nunito",sans-serif;font-family:var(--card-font)}.tart-game .tart-redesign .tart-card-heading h2{font-family:var(--card-font);letter-spacing:-.65px;font-size:23px;font-weight:1000}.tart-game .tart-redesign .tart-control-hint{font-family:var(--card-font);font-size:11px;font-weight:650}.tart-game .tart-redesign .tart-action{font-family:var(--card-font);font-size:18px;font-weight:900}.tart-redesign .tart-step-pill{font-family:var(--card-font);font-weight:900}.tart-game .tart-redesign .tart-meter-label,.tart-game .tart-redesign .tart-bake-labels,.tart-redesign .tart-takeout-zone b{font-family:var(--card-font);font-weight:850}.tart-game .tart-redesign .tart-action{transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter 90ms ease-out;transform:translateY(0);box-shadow:0 4px #003c2c,0 6px 10px #00432e22,inset 0 1px #ffffff24}.tart-game .tart-redesign .tart-action:active,.tart-game .tart-redesign .tart-action.is-pressed{filter:brightness(.9);transform:translateY(3px)scale(.988)translate(0,0);box-shadow:0 1px #003c2c,inset 0 2px 5px #002d3240}.tart-game .tart-redesign .tart-action.is-pressed:disabled{opacity:1}@media (prefers-reduced-motion:reduce){.tart-game .tart-redesign .tart-action{transition:none}}.tart-game .tart-redesign .tart-action{transition:transform .36s cubic-bezier(.2,1.8,.4,1),box-shadow .22s ease-out,filter .18s ease-out}.tart-game .tart-redesign .tart-action:active,.tart-game .tart-redesign .tart-action.is-pressed{transition:transform 65ms ease-out,box-shadow 65ms ease-out,filter 65ms ease-out}@media (prefers-reduced-motion:reduce){.tart-game .tart-redesign .tart-action{transition:none}}.tart-game .tart-redesign .tart-action.is-rebounding{opacity:1;pointer-events:none;animation:.42s both tart-button-rebound}@keyframes tart-button-rebound{0%{filter:brightness(.9);transform:translateY(3px)scale(.988);box-shadow:0 1px #003c2c,inset 0 2px 5px #002d3240}45%{filter:brightness();transform:translateY(-2px)scale(1.012)}72%{transform:translateY(1px)scale(.997)}to{filter:brightness();transform:translateY(0)scale(1);box-shadow:0 4px #003c2c,0 6px 10px #00432e22,inset 0 1px #ffffff24}}@media (prefers-reduced-motion:reduce){.tart-game .tart-redesign .tart-action.is-rebounding{animation:none}}.tart-phase-0 .empty-tin-piece:after{display:none}.tart-placement-ring{z-index:0;pointer-events:none;filter:drop-shadow(0 0 2px #ffcc7077);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tart-placement-ring path{fill:none;stroke:#fff0cf;stroke-width:.7px;stroke-dasharray:1.8 1.4;stroke-linecap:round;stroke-linejoin:round}.tart-matched-frame{z-index:1}.tart-frame-stack{z-index:1;isolation:isolate;pointer-events:none;position:absolute;inset:0}.tart-frame-stack .tart-aligned-bake{width:95.85%;height:83.65%;inset:9.55% auto auto 2.55%;overflow:hidden;transform:none}.tart-loose-shell{object-fit:contain;width:100%;height:100%;transform:translate(var(--shell-drag-x,0%),var(--shell-drag-y,-70%));z-index:3;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;filter:drop-shadow(0 5px 5px #30170744);transition:transform .22s ease-out;position:absolute;inset:0}.tart-rising-custard{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tart-loose-shell.is-dragging{cursor:grabbing;transition:none}.is-placing-shell .tart-loose-shell{pointer-events:none}.tart-placement-ring.is-drop-target path{stroke:#a5ffbb;stroke-width:1.2px;stroke-dasharray:none}.tart-cup-front-wall{z-index:4;transform-origin:0 0;pointer-events:none;clip-path:polygon(0 43%,10% 56%,25% 66%,40% 70%,50% 71%,60% 70%,75% 66%,90% 56%,100% 43%,100% 100%,0 100%);background-position:0 0;background-repeat:no-repeat;background-size:300% 100%;position:absolute;inset:0}.is-placing-shell .tart-loose-shell{animation:.75s cubic-bezier(.35,0,.25,1) both tart-loose-shell-drop}.is-placing-shell .tart-matched-frame{transition:opacity .225s ease-in-out .525s}.is-placing-shell .tart-cup-front-wall{animation:.75s linear both tart-front-wall-settle}.is-placing-shell .tart-placement-ring{opacity:0;transition:opacity .25s}@keyframes tart-loose-shell-drop{0%{transform:translate(var(--shell-drag-x,0%),var(--shell-drag-y,-70%));opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-4%)}}@keyframes tart-front-wall-settle{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.is-placing-shell .tart-loose-shell{opacity:0;animation:none}.is-placing-shell .tart-matched-frame,.is-placing-shell .tart-placement-ring{transition:none}.is-placing-shell .tart-cup-front-wall{opacity:0;animation:none}}.tart-header h1.tart-title-plaque{color:#fff3ce;letter-spacing:0;white-space:nowrap;text-shadow:0 2px 2px #003c28;background:linear-gradient(130deg,#187b54,#004732 65%);border:2px solid #eac878;border-radius:40px;justify-content:center;align-items:center;gap:7px;width:max-content;max-width:100%;min-height:44px;margin:0 auto;padding:0 15px;font:700 23px/1 Georgia,serif;display:flex;box-shadow:0 0 0 2px #99642b,inset 0 0 0 2px #fff0a55c,0 5px 9px #25190f55}.tart-title-plaque:before,.tart-title-plaque:after{content:"❧";color:#eec576;font-size:14px}@media (width<=360px){.tart-header h1.tart-title-plaque{padding-inline:12px;font-size:20px}}.tart-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;font-family:Georgia,Times New Roman,serif}.tart-overlay section{box-sizing:border-box;color:#06432f;background:radial-gradient(at top,#fffdf3,#f3e1b5);border:2px solid #bd8e3e;border-radius:24px;width:min(100%,360px);padding:30px 20px;box-shadow:0 0 0 3px #fff4d7,0 12px 30px #30200d55}.tart-overlay h2{color:#934021;margin:15px 0;font:700 32px Georgia,Times New Roman,serif}.tart-overlay p{color:#06432f;margin:0 0 26px;font:15px/1.6 Georgia,Times New Roman,serif}.tart-overlay button{color:#fff1c4;cursor:pointer;background:linear-gradient(#158158,#004b34);border:2px solid #edc779;border-radius:30px;min-height:48px;margin-top:0;padding:14px 10px;font:700 17px Georgia,Times New Roman,serif;box-shadow:0 0 0 2px #ae7a31}.tart-overlay button+button{color:#06432f;background:linear-gradient(#fffdf3,#f3e1b5);margin-top:14px}.tart-phase-2 .tart-card-middle{height:91px;top:0}.tart-oven-dial{color:#00583d;align-items:center;gap:14px;height:91px;display:flex}.tart-oven-dial>svg{filter:drop-shadow(0 3px 2px #66451b26);flex:none;width:94px;height:94px;overflow:visible}.tart-dial-rim{fill:#f6ecd7;stroke:#b99a66;stroke-width:2px}.tart-dial-track{fill:none;stroke:#d9c7a4;stroke-width:7px;stroke-linecap:round}.tart-dial-gold{fill:none;stroke:#f3bb27;stroke-width:9px}.tart-dial-burn{fill:none;stroke:#a54b2e;stroke-width:7px;stroke-linecap:round}.tart-dial-brand,.tart-dial-unit{text-anchor:middle;fill:#785e3c;letter-spacing:1.5px;font:700 8px Tart Nunito,sans-serif}.tart-dial-unit{font-size:7px}.tart-dial-hand{fill:#005c42;stroke:#003e2e;stroke-width:1px;filter:drop-shadow(1px 2px 1px #46331855);transition:transform 80ms linear}.tart-dial-grip{fill:none;stroke:#e9cf96;stroke-width:3px;stroke-linecap:round}.tart-dial-copy{min-width:0;font-family:var(--card-font);gap:6px;display:grid}.tart-dial-copy>b{font-size:17px;font-weight:950;line-height:1.1}.tart-dial-copy>span{color:#715321;align-items:center;gap:5px;font-size:10px;font-weight:850;display:flex}.tart-dial-copy>span i{background:#f3bb27;border:1px solid #bb891c;border-radius:50%;flex:none;width:9px;height:9px}.tart-dial-copy>small{color:#795e41;font-size:10px;line-height:1.3}.tart-bake-perfect .tart-dial-rim{stroke:#c59a26;fill:#fff3ce}.tart-bake-urgent .tart-dial-copy>b{color:#aa4225}@media (prefers-reduced-motion:reduce){.tart-dial-hand{transition:none}}.tart-oven-dial{justify-content:center;gap:0;position:relative}.tart-oven-dial>svg{filter:drop-shadow(0 3px 3px #382b2455);width:96px;height:96px}.tart-dial-copy{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tart-oven-dial .tart-dial-rim{fill:url(#oven-steel);stroke:#9a8d78;stroke-width:1px}.tart-dial-face{fill:url(#oven-face);stroke:#a39987;stroke-width:.8px}.tart-dial-track{stroke:#cbbfa7;stroke-width:4px}.tart-dial-gold{stroke:#d4a32e;stroke-width:5px}.tart-dial-burn{stroke:#9c492e;stroke-width:4px}.tart-dial-tick{stroke:#655c4b;stroke-width:1px}.tart-dial-hand{fill:url(#oven-knob);stroke:#202921;stroke-width:.7px;filter:drop-shadow(1px 3px 2px #29231c88)}.tart-dial-knob-inset{fill:url(#oven-knob);stroke:#a4a497;stroke-width:.6px}.tart-dial-knob-bar{fill:url(#oven-grip);stroke:#1d2721;stroke-width:.7px}.tart-dial-grip{stroke:#fff2d0;stroke-width:2.3px}.tart-finish-pour{color:#00583d;font:800 11px/1.2 var(--card-font);cursor:pointer;background:#fff7df;border:1px solid #b89d64;border-radius:10px;margin:5px auto 0;padding:2px 12px;display:block}.tart-finish-pour:disabled{opacity:.4;cursor:default}.tart-oven-dial>svg{touch-action:none;cursor:grab}.tart-oven-dial>svg:active{cursor:grabbing}.tart-oven-dial>svg:focus-visible{border-radius:50%;outline:2px solid #00664a}.tart-heat-options{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-1px;left:0;right:0}.tart-heat-options button{pointer-events:auto;color:#5e4b31;font:800 10px var(--card-font);background:#f7edda;border:1px solid #c6b28d;border-radius:12px;padding:4px 7px}.tart-heat-options button[aria-pressed=true]{color:#fff4dc;background:#00583d;border-color:#00583d}.tart-heat-options button:nth-child(2){position:absolute;bottom:78px;right:0}.tart-bake-observation{pointer-events:none;justify-content:space-between;gap:6px;display:flex;position:absolute;bottom:4%;left:8%;right:8%}.tart-bake-observation span{color:#55351c;background:#fff5dfed;border:1px solid #d7ba78;border-radius:9px;padding:5px 8px;font:700 11px Tart Nunito,sans-serif}.tart-phase-1 .tart-finish-pour{box-sizing:border-box;color:#fff9e8;width:calc(100% + 4px);height:46px;min-height:46px;font:900 18px/1 var(--card-font);cursor:pointer;background:linear-gradient(110deg,#00664a,#00543b);border:0;border-radius:16px;margin:12px -2px 0;padding:0 12px;display:block;box-shadow:0 4px #003c2c,0 6px 10px #00432e22,inset 0 1px #ffffff24}.tart-phase-1 .tart-finish-pour:disabled{opacity:.4;cursor:default;box-shadow:none}.tart-phase-1 .tart-finish-pour:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #003c2c}.tart-phase-2 .tart-oven-dial{align-items:center;height:122px}.tart-phase-2 .tart-oven-dial>svg{cursor:default;touch-action:auto}.tart-dial-outer-ring{transform:translate(60px,60px)scale(1.1)translate(-60px,-60px)}.tart-dial-outer-ring path{fill:none;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px)drop-shadow(0 0 6px);animation:2s ease-in-out infinite alternate tart-dial-glow}.tart-dial-outer-ring .tart-dial-zone{stroke-linecap:butt}.tart-dial-end-cap{fill:#cf5438}.tart-phase-2 .tart-matched-frame,.tart-phase-2 .tart-dial-hand{transition:none}.tart-dial-outer-warm{stroke:#efc355;color:#efc355}.tart-dial-outer-ready{stroke:#168756;color:#26bd74}.tart-dial-outer-hot{stroke:#cf5438;color:#ef6b46}.tart-dial-outer-marker{fill:#fffdf2;stroke:#5e4828;stroke-width:2px}@keyframes tart-dial-glow{0%{filter:drop-shadow(0 0 2px)drop-shadow(0 0 4px)}to{filter:drop-shadow(0 0 4px)drop-shadow(0 0 9px)}}@media (prefers-reduced-motion:reduce){.tart-dial-outer-ring path{animation:none}}.tart-oven-inside>.tart-bubble-tray{z-index:6;pointer-events:none;background:0 0;border:0;padding:0}.tart-bubble-tray .tart-piece{filter:none;pointer-events:none}.tart-custard-bubble{pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0;position:absolute;transform:translate(-50%,-50%)}.tart-custard-bubble:before{content:"";width:var(--bubble-size);height:calc(var(--bubble-size)*.64);background:radial-gradient(at 32% 21%,#fffdebc7 0%,#fff7d06b 19%,#0000 49%),radial-gradient(at 50% 38%,#fff3bf38 34%,#d0a34f80 78%,#b88b355c 93%,#0000 100%);border:0;border-radius:48% 52% 46% 54%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-9deg);box-shadow:inset 0 .8px 1px #fff8d988,inset 0 -1px 1.5px #a77e394d}.tart-custard-bubble:after{content:"";left:calc(50% - var(--bubble-size)*.32);top:calc(50% - var(--bubble-size)*.23);width:calc(var(--bubble-size)*.32);height:calc(var(--bubble-size)*.17);filter:blur(.35px);pointer-events:none;background:linear-gradient(140deg,#fffef0dd,#fff8d533);border-radius:60% 40%;position:absolute;transform:rotate(-23deg)}.tart-custard-bubble:nth-child(2n):before{height:calc(var(--bubble-size)*.57);border-radius:53% 47% 51% 49%;transform:translate(-50%,-50%)rotate(14deg)}.tart-custard-bubble:nth-child(3n):before{border-radius:44% 56% 48% 52%;transform:translate(-50%,-50%)rotate(-17deg)}.tart-custard-bubble:focus-visible{outline-offset:1px;outline:2px solid #00583d}.tart-bubble-ripple{pointer-events:none;border:1.5px solid #fff8d8;border-radius:50%;width:22px;height:12px;animation:.5s ease-out both tart-bubble-pop;position:absolute;transform:translate(-50%,-50%)}.tart-bubble-status{text-align:center;color:#00583d;height:100%;font-family:var(--card-font);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.tart-bubble-status strong{font-size:20px}.tart-bubble-status span{color:#775b35;font-size:12px}@keyframes tart-bubble-pop{0%{opacity:1;scale:.5}to{opacity:0;scale:2}}@keyframes tart-bubble-bob{0%{margin-top:0}to{margin-top:-2px}}@media (prefers-reduced-motion:reduce){.tart-custard-bubble:before{animation:none}.tart-bubble-ripple{opacity:0;animation:none}}.tart-game.tart-phase-1 .tart-redesign .tart-control-hint strong{font-weight:1000}.tart-game.tart-phase-1 .tart-redesign .tart-action{color:#65420d;background:linear-gradient(110deg,#ffdf66,#f5bf32);box-shadow:0 4px #b9851c,0 6px 10px #80550f22,inset 0 1px #fff7c580}.tart-game.tart-phase-1 .tart-redesign .tart-action:active,.tart-game.tart-phase-1 .tart-redesign .tart-action.is-pressed{box-shadow:0 1px #b9851c,inset 0 2px 5px #80550f33}.tart-shell-drag-guide{z-index:6;pointer-events:none;filter:drop-shadow(0 1px 2px #59341080);width:100%;height:170%;position:absolute;top:-70%;left:0;overflow:visible}.tart-shell-drag-arrow{fill:none;stroke:#fff5d3;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.tart-shell-drag-hand{fill:#fff7e5;stroke:#87480c;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;animation:2s ease-in-out infinite tart-shell-drag-demo}@keyframes tart-shell-drag-demo{0%,to{opacity:.5;transform:translateY(0)}15%{opacity:1}75%{opacity:1;transform:translateY(32px)}90%{opacity:0;transform:translateY(32px)}}@media (prefers-reduced-motion:reduce){.tart-shell-drag-hand{opacity:1;animation:none}}.tart-baked-reveal{z-index:80;-webkit-backdrop-filter:blur(5px);pointer-events:auto;background:#3b240c38;place-items:center;display:grid;position:absolute;inset:0}.tart-baked-hero{text-align:center;width:64%;animation:.7s cubic-bezier(.18,.8,.25,1) both tart-baked-rise;position:relative}.tart-baked-hero>svg{filter:drop-shadow(0 20px 16px #40210966);width:100%;height:auto;display:block;position:relative;overflow:hidden}.tart-baked-glow{pointer-events:none;background:radial-gradient(#fff3bce6 0%,#ffd76c80 30%,#ffcd491a 53%,#0000 70%);border-radius:50%;position:absolute;inset:-22%}.tart-baked-hero>p{color:#fff4cd;text-shadow:0 3px 8px #542309;margin:24px 0 0;font:900 27px Nunito,sans-serif;position:absolute;top:100%;left:0;right:0}.tart-baked-spark{color:#fff2a5;text-shadow:0 0 16px #ffda55;font-size:45px;animation:1.2s ease-in-out infinite alternate tart-baked-shine;position:absolute}.tart-baked-spark-one{top:0;left:1%}.tart-baked-spark-two{font-size:30px;animation-delay:.4s;top:25%;right:-2%}.tart-phase-3 .tart-tray .tart-piece{visibility:hidden}@keyframes tart-baked-rise{0%{opacity:0;transform:translateY(40px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tart-baked-shine{0%{opacity:.45;scale:.8}to{opacity:1;scale:1.12}}@media (prefers-reduced-motion:reduce){.tart-baked-hero,.tart-baked-spark{animation:none}}@media (width<=700px){.tart-shell{place-items:stretch stretch;width:100%;height:100dvh}.tart-shell>.tart-game{box-shadow:none;transform:none;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important}}.tart-game .tart-controls.tart-redesign{flex-basis:156px;height:156px;min-height:156px;max-height:156px}.tart-redesign:before{inset:-48px 0 0}.tart-card-heading{top:-38px}.tart-game .tart-redesign .tart-card-heading h2{font-size:20px}.tart-redesign .tart-step-pill{min-width:50px;height:25px;font-size:14px}.tart-game .tart-redesign .tart-control-hint{font-size:10px;top:-12px}.tart-game.tart-phase-1 .tart-redesign .tart-control-hint{font-size:11px}.tart-game .tart-redesign .tart-card-middle{height:84px;top:12px}.tart-game .tart-redesign .tart-meter{height:22px}.tart-game .tart-redesign .tart-action{height:36px;min-height:36px;max-height:36px;font-size:15px;bottom:8px}.tart-phase-1 .tart-finish-pour{height:34px;min-height:34px;margin-top:6px;font-size:14px}.tart-phase-2 .tart-oven-dial{height:84px}.tart-phase-2 .tart-oven-dial>svg{width:72px;height:72px}.tart-game .tart-controls.tart-redesign{margin-bottom:6px;top:0}.tart-phase-1 .tart-tray .tart-piece,.tart-phase-2 .tart-tray .tart-piece{margin-bottom:4px}.tart-oven-inside>.tart-tray{translate:0 15px}.tart-game .tart-oven-inside>.tart-tray{place-items:end center;padding:0;inset:32% 8% 82px;translate:0 15px}.tart-game .tart-tray>.tart-piece{width:min(70%,46cqh);max-width:208px;margin:0 0 4px}.retry-hint{z-index:5;color:#573a14;text-align:left;box-sizing:border-box;background:#fff4cd;border:2px solid #b87717;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:8px;margin:8px 12px;padding:10px 12px;font:13px/1.4 system-ui,sans-serif;display:flex;position:relative}.retry-hint strong,.retry-hint span{display:block}.retry-hint strong{margin-bottom:3px}.retry-hint button{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;min-width:32px;min-height:32px;margin-left:auto;font-size:22px}.retry-hint button:focus-visible{outline:2px solid #005438}.rojak-game>.retry-hint,.tart-game>.retry-hint,.nasi-frame>.retry-hint{z-index:8;max-height:25%;position:absolute;top:62px;left:0;right:0;overflow:auto}.fail-card .failure-tip{text-align:left;background:#fff1c4;border:1px solid #bd8e3e;border-radius:12px;padding:10px}.rojak-shell{color:#542f1b;background:#dfd1bd;place-items:center;min-height:100dvh;padding:24px;font-family:DM Sans,sans-serif;display:grid}.rojak-game{isolation:isolate;background:linear-gradient(#fff4dfdc,#fff3dfb3 33%,#fff0d661),url(/assets/kopitiam-interior-clear.optimized-DrA8cjGz.webp) 50%/cover;border-radius:30px;width:420px;max-width:100%;min-height:850px;position:relative;overflow:hidden;box-shadow:0 22px 65px #57351e30}.rojak-header{grid-template-columns:43px minmax(0,1fr) 43px;align-items:center;gap:10px;padding:22px 18px 10px;display:grid}.rojak-header>span{text-align:center;color:#005438;font:700 20px Georgia,serif}.rojak-header small{letter-spacing:2px;color:#966b49;margin-top:6px;font:700 9px DM Sans,sans-serif;display:block}.rojak-game h1{text-align:center;margin:6px 0 15px;font:700 29px Georgia,serif}.rojak-ticket{background:#fffaf0ed;border:1px solid #e4c794;border-radius:14px;margin:0 18px 14px;padding:12px 15px;font-size:13px;line-height:1.6;box-shadow:0 4px 12px #5c301510}.rojak-ticket b{letter-spacing:1.5px;color:#947047;margin-bottom:3px;font-size:9px;display:block}.rojak-steps{background:#fff6e4;border-radius:22px;justify-content:space-around;margin:0 18px;padding:12px;display:flex;box-shadow:0 4px 15px #6b3b1720}.rojak-steps span{color:#a58a6a;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:11px;display:flex;position:relative}.rojak-steps span+span:before{content:"";background:#dfcbaa;width:calc(100% - 36px);height:2px;position:absolute;top:14px;right:calc(50% + 18px)}.rojak-steps i{background:#e7dbc5;border:2px solid #fff8e7;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid;box-shadow:0 0 0 1px #d9c19a}.rojak-steps .active{color:#784113;font-weight:800}.rojak-steps .active i{color:#63320e;background:#ffb32b}.rojak-steps .done i{color:#fff5df;background:#176f4d}.rojak-workspace{min-height:420px;padding:20px 18px 15px}.rojak-workspace h2{text-align:center;margin:0 0 10px;font:700 24px Georgia,serif}.rojak-hint{color:#805d3c;text-align:center;margin:9px 0 14px;font-size:12px;line-height:1.5}.rojak-ingredients{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rojak-ingredients button{color:#603c25;cursor:pointer;background:linear-gradient(#fffdf1,#f9e8c9);border:2px solid #dfc9a1;border-radius:18px;min-width:0;padding:10px 4px 12px;font-family:inherit;position:relative;box-shadow:0 3px 6px #66411d17}.rojak-ingredients strong{font-size:11px;display:block}.rojak-ingredients small{color:#977049;margin-top:4px;font-size:10px;display:block}.rojak-food-art{filter:drop-shadow(0 3px 2px #6e46251a);width:100%;height:85px;display:block}.rojak-check{color:#a58c60;background:#fffaf0;border:1px solid #d1b37a;border-radius:50%;place-items:center;width:21px;height:21px;font-size:15px;display:grid;position:absolute;top:5px;right:5px}.rojak-ingredients [aria-pressed=true] .rojak-check{color:#fff;background:#efa81d;border-color:#dc9616}.rojak-controls{text-align:center;background:#fff4dfed;border-radius:28px 28px 0 0;padding:16px 24px 25px;box-shadow:0 -5px 18px #6d3c1712}.rojak-controls>span{letter-spacing:1px;color:#a07a51;margin-bottom:13px;font-size:9px;font-weight:700;display:block}.rojak-action{color:#65330e;cursor:pointer;background:linear-gradient(#ffbf3f,#ef9514);border:2px solid #ffd676;border-radius:30px;width:100%;min-height:54px;padding:10px;font:800 16px DM Sans,sans-serif;box-shadow:0 3px #c97a14,0 5px 10px #75431925}.rojak-action:disabled{opacity:.45;cursor:default;box-shadow:none}.rojak-action:active:not(:disabled){transform:translateY(2px)}.rojak-assist{color:#276d4e;cursor:pointer;text-underline-offset:3px;background:#fff5dfcc;border:0;border-radius:12px;margin:12px auto;padding:10px 14px;font:600 11px DM Sans,sans-serif;text-decoration:underline;display:block}.rojak-assist:disabled{opacity:.4;cursor:default}.rojak-tray{background:#a06e3c;border:5px solid #81542c;border-radius:13px;justify-content:center;min-height:70px;margin:16px 0;padding:6px;display:flex;box-shadow:inset 0 1px 6px #47241155}.rojak-tray>span{opacity:.65;width:16.66%;position:relative}.rojak-tray .done{opacity:1}.rojak-tray b{color:#ffe0a2;position:absolute;top:0;right:0}.rojak-board{touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(1deg,#d6a16a 0 3px,#d2a06a 4px 11px,#d9a973 12px 14px);border:9px solid #a7703d;border-radius:26px;height:210px;position:relative;box-shadow:inset 0 0 20px #88552955,0 8px 10px #633a2422}.rojak-board-food{position:absolute;inset:10px 30px}.rojak-board-food .rojak-food-art{filter:drop-shadow(0 9px 4px #734b3840);height:100%}.rojak-cut-guides{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:22px 27%}.rojak-cut-guides i{filter:drop-shadow(0 0 3px #ad7627);border-left:2px dashed #fff5d3;height:100%}.rojak-cut-guides i.done{border-color:#34844c}.rojak-big-check{text-align:center;color:#176f4d;font-size:120px;display:block}.rojak-bowl-area{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;height:265px;margin:22px 0;display:grid;position:relative}.rojak-bowl{background:radial-gradient(#efe2c6 50%,#d3be99);border:14px solid #fff9e7;border-radius:50%;width:285px;max-width:95%;height:225px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #a78a5c,inset 0 0 0 5px #d7c6a0,0 20px 10px #6e3b2638}.rojak-bowl-food{position:absolute;inset:7px}.rojak-bowl-food>span{width:40%;height:44%;position:absolute}.rojak-bowl-food .rojak-food-art{height:100%}.rojak-stir-arrow{color:#ffc444;pointer-events:none;text-shadow:0 2px 3px #5a371b33;font-size:255px;line-height:1;position:absolute;top:-15px}.rojak-peanut-scatter{pointer-events:none;position:absolute;inset:10px}.rojak-peanut-scatter .rojak-food-art{width:100%;height:100%}.rojak-game progress{accent-color:#eaa421;width:85%;height:13px;margin:0 auto;display:block}.rojak-percent{text-align:center;color:#9c681c;margin:8px;font-size:13px;font-weight:800}.rojak-topping{color:#613e26;text-align:left;cursor:pointer;background:#fff4de;border:2px solid #dfc9a1;border-radius:20px;align-items:center;gap:14px;width:100%;padding:10px;display:flex}.rojak-topping.added{background:#fff0bf;border-color:#e6a121}.rojak-topping .rojak-food-art{width:75px;height:60px}.rojak-topping strong{font-size:14px}.rojak-topping small{margin-top:7px;font-size:11px;display:block}.rojak-overlay{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#322015b3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.rojak-overlay section{text-align:center;background:#fff3dd;border:2px solid #e7c17c;border-radius:28px;width:100%;padding:28px 22px;box-shadow:0 15px 40px #25160d55}.rojak-overlay h2{font:700 25px Georgia,serif}.rojak-overlay p{color:#886344;margin-bottom:23px;font-size:13px;line-height:1.7}.rojak-result-icon{color:#e8a02b;font-size:37px}.rojak-order-bubble{width:47%;padding:18px 12px;right:4%}.rojak-order-bubble p{margin:12px 0;font-size:13px;line-height:1.6}.rojak-order-note{text-align:center;color:#674829;background:#fff5e6ed;border-radius:17px;margin-bottom:15px;padding:12px;font-size:12px}.rojak-game button:focus-visible{outline-offset:3px;outline:3px solid #005438}@media (width<=700px){.rojak-shell{align-items:start;padding:0}.rojak-game{border-radius:0;width:100%;max-width:460px;min-height:100dvh}.rojak-header{padding-top:max(20px,env(safe-area-inset-top))}.rojak-controls{padding-bottom:max(25px,env(safe-area-inset-bottom))}}@media (width<=360px){.rojak-workspace{padding-inline:12px}.rojak-ingredients{gap:7px}.rojak-ingredients strong{font-size:10px}.rojak-food-art{height:75px}.rojak-game h1{font-size:26px}.rojak-header>span{font-size:17px}.rojak-ticket{font-size:12px}.rojak-bowl{height:205px}}.rojak-peel-reveal{width:100%;height:100%;position:relative}.rojak-cut-fruit{pointer-events:none;width:100%;height:100%;position:relative}.rojak-board{box-shadow:none;aspect-ratio:1.9;filter:drop-shadow(0 5px 4px #5b3d2424);background:url(/assets/rojak-board-soft-v2.optimized-fYyhPDLb.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;height:auto;min-height:190px}.rojak-board-food{width:61%;height:68%;inset:45% auto auto 50%;transform:translate(-50%,-50%)}.rojak-board-food .rojak-food-art{filter:drop-shadow(1px 4px 2px #5b3d2430)}.rojak-tray{min-height:78px;box-shadow:none;filter:drop-shadow(0 3px 3px #5b3d2420);background:url(/assets/rojak-board-soft-v2.optimized-fYyhPDLb.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;align-items:center;padding:10px 14px 14px}.rojak-tray b{color:#176f4d;text-shadow:0 1px 2px #fff8e7}.rojak-cut-piece{will-change:transform;transition:transform .28s ease-out .2s;position:absolute;inset:0}.rojak-cut-piece>.rojak-food-art{filter:none;width:100%;height:100%}.rojak-cut-fruit[data-fruit=pineapple] .rojak-cut-piece>.rojak-food-art{transform-origin:50%;transform:rotate(90deg)}.rojak-cut-fruit[data-fruit=cucumber] .rojak-cut-piece>.rojak-food-art{transform-origin:50%;transform:rotate(48deg)}.rojak-cut-fruit[data-fruit=guava] .rojak-cut-piece>.rojak-food-art{transform-origin:50%;transform:rotate(90deg)}.rojak-cut-fruit[data-fruit=mango] .rojak-cut-piece>.rojak-food-art{transform-origin:50%;transform:rotate(48deg)}.rojak-cut-fruit[data-fruit=jicama] .rojak-cut-piece>.rojak-food-art{transform-origin:50%;transform:rotate(0)}.rojak-cut-guides{left:42%;right:42%}@media (prefers-reduced-motion:reduce){.rojak-cut-piece{transition:none}}.rojak-peel-reveal>.rojak-food-art{width:100%;height:100%}.rojak-peel-ribbon{z-index:3;pointer-events:none;transform-origin:top;filter:drop-shadow(2px 4px 2px #69431c55);width:28px;height:82px;position:absolute;top:24%}.rojak-peel-skin{background:linear-gradient(90deg,#ebd698 0 12%,#6f9235 18%,#b5c867 60%,#587a29);border-radius:55% 25% 50% 30%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 3px 0 2px #fff5c080,inset -3px 0 3px #29451680}.peel-jicama .rojak-peel-skin{background:linear-gradient(90deg,#fff3ce,#c5a16b 20%,#a87c4d 75%,#e2c69b)}.peel-pineapple .rojak-peel-skin{background:linear-gradient(90deg,#ffdc67,#b48630 25%,#d6ad43 55%,#7e692b)}.rojak-peel-skin .rojak-food-art{filter:none;opacity:.65;max-width:none;position:absolute;top:-40px;left:-76px;width:180px!important;height:180px!important}.rojak-peel-ribbon.falling{animation:.55s ease-in forwards rojak-skin-fall}.rojak-peel-ribbon.landed{transform:translate(18px,115px)rotate(72deg)scale(.72,.55)}@keyframes rojak-skin-fall{0%{opacity:0;transform:translateY(-15px)rotate(-8deg)scaleY(.15)}20%{opacity:1;transform:translateY(8px)rotate(8deg)scaleY(.7)}50%{opacity:1;transform:translate(8px,55px)rotate(32deg)scaleY(1)}78%{opacity:1;transform:translate(22px,119px)rotate(80deg)scale(.75,.55)}to{opacity:0;transform:translate(24px,132px)rotate(85deg)scale(.65,.45)}}@media (prefers-reduced-motion:reduce){.rojak-peel-ribbon.falling{animation-duration:.01ms}}.rojak-knife{z-index:4;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 3px 2px #56351638);transform-origin:80% 20%;width:43%;height:32%;position:absolute;top:26%;right:12%;transform:rotate(-12deg)}.rojak-knife.is-cutting{animation:.32s ease-in-out rojak-knife-chop}.rojak-peeling-knife{width:40%;top:24%;right:14%;transform:rotate(12deg)}.rojak-peeling-knife.is-cutting{animation:.45s ease-in-out rojak-knife-peel}@keyframes rojak-knife-chop{0%{transform:translateY(-24px)rotate(-22deg)}55%{transform:translate(-18px,27px)rotate(0)}to{transform:rotate(-12deg)}}@keyframes rojak-knife-peel{0%{transform:translateY(-30px)rotate(12deg)}75%{transform:translate(-12px,38px)rotate(2deg)}to{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.rojak-knife.is-cutting{animation:none}}.rojak-peeled-layer,.rojak-unpeeled-layer{width:100%;height:100%;transition:opacity .25s ease-out;position:absolute;inset:0}.rojak-peeled-layer>.rojak-food-art,.rojak-unpeeled-layer>.rojak-food-art{width:100%;height:100%}.rojak-peel-direction{text-align:center;color:#fff6d4;letter-spacing:18px;pointer-events:none;text-shadow:0 2px 4px #70451e;font-size:28px;position:absolute;bottom:9px;left:0;right:0}.rojak-shell{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}.rojak-game{border-radius:0;flex-direction:column;width:min(100%,420px);min-width:0;max-width:100%;height:100%;min-height:0;display:flex}.rojak-header,.rojak-game>h1,.rojak-ticket,.rojak-steps,.rojak-controls{flex-shrink:0}.rojak-workspace{flex:1;min-height:0;overflow:hidden auto}@media (width<=700px){.rojak-game{width:100%;max-width:460px;min-height:0}}.rojak-game{color:#512710;background:url(/assets/rojak-worktop-v1.optimized-Busk1uSj.webp) 50%/100% 100% no-repeat}.rojak-header{background:#fff4dfb3;grid-template-columns:36px minmax(0,1fr) 36px;padding:15px 18px 3px}.rojak-header>span{color:#512710;font-size:20px}.rojak-header small{letter-spacing:1.5px;margin-top:4px;font-size:8px}.rojak-reset{color:#734b28;cursor:pointer;background:#fff7e8;border:1px solid #d9bc84;border-radius:50%;width:35px;height:35px;font-size:24px;line-height:1;box-shadow:0 2px 5px #613a1b20}.rojak-phase-0 .rojak-workspace{padding:12px 19px 8px}.rojak-phase-0 .rojak-workspace>h2{box-shadow:none;background:#fff5dff7;border-radius:22px 22px 0 0;margin:0;padding:13px 8px 3px;font-size:26px}.rojak-phase-0 .rojak-workspace>.rojak-hint{color:#614126;background:#fff5dff7;border-radius:0;margin:0;padding:2px 10px 10px;font:12px Georgia,serif}.rojak-phase-0 .rojak-ingredients{background:#fff5dff7;border-radius:0 0 22px 22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 11px;box-shadow:0 6px 12px #48260925}.rojak-phase-0 .rojak-ingredients button{border-width:2px;border-radius:13px;padding:5px 6px 7px;overflow:hidden}.rojak-phase-0 .rojak-ingredients .rojak-food-art{width:100%;height:clamp(60px,8.8dvh,83px)}.rojak-phase-0 .rojak-ingredients strong{margin-top:2px;font-size:13px;line-height:1.2}.rojak-phase-0 .rojak-ingredients small{display:none}.rojak-phase-0 .rojak-check{background:#fff8e8;width:24px;height:24px;font-size:16px;top:7px;right:7px;box-shadow:0 1px 3px #76501724}.rojak-phase-0 .rojak-ingredients button[aria-pressed=true]{background:#fff0bf;border-color:#efa91d;box-shadow:inset 0 0 0 1px #ffe4a0}.rojak-phase-0 .rojak-selection-tray p{color:#fff0cb;text-shadow:0 1px 3px #512810;font-family:Georgia,serif}.rojak-phase-0 .rojak-controls{margin:0 19px 14px;padding:13px 18px 16px}.rojak-phase-0 .rojak-control-instruction{display:none}.rojak-phase-0 .rojak-controls>span{color:#57351e;letter-spacing:0;margin-bottom:11px;font:700 16px Georgia,serif}@media (height<=740px){.rojak-phase-0 .rojak-workspace{padding-top:8px}.rojak-phase-0 .rojak-workspace>h2{padding-top:9px;font-size:22px}.rojak-phase-0 .rojak-ingredients .rojak-food-art{height:55px}.rojak-phase-0 .rojak-ingredients strong{font-size:12px}.rojak-phase-0 .rojak-selection-tray{min-height:53px;margin-top:7px;padding-block:5px 10px}.rojak-phase-0 .rojak-selection-tray .rojak-food-art{height:38px}.rojak-phase-0 .rojak-controls{margin-bottom:10px;padding:10px 17px 12px}.rojak-phase-0 .rojak-controls>span{margin-bottom:8px;font-size:14px}}.rojak-game>h1{background:#fff4dfb3;margin:0;padding:4px 0 8px;font-size:19px;font-style:italic;font-weight:400}.rojak-ticket{box-shadow:none;background:#fff7e9eb;border:0;border-radius:0;margin:0;padding:8px 18px;font-size:11px;line-height:1.35}.rojak-ticket b{letter-spacing:.6px;margin-right:7px;font-size:8px;display:inline}.rojak-steps{background:#fff2dcd9;border-radius:0;margin:0;padding:9px 12px 11px;box-shadow:0 4px 8px #60371918}.rojak-steps i{width:25px;height:25px}.rojak-steps span{font-size:10px}.rojak-steps span+span:before{top:12px}.rojak-workspace{scrollbar-width:thin;scrollbar-color:#c09a69 transparent;flex-direction:column;gap:0;padding:13px 16px 12px;display:flex}.rojak-workspace>h2{background:#fff4dff2;border-radius:17px;flex-shrink:0;margin:0 0 12px;padding:12px 8px;font-size:25px;box-shadow:0 3px 10px #46250d19}.rojak-workspace>.rojak-hint{background:#fff4dfe8;border-radius:12px;flex-shrink:0;margin:8px 0;padding:7px 10px;font-size:11px}.rojak-ingredients{background:#fff4dfed;border-radius:20px;flex-shrink:0;gap:8px;padding:10px;box-shadow:0 5px 12px #3f200c25}.rojak-ingredients button{background:linear-gradient(#fffdf5,#f6e6c7);border-color:#d8be96;border-radius:14px;padding:8px 3px 10px}.rojak-ingredients button[aria-pressed=true]{background:#fff3d0;border-color:#efac20;box-shadow:0 0 0 1px #ffdd8a}.rojak-ingredients .rojak-food-art{height:clamp(64px,10dvh,94px)}.rojak-ingredients strong{font:700 11px Georgia,serif}.rojak-ingredients small{margin-top:3px;font-size:9px}.rojak-check{width:19px;height:19px;font-size:13px}.rojak-selection-tray{flex-shrink:0;margin:13px 0 0}.rojak-selection-tray p{color:#89613d;font-size:11px}.rojak-tray{flex-shrink:0;min-height:68px;margin:0 0 12px;padding:8px 12px 12px}.rojak-tray .rojak-food-art{height:47px}.rojak-board{aspect-ratio:1.7;flex-shrink:0;width:100%;height:auto;min-height:0;margin:auto 0}.rojak-assist{background:#fff4dfe8;border:1px solid #d9b581;flex-shrink:0;margin:5px auto;padding:7px 12px;font-size:10px;text-decoration:none}.rojak-controls{background:#fff4e0fa;border-radius:24px;margin:0 15px 15px;padding:14px 18px 17px;box-shadow:0 5px 14px #46250d30}.rojak-control-instruction{margin:0 0 7px;font:700 14px Georgia,serif}.rojak-controls>span{letter-spacing:.4px;margin:0 0 10px;font-size:9px}.rojak-action{background:linear-gradient(#ffc63e,#ee9b12);border-color:#ffd978;min-height:49px;font-family:Georgia,serif;font-size:17px;box-shadow:0 3px #c47c13,inset 0 1px 2px #fff6bf}.rojak-bowl-area{isolation:isolate;flex:1;min-height:220px;max-height:350px;margin:8px -9px}.rojak-bowl{width:100%;max-width:none;height:100%;box-shadow:none;background:url(/assets/rojak-ceramic-bowl-v2.optimized-layj0-H5.webp) 50%/contain no-repeat;border:0;border-radius:0;overflow:visible}.has-sauce .rojak-bowl{background:url(/assets/rojak-ceramic-bowl-v2.optimized-layj0-H5.webp) 50%/contain no-repeat}.rojak-bowl-food{transform-origin:50%;z-index:2;border-radius:50%;inset:24% 18% 36% 14%;overflow:hidden}.rojak-bowl-food>span{width:44%;height:55%}.rojak-bowl-food .rojak-food-art{filter:drop-shadow(0 3px 2px #5f351940);height:100%}.rojak-sauce-pool{opacity:0;z-index:1;background:#744019;border-radius:50%;transition:opacity .4s;position:absolute;inset:26% 18% 34% 14%;box-shadow:inset 0 0 12px #4a260e55}.has-sauce .rojak-sauce-pool{opacity:.87}.has-sauce .rojak-bowl-food{filter:sepia(.25)saturate(1.1)brightness(.88)}.rojak-peanut-scatter{z-index:3;inset:25% 22% 36% 16%}.rojak-stir-arrow{color:#ffc43d;z-index:4;text-shadow:0 2px 7px #aa5a13aa;font-size:205px;top:9%}.rojak-percent{background:#fff3ddeb;border-radius:10px;align-self:center;margin:5px;padding:5px 14px}.rojak-game progress{accent-color:#efa71d;flex-shrink:0}.rojak-topping{border-radius:17px;flex-shrink:0;padding:7px 12px}.rojak-phase-4 .rojak-workspace>h2:before{content:"✦ ";color:#e6a521}.rojak-phase-4 .rojak-workspace>h2:after{content:" ✦";color:#e6a521}@media (height<=740px){.rojak-header{padding-top:10px}.rojak-header small{display:none}.rojak-game>h1{padding-bottom:5px;font-size:16px}.rojak-ticket{padding-block:6px;font-size:10px}.rojak-workspace{padding-top:9px}.rojak-workspace>h2{margin-bottom:8px;padding:9px;font-size:21px}.rojak-ingredients .rojak-food-art{height:61px}.rojak-ingredients small{display:none}.rojak-controls{margin-bottom:10px;padding:10px 16px 13px}.rojak-bowl-area{min-height:190px}}.rojak-phase-0{background-image:url(/assets/rojak-reference-selection-v2.optimized-Bv1abvJ8.webp)}.rojak-phase-0 .rojak-header{background:0 0;padding:22px 20px 0}.rojak-phase-0 .rojak-header>span{white-space:nowrap;font-size:24px}.rojak-phase-0 .rojak-header small{display:none}.rojak-phase-0>h1{background:0 0;margin:0;padding:3px 0 10px;font-size:19px}.rojak-phase-0 .rojak-ticket{display:none}.rojak-phase-0 .rojak-ticket.is-open{z-index:8;border:1px solid #d5b780;border-radius:15px;padding:14px;font-size:13px;display:block;position:absolute;top:130px;left:24px;right:24px;box-shadow:0 5px 20px #43230855}.rojak-phase-0 .rojak-steps{box-shadow:none;background:0 0;padding:8px 35px 14px}.rojak-phase-0 .rojak-steps span{color:#6e472c;font:700 12px Georgia,serif}.rojak-phase-0 .rojak-steps i{background:#dfd1af;width:26px;height:26px}.rojak-phase-0 .rojak-steps .active i{color:#5b300e;background:#f8b72d}.rojak-phase-0 .rojak-workspace{padding:0 27px 8px;overflow-y:auto}.rojak-phase-0 .rojak-workspace>h2{background:#fff3dff5;border-radius:23px 23px 0 0;padding:13px 8px 3px;font-size:28px}.rojak-phase-0 .rojak-workspace>.rojak-hint{background:#fff3dff5;padding:0 4px 12px;font:15px Georgia,serif}.rojak-phase-0 .rojak-ingredients{box-shadow:none;background:#fff3dff5;border-radius:0;grid-auto-rows:1fr;gap:9px;min-height:0;padding:0 10px 10px}.rojak-phase-0 .rojak-ingredients button{box-shadow:none;background:linear-gradient(#fffdf2,#ffedcc);border-color:#d3b98c;border-radius:13px;padding:5px 4px 7px}.rojak-phase-0 .rojak-ingredients .rojak-food-art{height:clamp(84px,14dvh,125px)}.rojak-phase-0 .rojak-ingredients strong{margin:0;font-size:15px}.rojak-phase-0 .rojak-check{background:#fff6e0;border-color:#ccb28b;width:25px;height:25px;top:5px;right:6px;box-shadow:0 0 0 2px #fffaf0}.rojak-phase-0 .rojak-ingredients [aria-pressed=true] .rojak-check{color:#59320e;background:linear-gradient(#ffc750,#f3a51a);border-color:#d58d14}.rojak-ingredient-pages{background:#fff3dff5;border-radius:0 0 23px 23px;flex-shrink:0;justify-content:space-between;padding:2px 13px 9px;display:flex}.rojak-ingredient-pages button{color:#85613d;cursor:pointer;background:0 0;border:0;padding:5px 0;font:11px Georgia,serif}.rojak-phase-0 .rojak-selection-tray{background-image:url(/assets/rojak-serving-tray-v2.optimized-B9gHEkR9.webp);min-height:90px;margin:11px -4px 0;padding:12px 20px 25px}.rojak-phase-0 .rojak-selection-tray>span{flex:1;width:auto;max-width:30%}.rojak-phase-0 .rojak-selection-tray .rojak-food-art{height:62px}.rojak-phase-0 .rojak-controls{background:#fff3dff7;border-radius:25px;margin:0 22px 19px;padding:16px 22px 22px}.rojak-phase-0 .rojak-controls>span{margin-bottom:14px;font-size:19px}.rojak-phase-0 .rojak-action{color:#633711;background:linear-gradient(#ffc23c,#ed970a);border:2px solid #ffd579;border-radius:40px;min-height:56px;font-size:20px;box-shadow:0 3px #bc7413,inset 0 1px 1px #fff9d6}@media (height<=760px){.rojak-phase-0 .rojak-header{padding-top:15px}.rojak-phase-0 .rojak-header>span{font-size:21px}.rojak-phase-0 .rojak-steps{padding-bottom:10px}.rojak-phase-0 .rojak-workspace>h2{padding-top:10px;font-size:25px}.rojak-phase-0 .rojak-ingredients .rojak-food-art{height:86px}.rojak-phase-0 .rojak-selection-tray{min-height:70px;padding-block:7px 12px}.rojak-phase-0 .rojak-selection-tray .rojak-food-art{height:50px}.rojak-phase-0 .rojak-controls{margin-bottom:14px;padding:12px 19px 17px}.rojak-phase-0 .rojak-controls>span{margin-bottom:10px;font-size:17px}.rojak-phase-0 .rojak-action{min-height:49px}}.rojak-phase-0 .rojak-workspace{overscroll-behavior:none;flex:1;grid-template-rows:auto auto minmax(0,1fr) auto clamp(58px,10dvh,94px);min-height:0;display:grid;overflow:hidden}.rojak-phase-0 .rojak-ingredients{grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;min-height:0;overflow:hidden}.rojak-phase-0 .rojak-ingredients button{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.rojak-phase-0 .rojak-ingredients .rojak-food-art{flex:1;width:100%;height:0;min-height:0}.rojak-phase-0 .rojak-ingredients strong{flex-shrink:0}.rojak-phase-0 .rojak-selection-tray{height:100%;min-height:0;margin:0 -4px;padding:10px 20px 18px;overflow:hidden}.rojak-phase-0 .rojak-selection-tray .rojak-food-art{height:100%;max-height:62px}.rojak-phase-0 .rojak-selection-tray>span{height:100%;min-height:0}.rojak-phase-0 .rojak-ingredients{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 9px 9px}.rojak-phase-0 .rojak-ingredients button{border-radius:12px;padding:6px 2px 8px}.rojak-phase-0 .rojak-ingredients strong{font-size:12px;line-height:1.2}.rojak-phase-0 .rojak-check{width:20px;height:20px;font-size:13px;top:5px;right:5px}.rojak-phase-0 .rojak-ingredient-pages{justify-content:flex-end}.rojak-phase-0 .rojak-selection-tray>span{flex:0 20%;width:20%;min-width:0;max-width:20%}.rojak-phase-0 .rojak-selection-tray{transform:translateY(9px)}.rojak-phase-0 .rojak-selection-tray>span{opacity:1}.rojak-phase-0 .rojak-selection-tray{isolation:isolate;align-items:center;padding:0 26px;position:relative}.rojak-phase-0 .rojak-selection-tray>span{opacity:1;align-self:center;place-items:center;height:58%;max-height:48px;display:grid;transform:translateY(-5px)}.rojak-phase-0 .rojak-selection-tray>span:before{content:"";filter:blur(3px);z-index:-1;background:#26331155;border-radius:50%;height:8px;position:absolute;bottom:3px;left:18%;right:18%}.rojak-phase-0 .rojak-selection-tray .rojak-food-art{filter:drop-shadow(0 2px 1px #35401455);width:100%;height:100%;max-height:48px}.rojak-game>.rojak-header{display:none}.rojak-game>h1{background:0 0;margin:0;padding:18px 12px 8px;font-size:25px;font-style:italic;line-height:1.15}.rojak-phase-0>h1{padding:18px 12px 7px;font-size:25px}.rojak-phase-0 .rojak-steps{padding-top:6px;padding-bottom:13px}.rojak-phase-0 .rojak-workspace{grid-template-rows:auto auto minmax(0,1fr) auto clamp(70px,12dvh,102px);padding-top:0}.rojak-phase-0 .rojak-workspace>h2{padding-top:13px}.rojak-phase-0 .rojak-ingredients{align-self:center;width:100%;max-height:370px}.rojak-phase-0 .rojak-controls{margin-top:7px;margin-bottom:22px}@media (height<=740px){.rojak-phase-0>h1{padding-top:12px;font-size:23px}.rojak-phase-0 .rojak-steps{padding-bottom:10px}.rojak-phase-0 .rojak-controls{margin-bottom:14px}}.rojak-phase-1,.rojak-phase-2{background-image:url(/assets/rojak-preparation-reference-v3.optimized-CgamQtYP.webp);background-size:100% 100%}:is(.rojak-phase-1,.rojak-phase-2)>h1{background:0 0;padding-top:20px;font-size:23px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-ticket{display:none}:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{box-shadow:none;background:0 0;padding:9px 28px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace{pointer-events:none;padding:0;display:block;position:absolute;inset:0;overflow:hidden}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>h2{box-shadow:none;background:0 0;margin:0;padding:4px 0;font-size:26px;position:absolute;top:16%;left:10%;right:10%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray{filter:none;background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;height:9%;min-height:0;margin:0;padding:0;display:grid;position:absolute;top:24%;left:11%;right:10%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray>span{opacity:1;border-radius:9px;width:100%;height:100%;padding:2px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray .current{outline-offset:-4px;outline:1.5px dashed #f8d9a0}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray .rojak-food-art{filter:drop-shadow(0 3px 2px #24100666);width:100%;height:100%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray b{color:#704312;background:#ffc43e;border-radius:50%;place-items:center;width:21px;height:21px;font-size:16px;display:grid;top:-3px;right:-2px;box-shadow:0 2px 3px #2c150d66}:is(.rojak-phase-1,.rojak-phase-2) .rojak-board{aspect-ratio:auto;filter:none;pointer-events:auto;background:0 0;width:83%;height:34%;min-height:0;margin:0;position:absolute;top:39%;left:5%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-board .rojak-knife{opacity:0;width:50%;height:35%;top:12%;right:-1%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-board .rojak-knife.is-cutting{opacity:1}.rojak-phase-1 .rojak-board .rojak-peeling-knife.is-cutting{width:76.7%;height:35.4%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>.rojak-hint{display:none}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>.rojak-assist{pointer-events:auto;background:#fff2dce8;margin:0;padding:5px;font-size:10px;position:absolute;top:74%;left:25%;right:12%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-cut-guides{inset:0 28% 0 38%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-peel-direction{letter-spacing:25px;font-size:30px;bottom:-5px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls{background:#fff3dff5;border-radius:25px;flex-direction:column;justify-content:center;min-height:120px;margin:0;padding:17px 17px 19px;display:flex;position:absolute;bottom:3%;left:7%;right:7%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>span{letter-spacing:0;color:#5e381f;order:0;margin:0 0 12px;font:700 16px Georgia,serif}:is(.rojak-phase-1,.rojak-phase-2) .rojak-control-instruction{order:1;margin:0 0 14px;font-size:16px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action{order:3;min-height:40px;margin-top:12px;font-size:15px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{align-items:center;height:calc(16% - 54px);padding:0 28px;position:absolute;top:58px;left:0;right:0}:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps span{height:44px}@media (height<=740px){:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{height:calc(16% - 47px);top:51px}}.rojak-game .rojak-steps span,.rojak-phase-0 .rojak-steps span{color:#47230f;text-shadow:0 1px 2px #fff6df,0 0 5px #fff6df;font-size:12px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{background:linear-gradient(90deg,#0000,#fff2d9e8 12% 88%,#0000);border-radius:12px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>h2{color:#47230f;text-shadow:none;background:#fff2d9ed;border-radius:12px;padding:7px 4px;left:6%;right:6%;box-shadow:0 2px 5px #49250e18}.rojak-game>h1.rojak-title{justify-content:center;align-items:center;padding:14px 12px 7px;font-style:normal;display:flex}.rojak-title>span{color:#fff3ce;white-space:nowrap;text-shadow:0 2px 2px #003c28;background:linear-gradient(130deg,#187b54,#004732 65%);border:2px solid #eac878;border-radius:40px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:64%;max-width:250px;height:44px;font:700 23px/1 Georgia,serif;display:flex;box-shadow:0 0 0 2px #99642b,inset 0 0 0 2px #fff0a55c,0 5px 9px #25190f55}.rojak-title>span:before,.rojak-title>span:after{content:"❧";color:#eec576;font-size:14px}@media (height<=740px){.rojak-game>h1.rojak-title{padding-top:7px}.rojak-title>span{height:40px;font-size:21px}}.rojak-stroke-progress{order:2;justify-content:center;align-items:center;gap:30px;display:flex}.rojak-stroke-progress i{background:#d7c3a0;border:1px solid #9b733b;border-radius:50%;width:17px;height:17px;position:relative;box-shadow:inset 0 1px 2px #fff8e2}.rojak-stroke-progress i+i:before{content:"";background:#d0ac70;width:31px;height:3px;position:absolute;top:6px;right:100%}.rojak-stroke-progress i.filled{background:linear-gradient(#ffca4d,#efa415);border-color:#c88b24}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray{grid-template-rows:minmax(0,1fr);align-items:stretch;height:9%;top:23.5%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray>span{place-items:center;min-height:0;display:grid;overflow:hidden}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray .rojak-food-art{width:90%;height:80%;max-height:55px}@media (height<=740px){:is(.rojak-phase-1,.rojak-phase-2)>h1{padding-top:13px;font-size:21px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{padding-top:5px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls{min-height:105px;padding:12px 15px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>h2{font-size:24px}}.rojak-phase-0>h1{padding-top:30px}.rojak-phase-0 .rojak-workspace{position:relative}.rojak-phase-0 .rojak-ingredients{background:#fff3dff5;align-self:stretch;height:100%;max-height:none}@media (height<=740px){.rojak-phase-0>h1{padding-top:23px}}:is(.rojak-phase-1,.rojak-phase-2) .rojak-tray{gap:10px;height:8.5%;top:23.8%;left:13%;right:11%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray{pointer-events:auto;background:#74451f url(/assets/rojak-five-slot-tray-v1.optimized-BkWMNhtY.webp) 50%/106% 130% no-repeat;border-radius:11px;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:11%;padding:9px 7px 13px;top:23%;left:10%;right:8%;box-shadow:0 4px 6px #30170d50}.rojak-five-tray>button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:2px;display:grid;position:relative}.rojak-five-tray>button.current{background:#ffcb5520;border:1px dashed #ffe0a7;outline:none}.rojak-five-tray>button:disabled{opacity:.28;cursor:default}.rojak-five-tray>button:disabled[data-selected=true]{opacity:1}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray .rojak-food-art{width:100%;height:100%;max-height:55px}.rojak-five-tray b.rojak-prep-done{color:#52633b;background:#f8ecd1;border:1px solid #bca078;border-radius:10px;place-items:center;width:auto;height:16px;padding:0 5px;font:700 9px/1 Georgia,serif;display:grid;position:absolute;top:auto;bottom:-3px;right:0;box-shadow:0 1px 2px #30170d35}.rojak-five-tray>button:focus-visible{outline-offset:2px;outline:2px solid #fff5c9}.rojak-phase-0 .rojak-selection-tray>span{height:72%;max-height:58px;transform:translateY(-9px)}.rojak-phase-0 .rojak-selection-tray .rojak-food-art{max-height:58px}.rojak-phase-0 .rojak-ingredients img.rojak-food-art{object-fit:contain;object-position:center}.rojak-phase-0 .rojak-selection-tray>span{transform:translateY(-9px)}.rojak-phase-0 .rojak-selection-tray>span[data-fruit=pineapple],.rojak-phase-0 .rojak-selection-tray>span[data-fruit=guava]{transform:translateY(-15px)}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray{height:14%;box-shadow:none;background:url(/assets/rojak-five-slot-tray-v1.optimized-BkWMNhtY.webp) 50%/100% 100% no-repeat;border-radius:0;padding:0;display:block;top:22%;left:8%;right:7%}.rojak-five-tray>button{border-radius:4px;width:16.7%;height:47%;padding:1px;position:absolute;top:20%}.rojak-five-tray>button:first-child{left:4.5%}.rojak-five-tray>button:nth-child(2){left:23.1%}.rojak-five-tray>button:nth-child(3){left:41.4%}.rojak-five-tray>button:nth-child(4){left:59.6%}.rojak-five-tray>button:nth-child(5){left:77.7%}.rojak-five-tray>button.current{outline-offset:0;background:#ffc55012;border:1px dashed #ffe1a4;outline:none}.rojak-game>h1,.rojak-phase-0>h1,:is(.rojak-phase-1,.rojak-phase-2)>h1{text-align:center;background:0 0;flex-shrink:0;height:65px;margin:0;padding:30px 12px 7px;font:italic 25px/28px Georgia,serif}.rojak-game .rojak-steps,.rojak-phase-0 .rojak-steps,:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{height:72px;box-shadow:none;background:0 0;border-radius:0;flex-shrink:0;margin:0;padding:6px 28px 13px;display:flex}.rojak-game .rojak-steps span,.rojak-phase-0 .rojak-steps span{color:#775234;flex:1;min-width:0;font:700 11px Georgia,serif}.rojak-game .rojak-steps i,.rojak-phase-0 .rojak-steps i{width:26px;height:26px;font:700 12px Georgia,serif}.rojak-game .rojak-steps span+span:before{top:12px}.rojak-game .rojak-steps .active i{color:#5b300e;background:#f8b72d}.rojak-game .rojak-steps .done i{color:#fff5df;background:#176f4d}@media (height<=740px){.rojak-game>h1,.rojak-phase-0>h1,:is(.rojak-phase-1,.rojak-phase-2)>h1{height:57px;padding-top:23px;font-size:23px}.rojak-game .rojak-steps,.rojak-phase-0 .rojak-steps,:is(.rojak-phase-1,.rojak-phase-2) .rojak-steps{height:64px;padding-bottom:10px}}.rojak-game>.rojak-ticket{display:none}.rojak-phase-0>.rojak-ticket.is-open{display:block}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray{height:16%;top:21.5%;left:3%;right:3%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray .rojak-food-art{width:100%;height:100%;max-height:70px;transform:scale(1.12)}.rojak-phase-1,.rojak-phase-2{background-image:url(/assets/rojak-prep-centered-props-v6.optimized-CkbdvF-G.webp)}:is(.rojak-phase-1,.rojak-phase-2) .rojak-board{width:70%;height:28%;top:40%;left:15%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-board-food{width:89%;height:83%;top:48%;left:50%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>.rojak-assist{top:75%;left:26%;right:26%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray>button.current{background:0 0;border-color:#0000;outline:none}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray>button.current:after{content:"";pointer-events:none;border:1px dashed #ffe1a4;border-radius:5px;position:absolute;inset:-4% -3% -11%}:is(.rojak-phase-1,.rojak-phase-2) .rojak-board .rojak-knife:not(.is-cutting){opacity:1;transform-origin:50%;width:65%;height:30%;top:34%;left:60%;right:auto;transform:rotate(105deg)scale(1.18)}.rojak-game .rojak-controls{box-sizing:border-box;border-radius:25px;flex:0 0 140px;grid-template-rows:20px 20px 16px 40px;align-content:center;gap:4px;height:140px;min-height:140px;margin:0 7% 3%;padding:10px 17px;display:grid}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls{height:140px;min-height:140px;margin:0;padding:10px 17px}.rojak-game .rojak-controls>span{letter-spacing:0;color:#5e381f;grid-row:1;margin:0;font:700 15px/20px Georgia,serif}.rojak-game .rojak-controls>.rojak-control-instruction{grid-row:2;margin:0;font:700 14px/20px Georgia,serif;display:block}.rojak-game .rojak-controls>.rojak-stroke-progress{grid-row:3}.rojak-game .rojak-controls>.rojak-action{box-sizing:border-box;grid-row:4;height:40px;min-height:40px;margin:0;padding:6px;font-size:15px;display:block}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls{grid-template-rows:20px 20px 40px;align-content:center;row-gap:8px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-stroke-progress{grid-row:3;align-self:center}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action{visibility:visible;grid-row:3}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action:disabled{display:none}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action:not(:disabled){transform-origin:50%;animation:1.8s ease-in-out infinite rojak-next-breathe}@keyframes rojak-next-breathe{0%,to{transform:scale(1);box-shadow:0 3px #c97a14,0 0 8px #ffbd3f55}50%{transform:scale(1.035);box-shadow:0 3px #c97a14,0 0 20px #ffba3dcc,0 0 0 4px #ffd77644}}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action:not(:disabled):active{animation:none;transform:translateY(2px)}@media (prefers-reduced-motion:reduce){:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action:not(:disabled){animation:none;box-shadow:0 3px #c97a14,0 0 15px #ffba3daa}}.rojak-bowl{aspect-ratio:3/2;height:auto}.rojak-bowl-food{inset:39% 22% 34%;overflow:hidden}.rojak-sauce-pool{inset:46% 24% 35%}.rojak-peanut-scatter{inset:40% 24% 35%}.rojak-bowl-food .rojak-food-art{filter:drop-shadow(0 2px 1px #57371c66)}.rojak-peel-tutorial{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.rojak-peel-tutorial-track{color:#fff3bc;filter:drop-shadow(0 1px 3px #805020);width:24px;height:48%;position:absolute;top:23%;left:calc(48% - 12px);overflow:visible}.rojak-peel-tutorial-hand{filter:drop-shadow(0 2px 5px #63330d66);width:48px;height:55px;animation:1.8s ease-in-out infinite rojak-peel-demo;position:absolute;top:18%;left:calc(48% - 17px)}.rojak-peel-tutorial-label{white-space:nowrap;color:#543015;background:#fff2d9f5;border:1px solid #d3ac6c;border-radius:12px;padding:5px 10px;font:700 12px Georgia,serif;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes rojak-peel-demo{0%{opacity:0;transform:translateY(0)}15%,25%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(80px)}90%,to{opacity:0;transform:translateY(80px)}}@media (prefers-reduced-motion:reduce){.rojak-peel-tutorial-hand{animation:none}}.rojak-mixing-spoon{object-fit:contain;z-index:5;pointer-events:none;transform-origin:50% 20%;filter:drop-shadow(2px 3px 2px #43200d66);width:43%;height:78%;transition:left .22s,top .22s,transform .22s,filter .22s;position:absolute;top:58%;left:92%;transform:translate(-50%,-20%)rotate(4deg)}.rojak-mixing-spoon.is-stirring{filter:drop-shadow(4px 7px 3px #43200d55);transition:left 80ms linear,top 80ms linear,transform .22s;transform:translate(-50%,-20%)rotate(-145deg)}.rojak-bowl-area:has(.is-stirring) .rojak-stir-arrow{opacity:0}@media (prefers-reduced-motion:reduce){.rojak-mixing-spoon,.rojak-mixing-spoon.is-stirring{transition:none}}.rojak-loose-fruit{z-index:2;clip-path:ellipse(49% 48% at 50% 51%);pointer-events:none;position:absolute;inset:27% 14% 32%;overflow:hidden}.rojak-loose-piece{aspect-ratio:1;filter:drop-shadow(1px 3px 2px #58301455);will-change:transform;width:23%;transition:left .14s linear,top .14s linear,transform .14s linear;position:absolute}.rojak-loose-piece svg{width:100%;height:100%;transition:opacity 1.3s;position:absolute;inset:0;overflow:hidden}.rojak-sauce-pouring{z-index:7;pointer-events:none;width:62%;height:auto;animation:1.4s ease-in-out both rojak-pour-in;position:absolute;top:-13%;left:10%}@keyframes rojak-pour-in{0%{opacity:0;transform:translate(-18px,-25px)rotate(-12deg)}20%,75%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-12px,-20px)rotate(-10deg)}}@media (prefers-reduced-motion:reduce){.rojak-loose-piece,.rojak-loose-piece svg{transition:none}.rojak-sauce-pouring{animation:none}}.rojak-phase-2 .rojak-board .rojak-knife.is-following,.rojak-phase-2 .rojak-board .rojak-knife.is-following:not(.is-cutting){opacity:1;transform-origin:50%;animation:none;right:auto;transform:translate(-25%,-65%)rotate(-12deg)}.rojak-mixing-spoon:not(.is-stirring){height:65%;top:54%}.rojak-sauce-rig{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rojak-sauce-vessel{transform-origin:195px 10px;animation:1.4s ease-in-out both rojak-jug-tip}@keyframes rojak-jug-tip{0%{opacity:0;transform:rotate(8deg)}18%,75%{opacity:1;transform:rotate(20deg)}to{opacity:0;transform:rotate(8deg)}}@keyframes rojak-sauce-release{0%,23%{opacity:0;clip-path:inset(0 0 100%)}36%,72%{opacity:1;clip-path:inset(0)}83%,to{opacity:0;clip-path:inset(95% 0 0)}}@keyframes rojak-sauce-travel{to{stroke-dashoffset:-56px}}@keyframes rojak-sauce-land{0%{opacity:.9;transform:scale(.7)}to{opacity:.35;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.rojak-sauce-vessel{animation:none;transform:rotate(38deg)}.rojak-sauce-flow,.rojak-sauce-glints,.rojak-sauce-impact{animation:none}}:is(.rojak-phase-3,.rojak-phase-4) .rojak-workspace{box-sizing:border-box;padding-left:7%;padding-right:7%}:is(.rojak-phase-3,.rojak-phase-4) .rojak-workspace>h2,:is(.rojak-phase-3,.rojak-phase-4) .rojak-workspace>.rojak-hint,:is(.rojak-phase-3,.rojak-phase-4) .rojak-workspace>progress,:is(.rojak-phase-3,.rojak-phase-4) .rojak-workspace>.rojak-action,:is(.rojak-phase-3,.rojak-phase-4) .rojak-workspace>.rojak-topping{box-sizing:border-box;width:100%;margin-left:0;margin-right:0}:is(.rojak-phase-3,.rojak-phase-4) .rojak-steps{padding-left:7%;padding-right:7%}.rojak-phase-3 .rojak-workspace{pointer-events:none;min-height:0;padding:0;position:absolute;inset:137px 0 0}.rojak-phase-3 .rojak-workspace>h2{background:#fff2d9f2;border-radius:17px;width:auto;margin:0;padding:10px 4px;font:700 25px Georgia,serif;position:absolute;top:0;left:5%;right:5%;box-shadow:0 3px 8px #60391625}.rojak-phase-3 .rojak-bowl-area{pointer-events:auto;align-items:center;height:auto;min-height:0;max-height:none;margin:0;display:grid;position:absolute;inset:9% 0 24%}.rojak-phase-3 .rojak-bowl{width:100%;transform:translate(1%)scale(1.1)}.rojak-phase-3 .rojak-loose-fruit{inset:25% 13% 31%}.rojak-phase-3 .rojak-loose-piece{width:26%}.rojak-mix-card{z-index:8;text-align:center;background:#fff3ddf7;border:1px solid #fff8df;border-radius:23px;padding:14px 22px 10px;position:absolute;bottom:3%;left:5%;right:5%;box-shadow:0 4px 12px #4b2e1740}.rojak-mix-card>p{color:#4d2a16;margin:0 0 12px;font:700 16px Georgia,serif}.rojak-mix-meter{align-items:center;gap:10px;display:flex}.rojak-mix-meter progress{appearance:none;background:#b49b76;border:1px solid #b48950;border-radius:20px;flex:1;width:auto;min-width:0;height:20px;margin:0;overflow:hidden}.rojak-mix-meter progress::-webkit-progress-bar{background:linear-gradient(#a78d68,#d8c29d);border-radius:20px}.rojak-mix-meter progress::-webkit-progress-value{background:linear-gradient(#ffda63,#f3a719);border-radius:20px;box-shadow:inset 0 1px 2px #fff7b6}.rojak-mix-meter strong{font:700 15px Georgia,serif}.rojak-mix-ingredients{justify-content:center;gap:16px;margin:12px 0 2px;display:flex}.rojak-mix-ingredients>span{width:38px;height:35px;position:relative}.rojak-mix-ingredients .rojak-food-art{width:100%;height:100%}.rojak-mix-ingredients b{color:#54300e;background:#ffc333;border:1px solid #bd7d20;border-radius:50%;width:16px;height:16px;font:700 11px/15px Georgia;position:absolute;top:-3px;right:-4px}.rojak-mix-tap{color:#6d5839;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:5px 15px;font:11px Georgia;text-decoration:underline}.rojak-mix-gesture{pointer-events:none;z-index:6;filter:drop-shadow(0 0 4px #ef4444);width:100%;height:100%;position:absolute;inset:0}.rojak-mix-gesture path:not(defs path){fill:none;stroke:#ef2222;stroke-width:4px;marker-end:url(#rojak-arrow-tip)}.rojak-mix-gesture text{fill:#fff5da;stroke:#d69221;stroke-width:1px}.rojak-bowl-area:has(.is-stirring) .rojak-mix-hand{opacity:0}@media (height<=740px){.rojak-phase-3 .rojak-workspace{top:121px}.rojak-mix-card{padding:11px 20px 8px}.rojak-mix-card>p{margin-bottom:8px}.rojak-mix-ingredients{margin-top:9px}}.rojak-game.rojak-phase-3,.rojak-game.rojak-phase-4{background-image:url(/assets/rojak-table-no-condiments-v3.optimized-CZqwdywB.webp);background-position:50%;background-size:100% 100%}:is(.rojak-phase-3,.rojak-phase-4) .rojak-bowl,:is(.rojak-phase-3,.rojak-phase-4) .has-sauce .rojak-bowl{background-image:url(/assets/rojak-reference-bowl-v3.optimized-CNPyXJ_8.webp)}.rojak-phase-3 .rojak-bowl{transform-origin:50%;transform:scale(1.16)}.rojak-phase-3 .rojak-mixing-spoon:not(.is-stirring){height:62%;top:53%;left:88%}.rojak-bottom-sauce{z-index:1;transform-origin:50% 30%;pointer-events:none;background:radial-gradient(at 35% 24%,#d3975066 0,#0000 24%),radial-gradient(at 63% 60%,#9a4a19 0,#632b0e 55%,#3b1b0bd9 88%,#0000 100%);border-radius:46% 54% 48% 52%/48% 43% 57% 52%;height:24%;transition:opacity .4s;animation:1.4s ease-out both rojak-sauce-collect;position:absolute;top:45%;left:27%;right:26%;box-shadow:inset 0 2px 3px #e5aa5466,0 2px 3px #5a2e1744}@keyframes rojak-sauce-collect{0%,20%{opacity:0;transform:scale(.05)}30%{opacity:.9}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rojak-bottom-sauce{animation:none}}:is(.rojak-phase-3,.rojak-phase-4) .rojak-loose-fruit{clip-path:ellipse(49% 48% at 50% 51%);inset:17% 15% 23%}.rojak-phase-3 .rojak-mix-card{padding-top:16px;padding-bottom:12px;bottom:4%}.rojak-phase-3 .rojak-mix-gesture{height:95%;inset:5% 0 0}.rojak-peanut-sprinkle{z-index:3;pointer-events:none;clip-path:ellipse(49% 48% at 50% 51%);position:absolute;inset:17% 15% 23%}.rojak-peanut-sprinkle i{background:linear-gradient(130deg,#ffe2a0,#d89539 65%,#ac6921);border-radius:35% 55% 30% 45%;animation:.35s ease-out both rojak-peanut-drop;display:block;position:absolute;box-shadow:.5px 1px 1px #4d280b88}.rojak-peanut-sprinkle i:nth-child(3n){background:linear-gradient(110deg,#fff0be,#e9b660 65%,#c88429)}@keyframes rojak-peanut-drop{0%{translate:var(--peanut-from-x,0px) var(--peanut-from-y,-70px);opacity:0}8%{opacity:1}45%{translate:calc(var(--peanut-from-x,0px) * .55) calc(var(--peanut-from-y,-70px) * .8);opacity:1}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.rojak-peanut-sprinkle i{animation:none}}.rojak-phase-3 .rojak-bowl>.rojak-mix-gesture{width:100%;height:100%;inset:0}.rojak-bowl>.rojak-mix-gesture path:not(defs path){stroke-width:7px;stroke-linecap:round}.rojak-table-condiments{z-index:9;pointer-events:none;position:absolute;inset:0}.rojak-condiment{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 2px 1px #40210d80);transform-origin:70% 60%;background:0 0;border:0;width:28%;height:13%;padding:0;position:absolute;top:24%}.rojak-condiment svg{width:100%;height:100%;display:block;overflow:hidden}.rojak-condiment:disabled{opacity:1;cursor:default}.sauce-dish{left:0}.peanut-dish{transform-origin:30% 60%;right:0}.peanut-dish.is-lifting{animation:1.3s ease-in-out both rojak-fetch-peanuts}@keyframes rojak-fetch-sauce{0%,to{transform:translate(0)rotate(0)}23%,76%{filter:drop-shadow(-8px 15px 6px #40210d55);transform:translate(65%,50%)rotate(32deg)}}@keyframes rojak-fetch-peanuts{0%,to{transform:translate(0)rotate(0)}30%,72%{filter:drop-shadow(8px 15px 6px #40210d55);transform:translate(-65%,55%)rotate(-28deg)}}@media (prefers-reduced-motion:reduce){.sauce-dish.is-lifting,.peanut-dish.is-lifting{animation:none}}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls{background:#fff8e9f5;border:1px solid #d7bb7b;box-shadow:0 4px 12px #173d2926,inset 0 0 0 2px #ffffff70}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>span,:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-control-instruction{color:#005438}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action{color:#fff3ce;text-shadow:0 1px 1px #032;background:linear-gradient(130deg,#187b54,#005438 70%);border:2px solid #d9b86b;box-shadow:0 3px #003c29,inset 0 1px 1px #ffffff38}:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action:not(:disabled){animation:1.8s ease-in-out infinite rojak-brand-breathe}@keyframes rojak-brand-breathe{0%,to{transform:scale(1);box-shadow:0 3px #003c29,0 0 7px #d5b56740}50%{transform:scale(1.035);box-shadow:0 3px #003c29,0 0 18px #d5b56780,0 0 0 3px #d5b56725}}@media (prefers-reduced-motion:reduce){:is(.rojak-phase-1,.rojak-phase-2) .rojak-controls>.rojak-action:not(:disabled){animation:none;box-shadow:0 3px #003c29,0 0 12px #d5b56755}}.rojak-mix-card{background:#fff8e9f5;border-color:#d7bb7b}.rojak-mix-card>p{color:#005438}.rojak-mix-card .rojak-action{color:#fff3ce;text-shadow:0 1px 1px #032;background:linear-gradient(130deg,#187b54,#005438 70%);border:2px solid #d9b86b;box-shadow:0 3px #003c29,inset 0 1px 1px #ffffff38}:is(.rojak-phase-3,.rojak-phase-4) .rojak-mixing-spoon:not(.is-stirring){transform-origin:50% 20%;filter:drop-shadow(1px 2px 1px #43200d70);height:70%;top:77%;left:85%;transform:translate(-50%,-20%)scaleY(.72)rotate(55deg)}.rojak-game .rojak-action,.rojak-game.rojak-phase-0 .rojak-controls .rojak-action{color:#fff3ce;text-shadow:0 1px 1px #032;background:linear-gradient(130deg,#187b54,#005438 70%);border:2px solid #d9b86b;box-shadow:0 3px #003c29,inset 0 1px 1px #ffffff38}.rojak-game .rojak-action:disabled{opacity:.45;box-shadow:none}.rojak-game .rojak-controls{background:#fff8e9f5;border:1px solid #d7bb7b}.rojak-game .rojak-controls>span,.rojak-game .rojak-controls>.rojak-control-instruction{color:#005438}.rojak-sauce-rig{z-index:4}.rojak-sauce-impact{transform-origin:272px 2px}:is(.rojak-phase-3,.rojak-phase-4) .rojak-mixing-spoon{width:54%;height:96%}:is(.rojak-phase-3,.rojak-phase-4) .rojak-mixing-spoon:not(.is-stirring){height:88%;top:77%;left:82%}.sauce-dish.is-lifting{animation:2.2s ease-in-out both rojak-fetch-sauce}.rojak-sauce-flow{animation:2.2s linear both rojak-sauce-release}.rojak-sauce-glints{animation:.5s linear infinite rojak-sauce-travel}.rojak-sauce-impact{transform-origin:323px 94px;animation:.6s ease-out infinite rojak-sauce-land}.rojak-bottom-sauce{animation-duration:2.2s}@media (prefers-reduced-motion:reduce){.sauce-dish.is-lifting,.rojak-sauce-flow,.rojak-sauce-glints,.rojak-sauce-impact{animation:none}}.rojak-bottom-sauce{height:22%;box-shadow:none;background:radial-gradient(at 38% 32%,#b36b2a38 0,#0000 35%),radial-gradient(#68300fe8 0,#56230ed9 58%,#68300f70 78%,#0000 97%);border-radius:43% 57% 49% 51%/52% 44% 56% 48%;top:46%;left:25%;right:24%}.rojak-phase-4 .rojak-workspace{min-height:0;padding:0;position:absolute;inset:137px 0 0}.rojak-phase-4 .rojak-workspace>h2{color:#542b15;background:#fff8e9f5;border-radius:18px;width:90%;margin:0;padding:10px 8px;position:absolute;top:0;left:5%}.rojak-ready-stars{color:#ffbc30;filter:drop-shadow(0 2px 1px #a85818);text-shadow:0 0 20px #fff0a4;pointer-events:none;justify-content:center;align-items:center;gap:14px;font-size:42px;line-height:1;display:flex;position:absolute;top:24%;left:0;right:0}.rojak-ready-stars span:nth-child(2){font-size:52px}.rojak-phase-4 .rojak-bowl-area{place-items:center;max-height:none;margin:0;padding:0;display:grid;position:absolute;inset:20% 0 33%}.rojak-phase-4 .rojak-bowl{width:100%;transform:scale(1.12)}.rojak-phase-4 .rojak-mixing-spoon,.rojak-phase-4 .rojak-table-condiments{display:none}.rojak-ready-card{z-index:8;background:#fff8e9f5;border:1px solid #d7bb7b;border-radius:22px;padding:14px 18px;position:absolute;bottom:3%;left:5%;right:5%;box-shadow:0 4px 12px #40210d33}.rojak-ready-card ul{color:#005438;gap:7px;margin:0;padding:0 8px;font:700 14px Georgia,serif;list-style:none;display:grid}.rojak-ready-card li{align-items:center;gap:10px;display:flex}.rojak-ready-card li b{color:#633711;background:#ffbe36;border:1px solid #c99230;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.rojak-ready-peanuts{color:#005438;cursor:pointer;background:0 0;border:0;margin:10px auto;padding:4px;font-size:12px;text-decoration:underline;display:block}.rojak-ready-card .rojak-action{min-height:46px}@media (height<=740px){.rojak-phase-4 .rojak-workspace{top:121px}.rojak-ready-card{padding:10px 16px}.rojak-ready-card ul{gap:4px;font-size:12px}.rojak-ready-stars{font-size:32px;top:26%}.rojak-ready-stars span:nth-child(2){font-size:40px}}.rojak-bottom-sauce{background:radial-gradient(at 42% 35%,#a35a2466 0,#0000 44%),radial-gradient(#713411eb 0,#61280ee6 75%,#61280e99 91%,#0000 100%);border-radius:50%;height:29%;top:49%;left:23%;right:19%;box-shadow:inset 0 1px 2px #c48a4538}.rojak-phase-3 .rojak-table-condiments{grid-template-columns:1fr 1fr;gap:10px;height:13%;display:grid;inset:23% 16% auto}.rojak-phase-3 .rojak-condiment{filter:none;color:#005438;background:#fff8e9eb;border:1px solid #d7bb7b;border-radius:12px;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;width:100%;height:100%;padding:5px 6px 7px;font-family:Georgia,serif;display:grid;position:relative;inset:auto}.rojak-condiment svg{min-height:0}.rojak-condiment span{white-space:nowrap;font-size:12px;font-weight:700}.rojak-condiment small{margin-top:3px;font:9px DM Sans,sans-serif}.rojak-condiment:disabled{cursor:default}.rojak-phase-3 .rojak-bowl{transform:scale(1.17)}.rojak-phase-3 .sauce-dish.is-lifting,.rojak-phase-3 .peanut-dish.is-lifting{animation:none}.rojak-phase-3 .sauce-dish.is-lifting svg{animation:2.2s ease-in-out both rojak-card-pour;overflow:visible}.rojak-phase-3 .peanut-dish.is-lifting svg{animation:1.3s ease-in-out both rojak-card-sprinkle;overflow:visible}@keyframes rojak-card-pour{0%{transform:none}22%{transform:translate(-10px,68px)rotate(12deg)scale(1.12)}36%,72%{transform:translate(-4px,76px)rotate(46deg)scale(1.12)}87%{transform:translate(-10px,60px)rotate(8deg)scale(1.08)}to{transform:none}}@keyframes rojak-card-sprinkle{0%,to{transform:none}28%{transform:translate(-48px,90px)rotate(-20deg)scale(1.05)}36%,54%,72%{transform:translate(-48px,90px)rotate(-32deg)scale(1.05)}45%,63%,80%{transform:translate(-46px,88px)rotate(-26deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.rojak-phase-3 .rojak-condiment.is-lifting svg{animation:none}}.rojak-phase-3 .rojak-table-condiments{gap:12px;height:12%;left:21%;right:21%}.rojak-phase-3 .rojak-condiment{box-sizing:border-box;grid-template-rows:minmax(0,1fr) 15px 12px;min-height:0;padding:4px 5px 6px;overflow:hidden}.rojak-phase-3 .rojak-condiment svg{width:100%;min-width:0;height:100%;min-height:0}.rojak-phase-3 .rojak-condiment span{font-size:11px}.rojak-phase-3 .rojak-condiment small{margin-top:0;font-size:8px}.rojak-phase-3 .rojak-condiment{overflow:visible}.rojak-phase-3 .rojak-table-condiments{aspect-ratio:2.1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;left:18%;right:18%}.rojak-phase-3 .rojak-condiment{grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;row-gap:3px;min-width:0;max-width:100%;padding:7px 6px 8px}.rojak-phase-3 .rojak-condiment span{white-space:normal;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:100%;font-size:12px;line-height:15px}.rojak-phase-3 .rojak-condiment small{white-space:normal;overflow-wrap:anywhere;text-align:center;color:#254c37;min-width:0;max-width:100%;min-height:28px;font-size:11px;font-weight:700;line-height:14px}.rojak-phase-3 .rojak-condiment svg,.rojak-phase-3 .rojak-condiment.is-lifting svg{overflow:hidden}.rojak-condiment-image{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.rojak-phase-3 .sauce-dish.is-lifting .rojak-condiment-image{animation:2.2s ease-in-out both rojak-card-pour}@media (prefers-reduced-motion:reduce){.rojak-phase-3 .rojak-condiment.is-lifting .rojak-condiment-image{animation:none}}.rojak-connected-pour{z-index:8;pointer-events:none;width:100%;height:100%;animation:2.2s linear both rojak-connected-release;position:absolute;inset:0;overflow:visible}@keyframes rojak-connected-release{0%,28%{opacity:0;clip-path:inset(0 0 100%)}40%,70%{opacity:1;clip-path:inset(0)}82%,to{opacity:0;clip-path:inset(80% 0 0)}}@media (prefers-reduced-motion:reduce){.rojak-connected-pour{animation:none}}.rojak-connected-pour{z-index:10}.rojak-peanut-sprinkle i,.rojak-peanut-sprinkle i:nth-child(3n){box-shadow:none;filter:brightness(.91)saturate(.82)drop-shadow(.3px .5px .35px #49200b80);background:0 0;border-radius:0}.rojak-peanut-sprinkle i svg{width:100%;height:100%;display:block;overflow:hidden}.rojak-game.rojak-phase-3{--mix-card-height:224px;--mix-card-bottom:16px}.rojak-phase-3 .rojak-mix-card{bottom:var(--mix-card-bottom);height:var(--mix-card-height);grid-template-rows:38px 34px 36px 46px 18px;align-content:center;gap:5px;padding:12px 20px;display:grid}.rojak-mix-card>p{grid-row:1;place-items:center;margin:0;font-size:15px;line-height:18px;display:grid}.rojak-mix-card>.rojak-mix-meter{grid-row:2}.rojak-mix-card>.rojak-mix-ingredients{grid-row:3;align-items:center;margin:0}.rojak-mix-card>.rojak-action{grid-row:4;height:46px;min-height:0;margin:0;padding:6px}.rojak-mix-card>p+.rojak-action{grid-row:2;height:34px;font-size:14px}.rojak-mix-card>.rojak-mix-tap{grid-row:5;margin:0;padding:0}.rojak-phase-3 .rojak-bowl-area{bottom:calc(var(--mix-card-height) + var(--mix-card-bottom) + 16px);place-items:center;container-type:size}.rojak-phase-3 .rojak-bowl{aspect-ratio:3/2;width:min(100%,150cqh);height:auto;transform:none}.rojak-game.rojak-phase-4{background-image:url(/assets/kopitiam-interior-clear.optimized-DrA8cjGz.webp);background-position:50%;background-size:cover;border:2px solid #b4a572;border-radius:28px}.rojak-phase-4 .rojak-header{z-index:5;padding:10px 15px;position:absolute;top:2%;left:0;right:0}.rojak-phase-4 .rojak-header>span{color:#542511;font:700 23px Georgia,serif}.rojak-phase-4 .rojak-header small{letter-spacing:0;color:#542511;margin-top:3px;font:italic 19px Georgia,serif;display:block}.rojak-game.rojak-phase-4>.rojak-title{display:none}.rojak-game.rojak-phase-4>.rojak-steps{z-index:4;height:64px;padding:0;position:absolute;top:10.5%;left:15%;right:15%}.rojak-phase-4 .rojak-steps i{color:#63300e;background:linear-gradient(#ffe779,#f7aa16);border:1px solid #bc7717;box-shadow:inset 0 1px 2px #fff7d4}.rojak-phase-4 .rojak-steps span+span:before{background:#eda623;height:3px}.rojak-phase-4 .rojak-workspace{pointer-events:none;inset:0}.rojak-phase-4 .rojak-workspace>h2{width:68%;height:15%;box-shadow:none;color:#542511;background:linear-gradient(#fff6e4f5,#fff2d9a6);border-radius:18px;margin:0;padding:14px 4px;font:700 clamp(22px,3.4dvh,30px) Georgia,serif;top:18%;left:16%}.rojak-phase-4 .rojak-ready-stars{z-index:4;gap:15px;font-size:47px;top:25.5%}.rojak-phase-4 .rojak-ready-stars span:nth-child(2){font-size:59px;transform:translateY(-8px)}.rojak-phase-4 .rojak-bowl-area{pointer-events:auto;min-height:0;inset:35% 1% 33%;container-type:size}.rojak-phase-4 .rojak-bowl{aspect-ratio:3/2;width:min(100%,150cqh);height:auto;transform:none}.rojak-phase-4 .rojak-ready-card{height:28%;box-shadow:none;pointer-events:auto;background:0 0;border:0;flex-direction:column;justify-content:space-between;padding:0;display:flex;bottom:3%;left:5%;right:5%}.rojak-phase-4 .rojak-ready-card ul{color:#4d2918;background:linear-gradient(#fff7e6,#fbeaca);border:1px solid #e3cc9b;border-radius:18px;gap:5px;width:74%;height:54%;margin:0 auto;padding:10px 16px;font:700 16px Georgia,serif;box-shadow:0 3px 5px #48210c33}.rojak-phase-4 .rojak-ready-card li b{color:#643408;background:linear-gradient(#ffdf68,#f5a312);border-color:#ce8a1d}.rojak-serve-panel{background:#fff4dd;border:1px solid #e3cc9b;border-radius:24px;align-items:center;height:40%;padding:12px 22px;display:flex;box-shadow:0 4px 6px #48210c44}.rojak-game.rojak-phase-4 .rojak-serve-panel .rojak-action{color:#412506;height:100%;min-height:44px;text-shadow:none;background:linear-gradient(#ffce3d,#efa20f);border:2px solid #d48c15;font:700 24px Georgia,serif;box-shadow:inset 0 2px 2px #fff3af,0 3px 3px #92500d55}.rojak-serve-panel .rojak-action span{padding-left:16px}.rojak-game.rojak-phase-3{--mix-card-height:184px}.rojak-phase-3 .rojak-mix-card{grid-template-rows:30px 28px 30px 40px 16px;gap:3px;padding:9px 20px}.rojak-phase-3 .rojak-mix-card>p{font-size:14px;line-height:16px}.rojak-phase-3 .rojak-mix-card>.rojak-action{height:40px}.rojak-phase-3 .rojak-mix-card>p+.rojak-action{height:28px;font-size:13px}.rojak-phase-3 .rojak-bowl-area{top:24%;bottom:calc(var(--mix-card-height) + var(--mix-card-bottom) + 14px)}.rojak-phase-3 .rojak-mix-card>.rojak-mix-ingredients{gap:20px;transform:translateY(9px)}.rojak-phase-3 .rojak-mix-card>.rojak-action,.rojak-phase-3 .rojak-mix-card>p+.rojak-action{grid-row:4;height:40px;min-height:40px;margin:0;padding:6px;font-size:16px}.rojak-phase-3 .rojak-mix-card>p{text-align:center;justify-items:center;width:100%;transform:translateY(17px)}.rojak-phase-3 .rojak-mix-card>.rojak-mix-meter{justify-content:center;width:100%;transform:translateY(17px)}.rojak-phase-3 .rojak-mix-card>.rojak-mix-ingredients{grid-row:3;justify-content:center;align-items:center;gap:16px;margin:0;transform:none}.rojak-phase-3 .rojak-mix-card:has(.rojak-mix-meter)>p{transform:none}.rojak-phase-3 .rojak-mix-card:not(:has(.rojak-mix-meter))>.rojak-mix-ingredients{transform:translateY(-14px)}.rojak-phase-3 .rojak-mix-card>.rojak-action:disabled{opacity:1;color:#e4e9e2;box-shadow:none;text-shadow:none;cursor:not-allowed;background:#83998c;border-color:#b3b9a4}.rojak-phase-3 .rojak-mix-card>.rojak-mix-meter{transform:translateY(15px)}.rojak-omitted{color:#c62828;font-weight:800}.rojak-slice-guides{pointer-events:none;z-index:2;position:absolute;inset:20% 0}.rojak-slice-guides i{filter:drop-shadow(0 1px 2px #603513);border-left:3px dashed #fff8df;position:absolute;top:0;bottom:0;transform:translate(-50%)}.rojak-slice-guides i.is-next{filter:drop-shadow(0 0 3px #7c451b);border-color:#fff}.rojak-slice-guides i.is-cut{opacity:1;border-color:#34844c}.rojak-phase-3 .sauce-dish.is-lifting .rojak-condiment-image{transform-origin:78% 58%}.rojak-pour-highlight{animation:.65s linear infinite rojak-sauce-travel}@media (prefers-reduced-motion:reduce){.rojak-pour-highlight{animation:none}}.rojak-phase-3 .peanut-dish.is-lifting .rojak-condiment-image{transform-origin:25% 65%;animation:1.95s ease-in-out both rojak-card-sprinkle}.rojak-peanut-sprinkle{clip-path:none}@media (prefers-reduced-motion:reduce){.rojak-peanut-sprinkle i{animation:none}}.rojak-phase-3 .peanut-dish.is-lifting .rojak-condiment-image{animation:2.1s ease-in-out both rojak-card-sprinkle}.rojak-peanut-sprinkle i{animation:.6s linear both rojak-peanut-drop}@media (prefers-reduced-motion:reduce){.rojak-phase-3 .peanut-dish.is-lifting .rojak-condiment-image,.rojak-peanut-sprinkle i{animation:none}}.rojak-order-note-card{box-sizing:border-box;color:#55331e;background:linear-gradient(110deg,#fffdf4,#fff1d5);border:1px solid #d5b780;border-radius:2px 2px 7px 3px;align-self:stretch;min-width:0;min-height:0;padding:15px 7px 7px;font:11px/1.25 Georgia,serif;position:relative;transform:rotate(1deg);box-shadow:2px 4px 5px #59300e38}.rojak-order-note-card:before{content:"";background:radial-gradient(circle at 35% 28%,#edc080,#b77531);border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 3px 2px #61371066}.rojak-order-note-card>b{text-align:center;color:#005438;text-underline-offset:3px;font-size:10px;text-decoration:underline;display:block}.rojak-order-note-card p{margin:5px 0 0}.rojak-order-note-card .rojak-note-label{font-size:10px}.rojak-order-note-card ul{gap:2px;margin:4px 0;padding:0;list-style:none;display:grid}.rojak-order-note-card li{align-items:center;gap:3px;font-size:10px;display:flex}.rojak-order-note-card li img{object-fit:contain;width:16px;height:16px}.rojak-order-note-card .rojak-note-exclusions{color:#b32420;border-top:1px solid #d7bb7b;padding-top:5px;font-size:10px;font-weight:700}.rojak-order-note-card .rojak-note-peanuts{color:#005438;font-size:12px;font-weight:700;line-height:1.3}.rojak-peanuts-plus{vertical-align:-1px;font:900 19px/1 sans-serif;display:inline-block}.rojak-game>.rojak-order-note-card.is-compact{z-index:6;text-align:center;pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:repeat(2,auto);justify-content:center;align-items:center;gap:2px 5px;height:58px;padding:6px 10px;display:grid;position:absolute;top:7px;left:8%;right:8%;transform:none}.rojak-order-note-card.is-compact>b{grid-column:1/-1;width:100%;font-size:9px;text-decoration:none;transform:translateY(3px)}.rojak-order-note-card.is-compact p{margin:0;font-size:10px}.rojak-order-note-card.is-compact>p:first-of-type{grid-column:1/-1;align-self:center;width:100%;transform:translateY(3px)}.rojak-order-note-card.is-compact .rojak-note-peanuts,.rojak-order-note-card.is-compact .rojak-note-exclusions{grid-row:3;justify-self:center}.rojak-order-note-card.is-compact .rojak-note-peanuts:last-child{grid-column:1/-1}.rojak-game:has(>.rojak-order-note-card.is-compact)>.rojak-steps{translate:0 10px}.rojak-game>.rojak-order-note-card.is-compact{translate:0 5px}.rojak-game:has(>.rojak-order-note-card.is-compact)>.rojak-title{visibility:hidden}.rojak-phase-4:has(>.rojak-order-note-card.is-compact) .rojak-header>span{visibility:hidden}@media (height<=740px){.rojak-game>.rojak-order-note-card.is-compact{height:54px;top:3px}.rojak-phase-0 .rojak-order-note-card{padding:11px 5px 4px}.rojak-order-note-card li{gap:2px;font-size:9px}.rojak-order-note-card li img{width:13px;height:13px}.rojak-order-note-card ul{gap:1px;margin-block:3px}.rojak-order-note-card p{margin-top:3px}.rojak-order-note-card .rojak-note-exclusions{padding-top:3px;font-size:9px}}.rojak-peel-board>.gesture-guide{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.rojak-peel-board>.gesture-guide>span{display:none}.rojak-peel-board>.gesture-guide{transform-origin:top;transform:translate(-50%)scale(2)}.rojak-peel-board .gesture-guide-track{stroke:#fff5d3;stroke-width:3px;filter:drop-shadow(0 1px 2px #593410)}.rojak-peel-board .gesture-guide-hand{stroke:#87480c;filter:drop-shadow(0 2px 2px #59341080)}.rojak-phase-3{--mix-heading-top:137px;--mix-heading-height:54px;--mix-heading-gap:10px}.rojak-phase-3 .rojak-workspace{top:var(--mix-heading-top)}.rojak-phase-3 .rojak-workspace>h2{height:var(--mix-heading-height);box-sizing:border-box;place-items:center;padding:8px 4px;line-height:1.15;display:grid}.rojak-phase-3 .rojak-table-condiments{top:calc(var(--mix-heading-top) + var(--mix-heading-height) + var(--mix-heading-gap))}@media (height<=740px){.rojak-phase-3{--mix-heading-top:121px}}.rojak-phase-3{--mix-condiment-height:120px}.rojak-phase-3 .rojak-table-condiments{height:var(--mix-condiment-height);aspect-ratio:auto}.rojak-phase-3 .rojak-bowl-area{top:calc(var(--mix-heading-height) + var(--mix-heading-gap) + var(--mix-condiment-height) + 12px)}@media (height<=680px){.rojak-phase-3{--mix-condiment-height:104px}}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card{overflow-wrap:anywhere;justify-self:stretch;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;margin:0;padding:13px 5px 6px;transform:none;box-shadow:1px 2px 3px #59300e28}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card>b{white-space:normal;font-size:9px;line-height:1.2}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card li{gap:2px;min-width:0;font-size:9px;line-height:1.25}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card li img{flex-shrink:0;width:13px;height:13px}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card .rojak-note-exclusions{font-size:9px;line-height:1.25}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card{flex-direction:column;gap:1px;padding:10px 5px 5px;display:flex;container-type:size}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card>b{flex:none;font-size:clamp(7px,7cqh,9px);line-height:1.1}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card p{flex:none;margin:1px 0 0}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card .rojak-note-label{font-size:clamp(7px,6.5cqh,9px);line-height:1.1}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card ul{flex:1;grid-auto-rows:minmax(0,1fr);gap:0;min-height:0;margin:1px 0;display:grid}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card li{min-height:0;font-size:clamp(7px,6.5cqh,9px);line-height:1.05}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card li img{object-fit:contain;width:10px;height:100%;max-height:11px}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card .rojak-note-peanuts{font-size:clamp(8px,7cqh,10px);line-height:1.1}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card .rojak-peanuts-plus{font-size:12px}.rojak-phase-0 .rojak-ingredients>.rojak-order-note-card .rojak-note-exclusions{padding-top:2px;font-size:clamp(7px,6cqh,8px);line-height:1.1}.rojak-game:is(.rojak-phase-1,.rojak-phase-2)>.rojak-steps{align-items:start;height:48px;padding:0 28px;top:68px;translate:none}.rojak-game:is(.rojak-phase-1,.rojak-phase-2)>.rojak-steps span{color:#47230f;gap:4px;height:auto;font-size:12px;line-height:16px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>h2{padding:6px 4px;font-size:24px;line-height:28px;top:118px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>.rojak-hint{color:#005438;background:#fff8e9f5;margin:0;padding:6px 8px;font-size:12px;line-height:16px;display:block;position:absolute;inset:auto 10% calc(3% + 150px)}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>.rojak-assist{color:#005438;font-size:11px;line-height:16px;inset:auto 26% calc(3% + 186px)}.rojak-game:is(.rojak-phase-1,.rojak-phase-2)>.rojak-steps{z-index:2;box-sizing:border-box;height:48px;padding:0 28px;top:68px;translate:none}:is(.rojak-phase-1,.rojak-phase-2) .rojak-workspace>h2{box-sizing:border-box;min-height:40px;padding:6px 4px;top:128px}:is(.rojak-phase-1,.rojak-phase-2) .rojak-five-tray{height:13%;top:max(28%,180px)}.nasi-frame{color:#fff8e6;background:#a86d36;font-family:Nunito,DM Sans,sans-serif}.nasi-hud{z-index:2;padding:max(26px,env(safe-area-inset-top)) 17px 0;justify-content:space-between;align-items:center;gap:9px;display:flex;position:relative}.nasi-hud .order-stage{margin:0;padding:8px 12px;font-size:17px}.nasi-hud .order-coins{font-size:17px}.nasi-hud small{font-size:11px}.nasi-progress{z-index:2;height:14px;margin-top:17px;position:relative}.nasi-progress span{background:linear-gradient(#b3ef58,#43b840);min-width:0}.nasi-order-bubble{width:48%;min-height:0;padding:18px 8px 6px;top:26%;right:4%}.nasi-order-bubble h1{font-size:17px}.nasi-order-bubble>img{filter:drop-shadow(0 5px 4px #56371930);width:100%;margin-top:13px;display:block}.nasi-order-footer{bottom:max(6%,env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;left:6%;right:6%}.nasi-order-footer .order-message{min-height:78px;margin:0;padding-bottom:25px}.nasi-street{background:url(/assets/street-tile-grid-v7.optimized-CeGU5tcd.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.nasi-road{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#0000 0 95px,#a7753f30 96px 99px),linear-gradient(90deg,#dca45f,#fff0bb 45%,#efbf7d);border-bottom:6px solid #e9b466;position:absolute;inset:26% -25% 0}.nasi-road i{background:#fff4c9;width:3px;position:absolute;top:0;bottom:-20%;left:39%;transform:rotate(9deg);box-shadow:0 0 5px #ffca67}.nasi-road i+i{left:61%;transform:rotate(-9deg)}.nasi-recipe{z-index:2;background:linear-gradient(#fffdf0,#fff0d0);border:5px solid #d43a29;border-radius:20px;outline:2px solid #ffb267;justify-content:space-around;gap:4px;margin:14px 22px 0;padding:12px 8px 9px;display:flex;position:relative;box-shadow:0 5px #8e2a22,0 8px 14px #50271b40}.nasi-recipe>div{opacity:.66;border:2px solid #0000;border-radius:12px;place-items:center;width:18%;display:grid;position:relative}.nasi-recipe>div>span:first-child{filter:drop-shadow(0 3px 2px #6b381c30);font-size:32px}.nasi-recipe small{color:#9c7050;font-size:10px;font-weight:900}.nasi-recipe .is-next{opacity:1;background:#ffe2a6;border-color:#eebd60}.nasi-recipe .is-collected{opacity:1;background:#dbebbc}.nasi-recipe .is-collected small{color:#328351}.nasi-lives{z-index:1;text-align:right;color:#e94e3c;letter-spacing:3px;text-shadow:0 2px #fff5d6;margin:14px 23px;font-size:24px;position:relative}.nasi-lives span{color:#783c2a}.nasi-track{touch-action:none;position:absolute;inset:32% 0 11%;overflow:hidden}.nasi-drop{pointer-events:none;filter:drop-shadow(0 7px 3px #603d3050);will-change:top,transform;font-size:64px;position:absolute}.nasi-obstacle{color:#a93c30;background:linear-gradient(135deg,#ff9980,#bb3b32);border:5px solid #ffb9a3;border-radius:7px;padding:0 9px;font-size:42px;box-shadow:0 5px #87352d}.nasi-player{pointer-events:none;width:44%;transition:left .13s ease-out;position:absolute;top:82%;transform:translate(-50%,-50%)}.nasi-player img{filter:drop-shadow(0 12px 6px #50311c80);width:100%}.nasi-bin{background:#207a64;border:3px solid #d5fff0;border-radius:14px;padding:4px 8px;box-shadow:0 5px #155342}.nasi-bin small{text-align:center;color:#fff8df;letter-spacing:1px;font-size:12px;font-weight:900;display:block}.nasi-carried{background:#fff4de;border:3px solid #e66c43;border-radius:16px;padding:3px 9px;font-size:42px;position:absolute;top:-20px;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #48281155}.nasi-carried small{text-align:center;color:#8e3423;font-size:17px;display:block}.nasi-steering{bottom:max(18px,env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:15px;right:15px}.nasi-steering button{color:#63462b;cursor:pointer;background:linear-gradient(#fff7e4,#ecc483);border:2px solid #fff1c9;border-radius:15px;width:48px;height:46px;font-size:27px;box-shadow:0 3px #996636}.nasi-steering button:disabled{opacity:.45;cursor:default}.nasi-steering>span{color:#5c3926;text-align:center;background:#fff5deed;border-radius:15px;padding:9px 12px;font-size:13px;font-weight:800}.nasi-panel-icon{font-size:48px}.nasi-panel p{line-height:1.65}.nasi-panel .nasi-rules-note{color:#967443;font-size:11px}.nasi-panel h2{font-family:inherit;font-size:25px}.nasi-panel .order-start{font-size:17px}.nasi-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.nasi-panel-food{object-fit:contain;width:110px;height:85px;margin:auto;display:block}.nasi-assembled-plate{isolation:isolate;aspect-ratio:1;filter:drop-shadow(0 9px 5px #54321b60);width:100%;position:relative}.nasi-assembled-plate .nasi-plate-base{object-fit:contain;filter:none;width:100%;height:100%;display:block}.nasi-assembled-plate .nasi-plated-food{object-fit:contain;filter:drop-shadow(0 1px .6px #56391e26);pointer-events:none;height:auto;animation:.22s ease-out both nasi-food-land;position:absolute;transform:translate(-50%,-50%)}.nasi-assembled-plate .nasi-plated-wrong{z-index:6;filter:drop-shadow(0 0 3px #e94e31);width:34%;top:50%;left:52%}.nasi-discard-hint{color:#ad4b2e;background:#fff0d8;border:2px solid #e97249;border-radius:10px;align-items:center;gap:2px;padding:2px 4px;font-weight:900;display:flex;position:absolute;top:0;right:0}.nasi-discard-hint img{object-fit:contain;width:31px;height:30px}.nasi-order-bubble>.nasi-assembled-plate{margin-top:13px}.nasi-panel-food{height:auto}.nasi-player .nasi-assembled-plate{filter:drop-shadow(0 12px 5px #54321b70)}@keyframes nasi-food-land{0%{opacity:0;transform:translate(-50%,-80%)scale(1.12)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.nasi-recipe>div{flex:1;width:auto;min-width:0}.nasi-running .nasi-recipe{padding-inline:4px}.nasi-recipe>div>img{max-width:100%}@media (prefers-reduced-motion:reduce){.nasi-assembled-plate .nasi-plated-food{animation:none}}@media (height<=620px){.nasi-hud{padding-top:15px}.nasi-recipe{margin-top:10px;padding:4px}.nasi-recipe>div>span:first-child{font-size:25px}.nasi-lives{margin-top:8px;font-size:18px}.nasi-order-bubble{top:25%}.nasi-order-footer{bottom:5%}.nasi-order-footer .order-message{min-height:65px}.nasi-order-footer .order-start{padding:13px}.nasi-panel{padding-top:15px}.nasi-panel h2{margin:8px 0}.nasi-panel p{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.nasi-player{transition:none}}.nasi-running .nasi-hud{padding-top:max(27px,env(safe-area-inset-top))}.nasi-running .nasi-progress{border-width:1px;height:8px;margin:10px 35px 0;padding:1px}.nasi-running .nasi-recipe{background:#fff8e8;border-width:5px;border-radius:19px;gap:0;margin:7px 25px 0;padding:5px 7px 3px}.nasi-recipe>div>img{object-fit:contain;filter:drop-shadow(0 3px 2px #663c2625);width:100%;height:49px;display:block}.nasi-recipe>div{opacity:1}.nasi-recipe small{font-size:9px}.nasi-recipe .is-next{background:#ffedc9;border-color:#e6c276}.nasi-drop{width:91px;font-size:0;line-height:0}.nasi-drop>img{object-fit:contain;width:100%;height:95px}.nasi-drop.nasi-bin,.nasi-drop.nasi-obstacle{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.nasi-bin small{white-space:nowrap;background:#176355;border:1px solid #d3ffdf;border-radius:7px;padding:4px;font-size:10px;line-height:1.2}.nasi-player{width:130.5%;top:83%}.nasi-player>img{width:100%;display:block}.nasi-carried{width:82px;padding:4px}.nasi-carried>img{object-fit:contain;filter:none;height:62px}.nasi-carried small{justify-content:center;align-items:center;line-height:1;display:flex}.nasi-carried small img{object-fit:contain;filter:none;width:30px;height:30px}.nasi-running .nasi-lives{margin-top:7px;font-size:18px}.nasi-running .nasi-steering>span{font-size:11px}.nasi-running .nasi-steering button{width:40px;height:38px;font-size:23px}@media (height<=620px){.nasi-running .nasi-hud{padding-top:15px}.nasi-recipe>div>img{height:36px}.nasi-running .nasi-recipe{margin-top:6px}.nasi-running .nasi-lives{margin-top:7px;font-size:15px}}.nasi-frame>.nasi-order-message{min-height:60px;margin:18px 6% 0;padding:14px 12px}.nasi-order-footer .order-start{white-space:nowrap;color:#fff8df;text-shadow:0 2px 2px #003c2966;background:linear-gradient(135deg,#18815a,#005438 65%,#00452f);border:2px solid #fff0bc;margin:0 12px;box-shadow:0 0 0 2px #c49b4c,inset 0 2px 3px #ffffff30,0 5px 12px #003c2940}.nasi-order-footer .order-start:hover{filter:brightness(1.08)}.nasi-order-footer .order-start:active{transform:translateY(2px)}.nasi-drop.nasi-food{width:122px}.nasi-drop.nasi-food>img{height:126px}.nasi-frame:not(.nasi-running) .nasi-hud{grid-template-columns:1fr auto 1fr;display:grid}.nasi-frame:not(.nasi-running) .nasi-hud .order-stage{grid-column:2;justify-self:center}.nasi-drop.nasi-bin{transform-origin:50%;width:38%}.nasi-drop.nasi-bin>img{aspect-ratio:1.3;object-fit:contain;width:100%;height:auto;display:block;transform:rotate(-8deg)}.nasi-drop.nasi-bin[data-lane="2"]>img{transform:scaleX(-1)rotate(-8deg)}.nasi-running .nasi-hud{grid-template-columns:1fr auto 1fr;display:grid}.nasi-running .nasi-hud .order-coins{grid-column:3;justify-self:end}.nasi-running .nasi-hud .order-stage.nasi-time-warning{color:#b72e16;text-shadow:none;background:#fff0dc;border-color:#d94722;font-weight:900;box-shadow:0 0 0 2px #d94722,0 3px 10px #71301d30}.nasi-mistake-notice{z-index:100;pointer-events:none;text-align:center;width:156px;position:absolute;transform:translate(-50%,-100%)}.nasi-mistake-notice>span{color:#a52d1c;white-space:nowrap;background:#fff4df;border:2px solid #e39b64;border-radius:18px;padding:9px 10px;font-size:14px;font-weight:800;animation:1.4s ease-out both nasi-mistake-notice;display:block;box-shadow:0 4px 12px #4c251c40}.nasi-mistake-notice b{color:#c02b17}@keyframes nasi-mistake-notice{0%{opacity:0;transform:translateY(7px)scale(.94)}12%,75%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.nasi-mistake-notice>span{animation:none}}.nasi-running .nasi-hud{grid-template-columns:1fr auto 1fr;gap:12px;padding:18px 14px 0;display:grid}.nasi-running .nasi-hud .order-stage{grid-column:2;justify-self:center}.nasi-running .order-pause{background:linear-gradient(#fffbea,#fff0cd);border:1px solid #fff9df;border-radius:50%;width:44px;height:44px;box-shadow:0 3px 5px #7d54233b}.nasi-running .order-pause span{background:#205a3a;border-radius:4px;width:6px}.nasi-running .order-stage,.nasi-running .order-coins{color:#204e32;white-space:nowrap;background:linear-gradient(#fffbea,#ffedc8);border:1px solid #fff6db;border-radius:25px;padding:8px 13px;font-size:23px;font-weight:900;box-shadow:0 3px 5px #7d54233b}.nasi-running .order-coins small{color:#eeac22;text-shadow:0 1px #c78b16;font-size:25px}.nasi-running .nasi-progress{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.nasi-running .nasi-recipe{background:linear-gradient(#fffbea,#ffedca);border:1px solid #fff6df;border-radius:28px;outline:0;gap:3px;margin:12px 14px 0;padding:8px 6px 5px;box-shadow:0 4px 7px #72482040}.nasi-running .nasi-recipe>div{background:radial-gradient(at 50% 35%,#f4d49a80,#0000 70%);border:0;border-radius:22px}.nasi-running .nasi-recipe>div>img{box-sizing:border-box;height:43px;padding:2px}.nasi-running .nasi-recipe small{color:#dfc08c;border-radius:50%;min-width:17px;height:17px;font-size:18px;line-height:17px}.nasi-running .nasi-recipe .is-collected small{color:#fff8df;background:#267548;font-size:13px}.nasi-running .nasi-recipe .is-next{box-shadow:inset 0 0 0 1px #e8bd69}.nasi-running .nasi-lives{color:#cf654b;letter-spacing:4px;margin:9px 19px;font-size:14px}.nasi-running .nasi-drop.nasi-food{width:25%}.nasi-running .nasi-drop.nasi-food>img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.nasi-running .nasi-drop.nasi-bin{width:38%}.nasi-running .nasi-drop{filter:drop-shadow(0 7px 3px #603c3438)}.nasi-running .nasi-player{width:40%;top:83%}.nasi-assembled-plate{aspect-ratio:1.65;filter:drop-shadow(0 5px 3px #54321b40)}.nasi-assembled-plate .nasi-plate-base{object-fit:fill}.nasi-assembled-plate .nasi-plated-rice{z-index:2;width:43%;top:34%;left:49%}.nasi-assembled-plate .nasi-plated-chicken{z-index:1;width:42%;top:29%;left:73%}.nasi-assembled-plate .nasi-plated-sambal{z-index:4;width:26%;top:65%;left:74%}.nasi-assembled-plate .nasi-plated-cucumber{z-index:1;width:29%;top:27%;left:26%}.nasi-assembled-plate .nasi-plated-peanuts{z-index:4;width:25%;top:69%;left:29%}.nasi-assembled-plate .nasi-plated-anchovies{z-index:5;width:30%;top:76%;left:50%}.nasi-assembled-plate .nasi-plated-egg{z-index:5;width:25%;top:49%;left:20%}.nasi-running .nasi-steering{bottom:max(24px,env(safe-area-inset-bottom));gap:15px;left:15px;right:15px}.nasi-running .nasi-steering button{color:#215b3b;background:linear-gradient(#fffbed,#ffe7b1);border:1px solid #fffbe6;border-radius:50%;flex-shrink:0;width:49px;height:49px;font-size:32px;font-weight:900;box-shadow:0 4px 6px #76532c44}.nasi-running .nasi-steering>span{color:#205234;background:linear-gradient(#fffbea,#ffedc8);border-radius:25px;padding:11px 13px;font-size:13px;font-weight:900;box-shadow:0 3px 5px #7d54233b}@media (height<=680px){.nasi-running .nasi-hud{padding-top:10px}.nasi-running .order-stage,.nasi-running .order-coins{font-size:19px}.nasi-running .nasi-recipe{margin-top:8px}.nasi-running .nasi-recipe>div>img{height:34px}.nasi-running .nasi-steering{bottom:14px}}.nasi-completed-plate{aspect-ratio:1.12}.nasi-completed-plate .nasi-plate-base{object-fit:contain}.nasi-assembled-plate .nasi-plated-chicken{animation:none;transform:translate(-50%,-50%)rotate(-65deg)}.nasi-floor{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nasi-lane-guides{pointer-events:none;fill:none;stroke:#ffe3a1;stroke-width:.55px;width:100%;height:100%;position:absolute;inset:0}.nasi-running .nasi-drop{transform-origin:50% 100%;transition:top 50ms linear,left 50ms linear,transform 50ms linear,opacity 50ms linear}.nasi-running .nasi-player{z-index:90}.nasi-running .nasi-track{z-index:1;isolation:isolate}.nasi-lane-guides{stroke:#426b50;stroke-width:.65px}.nasi-lane-guides .nasi-lane-shadow{stroke:#e9d7ac;stroke-width:1.05px}.nasi-running .nasi-drop.nasi-blue-bin{width:40%}.nasi-running .nasi-drop.nasi-red-bin{width:32%}.nasi-running .nasi-drop.nasi-bin>img{aspect-ratio:auto;filter:none}.nasi-running .nasi-drop.nasi-bin[data-lane="2"]>img{aspect-ratio:auto;transform:none}.nasi-bin small{position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.nasi-blue-bin small{background:#1458a0}.nasi-red-bin small{background:#a72320}.nasi-discard-hint img{filter:none}.nasi-running .nasi-drop.nasi-bin{transition:top 50ms linear,left 50ms linear,width 50ms linear,opacity 50ms linear}.nasi-running .nasi-drop.nasi-blue-bin>img{margin-bottom:0}.nasi-shell:has(.nasi-running){background:#eddfc5;padding:0}.nasi-frame.nasi-running{aspect-ratio:auto;width:400px;max-width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;flex-shrink:0;align-self:stretch;container-type:inline-size}@media (width<=700px){.nasi-frame.nasi-running{width:100%;max-width:460px}}.nasi-frame.nasi-running:before{display:none}.nasi-running .nasi-street{background-image:url(/assets/street-gate-v1.optimized-BpMSbU15.webp);background-size:100% 100%}.nasi-running .nasi-track{inset:12% 0 5%;overflow:visible}.nasi-running .nasi-recipe{z-index:110;clip-path:none;border:1px solid #fff6df;width:auto;height:auto;margin:8px 14px 0;padding:8px 6px 5px;position:relative;overflow:visible}.nasi-running .nasi-hud{z-index:110;opacity:1;padding:14px 14px 0;position:relative;inset:auto}.nasi-running .nasi-drop.nasi-bin{filter:none;container-type:inline-size}.nasi-running .nasi-drop.nasi-bin>img,.nasi-running .nasi-drop.nasi-bin[data-lane="2"]>img{aspect-ratio:2;object-fit:contain;width:100%;height:auto;transform:none}.nasi-running .nasi-bin small{box-shadow:none;color:#fff;letter-spacing:-.04em;text-shadow:0 1px 1px #0001;white-space:nowrap;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-family:Arial,sans-serif;font-size:19cqw;font-weight:800;line-height:1;display:block;bottom:23%;left:50%;transform:translate(-50%)}.nasi-running .nasi-red-bin small{letter-spacing:-.035em;font-size:8cqw;bottom:27%}.nasi-running .nasi-player{top:83%;width:46%!important}.nasi-running .nasi-player .nasi-assembled-plate{filter:drop-shadow(0 9px 6px #68492335)}.nasi-running .nasi-steering{z-index:100;align-items:center;gap:8px;bottom:10%;left:6.8%;right:6.8%}.nasi-running .nasi-steering button{touch-action:manipulation;color:#075c47;background:linear-gradient(140deg,#fffdf0,#ffe8ac);border:1px solid #fff9e6;border-radius:50%;flex-shrink:0;width:clamp(56px,14cqw,68px);height:clamp(56px,14cqw,68px);font-size:7cqw;font-weight:400;line-height:1;box-shadow:0 6px 10px #8b6d3325}.nasi-running .nasi-steering button:disabled{opacity:1;color:#477a62}.nasi-running .nasi-steering>span{box-sizing:border-box;letter-spacing:-.03em;color:#005b47;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;background:linear-gradient(#fffced,#fff0c5);border:1px solid #fff9e6;border-radius:10cqw;flex:1;min-width:0;padding:2cqw 2.5cqw;font-family:Arial,sans-serif;font-size:2.75cqw;font-weight:700;line-height:1.35;box-shadow:0 5px 10px #80603130}@media (prefers-reduced-motion:reduce){.nasi-running .nasi-hud{transition:none}}.nasi-running .nasi-steering button{place-items:center;padding:0;display:grid}.nasi-running .nasi-steering button svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:60%;height:60%;display:block}.nasi-running .nasi-player{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.nasi-running .nasi-player.is-dragging{cursor:grabbing;transition:none}.nasi-running .nasi-player img{pointer-events:none;-webkit-user-drag:none}.nasi-running .nasi-recipe .nasi-target-flavor{color:#245a3e;white-space:nowrap;font-size:clamp(8px,2.2cqw,11px);line-height:1.2;display:block}.nasi-running .nasi-food .nasi-flavor-label{color:#245a3e;white-space:nowrap;background:#fff6de;border:1px solid #e5c999;border-radius:8px;padding:2px 5px;font-size:clamp(9px,2.5cqw,12px);font-weight:800;line-height:1.1;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.nasi-running .order-overlay{z-index:200;padding:18px}.nasi-running .nasi-panel{overscroll-behavior:contain;max-height:calc(100dvh - 36px);padding:20px 16px;overflow-y:auto}.nasi-order-checklist{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px;padding:0;list-style:none;display:grid}.nasi-order-checklist li{text-align:left;background:#fffdf2;border:1px solid #e7d3a6;border-radius:13px;align-items:center;gap:7px;min-width:0;padding:8px 6px;display:flex}.nasi-order-checklist img{object-fit:contain;flex-shrink:0;width:40px;height:40px}.nasi-order-checklist strong{color:#245a3e;font-size:11px;line-height:1.25;display:block}.nasi-order-checklist small{color:#456530;background:#eaf0d9;border-radius:5px;margin-top:4px;padding:2px 5px;font-size:10px;display:inline-block}.nasi-panel .nasi-order-intro{margin-bottom:8px}.nasi-panel:has(.nasi-order-checklist)>p{margin-bottom:12px}.nasi-panel:has(.nasi-order-checklist) h2{margin:0 0 8px}.nasi-panel .nasi-quick-rules{text-align:left;margin:12px 0 16px}.nasi-panel .nasi-quick-rules p{margin:6px 0;font-size:12px;line-height:1.5}.nasi-panel .nasi-quick-rules strong{color:#70401c;font-weight:900}.nasi-running .nasi-recipe .nasi-item-count{white-space:nowrap;color:#725333;font-variant-numeric:tabular-nums;background:#f2dfb8;border-radius:8px;min-width:26px;height:auto;margin-top:3px;padding:1px 4px;font-size:11px;line-height:16px}.nasi-running .nasi-recipe .is-collected .nasi-item-count{color:#fff8df;background:#267548;font-size:11px}.nasi-running .nasi-recipe .nasi-target-flavor{white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;min-height:2.4em;font-size:clamp(8px,2cqw,10px);display:flex}.nasi-running .nasi-recipe .is-excess .nasi-item-count{color:#fff8df;background:#bd382b;font-size:11px}.nasi-order-checklist li:last-child:nth-child(odd){box-sizing:border-box;grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}.nasi-running .nasi-pause-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;padding:24px;font-family:Georgia,Times New Roman,serif}.nasi-running .nasi-pause-overlay>.nasi-panel{box-sizing:border-box;color:#06432f;background:radial-gradient(at top,#fffdf3,#f3e1b5);border:2px solid #bd8e3e;border-radius:24px;width:min(100%,360px);padding:30px 20px;box-shadow:0 0 0 3px #fff4d7,0 12px 30px #30200d55}.nasi-pause-overlay .nasi-panel h2{color:#934021;margin:15px 0;font:700 32px Georgia,Times New Roman,serif}.nasi-pause-overlay .nasi-panel>p{color:#06432f;margin:0 0 26px;font:15px/1.6 Georgia,Times New Roman,serif}.nasi-pause-overlay .nasi-panel>button{box-sizing:border-box;color:#fff1c4;cursor:pointer;background:linear-gradient(#158158,#004b34);border:2px solid #edc779;border-radius:30px;width:100%;min-height:48px;margin-top:0;padding:14px 10px;font:700 17px Georgia,Times New Roman,serif;text-decoration:none;box-shadow:0 0 0 2px #ae7a31}.nasi-pause-overlay .nasi-panel>button+button{color:#06432f;background:linear-gradient(#fffdf3,#f3e1b5);margin-top:14px}.nasi-drag-guide{z-index:100;pointer-events:none;fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:70%;height:auto;position:absolute;overflow:visible;transform:translate(-50%,-25%)}.nasi-drag-arrow{stroke:#fff5d3;stroke-width:3px;filter:drop-shadow(0 1px 2px #593410)}.nasi-drag-hand path{fill:#fff7e5;stroke:#87480c;stroke-width:2.5px;filter:drop-shadow(0 2px 2px #59341080)}.nasi-drag-hand{animation:2s ease-in-out infinite nasi-guide-slide}@keyframes nasi-guide-slide{0%,to{transform:translate(110px,25px)scale(1.1)}50%{transform:translate(200px,25px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.nasi-drag-hand{animation:none;transform:translate(155px,25px)scale(1.1)}}.nasi-start-countdown{z-index:190;touch-action:none;-webkit-user-select:none;user-select:none;background:#123c2729;place-items:center;display:grid;position:absolute;inset:0}.nasi-start-countdown span{color:#fff4cb;-webkit-text-stroke:1.5px #156044;paint-order:stroke fill;text-shadow:0 4px #09503b,0 10px 22px #123c2755;font-family:Kopi UI,sans-serif;font-size:clamp(80px,26cqw,120px);font-weight:1000;line-height:1;animation:.4s ease-out both nasi-count-in;display:block}@keyframes nasi-count-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nasi-start-countdown span{animation:none}}.nasi-running .stage-complete-overlay{z-index:200}.completion-shell{background:#fff9e9;justify-content:center;display:flex;position:fixed;inset:0;overflow:auto}.completion-frame{isolation:isolate;color:#492611;background:radial-gradient(at 50% 48%,#fffef7 0%,#fff9df 30%,#fff2c9 60%,#f8e8b7 100%);flex-shrink:0;width:400px;max-width:100%;height:100%;min-height:640px;font-family:Nunito,DM Sans,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.completion-art{object-fit:cover;object-position:center top;z-index:0;pointer-events:none;transform-origin:top;width:100%;height:100%;position:absolute;inset:max(3.6%,6.4cqw) 0 0;transform:translate(-3.5%)scale(.9)}.completion-frame:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fffdf566,#0000 25% 61%,#fff4d533);position:absolute;inset:0}.completion-heading{text-align:center;position:absolute;top:4%;left:3%;right:3%;transform:rotate(-3deg)}.completion-heading>span{letter-spacing:3px;color:#ffe6a0;font-size:10px;font-weight:900}.completion-heading h1{color:#fff8dd;letter-spacing:-1.5px;-webkit-text-stroke:1.2px #65220f;paint-order:stroke fill;text-shadow:0 4px #742c12,2px 0 #742c12,-2px 0 #742c12,0 7px 12px #3c0d0860;margin:5px 0 0;font-size:10.5cqw;font-weight:1000;line-height:1.04}.completion-heading h1 strong{font-size:12.8cqw}.completion-gift-label{box-sizing:border-box;background:linear-gradient(120deg,#fff6de,#ffe8bd);border:4px double #c88948;border-radius:9px;width:45%;height:max(10.7%,19.02cqw);position:absolute;top:max(58%,103.12cqw);left:52%;transform:translate(-50%);box-shadow:0 2px 4px #74260e44}.completion-gift-label img{object-fit:contain;width:auto;max-width:none;height:175%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.completion-bottom{left:3%;right:3%;bottom:max(10px,env(safe-area-inset-bottom));gap:10px;display:grid;position:absolute}.completion-rewards{background:linear-gradient(#fffbed,#fff0cf);border:2px solid #ffdd95;border-radius:25px;padding:12px 7px 10px;box-shadow:0 0 20px #ffdf7477,0 5px 12px #6c280633}.completion-rewards h2{text-align:center;margin:0 0 12px;font-size:18px;font-weight:900}.completion-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.completion-reward-grid article{text-align:center;min-width:0;padding:0 3px 4px}.completion-reward-grid article+article{border-left:1px solid #dfb77d}.completion-icon{color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;margin:0 auto 10px;font-size:36px;font-weight:900;display:grid;box-shadow:inset 0 2px 2px #fff8,0 3px 5px #6d311d24}.completion-icon.pink{background:linear-gradient(#ff4f9a,#ed0864)}.completion-icon.gold{box-shadow:none;background:0 0}.completion-icon.purple{background:linear-gradient(#a34cff,#6122da)}.completion-icon svg{width:50px;height:50px}.completion-reward-grid h3{white-space:nowrap;margin:0 0 5px;font-size:clamp(10px,3.65cqw,16px);font-weight:1000;line-height:1.1}.completion-reward-grid p{margin:0;font-size:clamp(10px,3cqw,13px);line-height:1.35}.completion-claim{color:#fff8e6;text-shadow:0 2px 1px #a83d1b;cursor:pointer;background:linear-gradient(#ffbd45,#ff7b1c 50%,#ea4a0b);border:2px solid #ffe2a1;border-radius:38px;justify-self:center;width:88%;min-height:58px;font:900 22px Nunito,sans-serif;box-shadow:inset 0 2px 2px #fff2b9,0 4px #973813,0 0 14px #ffc34a77}.completion-claim span{margin-left:12px}.completion-claim:hover{filter:brightness(1.06)}.completion-claim:focus-visible,.completion-links a:focus-visible{outline-offset:3px;outline:3px solid #fff}.completion-links{justify-content:center;gap:30px;font-size:11px;display:flex}.completion-links a{color:#fff1c8;text-underline-offset:3px}.completion-dialog{text-align:center;color:#542b16;background:#fff7e3;border:2px solid #efbd70;border-radius:24px;width:85%;max-width:340px;padding:24px;font-family:inherit}.completion-dialog::backdrop{background:#25130bb3}.completion-dialog h2{font-size:22px}.completion-dialog p{font-size:14px;line-height:1.5}.completion-dialog button{color:#fff;cursor:pointer;background:#006242;border:0;border-radius:24px;padding:12px 35px;font-weight:800}@media (width<=700px){.completion-frame{width:100%;max-width:460px}}@media (height<=700px){.completion-heading{top:2%}.completion-rewards{padding:8px 5px}.completion-rewards h2{margin-bottom:7px}.completion-icon{width:36px;height:36px;margin-bottom:6px;font-size:28px}.completion-icon svg{width:40px;height:40px}.completion-claim{min-height:50px;font-size:20px}.completion-bottom{gap:7px}}.completion-effects{pointer-events:none;z-index:-1;height:100%;position:absolute;inset:0 0 auto;overflow:hidden;container-type:size}.completion-heading,.completion-gift-label,.completion-bottom{z-index:1}.completion-rays{aspect-ratio:1;opacity:.22;mix-blend-mode:screen;background:repeating-conic-gradient(#0000 0deg 12deg,#ffdf76 15deg,#fff5ba 17deg,#0000 21deg 36deg);width:230%;animation:48s linear infinite completion-rays-turn,5s ease-in-out infinite alternate completion-rays-glow;position:absolute;top:4%;left:-65%;-webkit-mask-image:radial-gradient(circle,#0000 7%,#000 22%,#0000 65%);mask-image:radial-gradient(circle,#0000 7%,#000 22%,#0000 65%)}.completion-ribbon{left:var(--x);animation:completion-ribbon-fall var(--duration) var(--delay) linear infinite;position:absolute;top:-35px}.completion-ribbon span{background:linear-gradient(110deg,#fff9,var(--ribbon-color) 35%,var(--ribbon-color) 65%,#0002);width:9px;height:24px;animation:completion-ribbon-flip 2.3s var(--delay) ease-in-out infinite;border-radius:2px 7px 2px 6px;display:block;box-shadow:0 0 5px #ffcb4922}.completion-ribbon:nth-child(3n) span{width:7px;height:16px}.completion-ribbon:nth-child(4n) span{border-radius:0 70%;width:12px;height:30px}.completion-spark{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 6px #ffd343);background:#fff8cc;width:22px;height:22px;animation:3.6s ease-in-out infinite completion-spark-glow;position:absolute}@keyframes completion-ribbon-fall{0%{opacity:0;transform:translateY(-25px)}8%{opacity:1}75%{opacity:.9}to{transform:translate3d(var(--drift),105cqh,0);opacity:0}}@keyframes completion-ribbon-flip{0%{transform:rotate(-25deg)rotateY(0)}50%{transform:translate(15px)rotate(35deg)rotateY(180deg)}to{transform:rotate(-25deg)rotateY(360deg)}}@keyframes completion-rays-turn{to{transform:rotate(360deg)}}@keyframes completion-rays-glow{0%{opacity:.85}to{opacity:1}}@keyframes completion-spark-glow{0%,to{opacity:.1;transform:scale(.4)rotate(0)}50%{opacity:.95;transform:scale(1.15)rotate(35deg)}}@media (prefers-reduced-motion:reduce){.completion-rays,.completion-spark{animation:none}.completion-rays{opacity:.15}.completion-spark{opacity:.5}.completion-ribbon{display:none}}.completion-rays{opacity:.85;background:repeating-conic-gradient(#0000 0deg 8deg,#ffb91c66 10deg,#ffe989 13deg,#fff7ce 15deg,#ffd34888 18deg,#0000 23deg 32deg);width:300%;animation-duration:36s,4s;top:-14%;left:-100%;-webkit-mask-image:radial-gradient(circle,#0000 2%,#000 12% 42%,#0000 69%);mask-image:radial-gradient(circle,#0000 2%,#000 12% 42%,#0000 69%)}.completion-aura{mix-blend-mode:screen;background:radial-gradient(at 50% 67%,#fffde9 0%,#ffe68fcc 24%,#ffc23677 48%,#0000 70%);animation:4s ease-in-out infinite alternate completion-aura-breathe;position:absolute;inset:0}.completion-ribbon span{width:12px;height:30px;box-shadow:inset 2px 0 2px #fff7,0 0 8px #ffcf4455}.completion-ribbon:nth-child(4n) span{width:15px;height:39px}.completion-spark{background:radial-gradient(#fff 10%,#fff5ae 45%,#ffcf45);width:30px;height:30px;animation-duration:3.8s}.completion-spark:nth-child(3n){width:44px;height:44px}.completion-ember{width:5px;height:5px;animation:completion-ember-rise var(--duration) var(--delay) ease-in-out infinite;background:#fff5b5;border-radius:50%;position:absolute;box-shadow:0 0 9px 3px #fff2aa,0 0 24px 6px #ffd04bcc}.completion-ember:nth-child(4n){filter:blur(1px);width:11px;height:11px}@keyframes completion-aura-breathe{0%{opacity:.9;transform:scale(.98)}to{opacity:1;transform:scale(1.12)}}@keyframes completion-ember-rise{0%{opacity:0;transform:translateY(45px)scale(.4)}25%,65%{opacity:1}to{opacity:0;transform:translate(18px,-100px)scale(1.2)}}@media (prefers-reduced-motion:reduce){.completion-rays-secondary,.completion-aura,.completion-ember{animation:none}.completion-rays{opacity:.65}.completion-rays-secondary{opacity:.35}.completion-ember{opacity:.6}}.completion-brand-backdrop{z-index:-2;pointer-events:none;background:radial-gradient(at 50% 45%,#fffef4 0%,#fff4d4 50%,#eee6ca 100%);position:absolute;inset:0;box-shadow:inset 5px 0 #175e4640,inset -5px 0 #175e4640}.completion-brand-backdrop:before{content:"";opacity:.75;background:radial-gradient(45px 145px at -2% 24%,#175d4670 0%,#175d4600 75%),radial-gradient(65px 20px at 0 30%,#246e5055 0%,#246e5000 80%),radial-gradient(70px 24px at 100% 23%,#246e5066 0%,#246e5000 80%),radial-gradient(40px 145px at 102% 31%,#175d4666 0%,#175d4600 75%);position:absolute;inset:0}.completion-brand-backdrop:after{content:"";opacity:.8;background:repeating-conic-gradient(from 45deg,#1a624817 0% 25%,#0000 0% 50%) 0 0/36px 36px;border-top:2px solid #b99b5c44;position:absolute;inset:64% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.completion-heading>span{color:#1c6248;text-shadow:0 1px #fff9e3;letter-spacing:3px}.completion-links a{color:#195d46;font-weight:800}.completion-shell,.completion-frame{background:#123e30}.completion-brand-backdrop{background:radial-gradient(at 50% 53%,#edc875 0%,#a89542 22%,#416d41 43%,#184c37 66%,#0b3027 100%);box-shadow:inset 1px 0 #dfc58455,inset -1px 0 #dfc58455}.completion-brand-backdrop:before{opacity:1;background:0 0;border:1px solid #e6cb8540;border-radius:160px 160px 12px 12px;inset:12px}.completion-brand-backdrop:after{display:none}.completion-heading>span{color:#ffe7a5;text-shadow:0 1px 3px #102c21}.completion-heading h1{color:#fff7da;-webkit-text-stroke:1.2px #64451f;text-shadow:0 4px #59411e,2px 0 #59411e,-2px 0 #59411e,0 7px 14px #092e2855}.completion-rewards{background:linear-gradient(#fffdf2,#fff0d0);border-color:#e1c480;box-shadow:0 0 22px #ffda7055,0 6px 16px #071f2444}.completion-rewards h2{color:#54351b}.completion-links a{color:#ffedbc}.completion-halo{aspect-ratio:1;opacity:0;pointer-events:none;border:2px solid #fff0ac99;border-radius:50%;width:120%;animation:6s ease-out infinite completion-halo-expand;position:absolute;top:15%;left:-10%;box-shadow:0 0 24px #ffda6788,inset 0 0 24px #ffda6766}.completion-halo-two{animation-delay:-3s}.completion-ember:nth-child(5n){width:3px;height:3px;box-shadow:0 0 8px 3px #fff4b8,0 0 28px 7px #ffd04b99}@keyframes completion-halo-expand{0%{opacity:0;transform:scale(.25)}20%{opacity:.55}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.completion-halo{display:none}}.completion-rays-fine{opacity:.8;filter:blur(.6px);background:repeating-conic-gradient(from 7deg,#0000 0deg 9deg,#ffeab666 10deg,#fffbe6 11deg,#ffe79899 12deg,#0000 14deg 20deg);width:320%;animation:70s linear infinite reverse completion-rays-turn,5s ease-in-out infinite alternate completion-fine-glow;top:-12%;left:-110%;-webkit-mask-image:radial-gradient(circle,#0000 2%,#000 13% 47%,#0000 70%);mask-image:radial-gradient(circle,#0000 2%,#000 13% 47%,#0000 70%)}@keyframes completion-fine-glow{0%{opacity:.8}to{opacity:1}}@media (prefers-reduced-motion:reduce){.completion-rays-fine{opacity:.6;animation:none}}.completion-heading{transform:none}.completion-heading h1.completion-title-art{letter-spacing:0;-webkit-text-stroke:0;width:86%;text-shadow:none;margin:8px auto 0;font-size:0;line-height:0}.completion-title-art img{object-fit:contain;width:100%;height:auto;display:block}.completion-brand-backdrop{box-shadow:none;background:#f3dfb5}.completion-brand-backdrop img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.completion-brand-backdrop:before,.completion-brand-backdrop:after{display:none}.completion-frame:after{background:linear-gradient(#3c29151a,#0000 30% 65%,#67401e33)}.completion-shell{background:#eee5d3}.completion-icon.doodoo{background:0 0;overflow:hidden;box-shadow:0 3px 5px #6d311d24}.completion-icon.doodoo img{object-fit:contain;width:100%;height:100%;display:block}.completion-icon.tart{box-shadow:none;background:0 0;overflow:visible}.completion-icon.tart img{object-fit:contain;filter:drop-shadow(0 3px 2px #8e491f33);width:54px;max-width:none;height:48px;display:block}@media (height<=700px){.completion-icon.tart img{width:46px;height:40px}}.completion-icon.voucher{width:min(88px,100%);box-shadow:none;background:0 0;border-radius:0}.completion-icon.voucher img{object-fit:contain;filter:drop-shadow(0 2px 2px #8e491f33);width:100%;height:100%;display:block}.completion-heading{top:3%}.completion-heading h1.completion-title-art{margin-top:0}@media (height<=700px){.completion-heading{top:1.5%}}.completion-effects{-webkit-mask-image:none;mask-image:none}.completion-rays{filter:drop-shadow(0 0 9px #ffe999);background:repeating-conic-gradient(#0000 0deg 6deg,#ffc54788 8deg,#fff1b8 11deg,#fffde9 13deg,#ffd96baa 16deg,#0000 20deg 27deg);animation-duration:30s,4s}.completion-rays-secondary{opacity:.95;filter:blur(1px);background:repeating-conic-gradient(from 17deg,#0000 0deg 12deg,#fffce2 15deg,#ffda6bbb 17deg,#0000 20deg 31deg);animation:48s linear infinite reverse completion-rays-turn}.completion-rays-fine{filter:drop-shadow(0 0 5px #fff1b3);background:repeating-conic-gradient(from 7deg,#0000 0deg 5deg,#ffe9a999 7deg,#fffef0 8deg,#ffdf90bb 9deg,#0000 11deg 15deg);animation:60s linear infinite reverse completion-rays-turn,4s ease-in-out infinite alternate completion-fine-glow}.completion-aura{background:radial-gradient(at 50% 62%,#fffef4 0%,#fff0b9dd 26%,#ffd35a88 48%,#0000 76%)}@media (prefers-reduced-motion:reduce){.completion-rays,.completion-rays-secondary,.completion-rays-fine,.completion-aura{animation:none}}.claimed-frame{box-sizing:border-box;color:#fff6dd;text-align:center;background:linear-gradient(#24120888,#1e1009ee),url(/assets/completion-street-v1.optimized-jV6Hytqp.webp) 50%/cover;width:400px;max-width:100%;min-height:100%;padding:28px 0 24px;font-family:Nunito,sans-serif;overflow:hidden}.claimed-frame>h1{text-shadow:0 3px #85361d,0 5px 12px #0008;margin:0 14px 8px;font-size:36px;line-height:1.1;transform:rotate(-4deg)}.claimed-intro{color:#ffe3aa;margin:12px 0 0;font-size:14px}.claimed-cards{scroll-snap-type:x mandatory;gap:16px;padding:16px 24px 24px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.claimed-card{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;align-items:center;min-width:0;padding:0 0 14px;display:flex;position:relative}.claimed-character{width:100%;height:290px;position:relative;overflow:hidden}.claimed-character>img{filter:drop-shadow(0 8px 8px #0005);width:112%;max-width:none;height:auto;position:absolute;top:-45px;left:-6%}.claimed-voucher{box-sizing:border-box;color:#642b17;background:linear-gradient(120deg,#fff5ce,#ffdfa0);border:5px double #f5c167;border-radius:17px;align-items:center;gap:12px;width:100%;min-height:142px;margin:-45px 0 28px;padding:18px 14px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:0 6px 18px #0006}.claimed-reward-icon{flex:0 0 88px}.claimed-reward-icon img{object-fit:contain;filter:drop-shadow(0 3px 2px #83461f44);width:88px;height:84px}.claimed-voucher span{font-size:10px;font-weight:900}.claimed-voucher h2{margin:9px 0;font-size:24px;line-height:1.1}.claimed-voucher p{margin:0;font-size:14px;font-weight:800}.claimed-voucher-doodoo{background:linear-gradient(120deg,#fff6de,#f0dcff)}.claimed-card .completion-claim{flex-shrink:0;width:100%}.claimed-card>small{color:#ffe0a5;letter-spacing:3px;margin-top:20px}.claimed-home{color:#fff5df;text-underline-offset:4px;margin:0 auto;font-weight:800;display:inline-block}@media (height<=700px){.claimed-character{height:250px}.claimed-frame{padding-top:20px}.claimed-voucher{min-height:125px;margin-bottom:20px}}.completion-title-art img{transform-origin:50%;animation:2.8s ease-in-out infinite completion-title-breathe}@keyframes completion-title-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.completion-title-art img{animation:none}}.claimed-frame{padding-bottom:28px;overflow:visible}.claimed-cards{scroll-snap-type:none;flex-direction:column;gap:26px;padding:24px 24px 28px;display:flex;overflow:visible}.claimed-card{flex:none;gap:14px;width:100%;padding:0}.claimed-voucher,.claimed-voucher-doodoo{background:linear-gradient(120deg,#fff7d6,#ffe8b0);border:5px double #f5b75a;border-radius:12px;grid-template-columns:90px minmax(0,1fr);gap:0;min-height:126px;margin:0;padding:0;display:grid;overflow:hidden;transform:none;box-shadow:0 4px 10px #0005}.claimed-ticket-value{color:#fff9df;text-shadow:0 2px 1px #b74a22;letter-spacing:-1px;background:linear-gradient(145deg,#ffad39,#f16b23);border-right:2px dashed #edbb69;place-items:center;height:100%;font-size:30px;font-weight:1000;display:grid}.claimed-voucher>div+div{padding:12px 8px}.claimed-voucher span{color:#842f1b;font-size:10px;display:block}.claimed-voucher h2{color:#71301b;margin:8px 0 5px;font-size:20px}.claimed-voucher p{color:#71301b;font-size:12px}.claimed-card .completion-claim{width:92%;min-height:44px;font-size:17px}@media (height<=700px){.claimed-voucher{min-height:110px}.claimed-cards{gap:22px}}.claimed-voucher,.claimed-voucher-doodoo{isolation:isolate;clip-path:polygon(0 8%,3% 5%,3% 0,27% 0,29% 4%,31% 0,97% 0,97% 5%,100% 8%,98% 13%,100% 18%,98% 23%,100% 28%,98% 33%,100% 38%,98% 43%,100% 48%,98% 53%,100% 58%,98% 63%,100% 68%,98% 73%,100% 78%,98% 83%,100% 88%,97% 93%,97% 100%,31% 100%,29% 96%,27% 100%,3% 100%,3% 95%,0 92%,2% 87%,0 82%,2% 77%,0 72%,2% 67%,0 62%,2% 57%,0 52%,2% 47%,0 42%,2% 37%,0 32%,2% 27%,0 22%,2% 17%,0 12%);min-height:150px;box-shadow:none;filter:drop-shadow(0 5px 3px #3b1a0d66);background:#ed9956;border:0;border-radius:0;grid-template-columns:27% minmax(0,1fr);padding:9px;position:relative;overflow:hidden}.claimed-voucher:after{content:"";pointer-events:none;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border:2px solid #ffe0a0;position:absolute;inset:6px}.claimed-ticket-value{color:#fff4cf;text-shadow:0 2px #c45c32;background:linear-gradient(135deg,#ff9e50,#ee653d 65%,#d95030);border-right:2px dashed #f1bb6c;font:700 39px/1 Georgia,serif}.claimed-voucher>div+div{color:#622817;background:linear-gradient(115deg,#fff1bf,#ffedbd);flex-direction:column;justify-content:center;align-items:center;padding:14px 8px;display:flex}.claimed-voucher .claimed-ticket-brand{letter-spacing:-.5px;color:#702b1d;font:900 13px/1.1 Arial Narrow,Nunito,sans-serif;transform:rotate(-3deg)}.claimed-ticket-brand b{letter-spacing:2px;margin-top:3px;font-size:17px;display:block}.claimed-voucher h2{letter-spacing:-.6px;color:#622817;margin:12px 0 3px;font:1000 20px/1.1 Arial Narrow,Nunito,sans-serif;transform:rotate(-3deg)}.claimed-voucher p{margin-top:5px;font:800 11px/1.25 Nunito,sans-serif}@media (width<=350px){.claimed-ticket-value{font-size:31px}.claimed-voucher h2{font-size:17px}}.reward-art-screen{background:#26170e;width:min(100%,460px);min-height:100%;overflow-y:auto}.reward-art-stage{width:100%;line-height:0;position:relative}.reward-final-art{width:100%;height:auto;display:block}.reward-mascot-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.reward-floating-heart,.reward-twinkle-star{filter:drop-shadow(0 2px 3px #76301166);transform-origin:50%;line-height:1;display:block;position:absolute}.reward-floating-heart{color:#ff766b;text-shadow:0 1px #ffcfaa;font-size:clamp(20px,7vw,32px);animation:3.2s ease-in-out infinite reward-heart-float}.reward-twinkle-star{color:#ffe69a;text-shadow:0 0 10px #ffc44d;font-size:clamp(17px,6vw,27px);animation:2.4s ease-in-out infinite reward-star-twinkle}@keyframes reward-heart-float{0%,to{opacity:.75;transform:translateY(3px)rotate(-9deg)scale(.9)}50%{opacity:1;transform:translateY(-9px)rotate(8deg)scale(1.1)}}@keyframes reward-star-twinkle{0%,to{opacity:.45;transform:scale(.65)rotate(-10deg)}50%{opacity:1;transform:scale(1.15)rotate(12deg)}}.reward-art-play,.reward-art-home{cursor:pointer;background:0 0;border:0;border-radius:999px;display:block;position:absolute}.reward-art-play{width:66%;height:8%;top:84%;left:17%}.reward-art-home{width:40%;height:3.5%;top:93%;left:30%}.reward-art-play:focus-visible,.reward-art-home:focus-visible{outline-offset:3px;outline:3px solid #fff4c3}@media (prefers-reduced-motion:reduce){.reward-floating-heart,.reward-twinkle-star{animation:none}}.reward-art-screen{flex-direction:column;height:100%;min-height:0;display:flex}.reward-art-stage{flex:1;min-height:640px;line-height:0}.reward-final-art{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.reward-layered-screen{color:#fff4d2;background:linear-gradient(#20100830,#20100855),url(/assets/claimed-background-v1.optimized-DEG0MwQx.webp) 50%/cover;width:min(100%,460px);min-height:100%;font-family:Nunito,sans-serif;overflow-y:auto;container-type:inline-size}.reward-layered-content{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:24px 20px 20px;display:flex}.reward-layered-title{z-index:2;text-align:center;letter-spacing:-1.5px;color:#fff1ca;-webkit-text-stroke:1px #6c2e12;paint-order:stroke fill;text-shadow:0 3px #883911,0 5px 8px #0008;margin:0;font:1000 clamp(28px,9cqw,42px)/1.1 Nunito,sans-serif;position:relative;transform:rotate(-4deg)}.reward-layered-mascot{flex-shrink:0;width:100%;margin:0 0 -24px;position:relative}.reward-layered-mascot>img{object-fit:contain;width:100%;height:auto;display:block}.reward-layered-mascot .reward-mascot-effects{inset:-15% -4% 0}.reward-layered-vouchers{z-index:1;object-fit:contain;filter:drop-shadow(0 5px 6px #0006);flex-shrink:0;width:100%;height:auto;display:block;position:relative}.reward-layered-play.completion-claim{flex-shrink:0;width:92%;min-height:54px;margin-top:6px}.reward-layered-home{color:#fff5df;text-underline-offset:4px;padding:8px 15px;font-size:14px;font-weight:800;line-height:1.5}@media (height>=800px){.reward-layered-content{justify-content:center;gap:16px}}.completion-smile-expression{clip-path:ellipse(8% 3.3% at 53% 37%);animation:4.6s ease-in-out infinite completion-smile-to-laugh}@keyframes completion-smile-to-laugh{0%,30%,to{opacity:1}43%,83%{opacity:0}}@media (prefers-reduced-motion:reduce){.completion-smile-expression{opacity:0;animation:none}}.completion-claim{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.completion-claim:active{filter:brightness(.94);transform:translateY(3px)scale(.98);box-shadow:inset 0 3px 6px #a63d1d55,inset 0 1px 1px #fff2b966,0 1px #973813,0 0 7px #ffc34a44}@media (prefers-reduced-motion:reduce){.completion-claim{transition:none}}.reward-layered-title{letter-spacing:0;-webkit-text-stroke:0;width:110%;max-width:none;text-shadow:none;flex-shrink:0;margin:-8px 0 -12px;font-size:0;line-height:0;transform:none}.reward-layered-title>img{object-fit:contain;width:100%;height:auto;display:block}.reward-layered-vouchers{margin-top:-10px}.completion-smile-expression{clip-path:ellipse(15% 6% at 53% 34.7%)}.reward-pressable{cursor:pointer;touch-action:manipulation;flex-shrink:0;place-self:center;width:92%}.reward-pressable .completion-claim{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:58px;margin:0;display:flex}.reward-pressable .completion-claim:active{transform:none}.reward-pressable:focus-visible{outline-offset:5px;border-radius:38px;outline:3px solid #fff4c3}.reward-layered-screen .completion-claim{color:#fff5d9;text-shadow:0 2px 1px #003d2b;background:linear-gradient(#158158,#006344 50%,#004b34);border-color:#edd39a;box-shadow:inset 0 2px 2px #fff2b966,0 4px #073b2b,0 0 14px #c8a95c44}.completion-bottom{translate:0 -10px}.completion-bottom>.reward-pressable{place-self:center;width:88%;margin-inline:auto}.reward-layered-content>.reward-pressable{align-self:center;width:92%;margin-inline:auto}.reward-pressable>div{width:100%}.reward-pressable .completion-claim{text-align:center;width:100%}.reward-pressable [role=button]{align-self:stretch;align-items:stretch;width:100%}.reward-pressable [role=button]>.completion-claim{box-sizing:border-box;justify-content:center;align-self:stretch;align-items:center;width:100%!important;display:flex!important}.reward-layered-mascot{translate:0 -20px}.reward-layered-vouchers,.reward-layered-content>.reward-pressable,.reward-layered-home{translate:0 10px}.reward-layered-mascot{margin-bottom:-58px}.reward-layered-mascot>img{transform-origin:bottom;transform:scale(1.15)}.reward-layered-vouchers{width:110%;max-width:none}.reward-layered-mascot .reward-mascot-effects{overflow:visible}.reward-mini-bean,.reward-mini-leaf,.reward-mini-spark{filter:drop-shadow(0 2px 3px #351b0b66);animation:3.8s ease-in-out infinite reward-detail-drift;display:block;position:absolute}.reward-mini-bean{background:linear-gradient(125deg,#f1d497,#b07837 50%,#67421e);border:1px solid #f0cb81;border-radius:55%;width:13px;height:20px;rotate:30deg}.reward-mini-bean:after{content:"";border-left:2px solid #ffe4aa;border-radius:50%;width:3px;height:80%;position:absolute;top:10%;left:45%;rotate:10deg}.reward-mini-bean-left{animation-delay:-1.2s;top:80%;left:8%}.reward-mini-bean-right{animation-delay:-2.4s;top:49%;right:13%;rotate:-30deg}.reward-mini-leaf{background:linear-gradient(150deg,#98b577,#1c7051);border:1px solid #dcc47e;border-radius:95% 0;width:21px;height:11px;animation-delay:-.8s;top:91%;right:12%;rotate:-25deg}.reward-mini-leaf:after{content:"";border-top:1px solid #e2d18c;position:absolute;inset:50% 12% auto;rotate:-20deg}.reward-mini-spark{color:#ffe3a1;text-shadow:0 0 8px #ffd161;font-size:22px;animation:2.7s ease-in-out infinite reward-star-twinkle}.reward-mini-spark-left{animation-delay:-.7s;top:93%;left:17%}.reward-mini-spark-right{font-size:17px;animation-delay:-1.7s;top:57%;right:4%}@keyframes reward-detail-drift{0%,to{opacity:.75;transform:translateY(3px)rotate(-8deg)}50%{opacity:1;transform:translateY(-5px)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.reward-mini-bean,.reward-mini-leaf,.reward-mini-spark{animation:none}}.reward-mini-bean,.reward-mini-spark,.reward-floating-heart,.reward-twinkle-star{width:28px;height:28px;text-shadow:none;filter:drop-shadow(0 2px 3px #351b0b55);background-image:url(/assets/reward-decoration-sprites-v1.optimized--8tzWDsU.webp);background-repeat:no-repeat;background-size:300% 100%;border:0;border-radius:0;font-size:0}.reward-mini-bean{background-position:0%;rotate:15deg}.reward-mini-bean:after{display:none}.reward-mini-spark,.reward-twinkle-star{background-position:50%}.reward-floating-heart{background-position:100%;width:31px;height:31px}.reward-mini-spark-right{width:23px;height:23px}.completion-shell,.reward-layered-screen{overflow-x:hidden}.reward-layered-content{width:100%;max-width:100%;overflow-x:clip}.reward-mini-leaf{background:url(/assets/reward-coffee-leaf-v1.optimized-C7HeRa1L.webp) 50%/contain no-repeat;border:0;border-radius:0;width:27px;height:27px;rotate:-12deg}.reward-mini-leaf:after{display:none}.reward-layered-mascot{isolation:isolate}.reward-layered-mascot:before{content:"";z-index:-1;pointer-events:none;filter:blur(13px);background:radial-gradient(at 50% 48%,#fff1b36b 0%,#ffd47745 30%,#eaa84520 55%,#0000 74%);border-radius:50%;animation:3.8s ease-in-out infinite reward-mascot-glow;position:absolute;inset:2% 8% -3%}@keyframes reward-mascot-glow{0%,to{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.reward-layered-mascot:before{opacity:.8;animation:none}}.reward-waist-star{width:23px;height:23px}.reward-waist-star.is-small{width:16px;height:16px}.reward-waist-star,.reward-mini-leaf,.reward-mini-spark-left{translate:0 -15px}.reward-layered-mascot:before{filter:blur(10px);background:radial-gradient(at 50% 47%,#fff4c4b3 0%,#ffdf8399 24%,#ffc05255 46%,#f4ad3026 62%,#0000 76%);inset:-8% -5% -7%}.reward-layered-mascot>img{transform-origin:bottom;animation:3.2s ease-in-out infinite reward-mascot-breathe}@keyframes reward-mascot-breathe{0%,to{transform:scale(1.15)}50%{transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.reward-layered-mascot>img{animation:none}}.completion-claim-error{color:#a12b1e;text-align:center;background:#fff4e9;border-radius:12px;margin:8px 4px;padding:10px 12px;font:800 12px/1.4 Nunito,sans-serif}.reward-layered-screen{isolation:isolate;position:relative}.reward-phone-overlay{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(9px);color:#164832;background:#17342440;justify-content:center;align-items:center;padding:24px;font-family:KopiAuth,sans-serif;display:flex;position:absolute;inset:0;overflow-y:auto}.reward-phone-card{box-sizing:border-box;flex-shrink:0;width:100%;max-width:350px;max-height:100%;animation:.5s cubic-bezier(.22,1,.36,1) both reward-phone-rise;overflow-y:auto;box-shadow:0 22px 60px #102a2755}.reward-phone-card>.auth-logo{width:100%;height:170px;margin:-38px auto -30px}.reward-phone-card .auth-primary:focus-visible{outline-offset:3px;outline:3px solid #c69843}@keyframes reward-phone-rise{0%{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}.reward-phone-overlay.is-closing{pointer-events:none;animation:.45s ease-in forwards reward-phone-clear}.reward-phone-overlay.is-closing .reward-phone-card{animation:.45s cubic-bezier(.4,0,.8,.4) forwards reward-phone-descend}@keyframes reward-phone-descend{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}@keyframes reward-phone-clear{0%{-webkit-backdrop-filter:blur(9px);background-color:#17342440}to{-webkit-backdrop-filter:blur();background-color:#0000}}@media (prefers-reduced-motion:reduce){.reward-phone-overlay.is-closing,.reward-phone-overlay.is-closing .reward-phone-card,.reward-phone-card{animation:none}}.completion-bottom{left:6%;right:6%;bottom:max(12px,env(safe-area-inset-bottom));gap:9px;translate:none}.completion-rewards{border-radius:20px;padding:8px 5px}.completion-rewards h2{margin:0 0 6px;font-size:16px}.completion-reward-grid .completion-icon{width:32px;height:32px;margin-bottom:5px}.completion-reward-grid h3{margin-bottom:3px;font-size:11px}.completion-reward-grid p{font-size:10px;line-height:1.25}.completion-bottom .completion-claim{min-height:48px;font-size:20px}.completion-shell:has(.reward-layered-screen){overflow:hidden}.reward-layered-screen{height:100dvh;min-height:0;overflow:hidden}.reward-layered-content{height:100%;min-height:0;padding:14px 20px max(12px,env(safe-area-inset-bottom));grid-template-rows:minmax(0,10fr) minmax(0,27fr) minmax(0,45fr) minmax(40px,9fr) minmax(26px,6fr);place-items:center;gap:6px;display:grid;overflow:hidden}.reward-layered-title{width:100%;height:100%;min-height:0;margin:0}.reward-layered-title>img{object-fit:contain;width:100%;height:100%}.reward-layered-mascot{width:100%;height:100%;min-height:0;margin:0;translate:none}.reward-layered-mascot>img{object-fit:contain;width:100%;height:100%;animation:none;transform:none}.reward-layered-vouchers{object-fit:contain;width:100%;max-width:100%;height:100%;min-height:0;margin:0;translate:none}.reward-layered-content>.reward-pressable{align-items:stretch;height:100%;min-height:0;margin:0;display:flex;translate:none}.reward-layered-content>.reward-pressable>[role=button]{height:100%;min-height:0}.reward-layered-play.completion-claim{height:100%;min-height:40px;margin:0;font-size:20px}.reward-layered-home{margin:0;padding:3px 10px;font-size:13px;line-height:1.25;translate:none}.reward-layered-mascot{z-index:2;align-self:end;transform:translateY(8px)}.reward-layered-mascot>img{object-position:center bottom}.reward-layered-vouchers{align-self:start;display:block;overflow:hidden}.reward-layered-content>.reward-pressable{width:100%}.completion-reward-grid .completion-icon{justify-content:center;align-items:center;height:36px;margin:0 auto 7px;display:flex}.completion-reward-grid .completion-icon.tart{width:40px}.completion-reward-grid .completion-icon.tart img{object-fit:contain;width:40px;max-width:100%;height:36px}.completion-reward-grid .completion-icon.voucher{width:min(76px,100%)}.completion-reward-grid .completion-icon.voucher img{object-fit:contain;width:100%;height:100%}.reward-layered-title{justify-self:center;width:116%;max-width:none;overflow:visible}.reward-layered-title>img{transform-origin:50%;transform:scale(1.15)}@font-face{font-family:KopiAuth;src:url(/assets/Nunito-Variable-DNoUBwIS.woff2)format("woff2");font-weight:200 1000;font-display:swap}.auth-shell{color:#164832;background:#ecebdc;justify-content:center;font-family:KopiAuth,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.auth-screen{background:linear-gradient(#fff8e9d9,#fff8e9ee),url(/assets/kopitiam-interior-clear.optimized-DrA8cjGz.webp) 50%/cover;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:min(100%,460px);min-height:100%;padding:50px 24px 24px;display:flex;position:relative}.auth-back{left:20px;top:max(15px,env(safe-area-inset-top));position:absolute}.auth-logo{object-fit:contain;width:145px;max-height:100px}.auth-card{text-align:center;background:linear-gradient(145deg,#fffdf6,#fff4dc);border:1px solid #d8bc7c;border-radius:26px;width:100%;padding:24px 22px;box-shadow:0 12px 35px #69491c1c}.auth-seal{color:#ffdfa1;background:#005438;border:3px solid #e2bd6f;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto auto 12px;font-size:25px;display:grid}.auth-eyebrow{letter-spacing:1.8px;color:#967442;margin:0;font-size:9px;font-weight:900}.auth-card h1{margin:12px 0;font-size:29px;font-weight:1000;line-height:1.12}.auth-intro{color:#677461;margin:0 0 24px;font-size:14px;line-height:1.5}.auth-card form{text-align:left}.auth-card label{margin-bottom:8px;font-size:13px;font-weight:900;display:block}.auth-phone-field{background:#fffdf7;border:1.5px solid #cbbb91;border-radius:13px;align-items:center;display:flex;overflow:hidden}.auth-phone-field>span{white-space:nowrap;border-right:1px solid #dfd4b7;padding:0 12px;font-size:13px;font-weight:900}.auth-card input{color:#164832;background:#fffdf7;border:0;width:100%;min-width:0;padding:14px 12px;font:700 17px KopiAuth,sans-serif}.auth-card input:focus{outline-offset:-2px;outline:2px solid #14845c}.auth-phone-field:focus-within{border-color:#14845c}.auth-hint{color:#77806e;margin:7px 0 18px;font-size:10px;line-height:1.5}.auth-card .auth-code{text-align:center;letter-spacing:8px;border:1.5px solid #cbbb91;border-radius:13px;margin-bottom:18px;font-size:26px}.auth-primary{color:#fff8e9;cursor:pointer;background:linear-gradient(#15825c,#005438);border:2px solid #f4d590;border-radius:30px;width:100%;min-height:52px;padding:13px 10px;font:900 15px KopiAuth,sans-serif;box-shadow:0 3px #003b29}.auth-primary>span{margin-left:6px}.auth-card button:disabled{opacity:.55;cursor:default}.auth-code-actions{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.auth-code-actions button{color:#005438;cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 0;font:800 11px KopiAuth,sans-serif}.auth-error{color:#b52a27;background:#ffe9df;border-radius:8px;margin:0 0 14px;padding:10px;font-size:12px;line-height:1.4}.auth-reward-note{color:#987238;border-top:1px solid #eaddbf;margin:22px 0 8px;padding-top:17px;font-size:11px;font-weight:900}.auth-footnote{color:#7f8474;margin:0;font-size:10px;line-height:1.5}.auth-footer{letter-spacing:1.7px;color:#6c7866;margin:0;font-size:8px;font-weight:800}.auth-screen button:focus-visible{outline-offset:3px;outline:3px solid #c69843}@media (height<=700px){.auth-screen{justify-content:flex-start;gap:12px;padding-top:60px}.auth-logo{max-height:65px}.auth-card{padding:18px}.auth-card h1{font-size:25px}}.auth-phone-field,.auth-card form{margin-bottom:24px}.auth-card{padding-top:44px;padding-bottom:44px}@media (height<=700px){.auth-card{padding-top:38px;padding-bottom:38px}}.auth-card>.auth-logo{object-fit:contain;width:360px;max-width:100%;height:224px;max-height:none;margin:-56px auto -50px;display:block}.auth-primary{justify-content:center;align-items:center;gap:10px;line-height:1.2;display:flex}.auth-primary>span{justify-content:center;align-items:center;margin-left:0;line-height:1;display:flex}@media (hover:hover) and (pointer:fine){.auth-back>.back-button:enabled:hover{translate:none}.auth-back>.back-button:hover svg{transform:none}}.auth-back>.back-button:active{box-shadow:none}.auth-skip{color:#005438;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin:0 auto 20px;padding:10px 18px;font:900 14px KopiAuth,sans-serif;text-decoration:underline;display:block}@font-face{font-family:DM Sans;src:url(/assets/Nunito-Variable-DNoUBwIS.woff2)format("woff2");font-weight:200 1000;font-display:swap}:root{color:#234c39;font-synthesis:none;background:#f4efdf;font-family:DM Sans,sans-serif}.desktop-shell{background:radial-gradient(at 50% 40%,#fff9ea 0,#f3efdf 65%,#e9e6d5 100%);justify-content:center;align-items:center;gap:clamp(40px,6vw,110px);min-height:100dvh;padding:32px;display:flex;position:relative;overflow:hidden}.desktop-shell:before{content:"";pointer-events:none;border:1px solid #36543b19;position:absolute;inset:18px}.side-copy{width:260px}.eyebrow,.small-label{letter-spacing:2.1px;font-size:9px;font-weight:700}.eyebrow{color:#94744b}.side-copy h2{letter-spacing:-2px;margin:25px 0;font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.12}.side-copy em{color:#b66a2b}.side-copy p,.side-detail p{color:#7a806d;font-size:13px;line-height:1.9}.side-rule{background:#b89960;width:38px;height:2px;margin:32px 0 22px}.small-label{color:#8c917a;font-size:8px}.game-frame{background:#b78d57;border:6px solid #fffaf0;border-radius:30px;flex-shrink:0;width:390px;height:min(844px,100dvh - 64px);min-height:690px;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 70px #283e302b,0 4px 10px #1e2c2a20}.art-shade{background:linear-gradient(#fff3d647 0%,#0000 44% 63%,#2e1909a6 100%);position:absolute;inset:0}.top-controls{justify-content:space-between;align-items:center;padding:17px 19px 0;display:flex;position:relative}.edition{letter-spacing:1.6px;color:#3b593d;font-size:8px;font-weight:800}.circle-control{color:#325539;background:#fff8dfb8;border:1px solid #fffae7ab;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:relative}.circle-control i{background:#325539;width:20px;height:1px;position:absolute;transform:rotate(-45deg)}.game-heading{text-align:center;padding-top:3px;position:relative}.title-plaque{background:linear-gradient(160deg,#714023,#412412);border:2px solid #e0ad5c;border-radius:17px;outline:3px solid #673b24;justify-content:center;align-items:center;gap:10px;width:296px;margin:4px auto 17px;padding:13px 0 10px;display:flex;transform:rotate(-4deg);box-shadow:0 7px #3a241d55,inset 0 0 0 4px #ffffff0d}.title-plaque h1{color:#fff0b8;letter-spacing:1px;text-shadow:2px 3px #9c481e,-1px -1px #fff6dc;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:47px;font-weight:900;line-height:.9}.title-plaque h1 span{letter-spacing:3px;font-size:58px}.plaque-star{color:#e4b967;font-size:16px}.tagline{color:#402917;text-shadow:0 1px 6px #fff5df,0 1px 10px #fff5df;margin:0;font-size:13px;font-weight:500;line-height:1.5}.tagline strong{font-weight:800}.bottom-content{position:absolute;bottom:12px;left:25px;right:25px}.reward-note{color:#fff1cf;text-shadow:0 2px 7px #4c250a;letter-spacing:1px;text-align:center;justify-content:center;gap:13px;margin-bottom:13px;font-size:11px;font-weight:600;display:flex}.play-button{color:#fff9e8;text-shadow:0 2px #ac4b27;background:linear-gradient(#ffbd53 0%,#fa8124 45%,#df4b12 100%);border:2px solid #fff0bd;border-radius:40px;justify-content:center;align-items:center;gap:25px;padding:16px 23px;font-size:23px;font-weight:800;display:flex;box-shadow:0 5px #923b1e,0 0 24px #ffc56270,inset 0 2px #fff6c77a}.arrow{font-size:28px;font-weight:400;line-height:24px}.footer-brand{text-align:center;letter-spacing:1.8px;color:#f4dfbb9c;font-size:7px}.side-detail{text-align:center;width:180px}.stamp{letter-spacing:2px;outline-offset:5px;color:#597252;border:1px solid #a4ad92;border-radius:50%;outline:1px solid #a4ad9250;flex-direction:column;justify-content:center;align-items:center;width:128px;height:128px;margin:0 auto 30px;font-size:10px;display:flex;transform:rotate(10deg)}.stamp b{letter-spacing:1px;font-family:Georgia,serif;font-size:29px;line-height:1.2}.stamp span{margin-top:8px}.side-detail p{margin-bottom:28px}@media (width>=1500px){.game-frame{height:844px}}@media (width<=1050px){.side-detail{display:none}.desktop-shell{gap:50px}.side-copy{width:235px}.side-copy h2{font-size:42px}}@media (width<=700px){.side-copy{display:none}.desktop-shell{background:#352919;min-height:100dvh;padding:0}.desktop-shell:before{display:none}.game-frame{border:0;border-radius:0;width:100vw;max-width:460px;height:100dvh;min-height:650px}.game-heading{padding-top:5px}.bottom-content{bottom:max(15px,env(safe-area-inset-bottom))}}@media (height<=740px) and (width>=701px){.game-frame{height:calc(100dvh - 30px);min-height:640px}.desktop-shell{padding:15px}.title-plaque{padding:8px 0}.title-plaque h1{font-size:39px}.title-plaque h1 span{font-size:49px}}.bottom-content>[role=button]{align-self:center;width:100%;max-width:320px;margin-inline:auto}.bottom-content .play-button{width:100%}:root{--kopi-green:#005b3c;--kopi-green-dark:#003c29;--kopi-red:#e5002b;--kopi-cream:#fff8e9;color:var(--kopi-green);background:var(--kopi-cream)}.desktop-shell{background:radial-gradient(at 50% 40%,#fffdf5 0%,#f4f3e6 60%,#e2eadd 100%)}.desktop-shell:before{border-color:#005b3c25}.eyebrow,.side-copy em{color:var(--kopi-red)}.side-copy p,.side-detail p,.small-label{color:#527261}.side-rule{background:var(--kopi-red)}.game-frame{border-color:var(--kopi-cream);background:var(--kopi-green);box-shadow:0 35px 70px #003c292b,0 4px 10px #003c2920}.edition,.tagline{color:var(--kopi-green-dark)}.tagline{text-shadow:0 1px 6px #fff8e9,0 1px 10px #fff8e9}.reward-note{color:var(--kopi-cream);text-shadow:0 2px 7px #003c29}.reward-note span{color:#fff}.play-button{color:var(--kopi-cream);border-color:var(--kopi-cream);text-shadow:0 2px #003c29;background:linear-gradient(#16815a 0%,#005b3c 55%,#00442e 100%);box-shadow:0 5px #002b1e,0 0 24px #005b3c40,inset 0 2px #ffffff40}.bottom-content>[role=button]:focus-visible{outline:3px solid var(--kopi-red);outline-offset:6px;border-radius:40px}.footer-brand{color:#fff8e9c9;margin-top:18px}.stamp{color:var(--kopi-green);border-color:#005b3c80;outline-color:#005b3c30}.stamp span{color:var(--kopi-red)}@media (width<=700px){.desktop-shell{background:var(--kopi-green-dark)}}.top-controls{justify-content:flex-end}.heritage-sign{background:#fff1d4;border:3px solid #005b3c;border-radius:90px 90px 35px 35px/55px 55px 32px 32px;width:310px;max-width:calc(100% - 42px);margin:5px auto 12px;padding:7px;position:relative;box-shadow:0 3px #fff1d4,0 5px #005b3c,0 9px 18px #003c2933}.heritage-sign-inner{background:radial-gradient(#fff8e9,#f5e2bb);border:1px solid #005b3c;border-radius:80px 80px 27px 27px/47px 47px 25px 25px;flex-direction:column;align-items:center;padding:9px 9px 7px;display:flex}.heritage-ornament{color:#005b3c;letter-spacing:8px;font-family:Georgia,serif;font-size:18px;line-height:22px}.heritage-sign-caption{letter-spacing:3px;color:#005b3c;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700}.heritage-sign-rule{color:#b71331;letter-spacing:5px;font-size:12px;line-height:19px}.bottom-content>[role=button]:active .play-button{text-shadow:0 2px #002b1e;background:linear-gradient(#004b32,#002f20);box-shadow:0 3px #001f15,inset 0 2px 5px #001f1540}.bottom-content>[role=button]:focus-visible{outline-color:var(--kopi-green)}.play-button{-webkit-user-select:none;user-select:none}.heritage-sign{border-radius:65px 65px 28px 28px/35px 35px 25px 25px;margin-bottom:10px;padding:5px}.heritage-sign-caption{margin-top:0;font-size:12px;line-height:18px}.game-frame{width:420px;height:min(800px,100dvh - 64px);min-height:660px}.top-controls{padding:15px 20px 0}.edition{letter-spacing:1.4px;font-size:7px}.heritage-sign{border-width:2px;border-radius:55px 55px 23px 23px/30px 30px 20px 20px;width:250px;max-width:calc(100% - 64px);margin:14px auto 16px;padding:4px;box-shadow:0 2px #fff1d4,0 4px #005b3c,0 6px 14px #003c2926}.heritage-sign-inner{border-radius:49px 49px 18px 18px/25px 25px 16px 16px;padding:7px 10px 5px}.heritage-sign-caption{letter-spacing:2px;font-size:10px;line-height:16px}.heritage-sign-rule{font-size:9px;line-height:12px}.tagline{font-size:11px;line-height:1.6}.bottom-content{bottom:19px;left:32px;right:32px}.reward-note{letter-spacing:.6px;gap:10px;margin-bottom:12px;font-size:9px}.bottom-content>[role=button]{max-width:260px}.play-button{border-width:1.5px;gap:22px;padding:12px 20px;font-size:19px;box-shadow:0 3px #002b1e,inset 0 1px #ffffff40}.arrow{font-size:24px}.footer-brand{letter-spacing:1.4px;margin-top:16px;font-size:6px}@media (width>=1500px){.game-frame{height:800px}}@media (width<=700px){.game-frame{width:100vw;max-width:460px;height:100dvh;min-height:620px}.bottom-content{bottom:max(20px,env(safe-area-inset-bottom))}}@media (height<=740px) and (width>=701px){.game-frame{height:calc(100dvh - 30px);min-height:620px}.heritage-sign{margin-top:8px;margin-bottom:12px}}.heritage-sign{--sign-shape:polygon(0 31%,8% 31%,8% 26%,13% 26%,17% 18%,24% 10%,32% 4%,41% 1%,50% 0,59% 1%,68% 4%,76% 10%,83% 18%,87% 26%,92% 26%,92% 31%,100% 31%,100% 83%,82% 83%,82% 100%,18% 100%,18% 83%,0 83%);width:270px;max-width:calc(100% - 60px);clip-path:var(--sign-shape);box-shadow:none;filter:drop-shadow(0 3px 2px #003c2940);background:#005b3c;border:0;border-radius:0;margin:14px auto 16px;padding:3px}.heritage-sign-inner{clip-path:var(--sign-shape);background:#fffdf0;border:0;border-radius:0;justify-content:center;min-height:122px;padding:15px 14px 10px;position:relative}.heritage-sign-inner:before{content:"";clip-path:var(--sign-shape);pointer-events:none;background:#005b3c;position:absolute;inset:3px}.heritage-sign-inner:after{content:"";clip-path:var(--sign-shape);pointer-events:none;background:#fffdf0;position:absolute;inset:5px}.heritage-sign-inner>div{z-index:1}.art-shade{background:linear-gradient(#fff8e933 0%,#0000 44% 70%,#003c2980 100%)}.heritage-sign-inner{min-height:0;padding:7px 9px 5px}.heritage-sign{clip-path:none;filter:drop-shadow(0 3px 2px #003c2926);background:0 0;border:0;padding:0}.heritage-sign-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.heritage-sign-inner{clip-path:none;background:0 0;min-height:144px;padding:9px 12px 10px}.heritage-sign-inner:before,.heritage-sign-inner:after{display:none}.game-heading .heritage-sign{margin-bottom:6px}.game-heading .tagline{margin:0 auto;line-height:1.45}.game-heading{transform:translateY(20px)}.home-game-frame .play-button{isolation:isolate;transform-origin:50%;animation:2.4s ease-in-out infinite home-play-breathe;position:relative;overflow:hidden}.home-game-frame .play-button:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#fff4c866 48%,#0000 70%);animation:4s ease-in-out infinite home-play-shine;position:absolute;inset:0;transform:translate(-130%)}@keyframes home-play-breathe{0%,to{transform:scale(1);box-shadow:0 3px #002b1e,0 0 18px #ffd477bb,0 0 34px #ffbd5388,inset 0 1px #ffffff60}50%{transform:scale(1.055);box-shadow:0 4px #002b1e,0 0 24px #ffd477ee,0 0 44px #ffbd53aa,inset 0 1px #ffffff80}}@keyframes home-play-shine{0%,40%{transform:translate(-130%)}75%,to{transform:translate(130%)}}@media (prefers-reduced-motion:reduce){.home-game-frame .play-button,.home-game-frame .play-button:before{animation:none}.home-game-frame .play-button{box-shadow:0 3px #002b1e,0 0 20px #ffd47788}}.home-game-frame .game-heading{transform-origin:50%;animation:2.4s ease-in-out infinite home-heading-breathe}@keyframes home-heading-breathe{0%,to{transform:translateY(20px)scale(1)}50%{transform:translateY(20px)scale(1.045)}}@media (prefers-reduced-motion:reduce){.home-game-frame .game-heading{animation:none}}.home-game-frame .heritage-sign,.home-game-frame .tagline{animation:none}@media (prefers-reduced-motion:reduce){.home-game-frame .tagline{animation:none}}.home-game-frame .game-heading{animation:2.4s ease-in-out infinite home-shared-breathe}.home-game-frame .play-button{animation:2.4s ease-in-out infinite home-shared-breathe;box-shadow:0 3px #002b1e,0 0 22px #ffd477dd,0 0 40px #ffbd5399,inset 0 1px #ffffff70}@keyframes home-shared-breathe{0%,to{scale:1}50%{scale:1.055}}.home-game-frame [role=button]:active .play-button{animation:none;transform:none}@media (prefers-reduced-motion:reduce){.home-game-frame .game-heading,.home-game-frame .play-button{animation:none;scale:1}}.home-game-frame .game-heading{transform:translateY(20px)scale(1.04)}.home-game-frame .bottom-content{bottom:43px}@media (width<=700px){.home-game-frame .bottom-content{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 24px)}}.reward-panel{box-sizing:border-box;color:#005b3c;background:linear-gradient(120deg,#fff9e9,#f7e8cc);border:1px solid #fffdf0;border-radius:17px;flex-shrink:0;grid-template-columns:1fr;align-self:center;align-items:center;width:calc(100% - 44px);min-width:0;max-width:380px;min-height:84px;margin:4px 22px 0;padding:15px 12px 15px 136px;display:grid;position:relative;box-shadow:0 4px 12px #45371b24}.reward-voucher{transform-origin:50% 65%;pointer-events:none;width:147px;height:101px;animation:3.8s ease-in-out infinite voucher-float;position:absolute;top:-9px;left:-12px}.reward-voucher img{object-fit:contain;filter:drop-shadow(0 4px 4px #49371c26);width:100%;height:100%;display:block}.reward-panel-copy{flex-direction:column;gap:7px;min-width:0;max-width:100%;display:flex}.reward-panel-copy strong{white-space:normal;overflow-wrap:normal;font-family:Georgia,serif;font-size:12px;line-height:1.35}.reward-panel-copy small{color:#527261;white-space:normal;font-family:Georgia,serif;font-size:8px;line-height:1.5}.reward-sparkle{color:#e5a426;pointer-events:none;line-height:1;animation:2.7s ease-in-out infinite reward-twinkle;position:absolute}.sparkle-one{font-size:17px;animation-delay:-.5s;top:3px;left:139px}.sparkle-two{font-size:22px;animation-delay:-1.6s;top:-8px;right:33px}.sparkle-three{font-size:14px;animation-delay:-2.1s;top:17px;right:7px}.sparkle-four{font-size:10px;animation-delay:-1s;bottom:7px;left:129px}@keyframes voucher-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(0)}}@keyframes reward-twinkle{0%,to{opacity:.25;transform:scale(.65)rotate(-10deg)}50%{opacity:1;transform:scale(1.12)rotate(10deg)}}@media (width<=370px){.reward-panel{width:calc(100% - 32px);margin-inline:16px;padding-left:117px}.reward-voucher{width:129px}.reward-panel-copy strong{font-size:11px}.sparkle-one{left:120px}}@media (prefers-reduced-motion:reduce){.reward-voucher,.reward-sparkle{animation:none}}.reward-panel-copy{text-align:center;justify-content:center;align-self:stretch;align-items:center}.reward-panel-copy strong,.reward-panel-copy small{text-align:center;width:100%}.stages-shell{background:radial-gradient(#fffaf0,#e2eadd);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.stages-frame{background:#f5ecd6;border:0;border-radius:28px;width:420px;height:min(860px,100dvh - 48px);min-height:740px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #003c2926}.stages-scene{isolation:isolate;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.stages-street{z-index:-2;filter:saturate(.72)brightness(.88);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.stages-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#173b2810,#fff8e929 22% 78%,#173b2810);position:absolute;inset:0}.stages-navigation{z-index:3;position:absolute;top:17px;left:17px}.stages-back{color:#005b3c;background:#fff8e9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 7px #003c2920}.stages-back svg{display:block}.stages-heading{text-align:center;color:#003c29;flex-direction:column;flex-shrink:0;align-items:center;padding:25px 30px 0;display:flex;position:relative}.journey-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.journey-brand>span{color:#bf0029;letter-spacing:6px;font-family:KaiTi,Times New Roman,serif;font-size:31px;font-weight:700;line-height:1.2}.journey-brand>strong{letter-spacing:-1px;margin-top:4px;font-family:Georgia,serif;font-size:31px;font-weight:900;line-height:.88}.stages-heading h1{white-space:nowrap;margin:0 0 6px;font-family:Georgia,serif;font-size:23px;font-weight:700;line-height:1.2}.stages-heading h1:before,.stages-heading h1:after{content:"—";margin:0 8px;font-size:16px;font-weight:400}.stages-heading p{margin:0;font-family:Georgia,serif;font-size:12px;line-height:1.4}.stages-list{flex-direction:column;flex:1;justify-content:space-between;gap:24px;min-height:370px;margin:26px 28px 25px;display:flex;position:relative}.stages-list>[role=button]{flex-shrink:0;width:100%;position:relative;overflow:visible}.stage-card{color:#00452f;background:linear-gradient(120deg,#fffbec,#f8edcf);border:2px solid #005b3c;border-radius:27px;grid-template-columns:40px 83px 1fr 23px;align-items:center;gap:9px;width:100%;height:82px;padding:8px 13px 8px 10px;display:grid;position:relative;box-shadow:0 4px 6px #49351c26}.stage-card.is-unlocked{color:#fff6dc;background:linear-gradient(125deg,#1c6847,#004c33);border-color:#f5d47b;box-shadow:0 3px #b79443,0 5px 10px #3b361e33}.stage-number{color:#005b3c;background:#fff9e5;border:1.5px solid #005b3c;border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;font-size:25px;font-weight:800;line-height:1;display:flex;box-shadow:0 2px 3px #46341b20}.is-unlocked .stage-number{color:#00452f;background:linear-gradient(135deg,#fff2ba,#edb847);border:2px solid #fff7d1;box-shadow:0 0 10px #ffd56c80}.stage-food-plate{justify-content:center;align-items:center;width:83px;height:75px;display:flex}.stage-food{object-fit:contain;filter:drop-shadow(0 3px 3px #412f1626);width:100%;height:100%;display:block}.stage-title{font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:1.14}.stage-status{color:inherit;justify-content:center;align-items:center;font-size:32px;font-weight:400;display:flex}.is-unlocked .stage-status{color:#ffe39a}.stage-status svg{width:18px;height:23px}.stage-connector{color:#005b3c;pointer-events:none;width:100%;height:calc(min(860px,100dvh - 48px)/3 - 193.333px);min-height:25px;max-height:55px;position:absolute;top:100%;left:0}.stages-bottom-note{text-align:center;letter-spacing:1.4px;color:#00452f;text-shadow:0 1px 3px #fff8e9;padding:17px 0 14px;font-size:6px;position:relative}@media (width<=700px){.stages-shell{background:#f4ebd8;padding:0}.stages-frame{border:0;border-radius:0;width:100vw;max-width:460px;height:100dvh;min-height:740px}.stage-connector{height:calc(33.3333dvh - 193.333px)}}@media (height<=780px){.stages-heading{padding-top:20px}.journey-brand{margin-bottom:17px}.journey-brand>span,.journey-brand>strong{font-size:27px}.stages-heading h1{font-size:21px}.stages-list{min-height:354px;margin-top:23px;margin-bottom:22px}.stage-card{height:76px}.stage-food-plate{height:68px}}@media (width<=370px){.stages-list{margin-left:18px;margin-right:18px}.stage-card{grid-template-columns:35px 72px 1fr 18px;gap:7px;padding-inline:8px}.stage-number{width:35px;height:35px;font-size:23px}.stage-food-plate{width:72px}.stage-title{font-size:16px}}.stages-list{margin-left:48px;margin-right:48px}.stage-card{height:100px;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;grid-template-columns:39px 91px minmax(0,1fr) 19px;gap:7px;padding:7px 15px 7px 10px}.stage-card.is-unlocked{box-shadow:none;background:0 0;border:0}.stage-card-frame{z-index:-1;filter:drop-shadow(0 3px 2px #49351c35);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage-card-frame path{fill:#fff7df;stroke:#005b3c;stroke-width:2px}.is-unlocked .stage-card-frame path{fill:#005438;stroke:#f2d17c;stroke-width:3px}.stage-number{width:39px;height:39px;font-size:27px}.stage-food-plate{width:91px;height:89px}.stage-title{letter-spacing:-.2px;font-size:16px;line-height:1.12}.stage-status{font-size:30px}.stage-connector{height:calc(min(860px,100dvh - 48px)/3 - 217.333px);min-height:22px}.stages-list{gap:18px;min-height:454px}@media (width<=700px){.stage-connector{height:calc(33.3333dvh - 217.333px)}}@media (height<=780px){.stage-card{height:91px}.stage-food-plate{height:83px}.stages-list{gap:18px;min-height:418px;margin-top:20px;margin-bottom:20px}.stages-frame{min-height:790px}}@media (width<=390px){.stages-list{margin-left:37px;margin-right:37px}.stage-card{grid-template-columns:36px 83px minmax(0,1fr) 17px;gap:6px;padding-inline:9px}.stage-food-plate{width:83px}.stage-title{font-size:15px}.stage-number{width:36px;height:36px;font-size:25px}}.journey-brand{flex-shrink:0;width:190px;height:103px;margin-bottom:22px;display:block;position:relative}.journey-brand img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.journey-logo-green{filter:brightness(0)saturate()invert(23%)sepia(33%)saturate(1248%)hue-rotate(109deg)brightness(89%)contrast(103%)}.journey-logo-red{clip-path:inset(0 0 51%)}@media (height<=780px){.journey-brand{width:175px;height:95px;margin-bottom:17px}}.stages-heading h1,.stages-heading p{font-family:DM Sans,sans-serif}.stages-heading h1{letter-spacing:-.4px;font-size:21px;font-weight:800}.journey-brand{margin-bottom:12px}@media (height<=780px){.journey-brand{margin-bottom:7px}}.stages-heading h1,.stages-heading p{letter-spacing:0;font-family:Georgia,Times New Roman,serif}.stages-heading h1{font-size:23px;font-weight:700}.stages-heading p{font-size:12px;font-weight:400}.stages-heading h1{font-size:20px}.stages-heading p{font-size:10px}.stages-navigation{top:27px;left:19px}@media (width<=700px){.stages-navigation{top:max(25px,env(safe-area-inset-top))}}@media (width<=350px){.stages-navigation{left:15px}}.stage-status.stage-status-badge{color:#005438;background:linear-gradient(135deg,#fff2ba,#dfb65b);border:1px solid #efd58e;border-radius:50%;justify-self:center;width:30px;height:30px;box-shadow:inset 0 0 0 2px #fff5cd60,0 2px 4px #002b2533}.stage-status.stage-status-badge svg{width:18px;height:18px}.stage-title{padding-right:7px}.stage-number,.is-unlocked .stage-number{width:36px;height:44px;box-shadow:none;color:#006044;letter-spacing:-1px;text-shadow:none;background:0 0;border:0;border-radius:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400;position:relative}.is-unlocked .stage-number{color:#f5dfa1}.stage-number:after{content:"";opacity:.5;background:currentColor;height:1px;position:absolute;bottom:3px;left:9px;right:9px}@media (width<=390px){.stage-number,.is-unlocked .stage-number{width:32px;font-size:23px}}.stage-number,.is-unlocked .stage-number{text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums;justify-content:center;place-self:center;align-items:center;line-height:1;display:flex}.stage-number:after{width:18px;left:50%;right:auto;transform:translate(-50%)}.stage-card.is-unlocked{transition:transform .2s}.stages-reset{z-index:5;top:max(27px,env(safe-area-inset-top));color:#005438;cursor:pointer;background:#fff8e5;border:1px solid #d2b56f;border-radius:14px;padding:8px 10px;font:700 11px Georgia,serif;position:absolute;right:19px}@media (prefers-reduced-motion:reduce){.stage-card.is-unlocked{transition:none}}.stage-number,.is-unlocked .stage-number{transform:translateY(-4px)}.stage-status{place-self:center;transform:translateY(-4px)}.stage-status.stage-status-badge{transform:translate(-9px,-4px)}.stage-status svg{flex-shrink:0;display:block}.stages-scene>.reward-panel{margin-bottom:max(24px,env(safe-area-inset-bottom))}.stages-scene>.stages-list,.stages-scene>.reward-panel{translate:0 -10px}@media (width<=700px){.stages-scene{min-height:0;container-type:size}.stages-heading{padding-top:clamp(14px,3cqh,25px)}.journey-brand{width:clamp(130px,24cqh,190px);height:clamp(64px,12cqh,103px);margin-bottom:7px}.stages-list{grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(10px,2.5cqh,24px);min-height:0;margin-top:clamp(12px,2.5cqh,26px);margin-bottom:clamp(12px,2.5cqh,25px);display:grid}.stages-list>[role=button]{height:100%;min-height:0}.stage-card{height:100%;min-height:0;max-height:100px}.stage-food-plate{height:100%;min-height:0;max-height:89px}.stage-connector{height:clamp(10px,2.5cqh,24px);min-height:0}.stages-scene>.stages-list,.stages-scene>.reward-panel{translate:none}.stages-scene>.reward-panel{min-height:76px;margin-bottom:16px;padding-top:10px;padding-bottom:10px}.stages-scene>.stages-list{box-sizing:border-box;grid-template-columns:minmax(0,1fr);justify-items:stretch;width:calc(100% - 96px);margin-left:auto;margin-right:auto}.stages-list>[role=button]{box-sizing:border-box;justify-self:stretch;width:100%;min-width:0}.stages-list .stage-card{box-sizing:border-box;width:100%;min-width:0}}@media (width<=390px){.stages-scene>.stages-list{width:calc(100% - 74px)}}.brew-frame{color:#06432f;background:#d1b981;min-height:700px;font-family:Georgia,Times New Roman,serif}.brew-frame .order-scene{filter:none;background-image:url(/assets/scene.optimized-dA-DMj0n.webp);background-size:100% 100%}.brew-frame:before{display:none}.brew-hud{justify-content:space-between;align-items:center;gap:14px;height:5.2%;display:flex;position:absolute;top:3%;left:6%;right:6%}.brew-hud>span{color:#fff3ce;white-space:nowrap;text-shadow:0 2px 2px #003c28;background:linear-gradient(130deg,#187b54,#004732 65%);border:2px solid #eac878;border-radius:40px;justify-content:center;align-items:center;gap:12px;width:64%;height:100%;font-size:clamp(19px,5vw,25px);font-weight:700;display:flex;box-shadow:0 0 0 2px #99642b,inset 0 0 0 2px #fff0a55c,0 5px 9px #25190f55}.brew-hud>span:before,.brew-hud>span:after{content:"❧";color:#eec576;font-size:19px}.brew-hud .back-button,.brew-pause{background:linear-gradient(120deg,#fffef0,#f3dfaa);border:1px solid #dfb85e;border-radius:12px;box-shadow:inset 0 0 0 2px #fff9e1,0 3px 8px #40290935}.brew-pause{color:#06432f;cursor:pointer;width:40px;height:42px;font:700 25px Georgia}.brew-recipe{background:radial-gradient(at 30% 20%,#fffef4,#f5e8c8);border:2px solid #c69a45;border-radius:22px;grid-template-columns:31% 1fr;align-items:center;gap:10px;height:16%;padding:11px 15px;display:grid;position:absolute;top:10%;left:5%;right:5%;box-shadow:inset 0 0 0 2px #fffdf0,0 4px 12px #35200d33}.brew-recipe>img{object-fit:contain;filter:drop-shadow(0 5px 3px #6e461d30);width:100%;max-height:125px}.brew-eyebrow{color:#987038;letter-spacing:1.8px;margin:0 0 4px;font:700 8px sans-serif}.brew-recipe h1{margin:0 0 8px;font-size:19px;line-height:1.05}.brew-recipe-row{grid-template-columns:1fr auto;gap:3px;margin-bottom:5px;font-size:11px;display:grid}.brew-recipe-row>div{background:#e3d4ae;border-radius:10px;grid-column:1/-1;height:4px;overflow:hidden}.brew-recipe-row i{border-radius:10px;height:100%;display:block}.brew-recipe-row.added{color:#087c4e}.brew-recipe small{display:none}.brew-step{white-space:nowrap;background:linear-gradient(#fffdf1,#f5e2b4);border:1px solid #b88c3e;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;position:absolute;top:27.7%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #fff8e7,0 3px 7px #41281244}.brew-step:before,.brew-step:after{content:"❧";color:#b98f48;margin:0 8px}.brew-worktop{isolation:isolate;position:absolute;inset:32% 0 28%}.brew-cup{filter:drop-shadow(0 9px 4px #3b220b55);width:85%;height:auto;max-height:100%;position:absolute;bottom:4%;left:0;overflow:visible}.brew-liquid stop{transition:stop-color 1s}.brew-fill{background:#e6d8b5b5;border:1px solid #dfb66c;border-radius:20px;width:36%;height:9px;position:absolute;bottom:4.3%;left:29%;overflow:hidden;box-shadow:inset 0 1px 3px #6c492c66,0 2px 5px #34200b55}.brew-fill>span{background:linear-gradient(#26b879,#00653e);border-radius:20px;height:100%;transition:width 1s;display:block}.brew-fill-label{text-align:center;color:#fff8e6;text-shadow:0 2px 3px #432b13;width:36%;font-size:13px;font-weight:700;position:absolute;bottom:-1%;left:29%}.brew-steam{color:#fff9e8;filter:blur(1px);opacity:.6;z-index:3;pointer-events:none;width:60px;height:70px;animation:3s ease-in-out infinite brew-steam;position:absolute;bottom:60%;left:36%}.brew-gauge{background:linear-gradient(#b65527,#d0a12e 39%,#51ce45 40%,#0aa941 60%,#e2b824 61%,#ba4f23);border:3px solid #ffedb7;border-radius:30px;width:24px;position:absolute;top:9%;bottom:9%;right:7%;box-shadow:0 0 0 2px #b47b27,0 0 0 4px #e7c47d,inset 3px 0 5px #fff6,0 4px 7px #57361477}.brew-gauge:before,.brew-gauge:after{content:"◆";color:#eac273;text-shadow:0 1px 2px #5f330e;font-size:17px;position:absolute;left:3px}.brew-gauge:before{top:-20px}.brew-gauge:after{bottom:-21px}.brew-perfect-zone{border-block:2px solid #f7dfa2;height:20%;position:absolute;bottom:40%;left:-7px;right:-7px}.brew-perfect-zone b{letter-spacing:.2px;color:#fff4cc;background:linear-gradient(#116a45,#003d2a);border:1px solid #eac478;border-radius:10px;padding:5px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 4px #53341355}.brew-needle{color:#fff5d5;text-align:right;filter:drop-shadow(0 2px 1px #9a6a29);z-index:2;background:#fff1c3;height:2px;font-size:27px;line-height:0;position:absolute;bottom:0;left:-5px;right:-12px;transform:translateY(50%)}.brew-controls{background:radial-gradient(#fffdf1,#f3e1b5);border:2px solid #bd8e3e;border-radius:19px;flex-direction:column;gap:7px;height:22.8%;padding:12px 13px 13px;display:flex;position:absolute;bottom:3%;left:4%;right:4%;box-shadow:inset 0 0 0 2px #fffdf0,0 0 0 3px #fff4d7,0 5px 12px #51331144}.brew-feedback{text-align:center;min-height:17px;font-size:13px;font-weight:700;line-height:1.15}.brew-feedback.perfect{color:#008354;letter-spacing:2px}.brew-feedback.miss{color:#a34520}.brew-ingredients{flex:1;justify-content:space-around;align-items:stretch;gap:5px;min-height:0;display:flex;position:relative}.brew-ingredients:before{content:"";pointer-events:none;background:repeating-linear-gradient(2deg,#0000 0 8px,#60340f15 10px,#0000 12px),linear-gradient(#cca476,#a5713f);border:2px solid #d3a36a;border-radius:16px;height:45%;position:absolute;bottom:0;left:-3px;right:-3px;box-shadow:inset 0 0 0 2px #84512355}.brew-ingredients button{color:#68461f;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:0;padding:0 0 2px;display:flex;position:relative}.ingredient-art{aspect-ratio:1;filter:drop-shadow(0 3px 3px #3a210f50);background-image:none;background-repeat:no-repeat;background-size:300% 100%;width:100%;height:100%;min-height:0;display:block}.art-coffee{background-position:0%}.art-milk{background-position:50%}.art-sugar{background-position:100%}.brew-ingredients .ingredient-art{flex:1;max-width:85px}.ingredient-label{white-space:nowrap;background:linear-gradient(#fff5db,#e9cc8d);border:1px solid #d5a655;border-radius:20px;max-width:100%;padding:3px 9px;font-size:11px;line-height:1.1;display:block;box-shadow:0 2px 3px #6e421e33}.active .ingredient-label{color:#fff5db;background:linear-gradient(#148152,#004530)}.active .ingredient-art{filter:drop-shadow(0 0 5px #63ffd8)drop-shadow(0 3px 2px #54311344)}.finished .ingredient-label{color:#08633e}.brew-ingredients button:disabled{cursor:default}.brew-action{color:#fff1c4;letter-spacing:.3px;text-shadow:0 2px 2px #002e20;cursor:pointer;background:radial-gradient(at 30% 10%,#169762,#005033 80%);border:2px solid #edc779;border-radius:35px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:28%;min-height:40px;font:700 18px Georgia;display:flex;box-shadow:0 0 0 2px #ae7a31,inset 0 0 0 2px #e9ca7540,inset 0 3px 5px #adffde33,0 4px 6px #51330c44}.brew-action:before,.brew-action:after{content:"❧";color:#e8c173;margin:0 15px}.brew-hit{letter-spacing:3px;font-size:30px}.brew-action:disabled{cursor:default;filter:saturate(.65);font-size:14px}.brew-action:active:not(:disabled){transform:translateY(1px)}.brew-pitcher{transform-origin:80% 35%;z-index:4;pointer-events:none;width:40%;height:40%;position:absolute;top:-2%;left:-8%;transform:rotate(25deg)}.brew-pitcher .ingredient-art{width:100%;height:100%}.brew-pitcher.is-pouring{transition:transform .25s;transform:rotate(43deg)}.brew-pour{z-index:4;transform-origin:top;pointer-events:none;border-radius:40%;width:6px;height:38%;animation:1s both brew-pour;position:absolute;top:24%;left:30%;transform:rotate(-10deg);box-shadow:inset 2px 0 1px #fff4}.sugar-pour{opacity:.8;background-image:repeating-linear-gradient(#0000 0 3px,#fff 3px 6px)}.brew-frame .order-pause-panel .brew-action{height:45px}.brew-frame button:focus-visible{outline-offset:3px;outline:3px solid #36deb1}@keyframes brew-pour{0%{clip-path:inset(0 0 100%)}20%,75%{clip-path:inset(0)}to{clip-path:inset(100% 0 0)}}@keyframes brew-steam{50%{opacity:.25;transform:translateY(-12px)}}@media (width<=350px){.brew-hud>span{gap:5px;font-size:18px}.brew-recipe{gap:5px;padding:9px}.brew-recipe h1{font-size:16px}.ingredient-label{padding:3px 5px;font-size:9px}.brew-feedback{font-size:11px}.brew-step{font-size:10px}}@media (height<=740px){.brew-frame{min-height:640px}.brew-controls{gap:5px;height:23%;padding:9px}.brew-recipe h1{font-size:17px}.brew-recipe-row{margin-bottom:4px;font-size:10px}.brew-hit{font-size:24px}.brew-hud>span{font-size:20px}}@media (prefers-reduced-motion:reduce){.brew-liquid,.brew-fill>span,.brew-pitcher.is-pouring{transition:none}.brew-steam{animation:none}}.brew-recipe{height:18%;padding-block:10px}.brew-recipe h1{margin-bottom:6px;font-size:18px}.brew-step{top:29.5%}.brew-worktop{top:34%}.brew-ingredients .ingredient-art{clip-path:inset(0 4%);flex:0 68px;width:68px;max-width:100%;height:68px}.brew-hud>span{gap:7px;font-size:23px}.brew-hud>span:before,.brew-hud>span:after{font-size:14px}@media (height<=740px){.brew-recipe h1{font-size:15px}.brew-recipe-row{gap:2px;margin-bottom:3px;font-size:9px}.brew-ingredients .ingredient-art{flex-basis:55px;width:55px;height:55px}}.pour-rig{pointer-events:none}.pour-vessel{transform-origin:195px 10px;transition:transform .2s ease-in-out;transform:rotate(8deg)}.pour-rig-active .pour-vessel{animation:1.4s ease-in-out both pour-vessel-tilt}.pour-flow{animation:1.4s linear both pour-flow-visibility}.pour-grains{animation:.3s linear infinite pour-grain-fall}.pour-grains-fine{animation-duration:.23s}.pour-ripple{transform-origin:442px 214px;animation:.4s ease-out infinite pour-ripple}.pour-rig-paused *{animation-play-state:paused!important}.brew-liquid{transition:transform .85s ease-in-out .2s,opacity .2s .2s}@keyframes pour-vessel-tilt{0%{transform:rotate(8deg)}18%,75%{transform:rotate(38deg)}to{transform:rotate(8deg)}}@keyframes pour-flow-visibility{0%,12%{opacity:0;clip-path:inset(0 0 100%)}22%,74%{opacity:1;clip-path:inset(0)}86%,to{opacity:0;clip-path:inset(80% 0 0)}}@keyframes pour-grain-fall{to{stroke-dashoffset:-30px}}@keyframes pour-ripple{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.pour-vessel,.pour-grains,.pour-ripple{animation:none!important}.pour-rig-active .pour-vessel{transform:rotate(38deg)}.brew-liquid{transition:none}}.brew-ingredients .art-coffee{clip-path:none;background-position:0%;background-size:271.5% 100%}.brew-ingredients .art-milk{clip-path:none;background-position:52.4934%;background-size:335.185% 100%}.brew-ingredients .art-sugar{clip-path:none;background-position:100%;background-size:300% 100%}.brew-ingredients .art-tea{clip-path:none;background-image:url(/assets/tea.optimized-C6uZ1vvu.webp);background-position:50%;background-size:contain}.brew-hud>span.brew-hud-spacer{width:40px;height:42px;box-shadow:none;background:0 0;border:0;flex:0 0 40px;padding:0}.brew-hud-spacer:before,.brew-hud-spacer:after{display:none}.brew-hold-game .brew-fill>span{transition:none}.brew-hold-game .brew-cup{width:86%;left:7%}.brew-hold{touch-action:none;-webkit-user-select:none;user-select:none}.brew-hold.is-held{background:#00482f;transform:translateY(1px);box-shadow:inset 0 3px 9px #002b20}.cup-target{color:#b77925;filter:drop-shadow(0 1px 2px #fff8)}.cup-target.near{color:#07834e}.brew-feedback.good{color:#08734e}.brew-feedback.overflow{color:#a63b1d}.brew-hold-game .pour-rig{animation:.3s ease-out rig-arrive}.brew-hold-game .pour-rig-active .pour-vessel{transition:transform .15s;animation:none;transform:rotate(38deg)}.brew-hold-game .pour-flow{opacity:1;clip-path:none;animation:none}@keyframes rig-arrive{0%{opacity:0;transform:translate(-80px,80px)}to{opacity:1;transform:translate(0)}}@keyframes cup-stir{0%,to{transform:translate(-35px)rotate(-10deg)}25%{transform:translateY(-10px)rotate(0)}50%{transform:translate(35px)rotate(10deg)}75%{transform:translateY(10px)rotate(0)}}@media (prefers-reduced-motion:reduce){.brew-hold-game .pour-rig,.cup-stir-spoon{animation:none}}.brew-hold-game .pour-vessel,.brew-hold-game .pour-rig-active .pour-vessel{transition:none}.brew-ingredients .ingredient-art{clip-path:none;background-position:50%;background-size:contain}.brew-ingredients .art-coffee{background-image:url(../../assets/brewing/coffee-pot.png)}.brew-ingredients .art-milk{background-image:url(/assets/milk-jug.optimized-CMR8JMMX.webp)}.brew-ingredients .art-sugar{background-image:url(/assets/sugar-bowl.optimized-C1P_gc3z.webp)}.sugar-addition{pointer-events:none}.sugar-teaspoon-motion{transform-origin:475px 110px;transform:translate(-65px,-30px)rotate(-8deg)}.sugar-adding .sugar-teaspoon-motion{animation:1.1s ease-in-out both teaspoon-add}.sugar-particles circle{opacity:0;animation:.3s ease-in both sugar-grain-drop}@keyframes teaspoon-add{0%{opacity:1;transform:translate(-65px,-30px)rotate(-8deg)}26%{opacity:1;transform:translate(0)rotate(0)}38%,65%{opacity:1;transform:translate(0)rotate(28deg)}82%{opacity:0;transform:translate(-35px,-35px)rotate(12deg)}to{opacity:0;transform:translate(-65px,-50px)rotate(0)}}@keyframes sugar-grain-drop{0%{opacity:0;transform:translateY(0)}12%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(65px)}}@media (prefers-reduced-motion:reduce){.sugar-adding .sugar-teaspoon-motion{animation:none;transform:rotate(28deg)}.sugar-particles circle{opacity:.8;animation:none;transform:translateY(40px)}}.brew-ingredients img.ingredient-art{object-fit:contain;object-position:center;background:0 0;display:block}.brew-ingredients{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.brew-ingredients button{grid-template-rows:minmax(0,1fr) auto;place-items:end center;display:grid}.brew-ingredients img.ingredient-art{object-fit:contain;width:68px;max-width:100%;height:100%;max-height:68px}.brew-ingredients img[data-vessel=coffee]{transform:translate(-6%)}.brew-ingredients img[data-vessel=milk]{transform:translate(-5%,2%)}.brew-ingredients img[data-vessel=sugar]{transform:translateY(8%)}.brew-ingredients img[data-vessel=tea]{transform:translateY(4%)}.brew-ingredients .ingredient-label{box-sizing:border-box;text-align:center}@media (height<=740px){.brew-ingredients img.ingredient-art{width:55px;max-height:55px}}.brew-ingredients button{grid-template-columns:minmax(0,1fr);justify-content:stretch}.brew-hold-game .brew-cup{bottom:0}.brew-ingredients:before{display:none}.brew-hud>span:not(.brew-hud-spacer){position:absolute;left:50%;transform:translate(-50%)}.brew-hold-game .brew-cup,.brew-fill,.brew-fill-label{left:50%;transform:translate(-50%)}.brew-recipe h1,.brew-eyebrow{text-align:center}.brew-step{text-align:center;left:50%;transform:translate(-50%)}.brew-controls{left:4%;right:4%}.stream-glints{animation:.45s linear infinite stream-glints}@keyframes stream-glints{to{stroke-dashoffset:-60px}}@media (prefers-reduced-motion:reduce){.stream-glints{animation:none}}.brew-hold-game .brew-gauge{z-index:4;width:20px;top:12%;bottom:12%;right:4%}.brew-hold-game .brew-needle{transition:none}.brew-recipe-row>div{display:none}.brew-hold-game .brew-liquid,.brew-hold-game.is-pouring .brew-liquid{transition:none}.brew-hold-game .inside-pour-flow{animation:.3s step-end both inside-stream-arrive}@keyframes inside-stream-arrive{0%{opacity:0}to{opacity:1}}.stream-glints{animation-duration:.8s}@media (prefers-reduced-motion:reduce){.brew-hold-game .brew-liquid{transition:none}}.brew-hold-game .brew-gauge{width:38px;box-shadow:none;background:0 0;border:0;border-radius:0}.brew-gauge:before,.brew-gauge:after{display:none}.brew-gauge-art{pointer-events:none;width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.brew-gauge-track{position:absolute;inset:11% 32%}.brew-gauge-track .brew-perfect-zone{background:linear-gradient(90deg,#047244,#36d65a 45%,#0a9950);border-block:2px solid #fff2b9;height:20%;left:0;right:0;box-shadow:0 0 5px #64f18b88}.brew-gauge-track .brew-needle{color:#fff4ce;filter:drop-shadow(0 1px 1px #76491d);background:#fff1c3;font-size:25px;left:-5px;right:-13px}.brew-hold-game .brew-gauge{top:2%;bottom:22%}.brew-hold-game .pour-vessel{transition:transform .28s ease-in-out;transform:rotate(-8deg)}.brew-hold-game .pour-rig-active .pour-vessel{transition:transform .28s ease-in-out;transform:rotate(38deg)}.brew-hold-game .pour-rig-leaving{animation:.45s ease-in both pot-withdraw}@keyframes stream-start{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes pot-withdraw{0%,55%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-45px,-25px)}}@media (prefers-reduced-motion:reduce){.brew-hold-game .pour-vessel,.brew-hold-game .pour-rig-active .pour-vessel{transition:none}.brew-hold-game .pour-flow,.brew-hold-game .pour-rig-leaving{animation:none}}.sugar-actions{flex-shrink:0;gap:8px;height:28%;min-height:40px;display:flex}.sugar-actions .brew-action{letter-spacing:0;flex:1;min-width:0;height:100%;padding:4px;font-size:12px}.sugar-actions .brew-action:before,.sugar-actions .brew-action:after{display:none}.pour-ripple{transform-origin:343px 214px}.brew-hold-game .pour-flow{animation:.3s ease-out both stream-start}.stream-glints{stroke-dasharray:22 75;animation-duration:.65s}.cup-stir-spoon{transform-origin:490px 218px;animation:.9s ease-in-out real-spoon-stir}@keyframes real-spoon-stir{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(70px,-10px)rotate(12deg)}50%{transform:translateY(10px)rotate(0)}75%{transform:translate(-70px,-10px)rotate(-12deg)}}.stir-surface-ripple{transform-origin:490px 218px;animation:.9s ease-out pour-ripple}@media (prefers-reduced-motion:reduce){.cup-stir-spoon,.stir-surface-ripple{animation:none}}.sugar-adding .teaspoon-sugar-full{animation:1.1s linear both spoon-empty}@keyframes spoon-empty{0%,34%{opacity:1}58%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.sugar-adding .teaspoon-sugar-full{opacity:0;animation:none}}.brew-controls>.brew-action,.brew-controls>.sugar-actions{margin-top:8px}.brew-controls{gap:10px;height:25%}.brew-controls>.brew-action,.brew-controls>.sugar-actions{flex-shrink:0;height:44px;min-height:44px;margin-top:12px}.brew-ingredients button{grid-template-rows:minmax(0,1fr) 20px;row-gap:3px}.brew-ingredients .ingredient-label{align-self:end;height:20px;line-height:12px}@media (height<=740px){.brew-controls{gap:8px;height:25%}.brew-controls>.brew-action,.brew-controls>.sugar-actions{height:42px;min-height:42px;margin-top:10px}}.brew-recipe.recipe-ticket{background:linear-gradient(125deg,#fffdf4,#f8edcf);border:1px solid #d5b878;border-radius:19px;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:12px 15px;display:flex;box-shadow:inset 0 0 0 3px #fffaf0,0 5px 13px #36230d30}.recipe-ticket-header{grid-template-columns:64px minmax(0,1fr) 22px;align-items:center;gap:10px;display:grid}.recipe-ticket-image{background:#eadbb6;border-radius:50%;width:64px;height:64px;box-shadow:inset 0 0 0 1px #d7bd7e}.recipe-ticket-image img{object-fit:contain;filter:drop-shadow(0 3px 2px #62431d25);width:100%;height:100%}.recipe-ticket-kicker{letter-spacing:1.6px;color:#8c6c33;margin:0 0 6px;font:700 8px DM Sans,sans-serif}.recipe-ticket h1{text-align:left;color:#004c35;margin:0;font:700 19px/1.12 Georgia,serif}.recipe-ticket-number{color:#bca574;border-bottom:1px solid #d7c28f;align-self:start;padding-bottom:4px;font:italic 18px Georgia}.recipe-ticket-items{border-top:1px dashed #cfb780;flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.recipe-chip{color:#6a614c;white-space:nowrap;background:#fffcf4;border:1px solid #d7c8a7;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font:600 10px/1 DM Sans,sans-serif;display:flex}.recipe-chip-check{border:1px solid #b6bba7;border-radius:50%;place-items:center;width:12px;height:12px;font-size:9px;display:grid}.recipe-chip.is-done{color:#00583b;background:#e4efe4;border-color:#a6c2a9}.recipe-chip.is-done .recipe-chip-check{color:#fff;background:#08764e;border-color:#08764e}.recipe-chip.is-sugar{color:#c52b20;background:#fffcf4;border:1px solid #d7c8a7;margin-left:auto;padding:7px 10px;font-size:13px;font-weight:800}.recipe-chip strong{color:#005438;font-weight:800}.recipe-chip.is-sugar strong{color:#c52b20;font-weight:900}@media (width<=350px),(height<=740px){.brew-recipe.recipe-ticket{gap:7px;padding:9px 12px}.recipe-ticket-header{grid-template-columns:48px minmax(0,1fr) 20px;gap:8px}.recipe-ticket-image{width:48px;height:48px}.recipe-ticket h1{font-size:16px}.recipe-ticket-items{gap:4px;padding-top:7px}.recipe-chip{padding:5px 6px;font-size:9px}}.brew-choose-guide{z-index:10;pointer-events:none;transition:left .4s ease-in-out;position:absolute;top:22%;transform:translate(-50%)}.brew-choose-guide>.gesture-guide{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.brew-choose-guide .gesture-guide>span{display:none}.brew-choose-guide .gesture-guide-track{stroke:#fff5d3;filter:drop-shadow(0 1px 2px #593410)}.brew-choose-guide .gesture-guide-hand{fill:#fff7e5;stroke:#87480c;filter:drop-shadow(0 2px 2px #59341080)}@media (prefers-reduced-motion:reduce){.brew-choose-guide{transition:none}}.brew-choose-guide .gesture-guide-track{display:none}.brew-choose-guide .gesture-guide-hand{opacity:1;animation:none;transform:none}.brew-controls>.gesture-guide{box-shadow:none;z-index:12;background:0 0;border:0;margin:0;padding:0;top:auto;bottom:8px;left:calc(77% + 20px);transform:translate(-50%)}.brew-controls>.gesture-guide>span,.brew-controls>.gesture-guide .gesture-guide-track{display:none}.brew-controls>.gesture-guide .gesture-guide-hand{fill:#fff7e5;stroke:#87480c;filter:drop-shadow(0 2px 2px #59341080)}.brew-hold-game .pour-rig:not(.pour-rig-leaving){animation:.48s cubic-bezier(.16,1,.3,1) both vessel-select-arrive}@keyframes vessel-select-arrive{0%{opacity:0;transform:translate(-110px,55px)}65%{opacity:1;transform:translate(7px,-4px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.brew-hold-game .pour-rig:not(.pour-rig-leaving){animation:none}}.brew-hold-game .sugar-addition{animation:.48s cubic-bezier(.16,1,.3,1) both vessel-select-arrive}@media (prefers-reduced-motion:reduce){.brew-hold-game .sugar-addition{animation:none}}.brew-gauge-track .brew-needle:after{content:"";pointer-events:none;border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:18px solid #fff4ce;width:0;height:0;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.brew-frame .brew-controls{box-sizing:border-box;grid-template-rows:auto minmax(75px,1fr) 44px;row-gap:12px;height:auto;min-height:190px;padding:12px 13px 14px;display:grid}.brew-controls>.brew-ingredients{min-width:0;min-height:75px}.brew-controls>.brew-ingredients button{min-height:0}.brew-controls>.brew-action,.brew-controls>.sugar-actions{align-self:end;height:44px;min-height:44px;margin-top:0}.brew-controls .brew-ingredients .ingredient-label{position:relative;transform:none}@font-face{font-family:Kopi UI;src:url(/assets/Nunito-Variable-DNoUBwIS.woff2)format("woff2");font-weight:200 1000;font-display:swap}:root{--font-ui:"Kopi UI",sans-serif;font-family:var(--font-ui);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;display:flex}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{touch-action:manipulation}:root{--motion-ease:cubic-bezier(.22,1,.36,1);--navigation-offset:22px}:root[data-navigation-direction=back]{--navigation-offset:-22px}::view-transition-old(root){animation:.22s ease-in both kopi-page-out}::view-transition-new(root){animation:kopi-page-in .34s var(--motion-ease) both}::view-transition-group(root){animation-duration:.34s}::view-transition{pointer-events:none}@keyframes kopi-page-out{to{opacity:0;transform:translateX(calc(var(--navigation-offset) * -.5))}}@keyframes kopi-page-in{0%{opacity:0;transform:translateX(var(--navigation-offset))}to{opacity:1;transform:translate(0)}}button,[role=button]{transition:translate .1s,box-shadow .1s,filter .14s}button:enabled:active,[role=button]:not([aria-disabled=true]):active{box-shadow:none!important;translate:0 3px!important;scale:1!important}.play-button .arrow,.back-button svg{transition:transform .22s var(--motion-ease)}@media (hover:hover) and (pointer:fine){button:enabled:hover,[role=button]:not([aria-disabled=true]):hover{filter:brightness(1.05)!important;translate:none!important}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(root){animation:none}button,.bottom-content>[role=button],.play-button .arrow,.back-button svg{transition:none}button:enabled:active,[role=button]:not([aria-disabled=true]):active{translate:none!important}}.tart-steps>div,.rojak-steps>span{transition:background-color .28s,color .28s,border-color .28s,box-shadow .28s}.tart-step-number,.rojak-steps>span>i{transition:background-color .28s ease,color .28s ease,scale .28s var(--motion-ease)}.tart-steps>div.active .tart-step-number,.rojak-steps>span.active>i{scale:1.08}@media (prefers-reduced-motion:reduce){.tart-steps>div,.rojak-steps>span,.tart-step-number,.rojak-steps>span>i{transition:none;scale:1}}button:enabled:active,[role=button]:not([aria-disabled=true]):active,button:enabled:active:before,button:enabled:active:after,[role=button]:not([aria-disabled=true]):active:before,[role=button]:not([aria-disabled=true]):active:after,[role=button]:not([aria-disabled=true]):active .play-button,[role=button]:not([aria-disabled=true]):active .completion-claim{box-shadow:none!important}button:enabled:active,[role=button]:not([aria-disabled=true]):active{transform:none!important}button.is-pressed,button.is-held{box-shadow:none!important;transform:none!important}[role=button]:active .play-button,[role=button]:active .completion-claim{filter:none!important;animation:none!important;transform:scale(1)!important}[role=button]:active .stage-card-frame{filter:none}@media (hover:hover) and (pointer:fine){[role=button]:hover .play-button{animation:none!important;transform:scale(1)!important}.completion-claim:hover{filter:none!important}}@media (prefers-reduced-motion:reduce){button.is-pressed,button.is-held{translate:none!important}}[role=button] .play-button{animation:none!important;transform:scale(1)!important}button:enabled:active,[role=button]:not([aria-disabled=true]):active{translate:0 3px!important}@media (prefers-reduced-motion:reduce){button:enabled:active,[role=button]:not([aria-disabled=true]):active{translate:none!important}}body,h1,h2,h3,p,small,label,input,button,[role=button],.stage-title,.stage-number,.reward-panel-copy strong,.reward-panel-copy small,.stage-complete-eyebrow,.fail-eyebrow,.play-button,.completion-claim,.order-stage,.order-message,.order-bubble,.tart-steps,.rojak-steps,.side-copy,.side-detail,.auth-phone-field>span{font-family:var(--font-ui)!important}h1,h2,h3{font-weight:900}button,[role=button] .play-button,[role=button] .completion-claim,.stage-title{font-weight:800}.stage-number,.is-unlocked .stage-number{font-weight:700}.stage-number:after,.stages-heading h1:before,.stages-heading h1:after{display:none}.reward-panel-copy strong{font-size:14px;font-weight:900}.reward-panel-copy small{font-size:11px;line-height:1.45}@media (width<=700px){:root{--game-safe-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.desktop-shell,.stages-shell,.order-shell,.rojak-shell,.tart-shell,.completion-shell,.auth-shell{max-height:var(--game-safe-height);position:fixed;overflow:hidden;top:env(safe-area-inset-top,0px)!important;height:var(--game-safe-height)!important;min-height:0!important;bottom:auto!important}.desktop-shell>.home-game-frame,.stages-shell>.stages-frame,.order-shell>.order-frame,.rojak-shell>.rojak-game,.tart-shell>.tart-game,.completion-shell>.completion-frame,.completion-shell>.reward-layered-screen{height:100%!important;min-height:0!important;max-height:100%!important}}