.clone-3d{--lab-paper:#1d352e;--lab-ink:#f0ecd8;--lab-accent:#edc974;--lab-line:#b9ccb13b;background:radial-gradient(ellipse at 40% 0,#314c40,#192e28 85%);color:var(--lab-ink)}
.clone-3d .lab-nav{border-color:#c4d2ac20;background:#192e28;padding-block:8px}.clone-3d .lab-brand span{background:#edc974;color:#22392f}.clone-game{max-width:1480px;padding:26px 36px 0;margin:auto}.clone-game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.clone-game-heading>div>span{font:10px monospace;letter-spacing:.12em;color:#adc0a8}.clone-game-heading h1{font:800 clamp(22px,3vw,34px)/1.3 'PingFang SC',sans-serif;letter-spacing:-.04em;margin:9px 0 0}.clone-game-heading em{font-style:normal;color:#edc974}.clone-3d .clone-shifts{margin:0 0 20px;gap:25px;max-width:780px}.clone-3d .clone-shifts>span{border-color:#93aa8130}.clone-3d .clone-shifts .current{border-color:#edc974}.clone-3d .clone-shifts i{color:#edc974}.clone-3d .clone-shifts small{color:#b4c4a7}.clone-3d .lab-workspace{grid-template-columns:minmax(0,1fr) 292px;gap:25px}.clone-3d .lab-side{padding-top:0}.clone-3d .clone-order-rail{margin:0 0 11px;gap:8px}.clone-3d .clone-order-rail>span{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0ead3;color:#344a3b;border:0;border-radius:4px 4px 0 0;position:relative}.clone-order-rail>span:after{content:'';position:absolute;inset:auto 0 -3px;height:5px;background:linear-gradient(135deg,#f0ead3 25%,transparent 25%) -5px 0,linear-gradient(225deg,#f0ead3 25%,transparent 25%) -5px 0;background-size:10px 10px}.clone-3d .clone-order-rail>span.served{background:#c5d5af}.clone-3d .clone-order-rail b{font:22px Georgia;margin:0;color:#6f835f}.clone-3d .clone-order-rail i{font-size:9px;opacity:.7;margin-top:3px}.clone-stage{position:relative;border-radius:10px;overflow:hidden;background:#d6deca;box-shadow:0 15px 40px #071b2444,0 0 0 1px #f2e9cb2e}.clone-3d .clone-scene{background:#d6deca;aspect-ratio:1.47;margin:0;border-radius:0}.clone-scene canvas{width:100%;height:100%;touch-action:none;cursor:grab}.clone-scene canvas:active{cursor:grabbing}.clone-stage-hud{position:absolute;top:0;left:0;right:0;z-index:3;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#e5eadab3,transparent);color:#264332}.clone-stage-hud .clone-mode{font-size:11px;display:flex;align-items:center;gap:6px}.clone-stage-hud .clone-mode i{height:6px;width:6px;background:#74915f;border-radius:50%}.clone-stage-hud #lab-clock{font:700 24px monospace;letter-spacing:-.07em}.clone-camera{position:absolute;bottom:18px;right:15px;z-index:4;display:flex;background:#254737e6;border:1px solid #f7ebc549;border-radius:7px;box-shadow:0 5px 20px #213d3526;overflow:hidden}.clone-camera button{min-width:36px;min-height:38px;border:0;border-right:1px solid #f7ebc526;background:transparent;color:#f2ecd2;font-size:14px;cursor:pointer;padding:6px 8px}.clone-camera button:last-child{border:0}.clone-camera button:focus-visible{outline:2px solid #f1c862;outline-offset:-3px}.clone-camera button:hover{background:#dfcd7940}.clone-3d .clone-time{background:#8ca88455}.clone-3d .clone-time i{background:#d88a4e}.clone-scene-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;color:#b9c9ad;margin-top:12px}.clone-scene-caption span:last-child{opacity:.7;white-space:nowrap}.clone-hotspots{position:absolute;inset:0;pointer-events:none}.clone-hotspot{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid #fff0b7;background:#294d39ee;color:#fff0b7;box-shadow:0 4px 12px #233d3444;border-radius:20px;padding:8px 12px;min-height:36px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}.clone-hotspot:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 4px);width:8px;height:8px;background:#294d39;border-right:1px solid #fff0b7;border-bottom:1px solid #fff0b7;transform:rotate(45deg)}.clone-hotspot:focus-visible{outline:3px solid #e48052;outline-offset:3px}.clone-render-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#375743;background:#d6deca}.clone-render-status span{font-size:11px;margin-top:12px;color:#67836a}.clone-render-status[hidden]{display:none}.clone-3d .clone-brief,.clone-3d .lab-receipt{background:#2c4639;border:1px solid #78986b55;border-radius:9px;padding:24px}.clone-3d .clone-brief>span,.clone-3d .lab-receipt>span{color:#bcccad}.clone-3d .clone-brief h3{color:#f3dfab}.clone-3d .clone-brief li:before{color:#e5c575}.clone-3d .clone-brief p,.clone-3d .clone-current p{color:#c6d1b8}.clone-3d .lab-btn{border-radius:5px;border-color:#a5b88b45}.clone-3d .lab-btn.primary{background:#edc974;color:#233d30;border-color:#edc974;box-shadow:0 3px 0 #b59953}.clone-3d .lab-btn.primary:active{transform:translateY(2px);box-shadow:none}.clone-3d .lab-btn:hover:not(:disabled){filter:brightness(1.08)}.clone-3d .lab-btn:disabled{opacity:.35}.clone-3d .clone-order{background:#344f3d;border-left-color:#edc974;border-radius:4px;color:#eaddb4;line-height:1.8}.clone-3d .clone-current{margin-bottom:20px}.clone-3d .clone-current h3{font-size:25px}.clone-3d .clone-results{color:#e8d296}.clone-3d .lab-notice{padding:10px 13px;border-radius:4px;background:#314f3e;margin-top:16px}.clone-3d .lab-notice:empty{display:none}.clone-3d .lab-footer{max-width:1480px;margin-top:28px;color:#b5c5a5}.clone-3d .lab-title-field input{border-color:#acbd8d44}.clone-3d .lab-chips>.chosen{background:#d7c378;color:#223a2e}
@media(min-width:1100px){.clone-3d .lab-side{padding-top:61px}.clone-3d .lab-workspace{gap:32px}.clone-3d .clone-scene{aspect-ratio:1.55}.clone-3d .clone-shifts{max-width:calc(100% - 324px)}}
@media(max-width:900px){.clone-game{padding:18px 18px 0}.clone-3d .lab-workspace{grid-template-columns:1fr;gap:15px}.clone-3d .lab-side{padding:0}.clone-game-heading{margin-bottom:14px}.clone-game-heading h1{font-size:24px}.clone-3d .clone-shifts{margin-bottom:12px;gap:16px}.clone-3d .clone-scene{aspect-ratio:1.05}.clone-3d .clone-order-rail{display:grid!important;gap:5px;margin-bottom:9px}.clone-3d .clone-order-rail>span{padding:8px 6px;gap:6px;font-size:10px}.clone-3d .clone-order-rail b{font-size:17px}.clone-3d .clone-order-rail i{font-size:8px}.clone-stage{margin-inline:-8px}.clone-stage-hud{padding:10px 12px}.clone-stage-hud .clone-mode{font-size:9px}.clone-stage-hud #lab-clock{font-size:21px}.clone-scene-caption{font-size:9px;margin-top:8px}.clone-camera{bottom:13px;right:10px}.clone-camera button{min-height:36px;min-width:34px;padding:5px}.clone-3d .clone-brief{padding:18px}.clone-3d .clone-brief h3{font-size:23px;margin:9px 0}.clone-3d .clone-brief ol{display:flex;gap:12px;margin:12px 0}.clone-3d .clone-brief li{flex:1;padding:0 0 0 22px}.clone-3d .clone-brief li:before{font-size:17px}.clone-3d .clone-brief li b{font-size:12px}.clone-3d .clone-brief li span{font-size:10px;line-height:1.6}.clone-3d .clone-brief small{font-size:10px}.clone-3d .clone-current h3{font-size:20px;margin:5px 0}.clone-3d .clone-current p{font-size:12px}.clone-3d .clone-current{margin:0 0 9px}.clone-3d[data-lab-playing=true] .clone-game{padding-top:9px}.clone-3d[data-lab-playing=true] .clone-game-heading{display:none}.clone-3d[data-lab-playing=true] .clone-current{display:none}.clone-3d[data-lab-playing=true] .lab-workspace{gap:7px}.clone-3d[data-lab-playing=true] .clone-shifts{margin-bottom:7px}.clone-3d[data-lab-playing=true] .clone-scene{aspect-ratio:1.13}.clone-3d[data-lab-playing=true] .clone-scene-caption{display:none}.clone-3d[data-lab-playing=true] .clone-order{padding:8px 10px;margin:7px 0}.clone-3d[data-lab-playing=true] .lab-btn.wide{margin-top:7px}.clone-3d[data-lab-playing=true] .clone-shift-actions{margin-top:10px;padding-top:10px}.clone-3d[data-lab-playing=true] .lab-two{margin-top:7px}.clone-3d[data-lab-playing=true] .lab-footer{display:none}.clone-hotspot{font-size:10px;min-height:34px;padding:6px 9px}}
@media(max-width:355px){.clone-game{padding-inline:12px}.clone-3d .clone-order-rail>span{gap:4px;padding-inline:4px}.clone-3d .clone-order-rail b{font-size:14px}.clone-stage{margin-inline:-4px}.clone-game-heading h1{font-size:22px}.clone-3d .clone-brief li{padding-left:17px}.clone-3d .clone-brief ol{gap:8px}}
@media(prefers-reduced-motion:reduce){.clone-3d *{transition:none!important;scroll-behavior:auto!important}}

/* One dish teaches the clone mechanic before the timed restaurant opens. */
.clone-guide .guide-ticket{font-size:11px;color:#edc974;white-space:nowrap}.guide-shell{max-width:1220px;margin:auto;padding:24px 32px 0}.guide-coach{max-width:800px;margin-bottom:20px;min-height:114px}.guide-coach>span{font:10px monospace;letter-spacing:.09em;color:#bed0ac}.guide-coach h1{font-size:clamp(22px,3vw,34px);line-height:1.3;letter-spacing:-.04em;margin:10px 0;color:#f0dcaa}.guide-coach p{font-size:14px;line-height:1.8;margin:0;color:#cbd7be}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:center}.clone-guide .clone-scene{aspect-ratio:1.4}.guide-actions #lab-action-zone{display:flex;flex-direction:column;gap:13px}.guide-actions .lab-btn{width:100%;min-height:52px}.guide-actions small{font-size:11px;line-height:1.8;text-align:center;color:#b6c8ab}.guide-cast{display:flex;gap:16px;margin-top:17px}.guide-cast>span{flex:1;font-size:12px;opacity:.38;display:grid;grid-template-columns:20px 1fr;gap:5px;align-items:center}.guide-cast i{font-style:normal}.guide-cast small{grid-column:2;font-size:10px;color:#b6c8ab}.guide-cast .is-you{opacity:1;color:#edc974}.guide-cast .is-clone{opacity:1;color:#b4cbd5}.guide-wait{min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:14px;color:#ebd69b;font-size:13px;text-align:center}.guide-meter{height:5px;background:#779d7e44;overflow:hidden;border-radius:4px}.guide-meter i{display:block;height:100%;background:#edc974}.clone-guide .guide-pause{border:0;min-height:36px;font-size:11px!important;font-weight:400!important;color:#b6c8ab}.guide-footer{font-size:10px;letter-spacing:.05em;opacity:.55;max-width:1220px;margin:22px auto 0;padding:0 32px 22px}.guide-rewind{position:absolute;inset:0;pointer-events:none;background:#142e286b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#fff0bf}.guide-rewind b{font:70px Georgia}.guide-rewind span{font-size:15px;font-weight:600}.guide-clock{font-size:11px}.clone-guide .lab-notice:empty{display:none}
@media(max-width:760px){.guide-shell{padding:18px 18px 0}.guide-coach{min-height:100px;margin-bottom:12px}.guide-coach h1{font-size:23px;margin:8px 0;line-height:1.35}.guide-coach p{font-size:12px;line-height:1.7}.guide-layout{grid-template-columns:1fr;gap:17px}.clone-guide .clone-scene{aspect-ratio:auto;height:min(40dvh,330px)}.clone-guide .clone-stage{margin-inline:-5px}.guide-actions #lab-action-zone{gap:9px}.guide-actions .lab-btn{min-height:48px}.guide-cast{margin-top:12px;gap:10px}.guide-cast>span{font-size:11px;gap:4px}.guide-cast small{font-size:9px}.guide-footer{padding:0 18px 18px;margin-top:20px}.clone-guide .lab-nav{padding-block:6px}.clone-guide .lab-brand{font-size:21px!important}.clone-guide .lab-brand span{font-size:11px}.guide-rewind b{font-size:54px}.guide-rewind span{font-size:13px}}
@media(max-height:650px) and (max-width:760px){.guide-shell{padding-top:11px}.guide-coach{min-height:94px;margin-bottom:8px}.guide-coach h1{font-size:21px;margin:6px 0}.clone-guide .clone-scene{height:34dvh;min-height:180px}.guide-layout{gap:12px}.guide-cast{margin-top:9px}.guide-footer{margin-top:12px}.guide-actions #lab-action-zone{gap:6px}}