:root{--color-cream-bg:#fdfaf3;--color-cream-surface:#fff;--color-cream-card:#fffefb;--color-cream-subtle:#f7f1e5;--color-palm-50:#e8f5e9;--color-palm-100:#c8e6c9;--color-palm-300:#81c784;--color-palm-500:#43a047;--color-palm-600:#2e7d32;--color-palm-700:#1b5e20;--color-gold-50:#fff9e6;--color-gold-100:#ffecb3;--color-gold-300:#ffd54f;--color-gold-400:#fbc02d;--color-gold-500:#f5a623;--color-gold-600:#e67e22;--color-gold-700:#d35400;--color-teal-50:#e0f2f1;--color-teal-100:#b2dfdb;--color-teal-300:#4db6ac;--color-teal-500:#00897b;--color-teal-700:#004d40;--color-text-main:#2c3e50;--color-text-muted:#607d8b;--color-border-light:#e0d7c6;--color-border-dark:#37474f;--color-wood-frame:#8d6e63;--color-wood-dark:#5d4037;--color-success:#2ecc71;--color-warning:#f39c12;--color-danger:#e74c3c;--color-info:#3498db;--font-heading:"Fredoka", cursive, sans-serif;--font-body:"Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 2px 4px #2c3e5014;--shadow-md:0 4px 12px #2c3e501f;--shadow-lg:0 8px 24px #2c3e5029;--shadow-3d-btn:0 5px 0 var(--color-palm-700);--shadow-3d-gold:0 5px 0 var(--color-gold-700)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--color-text-main);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#eadbc7;overflow:hidden}img,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-touch-callout:none!important}[draggable=true],[draggable],.drag-card,.sequencing-card{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:element!important}*{scrollbar-width:thin;scrollbar-color:#f59e0b #fef3c766}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fef3c759;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#f59e0b 0%,#d97706 100%);border:1.5px solid #fff9;border-radius:999px;box-shadow:0 1px 4px #b4530940}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fbbf24 0%,#ea580c 100%);border-color:#fff;box-shadow:0 2px 6px #ea580c59}::-webkit-scrollbar-corner{background:0 0}.btn-primary,.btn-gold,.btn-secondary,.hud-btn,.dialogue-btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;border:2px solid #00000026;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .1s,filter .15s;display:inline-flex;position:relative}.btn-primary{background:linear-gradient(180deg, #4caf50 0%, var(--color-palm-600) 100%);color:#fff;text-shadow:0 1px 2px #0000004d;box-shadow:0 4px #1b5e20,0 6px 12px #00000026}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px #1b5e20,0 8px 16px #0003}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px #1b5e20,0 2px 4px #0003}.btn-gold{background:linear-gradient(180deg, #fbc02d 0%, var(--color-gold-500) 100%);color:#3e2723;box-shadow:0 4px 0 var(--color-gold-700), 0 6px 12px #00000026;text-shadow:0 1px 1px #fff9}.btn-gold:hover{filter:brightness(1.08);box-shadow:0 6px 0 var(--color-gold-700), 0 8px 16px #0003;transform:translateY(-2px)}.btn-gold:active{box-shadow:0 1px 0 var(--color-gold-700), 0 2px 4px #0003;transform:translateY(3px)}.btn-secondary{background:linear-gradient(180deg, #fff 0%, var(--color-cream-subtle) 100%);color:var(--color-text-main);box-shadow:0 4px #b0bec5,0 6px 12px #0000001a}.btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px #b0bec5,0 8px 14px #00000026}.btn-secondary:active{transform:translateY(3px);box-shadow:0 1px #b0bec5,0 2px 4px #00000026}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes steam-rise{0%{opacity:.8;transform:translateY(0)scale(.8)}50%{opacity:.4;transform:translateY(-30px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(1.5)}}@keyframes sizzle-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-2px,2px)rotate(-1deg)}50%{transform:translate(2px,-2px)rotate(1deg)}75%{transform:translate(-1px,-1px)rotate(.5deg)}}@keyframes cracker-puff{0%{filter:brightness(.9);transform:scale(.6)}60%{filter:brightness(1.2);transform:scale(1.3)}to{filter:brightness();transform:scale(1)}}@keyframes shake-hint{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.game-app{background-color:#eadbc7;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.game-viewport{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.viewport-layout-grid{flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.viewport-center-column,.viewport-left-column{box-sizing:border-box;flex-direction:column;flex:1;width:auto;min-width:0;max-width:none;height:100%;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.game-viewport.inventory-collapsed .viewport-center-column,.game-viewport.inventory-collapsed .viewport-left-column{flex:100%;width:100%;max-width:100%}.game-viewport.scene-orientation,.game-viewport.scene-mission1{background:radial-gradient(at 50% 30%,#fdfbf7db 0%,#f5eee2e0 40%,#eadbc7e8 80%,#dfceb7f0 100%),url(/assets/bg_prep.jpg) 50%/cover no-repeat}.game-viewport.scene-mission2{background:radial-gradient(at 50% 30%,#fefcf9db 0%,#f7efe4e0 40%,#eddcc8e8 80%,#dfceb7f0 100%),url(/assets/bg_boiling.jpg) 50%/cover no-repeat}.game-viewport.scene-mission3,.game-viewport.scene-mission4{background:radial-gradient(at 50% 30%,#fdfaf4db 0%,#f5ece0e0 40%,#e9d8c2e8 80%,#dec5a9f0 100%),url(/assets/bg_formulation.jpg) 50%/cover no-repeat}.game-viewport.scene-mission5{background:radial-gradient(at 50% 30%,#fefcf7db 0%,#f6eee0e0 40%,#ead7bee8 80%,#ddc4a5f0 100%),url(/assets/bg_boiling.jpg) 50%/cover no-repeat}.game-viewport.scene-mission6{background:radial-gradient(at 50% 30%,#fefcf7db 0%,#f6eee0e0 40%,#ead7bee8 80%,#ddc4a5f0 100%),url(/assets/bg_dehydration.jpg) 50%/cover no-repeat}.game-viewport.scene-mission7{background:radial-gradient(at 50% 30%,#fdf9f2db 0%,#f5ebd9e0 40%,#e8d5b8e8 80%,#dbc19ff0 100%),url(/assets/bg_frying.jpg) 50%/cover no-repeat}.game-viewport.scene-mission8{background:radial-gradient(at 50% 30%,#fdf9f2db 0%,#f5ebd9e0 40%,#e8d5b8e8 80%,#dbc19ff0 100%),url(/assets/bg_evaluation_hall.jpg) 50%/cover no-repeat}.game-viewport.scene-sequencing{background:radial-gradient(at 50% 30%,#fdfbf7db 0%,#f5eee2e0 40%,#eadbc7e8 80%,#dfceb7f0 100%),url(/assets/bg_prep.jpg) 50%/cover no-repeat}.game-viewport.scene-results,.game-viewport.scene-evaluation{background:radial-gradient(circle at 50% 18%,#ffffffdb 0%,#fdf8eee0 55%,#f5ebd7f0 100%),url(/assets/bg_evaluation_hall.jpg) 50%/cover no-repeat}.viewport-right-column{box-sizing:border-box;width:clamp(310px,22vw,360px);min-width:280px;max-width:360px;height:100%;box-shadow:none;z-index:35;background:0 0;border-left:none;flex-direction:column;flex:0 0 clamp(310px,22vw,360px);justify-content:center;align-items:center;padding:12px 8px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}@media (width<=1366px){.viewport-right-column{flex:0 0 280px;width:280px;min-width:250px;max-width:280px}}.viewport-right-column.collapsed,.game-viewport.inventory-collapsed .viewport-right-column{width:0;min-width:0;max-width:0;box-shadow:none;z-index:45;background:0 0;border-left:none;flex:0 0 0;margin:0;padding:0;overflow:visible}.scene-container{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.scene-container-full{flex:1;width:100%;height:100%}html,body,.game-app{cursor:url(/assets/cursor_32.png) 2 2,auto}button,a,input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select,label,[role=button],.btn-primary,.btn-gold,.btn-secondary,.hud-btn,.dialogue-btn,.btn-next-stage,.btn-skimmer,.drag-card:not(.used),.dropzone,.clickable,.prep-bowl-zone,.cutting-board-zone,.on-board-item,.blender-appliance,.stockpot-zone,.mixing-bowl-zone,.tray-zone,.wok-zone,.ppe-box,.cert-action-btn,.spatula-in-bowl,.skimmer-tool-box,.burner-knob-wrapper,.modal-close-btn,.tab-btn,.washing-viewport.interactive-sink,.extraction-workstation,.extraction-viewport.interactive-vessel,.interactive-vessel,.interactive-sink,.compatible-target,.multi-state-workstation.compatible-target,.qc-workstation.compatible-target,.step-node.clickable,.instrument-card,.vessel-transfer-guide,.oil-heating-prompt,.pot-ready-callout,.sink-colander-preview.interactive-sink{cursor:url(/assets/cursor_hover_32.png) 2 2,pointer!important}.drag-card.used{cursor:not-allowed!important}body.holding-item-cursor,body.holding-item-cursor *{cursor:none!important}.floating-item-follower{pointer-events:none;z-index:999999;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}.floating-item-aura{pointer-events:none;background:radial-gradient(circle,#f59e0b8c 0%,#f59e0b33 50%,#f59e0b00 75%);border-radius:50%;width:210px;height:210px;animation:1.5s ease-in-out infinite alternate pulse-follower-aura;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes pulse-follower-aura{0%{opacity:.55;transform:translate(-50%,-50%)scale(.88)}to{opacity:.95;transform:translate(-50%,-50%)scale(1.25)}}.floating-item-graphic-wrap{pointer-events:none;justify-content:center;align-items:center;width:168px;height:168px;animation:2.2s ease-in-out infinite alternate float-hold;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes float-hold{0%{transform:translate(-50%,-50%)rotate(-4deg)scale(1.02)}to{transform:translate(-50%,-50%)rotate(4deg)scale(1.1)}}.floating-item-img{object-fit:contain;filter:drop-shadow(0 18px 30px #000000a6)drop-shadow(0 0 20px #f59e0bb3);pointer-events:none;width:168px;height:168px}.floating-item-emoji{filter:drop-shadow(0 16px 26px #0009)drop-shadow(0 0 20px #f59e0ba6);font-size:6.6rem}.floating-item-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:none;background:#0f172af5;border:1.5px solid #f59e0bd9;border-radius:9px;flex-direction:column;align-items:center;padding:6px 16px;display:flex;position:absolute;top:92px;left:0;transform:translate(-50%);box-shadow:0 8px 22px #0009,0 0 14px #f59e0b59}.floating-item-tooltip .tooltip-name{font-family:var(--font-heading);color:#fef08a;letter-spacing:.3px;text-shadow:0 1px 2px #0009;font-size:.92rem;font-weight:800;line-height:1.25}.floating-item-tooltip .tooltip-hint{color:#e2e8f0;font-size:.74rem;font-weight:600;line-height:1.25}.feedback-toast{border-radius:var(--radius-pill);z-index:250;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:pointer;background:linear-gradient(#fff 0%,#fbf8f1 40%,#f7ecd9 80%,#ebd7b5 100%);border:2.5px solid #d5c3ab;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 18px 8px 12px;transition:transform .2s,box-shadow .2s;animation:.35s cubic-bezier(.34,1.56,.64,1) toast-in;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 4px #bda992,0 12px 28px #4e341c38,inset 0 1.5px #fffffff2}.feedback-toast:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 6px #bda992,0 16px 32px #4e341c47,inset 0 1.5px #fffffff2}.feedback-toast.success{border-color:#86efac;box-shadow:0 4px #166534,0 12px 28px #16653438,inset 0 1.5px #fffffff2}.feedback-toast.info{border-color:#d5c3ab;box-shadow:0 4px #bda992,0 12px 28px #4e341c38,inset 0 1.5px #fffffff2}.feedback-toast.warning{border-color:#fcd34d;box-shadow:0 4px #b45309,0 12px 28px #d9770638,inset 0 1.5px #fffffff2}.feedback-toast.danger,.feedback-toast.error{border-color:#fca5a5;box-shadow:0 4px #991b1b,0 12px 28px #b91c1c38,inset 0 1.5px #fffffff2}.feedback-toast.hidden{display:none!important}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.toast-icon-box{background:linear-gradient(#dcfce7 0%,#bbf7d0 100%);border:2px solid #4ade80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px #166534,inset 0 1px #fff9}.feedback-toast.info .toast-icon-box{background:linear-gradient(#fef3c7 0%,#fde68a 100%);border-color:#f59e0b;box-shadow:0 2px #b45309,inset 0 1px #fff9}.feedback-toast.warning .toast-icon-box{background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b;box-shadow:0 2px #b45309,inset 0 1px #fff9}.feedback-toast.danger .toast-icon-box,.feedback-toast.error .toast-icon-box{background:linear-gradient(#fee2e2 0%,#fecaca 100%);border-color:#f87171;box-shadow:0 2px #991b1b,inset 0 1px #fff9}.toast-icon{justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.toast-body{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.toast-body h4{font-family:var(--font-heading);color:#3d2612;letter-spacing:.3px;margin:0;font-size:.94rem;font-weight:800;line-height:1.2}.feedback-toast.success .toast-body h4{color:#14532d}.feedback-toast.warning .toast-body h4{color:#78350f}.feedback-toast.danger .toast-body h4,.feedback-toast.error .toast-body h4{color:#7f1d1d}.toast-body p{font-family:var(--font-body);color:#735b44;margin:2px 0 0;font-size:.8rem;font-weight:700;line-height:1.25}.toast-dismiss-btn{color:#8c7158;cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:4px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.toast-dismiss-btn:hover{opacity:1;color:#3d2612;background:#4e341c1f;transform:scale(1.15)}.game-hud{height:70px;padding:0 var(--space-md);z-index:1000;box-sizing:border-box;background:linear-gradient(#fff 0%,#fbf8f1 55%,#f4ecdc 100%);border-bottom:3.5px solid #d5c3ab;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 4px #bfa88c,0 10px 25px #4e341c24,inset 0 1px #fffffff2}.game-hud.hidden{display:none!important}.hud-left,.hud-right{z-index:15;align-items:center;gap:12px;display:flex;position:relative}.hud-brand-title{cursor:pointer;font-family:var(--font-heading);letter-spacing:1px;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-shrink:0;align-items:center;gap:0;margin:0;padding:2px 8px;font-size:2.5rem;font-weight:900;line-height:1;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.hud-brand-title:hover{transform:translateY(-1.5px)scale(1.05)}.hud-brand-title:active{transform:translateY(1px)scale(.96)}.hud-brand-title:focus-visible{outline-offset:3px;outline:2px solid #16a34a}.hud-brand-title .brand-palm{color:#15803d;text-shadow:0 2.5px #14532d,0 4px 8px #14532d33}.hud-brand-title .brand-quest{color:#f59e0b;text-shadow:0 2.5px #b45309,0 4px 8px #b4530933}.hud-brand-divider{background:linear-gradient(#d5c3ab33 0%,#d5c3ab 50%,#d5c3ab33 100%);border-radius:1px;flex-shrink:0;width:2px;height:32px}.hud-btn{border-radius:var(--radius-md);font-family:var(--font-heading);color:#4a2c11;cursor:pointer;background:#fff;border:2px solid #d5c3ab;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px #c2ad94}.hud-btn:hover{background:#fff8ee;border-color:#bfa682;transform:translateY(-2px);box-shadow:0 5px #b09570}.hud-btn:active{transform:translateY(2px);box-shadow:0 1px #b09570}.hud-btn-restart{color:#b45309;background:#fffdf5;border-color:#fcd34d;box-shadow:0 3px #f59e0b}.hud-btn-restart:hover{color:#78350f;background:#fef3c7;border-color:#f59e0b;box-shadow:0 5px #d97706}.hud-btn-restart:active{box-shadow:0 1px #d97706}.hud-btn-restart .icon{justify-content:center;align-items:center;display:flex}.hud-btn-restart .svg-restart-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hud-btn-restart:hover .svg-restart-icon{transform:rotate(-180deg)}.mission-pill{border-radius:var(--radius-pill);white-space:nowrap;background:linear-gradient(#fff 0%,#f7fbf7 100%);border:2.5px solid #a2cca4;flex-shrink:1;align-items:center;gap:8px;padding:4px 12px 4px 6px;transition:transform .15s;display:flex;box-shadow:0 3px #88b78a,0 3px 8px #1236161a}.mission-pill:hover{transform:translateY(-1px)}.pill-badge{color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(#388e3c 0%,#1b5e20 100%);border:1.5px solid #0d3810;flex-shrink:0;padding:3px 9px;font-size:.72rem;font-weight:800;box-shadow:0 2px #0d3810}.pill-title{font-family:var(--font-heading);color:#123318;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.9rem;font-weight:800;overflow:hidden}.hud-stepper{z-index:10;pointer-events:auto;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-node{width:32px;height:32px;font-family:var(--font-heading);color:#735b44;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fbf8f1 40%,#f2e7d5 80%,#dfcfb9 100%);border:2px solid #d5c3ab;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;font-weight:800;line-height:1;transition:all .22s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 3px #bda992,inset 0 1px #fffffff2}.step-node span{justify-content:center;align-items:center;line-height:1;display:inline-flex;transform:translateY(1.5px)}.step-node.node-text{border-radius:var(--radius-pill,999px);letter-spacing:.04em;text-transform:uppercase;width:auto;min-width:44px;padding:0 8px;font-size:.66rem;font-weight:800}.step-node.node-text span{transform:translateY(.5px)}.step-node.completed{color:#fff;background:linear-gradient(#4ade80 0%,#22c55e 35%,#16a34a 75%,#15803d 100%);border-color:#14532d;box-shadow:0 3px #0f3d17,inset 0 1px #ffffff73}.step-node:not(.node-text).completed:after{content:"✓";color:#fff;text-shadow:0 1px 2px #00000059;justify-content:center;align-items:center;font-size:.98rem;font-weight:900;line-height:1;display:inline-flex;transform:translateY(.5px)}.step-node:not(.node-text).completed span{display:none}.step-node.node-text.completed span{color:#fff;text-shadow:0 1px 2px #00000059;display:inline-flex}.step-node.active{color:#fff;text-shadow:0 1px 2px #0006;z-index:2;background:linear-gradient(#fbbf24 0%,#f59e0b 35%,#d97706 75%,#b45309 100%);border-color:#78350f;transform:translateY(-2px)scale(1.15);box-shadow:0 4px #451a03,0 0 16px #f59e0ba6,inset 0 1px #ffffff80}.step-node.node-text.active{transform:translateY(-2px)scale(1.08)}.step-node.clickable{cursor:url(/assets/cursor_hover_32.png) 2 2,pointer!important}.step-node.clickable:not(.completed):not(.active):hover{color:#78350f;background:linear-gradient(#fff 0%,#fffdf8 40%,#faecd2 80%,#ebd7b5 100%);border-color:#d97706;transform:translateY(-2px)scale(1.1);box-shadow:0 4px #92400e,0 0 12px #f59e0b59,inset 0 1px #fff}.step-node.completed.clickable:hover{color:#fff;background:linear-gradient(#86efac 0%,#4ade80 35%,#22c55e 75%,#16a34a 100%);border-color:#14532d;transform:translateY(-2px)scale(1.12);box-shadow:0 4px #0f3d17,0 0 16px #22c55ea6,inset 0 1px #fff9}.step-node:not(.node-text).completed.clickable:hover:after{content:attr(data-step);color:#fff;text-shadow:0 1px 2px #00000059;font-size:.88rem;font-weight:800}.step-node.clickable:active{transform:translateY(1px)scale(1.02);box-shadow:0 1px #0f3d17}.step-node.locked{opacity:.55;cursor:not-allowed;color:#a8947e;background:#ede6dc;border-color:#d1c5b4;box-shadow:0 2px #bfaea0}.step-line{background:#dfcfb9;border-radius:999px;flex-shrink:0;width:14px;height:4px;transition:background .3s;box-shadow:inset 0 1px 2px #4e341c26}.step-line.filled{background:linear-gradient(90deg,#22c55e 0%,#15803d 100%);box-shadow:0 1px 3px #16653466}.hud-btn-menu{border-radius:var(--radius-md,14px);font-family:var(--font-heading);color:#4a2c11;cursor:pointer;background:linear-gradient(#fff 0%,#fffdf8 100%);border:2.5px solid #cca87d;align-items:center;gap:8px;padding:8px 18px;font-size:.96rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;box-shadow:0 3.5px #bfa88c,0 3px 8px #4e341c1f}.hud-btn-menu:hover{color:#4a2c11;background:#fff8ee;border-color:#bfa682;transform:translateY(-2px);box-shadow:0 5.5px #a88d6e,0 8px 18px #4e341c38}.hud-btn-menu:active,.hud-btn-menu.menu-active{color:#2e1b08;background:#f0e3d0;border-color:#8f6a3d;transform:translateY(2px);box-shadow:0 1px #8f6a3d,0 2px 6px #4e341c33}.hud-menu-backdrop{-webkit-backdrop-filter:blur(10px)saturate(130%);z-index:9998;background:#6944267a;width:100vw;height:100vh;animation:.22s ease-out menuBackdropFade;position:fixed;top:0;left:0}@keyframes menuBackdropFade{0%{opacity:0}to{opacity:1}}.hud-menu-panel{border-radius:var(--radius-lg,22px);z-index:9999;transform-origin:100% 0;background:linear-gradient(#fbf7ee 0%,#f7f0e2 40%,#ecdec9 100%);border:3.5px solid #d5c3ab;flex-direction:column;width:680px;max-width:calc(100vw - 28px);animation:.28s cubic-bezier(.175,.885,.32,1.275) menuPopIn;display:flex;position:fixed;top:76px;right:14px;overflow:hidden;box-shadow:0 8px #bfa88c,0 24px 64px #0000006b,inset 0 1px #ffffffe6}@keyframes menuPopIn{0%{opacity:0;transform:translateY(-14px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.hud-menu-header{background:linear-gradient(#fffdf8 0%,#faf6ec 100%);padding:16px 18px 0}.hud-menu-header-content{flex-direction:column;gap:6px;display:flex}.hud-menu-top-badge{background:var(--color-palm-50,#e8f5e9);color:var(--color-palm-700,#1b5e20);border:1.5px solid var(--color-palm-300,#81c784);font-family:var(--font-heading);border-radius:var(--radius-pill);letter-spacing:.01em;align-self:flex-start;padding:2px 10px;font-size:.74rem;font-weight:700;display:inline-block}.hud-menu-brand-row{justify-content:space-between;align-items:center;display:flex}.hud-menu-logo{font-family:var(--font-heading);color:var(--color-palm-700,#1b5e20);text-shadow:0 2px #1b5e2026;margin:0;font-size:1.65rem;font-weight:700;line-height:1}.hud-menu-logo span{color:var(--color-gold-500,#f5a623);text-shadow:0 2px #d3540026}.hud-menu-close-btn{background:var(--color-cream-surface,#fff);border:2px solid var(--color-border-light,#e0d7c6);color:#64748b;width:32px;height:32px;box-shadow:0 2px 0 var(--color-border-light,#d1c7b3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .15s;display:flex}.hud-menu-close-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5;transform:scale(1.1);box-shadow:0 3px #f87171}.hud-menu-close-btn:active{box-shadow:none;transform:scale(.95)}.hud-menu-stage-strip{border:1.5px solid var(--color-border-light,#e0d7c6);border-radius:var(--radius-pill);background:#ffffffd9;align-items:center;gap:8px;margin-top:4px;padding:4px 10px;display:inline-flex}.stage-strip-badge{background:var(--color-palm-600,#2e7d32);color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);padding:2px 8px;font-size:.72rem;font-weight:700}.stage-strip-title{font-family:var(--font-heading);color:var(--color-text-main,#2c3e50);font-size:.82rem;font-weight:600}.hud-menu-divider{background:linear-gradient(90deg, var(--color-palm-500), var(--color-gold-400));border-radius:2px;width:100%;height:3.5px;margin:12px 0 0}.hud-menu-body{background:linear-gradient(#fdfcf9 0%,#f7f1e5 100%);flex-direction:column;gap:12px;max-height:calc(85vh - 100px);padding:14px 16px 16px;display:flex;overflow-y:auto}.hud-menu-grid-columns{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:12px;display:grid}.hud-menu-col{flex-direction:column;gap:10px;display:flex}.hud-menu-section-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.6px;color:#8c6847;margin-bottom:-2px;padding:0 4px;font-size:.72rem;font-weight:800;display:block}.hud-menu-hero-card{border-radius:var(--radius-md,14px);background:#fff;border:2px solid #dfcfb9;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 2px #cfbc9f,0 2px 6px #5a3c1e0d}.hud-menu-avatar{object-fit:cover;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border:2.5px solid #2e7d32;border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 6px #1b5e2033}.hud-menu-greeting{flex-direction:column;gap:1px;display:flex}.hud-menu-greeting strong{font-family:var(--font-heading);color:#133e1a;font-size:.88rem}.hud-menu-greeting p{color:#634b35;margin:0;font-size:.77rem;line-height:1.25}.hud-menu-item-btn{border-radius:var(--radius-md,14px);cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:2px solid #dfcfb9;flex:1;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 3px #cfbc9f,0 2px 5px #5a3c1e0a}.hud-menu-item-btn:hover{background:#fff;transform:translateY(-2px)}.hud-menu-item-btn:active{transform:translateY(2px);box-shadow:0 1px #0000001a}.recipe-card-btn:hover{border-color:#388e3c;box-shadow:0 5px #2e7d32,0 6px 16px #2e7d3229}.restart-card-btn:hover{background:#fffdf5;border-color:#f59e0b;box-shadow:0 5px #d97706,0 6px 16px #f59e0b2e}.exit-card-btn{background:linear-gradient(snow 0%,#fee2e2 100%)!important;border-color:#fca5a5!important;box-shadow:0 3px #f87171,0 2px 5px #dc262614!important}.exit-card-btn .menu-item-text strong{color:#991b1b!important}.exit-card-btn .menu-item-text small{color:#b91c1c!important}.exit-card-btn .menu-item-arrow{color:#f87171!important}.exit-card-btn:hover{transform:translateY(-2px);background:linear-gradient(#fee2e2 0%,#fecaca 100%)!important;border-color:#ef4444!important;box-shadow:0 5px #dc2626,0 6px 16px #ef444438!important}.exit-card-btn:hover .menu-item-arrow{transform:translate(3px);color:#b91c1c!important}.exit-card-btn:active{transform:translateY(2px);box-shadow:0 1px #dc2626!important}.menu-btn-icon-box{border:1.5px solid #dfcfb9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1.2rem;display:flex;box-shadow:0 2px 4px #5a3c1e0f}.recipe-icon-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-color:#a5d6a7}.restart-icon-box{color:#d97706;background:linear-gradient(135deg,#fff9e6 0%,#ffecb3 100%);border-color:#ffe082}.sound-icon-box{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-color:#7dd3fc}.zoom-icon-box{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border-color:#d8b4fe}.exit-icon-box{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#fca5a5}.menu-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.menu-item-text strong{font-family:var(--font-heading);color:#3d2612;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.menu-item-text small{color:#735b44;font-size:.72rem;line-height:1.25}.menu-item-arrow{color:#94a3b8;font-size:.85rem;font-weight:700;transition:transform .15s}.hud-menu-item-btn:hover .menu-item-arrow{color:#1b5e20;transform:translate(3px)}.hud-menu-row.sound-setting-card{border-radius:var(--radius-md,14px);box-sizing:border-box;background:#fff;border:2px solid #dfcfb9;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 3px #cfbc9f,0 2px 5px #5a3c1e0a}.hud-menu-row-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.menu-switch-btn{border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;border:2px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px #0000001a}.menu-switch-btn.is-on{background:var(--color-palm-50,#e8f5e9);border-color:var(--color-palm-500,#43a047);color:var(--color-palm-700,#1b5e20);box-shadow:0 3px 0 var(--color-palm-600,#2e7d32)}.menu-switch-btn.is-off{color:#64748b;background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 3px #94a3b8}.menu-switch-btn:hover{transform:scale(1.05)}.menu-switch-btn:active{box-shadow:none;transform:scale(.95)}.switch-thumb{border-radius:50%;width:9px;height:9px;display:inline-block}.menu-switch-btn.is-on .switch-thumb{background:#10b981;box-shadow:0 0 8px #10b981cc}.menu-switch-btn.is-off .switch-thumb{background:#94a3b8}.hud-menu-zoom-card{border-radius:var(--radius-md,14px);box-sizing:border-box;background:#fff;border:2px solid #dfcfb9;flex-direction:column;gap:8px;padding:10px 12px;display:flex;box-shadow:0 3px #cfbc9f,0 2px 5px #5a3c1e0a}.hud-menu-zoom-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.zoom-title-stack{align-items:center;gap:8px;min-width:0;display:flex}.zoom-title-stack strong{font-family:var(--font-heading);color:#3d2612;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;display:block;overflow:hidden}.zoom-title-stack small{color:#735b44;font-size:.7rem;line-height:1.2;display:block}.zoom-live-badge{border-radius:var(--radius-pill);font-family:var(--font-heading);color:#1b5e20;white-space:nowrap;background:#eef7ed;border:1.5px solid #81c784;padding:2px 8px;font-size:.78rem;font-weight:700}.zoom-live-badge.is-custom{background:var(--color-gold-50,#fff9e6);border-color:var(--color-gold-400,#fbc02d);color:var(--color-gold-700,#d35400)}.hud-menu-zoom-controls{border-radius:var(--radius-pill);background:#fbf7ee;border:1.5px solid #dfcfb9;align-items:center;gap:6px;padding:4px 8px;display:flex}.zoom-tactile-btn{color:#4a2c11;cursor:pointer;background:#fff;border:1.5px solid #cca87d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:4px;transition:all .15s;display:flex;box-shadow:0 2px #bfa88c}.zoom-tactile-btn:hover:not(:disabled){background:#fff8ee;border-color:#bfa682;transform:scale(1.12);box-shadow:0 3px #b09570}.zoom-tactile-btn:active:not(:disabled){box-shadow:none;transform:scale(.95)}.zoom-tactile-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.zoom-slider-wrap{flex:1;align-items:center;min-width:50px;display:flex;position:relative}.zoom-slider-input{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:4px;outline:none;width:100%;height:6px;margin:0;transition:background .2s}.zoom-slider-input:hover{background:#94a3b8}.zoom-slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-palm-600,#2e7d32);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;box-shadow:0 2px 5px #0000004d}.zoom-slider-input::-webkit-slider-thumb:hover{background:var(--color-palm-700,#1b5e20);transform:scale(1.25)}.zoom-slider-input::-moz-range-thumb{background:var(--color-palm-600,#2e7d32);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;box-shadow:0 2px 5px #0000004d}.zoom-reset-pill{border:1.5px solid var(--color-border-light,#e0d7c6);border-radius:var(--radius-pill);font-family:var(--font-heading);color:#475569;cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 var(--color-border-light,#d1c7b3);background:#fff;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s}.zoom-reset-pill:hover{background:var(--color-palm-50,#e8f5e9);color:var(--color-palm-700,#1b5e20);border-color:var(--color-palm-400,#81c784);box-shadow:0 3px 0 var(--color-palm-300,#81c784)}.zoom-reset-pill:active{box-shadow:none;transform:translateY(1px)}.zoom-reset-pill.is-default{opacity:.65}@media (height<=860px){.game-hud{height:68px;padding:0 var(--space-md,16px)}.hud-brand-title{font-size:2.35rem}.hud-btn{height:40px;padding:0 14px;font-size:.85rem}.mission-pill-stage{padding:5px 14px;font-size:.85rem}.hud-step-pill{width:30px;height:30px;font-size:.82rem}.hud-stepper-connector{width:16px}}@media (height<=720px){.game-hud{height:64px;padding:0 14px}.hud-brand-title{font-size:2.2rem}.hud-btn{height:38px;padding:0 12px;font-size:.82rem}.mission-pill-stage{padding:4px 12px;font-size:.8rem}.hud-step-pill{width:28px;height:28px;font-size:.78rem}.hud-stepper-connector{width:14px}}.workstation-scene{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;background:0 0!important}.workstation-scene.orientation-scene,.workstation-scene.prep-scene,.workstation-scene.stage-1-bg,.workstation-scene.grinding-scene,.workstation-scene.stage-2-bg,.workstation-scene.mixing-scene,.workstation-scene.molding-scene,.workstation-scene.stage-3-bg,.workstation-scene.steaming-scene,.workstation-scene.dehydration-scene,.workstation-scene.stage-4-bg,.workstation-scene.frying-scene,.workstation-scene.stage-5-bg,.workstation-scene.packaging-scene{background:0 0!important}.workstation-overlay{display:none}.stage-center-zone{z-index:5;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;transition:none;display:flex;position:relative;overflow:hidden auto;justify-content:center!important;padding:64px 32px 36px!important}.game-viewport.dialogue-collapsed .stage-center-zone,.dialogue-collapsed .stage-center-zone{padding-bottom:36px!important}.active-vessel-card{border-radius:var(--radius-lg);box-shadow:none;padding:var(--space-sm) var(--space-md);background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;width:96%;max-width:1080px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex;position:relative;margin:12px auto 0!important}.vessel-header{width:100%;margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.vessel-title{font-family:var(--font-heading);color:var(--color-text-main);align-items:center;gap:8px;font-size:1.35rem;font-weight:800;display:flex}.vessel-badge{background:var(--color-palm-100);color:var(--color-palm-700);border-radius:var(--radius-pill);font-family:var(--font-heading);padding:5px 14px;font-size:.9rem;font-weight:700}.dropzone{border-radius:var(--radius-md);cursor:pointer;background:#f8fafcd9;border:3px dashed #94a3b8;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:280px;transition:all .25s;display:flex;position:relative;overflow:hidden}.dropzone.highlight-ready{border-color:var(--color-gold-400);background:#fef3c766;animation:1.5s infinite alternate pulse-border;box-shadow:inset 0 0 20px #f5a62340}.dropzone.hover-active{border-color:var(--color-palm-500);background:#dcfce7d9;transform:scale(1.02);box-shadow:0 0 24px #2ecc7180}@keyframes pulse-border{0%{border-color:var(--color-gold-400)}to{border-color:var(--color-palm-500)}}.stage-content-row{z-index:5;flex-shrink:0;justify-content:center;gap:40px;width:100%;max-width:1440px;margin:0 auto;padding:0 16px;display:flex;position:relative;align-items:flex-start!important}.station-side-card{flex-direction:column;flex:50%;justify-content:flex-start;align-items:stretch;max-width:680px;padding:0;display:flex;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.station-center-card{flex-direction:column;flex:50%;justify-content:flex-start;align-items:stretch;width:100%;max-width:680px;display:flex;overflow:visible}.station-center-card .multi-state-workstation{flex:auto!important;width:100%!important;max-width:100%!important}.card-header-mini{font-family:var(--font-heading);color:#fdfaf5;background:#3d2617;border:1.5px solid #633f27;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:7px 20px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #2d190c33}.station-badge-mini{font-size:.78rem;font-weight:700;font-family:var(--font-body);border-radius:999px;padding:4px 12px}.station-badge-mini.badge-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.station-badge-mini.badge-pending{color:#0284c7;background:#eff6ff;border:1px solid #bae6fd}.station-badge-mini.badge-count{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.washing-workstation{flex:50%;width:100%;max-width:680px}.washing-viewport{cursor:inherit;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;background:radial-gradient(at 50% 45%,#fff 0%,#fbf6ec 55%,#f1e3cc 100%)!important;box-shadow:inset 0 3px 10px #4e341c14,inset 0 -2px 6px #ffffff80!important}.washing-viewport.interactive-sink{cursor:url(/assets/cursor_hover_32.png) 2 2,pointer!important}.washing-viewport.interactive-sink:hover .sink-preview-img{transform:scale(1.03)}.washing-viewport .container-visual-wrapper{justify-content:center;align-items:center;width:100%;display:flex;transform:translateY(-4px)}.washing-viewport .sink-preview-img{object-fit:contain;filter:drop-shadow(0 20px 36px #4e341c42);width:auto;max-width:100%;height:350px;max-height:350px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.washing-viewport .sink-status-pill{z-index:6;white-space:nowrap;margin-top:0;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.station-side-card.washing-station-card{flex:0 0 390px;width:390px;max-width:420px}.sink-box{flex-direction:column;justify-content:space-between;align-items:center;gap:14px;height:100%;display:flex}.sink-colander-preview{background:linear-gradient(#f0fdf4 0%,#e0f2fe 100%);border:2px solid #bae6fd;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 14px;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 2px 8px #0000000a,0 4px 14px #0284c714}.sink-colander-preview.interactive-sink{cursor:pointer}.sink-colander-preview.interactive-sink:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:inset 0 2px 8px #0000000a,0 8px 24px #0284c729}.sink-preview-img{object-fit:contain;filter:drop-shadow(0 10px 20px #00000024);width:100%;max-width:480px;height:auto;max-height:86%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sink-colander-preview:hover .sink-preview-img{transform:scale(1.03)}.water-spray-overlay{pointer-events:none;z-index:10;gap:16px;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%)}.water-drop{font-size:1.5rem;animation:.7s ease-in infinite drop-fall}.water-drop.d2{animation-delay:.22s}.water-drop.d3{animation-delay:.44s}@keyframes drop-fall{0%{opacity:0;transform:translateY(-10px)scale(.6)}50%{opacity:1}to{opacity:0;transform:translateY(45px)scale(1.1)}}.sink-status-pill{font-family:var(--font-heading);letter-spacing:.3px;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:6px 16px;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 3px #4e341c1f,0 4px 12px #00000014}.sink-status-pill.unwashed{color:#92400e;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border:2px solid #fcd34d;box-shadow:0 3px #d97706,0 4px 10px #f59e0b26}.sink-status-pill.washing{color:#fff;background:linear-gradient(#0284c7 0%,#0369a1 100%);border:2px solid #38bdf8;animation:.8s infinite alternate pulse-wash;box-shadow:0 3px #075985,0 0 16px #0284c799}@keyframes pulse-wash{0%{box-shadow:0 3px #075985,0 0 6px #0284c766}to{box-shadow:0 3px #075985,0 0 18px #0284c7cc}}.sink-status-pill.washed{color:#166534;background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac;box-shadow:0 3px #22c55e,0 4px 10px #22c55e33}.sink-status-pill.empty{color:#735b44;background:linear-gradient(#fff 0%,#f7f1e5 100%);border:2px solid #d5c3ab;box-shadow:0 3px #bfa88c}.wash-complete-badge{background:#f0fdf4;border:1.5px solid #86efac;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.wash-complete-badge .badge-check{font-size:1.4rem}.wash-complete-badge .badge-text{text-align:left;flex-direction:column;display:flex}.wash-complete-badge .badge-text strong{font-family:var(--font-heading);color:#15803d;font-size:.86rem}.wash-complete-badge .badge-text span{color:#166534;font-size:.74rem;font-weight:600}.wash-standby-hint{color:#64748b;text-align:center;margin-top:4px;font-size:.78rem;font-weight:600}.btn-wash-action{color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 16px #0284c759}.btn-wash-action:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-2px);box-shadow:0 8px 22px #0284c773}.btn-wash-action:disabled{opacity:.65;cursor:not-allowed}.btn-wash-action:active:not(:disabled){transform:translateY(0)}.inventory-vertical-list{flex-direction:column;gap:10px;display:flex}.dispenser-card{cursor:grab;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dispenser-card:hover{background:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 8px 18px #0284c71f}.dispenser-card:active{cursor:grabbing}.dispenser-card.active-held{background:#fffbeb;border-color:#f59e0b;transform:scale(1.02);box-shadow:0 0 0 3px #f59e0b59}.dispenser-card.guide-pulse{border-color:#10b981;animation:1.8s ease-in-out infinite pulseGuide}.disp-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0000001a);flex-shrink:0;width:44px;height:44px}.disp-badge-tap{color:#0284c7;white-space:nowrap;background:#eff6ff;border:1px solid #bae6fd;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:.68rem;font-weight:700}.dispenser-card.ready-item{background:#f0fdf4;border-color:#10b981;width:100%}.disp-info{flex-direction:column;display:flex}.disp-info strong{color:#1e293b;font-size:.88rem;font-weight:700}.disp-info span{color:#64748b;font-size:.75rem}.multi-state-workstation{transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:50%!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:680px!important;display:flex!important;overflow:visible!important}.multi-state-workstation.drag-hover,.multi-state-workstation.compatible-target{box-shadow:none!important;background:0 0!important;border:none!important}.multi-state-workstation.error-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both shakeError}@keyframes shakeError{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)rotate(-1.2deg)}30%,60%,90%{transform:translate(8px)rotate(1.2deg)}}.workstation-viewport.viewport-anim-blending{animation:80ms ease-in-out infinite alternate applianceMotorShake}.workstation-viewport.viewport-anim-mixing{animation:.32s ease-in-out infinite doughMixingKnead}.workstation-header{box-sizing:border-box!important;background:#fffffff2!important;border:2px solid #dfcfb9!important;border-bottom:3.5px solid #bda88e!important;border-radius:999px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:12px 26px!important;display:flex!important;box-shadow:0 4px #bda88e,0 10px 24px #4e341c1a,inset 0 1px #fffffff2!important}.workstation-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.workstation-name{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden;font-family:var(--font-heading)!important;color:#2b180a!important;letter-spacing:-.01em!important;text-shadow:none!important;font-size:1.35rem!important;font-weight:900!important;line-height:1.25!important}.workstation-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#634a34!important;font-size:.92rem!important;font-weight:600!important;line-height:1.2!important}.workstation-step-badge{flex-shrink:0;justify-content:center;align-items:center;gap:7px;line-height:1.2;display:inline-flex;color:#fff!important;font-family:var(--font-heading)!important;white-space:nowrap!important;letter-spacing:.02em!important;background:#0284c7!important;border:none!important;border-radius:999px!important;padding:7px 20px!important;font-size:.95rem!important;font-weight:800!important;box-shadow:0 2.5px #0369a1!important}.workstation-step-badge .badge-icon-check{align-items:center;font-size:1.05rem;font-weight:900;line-height:1;display:inline-flex}.workstation-step-badge .badge-icon{align-items:center;font-size:.95rem;line-height:1;display:inline-flex}.workstation-step-badge.badge-success-glow{color:#fff!important;text-shadow:none!important;background:#16a34a!important;border:none!important;box-shadow:0 2.5px #15803d,0 0 14px #16a34a73!important}.workstation-step-badge.badge-flow-glow{animation:.8s infinite alternate pulse-wash;color:#fff!important;text-shadow:none!important;background:#0284c7!important;border:none!important;box-shadow:0 2.5px #0369a1,0 0 14px #0284c78c!important}.workstation-step-badge.badge-amber-glow{color:#fff!important;text-shadow:none!important;background:#d97706!important;border:none!important;box-shadow:0 2.5px #b45309,0 0 14px #d9770673!important}.workstation-viewport{box-sizing:border-box;flex:auto;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:380px!important;min-height:380px!important;padding:8px 0!important;display:flex!important;overflow:visible!important}.container-visual-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.container-state-img{object-fit:contain!important;filter:drop-shadow(0 20px 36px #4e341c42)!important;width:auto!important;max-width:100%!important;height:350px!important;max-height:350px!important;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)!important}.multi-state-workstation:hover .container-state-img{filter:drop-shadow(0 26px 44px #4e341c52)!important}.multi-state-workstation.compatible-target .container-state-img,.multi-state-workstation.drag-hover .container-state-img{filter:drop-shadow(0 0 26px #22c55ee6)drop-shadow(0 20px 36px #4e341c42)!important}.container-fallback-icon{flex-direction:column;align-items:center;gap:8px;display:flex}.container-fallback-icon .fallback-emoji{filter:drop-shadow(0 6px 12px #4e341c2e);font-size:4.5rem}.container-fallback-icon .fallback-label{font-family:var(--font-heading);color:#3d2612;font-size:.95rem;font-weight:800}.boiling-fx .bubble{background:#ffffffd9;border:2px solid #38bdf8cc;border-radius:50%;animation:1.4s ease-in infinite floatBubble;position:absolute}.b1{width:14px;height:14px;animation-delay:.1s;bottom:25%;left:35%}.b2{width:20px;height:20px;animation-delay:.4s;bottom:22%;left:52%}.b3{width:16px;height:16px;animation-delay:.7s;bottom:28%;left:66%}@keyframes floatBubble{0%{opacity:0;transform:translateY(0)scale(.6)}40%{opacity:.9}to{opacity:0;transform:translateY(-70px)scale(1.2)}}.steaming-fx .steam-puff{font-size:2rem;animation:2s ease-out infinite riseSteam;position:absolute}.p1{animation-delay:.2s;bottom:35%;left:38%}.p2{animation-delay:.6s;bottom:40%;left:48%}.p3{animation-delay:1.1s;bottom:32%;left:58%}@keyframes riseSteam{0%{opacity:0;transform:translateY(0)scale(.7)}50%{opacity:.8}to{opacity:0;transform:translateY(-80px)scale(1.4)}}.sizzling-fx .sparkle{font-size:1.4rem;animation:.8s ease-in-out infinite popSparkle;position:absolute}.sp1{animation-delay:.1s;top:40%;left:40%}.sp2{animation-delay:.3s;top:35%;left:55%}.sp3{animation-delay:.5s;top:50%;left:62%}@keyframes popSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)rotate(20deg)}}.container-state-img.anim-blending{transform-origin:50% 85%;will-change:transform;filter:drop-shadow(0 12px 22px #0000003d);animation:70ms ease-in-out infinite alternate applianceMotorShake}@keyframes applianceMotorShake{0%{transform:translate(0)rotate(0)}20%{transform:translate(-2px,1px)rotate(-.5deg)}40%{transform:translate(1.8px,-1px)rotate(.5deg)}60%{transform:translate(-1.2px,-.8px)rotate(-.3deg)}80%{transform:translate(2px,.8px)rotate(.4deg)}to{transform:translate(-.8px,1.2px)rotate(-.2deg)}}.container-state-img.anim-mixing{transform-origin:50%;will-change:transform;filter:drop-shadow(0 14px 26px #00000038);animation:.32s ease-in-out infinite doughMixingKnead}@keyframes doughMixingKnead{0%{transform:translate(0)rotate(0)scale(1)}20%{transform:translate(-3px,-2px)rotate(-1.5deg)scale(1.012)}40%{transform:translate(2px,-3px)rotate(-.5deg)scale(1.018)}60%{transform:translate(3px,2px)rotate(1.8deg)scale(1)}80%{transform:translate(-2px,3px)rotate(.8deg)scale(.992)}to{transform:translate(0)rotate(0)scale(1)}}.mixing-fx{pointer-events:none;z-index:8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mixing-whirl{filter:drop-shadow(0 0 8px #f59e0b80);border:2.5px dashed #ffffffd9;border-color:#f59e0be6 #ffffffd9 #10b981b3;border-radius:50%;width:110px;height:60px;position:absolute;top:42%;left:48%}.whirl-1{animation:.5s linear infinite whirlRotate}.whirl-2{width:80px;height:44px;animation:.4s linear infinite whirlRotateRev}@keyframes whirlRotate{0%{opacity:.6;transform:translate(-50%,-50%)rotate(0)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)rotate(180deg)scale(1.08)}to{opacity:.6;transform:translate(-50%,-50%)rotate(360deg)scale(.9)}}@keyframes whirlRotateRev{0%{opacity:.8;transform:translate(-50%,-50%)rotate(360deg)scale(1.05)}50%{opacity:.5;transform:translate(-50%,-50%)rotate(180deg)scale(.92)}to{opacity:.8;transform:translate(-50%,-50%)rotate(0)scale(1.05)}}.knead-puff{font-size:1.2rem;animation:.7s ease-out infinite kneadPuffFloat;position:absolute}.kp-1{animation-delay:.1s;top:36%;left:38%}.kp-2{animation-delay:.35s;top:40%;left:56%}@keyframes kneadPuffFloat{0%{opacity:0;transform:translateY(0)scale(.6)}40%{opacity:.9}to{opacity:0;transform:translateY(-24px)scale(1.1)}}.dropzone-guide-pill{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);z-index:6;letter-spacing:.3px;background:linear-gradient(#10b981 0%,#059669 100%);border:2px solid #34d399;padding:8px 20px;font-size:.88rem;font-weight:800;animation:1.2s ease-in-out infinite bouncePill;position:absolute;bottom:14px;box-shadow:0 4px #065f46,0 6px 18px #10b98173}@keyframes bouncePill{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.workstation-footer{box-sizing:border-box;justify-content:space-between;align-items:center;gap:18px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin-top:16px!important;padding:0!important}.workstation-footer:not(.has-custom-footer){background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:22px!important;padding:14px 24px!important;box-shadow:0 4px #bda88e,0 10px 26px #4e341c1a,inset 0 1px #fffffff2!important}.workstation-footer.has-custom-footer{padding:0!important}.workstation-status{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.status-dot{background:#10b981;border:2.5px solid #bbf7d0;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 12px #10b981}.status-text{font-family:var(--font-heading);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;letter-spacing:.2px;-webkit-box-orient:vertical;min-width:0;line-height:1.35;display:-webkit-box;overflow:hidden;color:#2b180a!important;text-shadow:none!important;font-size:1.08rem!important;font-weight:800!important}.btn-workstation-action{color:#fff;font-family:var(--font-heading);white-space:nowrap;cursor:pointer;letter-spacing:.3px;background:linear-gradient(#fbbf24 0%,#f59e0b 50%,#d97706 100%);border:2px solid #92400e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:12px 26px;font-size:1.04rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px #78350f,0 6px 18px #d9770666,inset 0 1px #fff6}.btn-workstation-action .action-icon{align-items:center;font-size:1.2rem;line-height:1;display:flex}.btn-workstation-action:hover:not(.disabled){background:linear-gradient(#fcd34d 0%,#fbbf24 50%,#d97706 100%);transform:translateY(-2px);box-shadow:0 6px #78350f,0 8px 22px #d977068c}.btn-workstation-action:active:not(.disabled){transform:translateY(2px);box-shadow:0 1px #78350f,0 2px 6px #d9770666}.btn-workstation-action.disabled{opacity:.65;cursor:not-allowed;box-shadow:0 2px #78350f}.qc-viewport,.molding-qc-viewport,.steaming-qc-viewport,.dehydration-qc-viewport,.frying-qc-viewport,.packaging-qc-viewport{box-sizing:border-box!important;background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:22px!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:16px 20px!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px #bda88e,0 10px 26px #4e341c1a!important}.faucet-knob-console,.stove-burner-console,.dehydrator-appliance-console{min-height:92px;box-sizing:border-box!important;background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:22px!important;width:100%!important;padding:14px 24px!important;box-shadow:0 4px #bda88e,0 10px 26px #4e341c1a!important}.stage-single-workstation,.stage-content-row.stage-single-workstation{justify-content:center!important;align-items:center!important;width:100%!important;max-width:680px!important;margin:0 auto!important;display:flex!important}.stage-single-workstation .station-center-card,.stage-content-row.stage-single-workstation>.station-center-card{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:660px!important;margin:0 auto!important;display:flex!important}.btn-recipe-guide-trigger{z-index:45;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fffbf0 50%,#fef3c7 100%);border:2px solid #f59e0b;border-bottom:4px solid #d97706;border-radius:12px;align-items:center;gap:10px;padding:7px 14px 7px 9px;transition:transform .12s,box-shadow .12s,filter .15s;display:inline-flex;position:absolute;top:16px;right:24px;box-shadow:0 4px #b45309,0 6px 16px #b4530938}.btn-recipe-guide-trigger:hover{filter:brightness(1.03);border-color:#f59e0b #f59e0b #b45309;transform:translateY(-2px);box-shadow:0 6px #92400e,0 10px 22px #b4530947}.btn-recipe-guide-trigger:active{transform:translateY(3px);box-shadow:0 1px #92400e,0 2px 6px #b4530926}.btn-recipe-guide-trigger .trigger-icon-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1.5px solid #f59e0b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.15rem;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fff9,0 1px 3px #b4530926}.btn-recipe-guide-trigger .trigger-label{font-family:var(--font-heading);color:#78350f;letter-spacing:.01em;white-space:nowrap;font-size:.88rem;font-weight:800}.btn-recipe-guide-trigger .trigger-action-badge{color:#fff;font-family:var(--font-heading);letter-spacing:.06em;background:linear-gradient(#f59e0b 0%,#d97706 100%);border:1px solid #b45309;border-radius:6px;margin-left:2px;padding:3px 8px;font-size:.7rem;font-weight:900;transition:transform .12s;box-shadow:0 1px 2px #78350f4d}.btn-recipe-guide-trigger:hover .trigger-action-badge{transform:scale(1.05)}.recipe-drawer-backdrop{animation:.25s ease-out modalFadeIn;-webkit-backdrop-filter:blur(10px)saturate(130%)!important;z-index:100000!important;background:#6944267a!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.recipe-drawer-card{background:#fff;border:3px solid #dfcfb9;border-bottom:6px solid #bda88e;border-radius:24px;flex-direction:column;width:100%;max-width:580px;max-height:88vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPopIn;display:flex;overflow:hidden;box-shadow:0 8px #bda88e,0 20px 48px #0000004d}.recipe-drawer-header{background:radial-gradient(at 50% 30%,#fff 0%,#fdfbf7 70%,#f5eee2 100%);border-bottom:2px solid #ebd9c5;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.drawer-title-group{flex-direction:column;gap:2px;display:flex}.drawer-badge{font-family:var(--font-heading);color:#0284c7;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.drawer-title{font-family:var(--font-heading);color:#2b180a;margin:0;font-size:1.22rem;font-weight:900}.btn-drawer-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;transition:all .15s;display:flex}.btn-drawer-close:hover{color:#dc2626;background:#fee2e2;border-color:#ef4444;transform:rotate(90deg)}.recipe-drawer-body{flex-direction:column;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.drawer-section-title{font-family:var(--font-heading);color:#451a03;align-items:center;gap:6px;margin:0 0 8px;font-size:.92rem;font-weight:800;display:flex}.drawer-recipe-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.drawer-recipe-pill{background:#fdfbf7;border:1.5px solid #ebd9c5;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.drawer-recipe-pill .pill-emoji{font-size:1.25rem}.drawer-recipe-pill .pill-details{flex-direction:column;display:flex}.drawer-recipe-pill .pill-name{color:#78350f;font-size:.74rem;font-weight:700}.drawer-recipe-pill .pill-amount{color:#1e293b;font-size:.86rem;font-weight:800}.drawer-safety-list{flex-direction:column;gap:8px;display:flex}.drawer-safety-row{background:#fff5f5;border-left:4px solid #ef4444;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 12px;font-size:.82rem;line-height:1.35;display:flex}.drawer-safety-row .safety-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.drawer-safety-row strong{color:#1e293b;font-weight:800}.drawer-safety-row span{color:#475569}.drawer-tip-box{background:#fefce8;border:1.5px solid #fef08a;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.drawer-tip-box .tip-icon{flex-shrink:0;font-size:1.25rem}.drawer-tip-box .tip-text{color:#713f12;font-size:.82rem;line-height:1.4}.drawer-tip-box .tip-text strong{color:#854d0e;margin-bottom:3px;font-weight:800;display:block}.drawer-tip-box .tip-text p{margin:0}.recipe-drawer-footer{background:#f8fafc;border-top:1.5px solid #e2e8f0;justify-content:flex-end;padding:14px 22px;display:flex}.btn-drawer-ok{color:#fff;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(#10b981 0%,#059669 100%);border:2px solid #047857;border-bottom:3.5px solid #065f46;border-radius:12px;padding:8px 24px;font-size:.94rem;font-weight:800;transition:all .15s;box-shadow:0 3px #065f46}.btn-drawer-ok:hover{transform:translateY(-2px);box-shadow:0 5px #065f46}.checkpoint-modal-backdrop{-webkit-backdrop-filter:blur(10px)saturate(130%);z-index:1000;background:#6944267a;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.checkpoint-modal-card{background:#fff;border:3.5px solid #f59e0b;border-bottom:6.5px solid #d97706;border-radius:26px;flex-direction:column;width:100%;max-width:620px;animation:.32s cubic-bezier(.175,.885,.32,1.275) modalPopIn;display:flex;overflow:hidden;box-shadow:0 8px #d97706,0 24px 56px #00000059}.checkpoint-header{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-bottom:2px solid #fde68a;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.checkpoint-teacher-badge{align-items:center;gap:8px;display:flex}.teacher-avatar-mini{font-size:1.4rem}.teacher-badge-text{font-family:var(--font-heading);color:#92400e;font-size:.95rem;font-weight:900}.checkpoint-stage-tag{font-family:var(--font-heading);color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:800}.checkpoint-body{flex-direction:column;gap:16px;padding:22px 26px;display:flex}.checkpoint-question-title{font-family:var(--font-heading);color:#2b180a;margin:0;font-size:1.18rem;font-weight:900;line-height:1.35}.checkpoint-choices-stack{flex-direction:column;gap:10px;display:flex}.checkpoint-choice-btn{text-align:left;cursor:pointer;background:#fff;border:2px solid #dfcfb9;border-bottom:4px solid #bda88e;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2px #bda88e}.checkpoint-choice-btn:hover:not(:disabled){background:#fffdf5;border-color:#f59e0b #f59e0b #d97706;transform:translateY(-2px);box-shadow:0 4px #d97706,0 6px 16px #f59e0b33}.checkpoint-choice-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #bda88e}.choice-letter-badge{font-family:var(--font-heading);color:#334155;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.92rem;font-weight:900;transition:all .15s;display:flex}.choice-text{color:#1e293b;flex:1;font-size:.94rem;font-weight:700;line-height:1.3}.choice-check-icon{color:#16a34a;font-size:1.2rem;font-weight:900}.checkpoint-choice-btn.choice-selected{background:#eff6ff!important;border-color:#3b82f6 #3b82f6 #1d4ed8!important;box-shadow:0 4px #1d4ed8,0 6px 16px #3b82f640!important}.checkpoint-choice-btn.choice-selected .choice-letter-badge{color:#fff!important;background:#2563eb!important}.checkpoint-choice-btn.choice-selected .choice-text{color:#1e3a8a!important}.choice-select-indicator{color:#2563eb;font-size:1.1rem;font-weight:900}.checkpoint-choice-btn.choice-correct{background:#f0fdf4!important;border-color:#22c55e #22c55e #15803d!important;box-shadow:0 3px #15803d!important}.checkpoint-choice-btn.choice-correct .choice-letter-badge{color:#fff!important;background:#16a34a!important}.checkpoint-choice-btn.choice-correct .choice-text{color:#14532d!important}.checkpoint-choice-btn.choice-wrong{background:#fef2f2!important;border-color:#ef4444 #ef4444 #b91c1c!important;box-shadow:0 3px #b91c1c!important}.checkpoint-choice-btn.choice-wrong .choice-letter-badge{color:#fff!important;background:#dc2626!important}.checkpoint-choice-btn.choice-wrong .choice-text{color:#7f1d1d!important}.checkpoint-choice-btn.choice-reveal-correct{background:#f0fdf4!important;border:2px dashed #22c55e!important;border-bottom:3px solid #16a34a!important;box-shadow:0 2px #16a34a!important}.checkpoint-choice-btn.choice-reveal-correct .choice-letter-badge{color:#fff!important;background:#16a34a!important}.checkpoint-choice-btn.choice-reveal-correct .choice-text{color:#14532d!important}.checkpoint-choice-btn.choice-dimmed{filter:grayscale(.2);opacity:.55!important}.checkpoint-feedback-box{border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;animation:.25s ease-out feedbackSlideDown;display:flex}.checkpoint-feedback-box.feedback-correct{color:#15803d;background:#f0fdf4;border:1.5px solid #86efac}.checkpoint-feedback-box.feedback-alert{color:#b91c1c;background:#fef2f2;border:1.5px solid #fca5a5}.feedback-icon-col{flex-shrink:0;margin-top:1px;font-size:1.3rem}.feedback-text-col{font-size:.86rem;line-height:1.35}.feedback-text-col strong{margin-bottom:2px;font-weight:800;display:block}.feedback-text-col p{opacity:.95;margin:0}.checkpoint-footer{background:#f8fafc;border-top:1.5px solid #e2e8f0;justify-content:flex-end;padding:16px 26px;display:flex}.btn-checkpoint-proceed{color:#fff;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(#22c55e 0%,#16a34a 100%);border:2px solid #15803d;border-bottom:4px solid #14532d;border-radius:16px;align-items:center;gap:10px;padding:11px 26px;font-size:1.02rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px #14532d,0 6px 18px #22c55e59}.btn-checkpoint-proceed:hover{transform:translateY(-2px);box-shadow:0 6px #14532d,0 8px 24px #22c55e73}.btn-checkpoint-proceed:active{transform:translateY(2px);box-shadow:0 1px #14532d}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes feedbackSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1440px){.stage-center-zone{padding:60px 28px 40px!important}.btn-recipe-guide-trigger{top:14px!important;right:22px!important}.stage-content-row{gap:24px!important;max-width:1360px!important;padding:0!important}.stage-content-row>:not(:only-child){flex:calc(50% - 12px)!important;min-width:0!important;max-width:calc(50% - 12px)!important}.stage-content-row>:only-child{width:100%!important;max-width:640px!important}.stage-single-workstation,.stage-content-row.stage-single-workstation,.stage-single-workstation .station-center-card,.stage-content-row.stage-single-workstation>.station-center-card{max-width:620px!important}.container-state-img,.sink-preview-img,.workstation-img,.equipment-img{object-fit:contain!important;width:auto!important;max-width:95%!important;height:300px!important;max-height:310px!important}.workstation-viewport,.washing-viewport,.molding-qc-viewport,.steaming-qc-viewport,.qc-viewport,.frying-qc-viewport,.packaging-qc-viewport,.dehydration-qc-viewport,.dropzone{height:340px!important;min-height:330px!important;max-height:350px!important;padding:6px 14px!important}.workstation-header,.vessel-header{border-radius:999px!important;margin-bottom:14px!important;padding:11px 24px!important}.workstation-titles{gap:2px!important}.workstation-name,.vessel-title{font-size:1.2rem!important;line-height:1.25!important}.workstation-sub{font-size:.84rem!important;line-height:1.2!important}.workstation-step-badge,.vessel-badge,.spec-badge{border-radius:999px!important;padding:5px 14px!important;font-size:.78rem!important}.faucet-knob-console,.stove-burner-console,.dehydrator-appliance-console{border-radius:18px!important;min-height:76px!important;padding:10px 18px!important}}@media (height<=880px){.stage-center-zone{padding:58px 28px 36px!important}.btn-recipe-guide-trigger{padding:6px 12px 6px 8px!important;top:12px!important;right:20px!important}.stage-single-workstation,.stage-content-row.stage-single-workstation,.stage-single-workstation .station-center-card,.stage-content-row.stage-single-workstation>.station-center-card{max-width:620px!important}.container-state-img,.sink-preview-img,.workstation-img,.equipment-img{object-fit:contain!important;width:auto!important;max-width:95%!important;height:295px!important;max-height:305px!important}.workstation-viewport,.washing-viewport,.molding-qc-viewport,.steaming-qc-viewport,.qc-viewport,.frying-qc-viewport,.packaging-qc-viewport,.dehydration-qc-viewport,.dropzone{height:335px!important;min-height:325px!important;max-height:345px!important}.workstation-header,.vessel-header{border-radius:999px!important;margin-bottom:14px!important;padding:11px 24px!important}.workstation-titles{gap:2px!important}.workstation-name,.vessel-title{font-size:1.18rem!important;line-height:1.25!important}.workstation-sub{font-size:.82rem!important;line-height:1.2!important}.workstation-step-badge,.vessel-badge,.spec-badge{border-radius:999px!important;padding:5px 14px!important;font-size:.78rem!important}.faucet-knob-console,.stove-burner-console,.dehydrator-appliance-console{min-height:72px!important;padding:8px 16px!important}}@media (height<=740px){.stage-center-zone{padding:52px 22px 30px!important}.btn-recipe-guide-trigger{padding:5px 10px 5px 7px!important;top:10px!important;right:16px!important}.stage-single-workstation,.stage-content-row.stage-single-workstation,.stage-single-workstation .station-center-card,.stage-content-row.stage-single-workstation>.station-center-card{max-width:560px!important}.container-state-img,.sink-preview-img,.workstation-img,.equipment-img{object-fit:contain!important;width:auto!important;max-width:95%!important;height:265px!important;max-height:275px!important}.workstation-viewport,.washing-viewport,.molding-qc-viewport,.steaming-qc-viewport,.qc-viewport,.frying-qc-viewport,.packaging-qc-viewport,.dehydration-qc-viewport,.dropzone{height:300px!important;min-height:290px!important;max-height:310px!important}.workstation-header,.vessel-header{border-radius:999px!important;margin-bottom:12px!important;padding:9px 20px!important}.workstation-titles{gap:1px!important}.workstation-name,.vessel-title{font-size:1.08rem!important;line-height:1.25!important}.workstation-sub{font-size:.76rem!important;line-height:1.2!important}.workstation-step-badge,.vessel-badge,.spec-badge{border-radius:999px!important;padding:4px 12px!important;font-size:.74rem!important}.faucet-knob-console,.stove-burner-console,.dehydrator-appliance-console{min-height:64px!important;padding:6px 12px!important}}@media (width<=1024px){.stage-center-zone{padding:52px 14px 20px!important}.stage-content-row{flex-direction:column!important;align-items:center!important;gap:20px!important}.stage-single-workstation,.stage-content-row.stage-single-workstation{max-width:520px!important}.stage-single-workstation .station-center-card,.stage-content-row.stage-single-workstation>.station-center-card,.stage-content-row>:not(:only-child),.stage-content-row>:only-child,.workstation-header{width:100%!important;max-width:520px!important}}.stage-next-action-wrapper{z-index:60;pointer-events:auto;animation:.25s cubic-bezier(.175,.885,.32,1.275) stageNextPopIn;position:absolute;bottom:22px;right:24px}.stage-next-action-wrapper .companion-action-btn{box-shadow:0 4px #1b5e20,0 8px 20px #00000038}@keyframes stageNextPopIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-companion-wrapper{z-index:850;pointer-events:none;font-family:var(--font-body,system-ui, sans-serif);transform-origin:0 100%;position:fixed;bottom:22px;left:22px}.floating-companion-btn{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f0fdf4 100%);border:3.5px solid #34d399;border-bottom:5px solid #059669;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 6px #047857,0 12px 26px #10b98161,inset 0 1px #fffffff2}.floating-companion-btn:hover{border-color:#10b981;transform:translateY(-4px)scale(1.08);box-shadow:0 9px #047857,0 16px 30px #10b9817a,inset 0 1px #fffffff2}.floating-companion-btn:active{transform:translateY(2px)scale(.96);box-shadow:0 2px #047857}.floating-companion-btn.active-open{border-color:#f59e0b #f59e0b #d97706;box-shadow:0 4px #b45309,0 8px 20px #f59e0b59}.floating-companion-btn.has-unread{border-color:#f59e0b #f59e0b #d97706;animation:2.2s ease-in-out infinite unreadPulse;box-shadow:0 5px #b45309,0 0 0 3px #f59e0b59,0 10px 24px #f59e0b73}@keyframes unreadPulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0bb3}50%{transform:scale(1.15);box-shadow:0 0 0 6px #f59e0b00}}.companion-avatar-frame{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:61px;height:61px;display:flex;position:relative;overflow:hidden}.companion-avatar-img{object-fit:cover;width:100%;height:100%}.companion-mood-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;bottom:0;right:0}.companion-mood-indicator.thinking{background:#f59e0b}.companion-mood-indicator.happy{background:#10b981;box-shadow:0 0 6px #10b981}.companion-mood-indicator.sad{background:#ef4444}.companion-notification-bubble{pointer-events:none;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:2.2s ease-in-out infinite bubbleWobble;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 3px 8px #f59e0b80}.companion-notification-bubble .bubble-icon{font-size:.92rem;line-height:1}@keyframes bubbleWobble{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.15)translateY(-3px)}}.companion-tooltip-tag{color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill,999px);white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#123616eb;padding:5px 13px;font-size:.8rem;font-weight:800;transition:all .2s;position:absolute;top:50%;left:84px;transform:translateY(-50%)translate(-8px);box-shadow:0 4px 12px #0003}.floating-companion-btn:hover .companion-tooltip-tag{opacity:1;transform:translateY(-50%)translate(0)}.companion-popover-card{-webkit-backdrop-filter:blur(16px);transform-origin:0 100%;box-sizing:border-box;will-change:transform, opacity, visibility;background:linear-gradient(#edf8ef 0%,#e3f2e7 48%,#d7ebdc 100%);border:2.5px solid #86efac;border-bottom:5px solid #10b981;border-radius:22px;flex-direction:column;gap:14px;width:480px;max-width:calc(100vw - 44px);max-height:calc(100vh - 120px);padding:18px 20px 20px;display:flex;position:absolute;bottom:86px;left:0;overflow-y:auto;box-shadow:0 6px #059669,0 20px 48px #0f172a47,inset 0 1px #ffffffd1}.companion-popover-card.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .22s cubic-bezier(.16,1,.3,1),visibility linear;transform:scale(1)translate(0,0)}.companion-popover-card.is-closed{opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),visibility 0s linear .22s;transform:scale(.65)translate(-10px,20px)}.companion-popover-card.is-open .companion-speech-content{animation:.24s cubic-bezier(.16,1,.3,1) 40ms both companionItemSlideIn}.companion-popover-card.is-open .companion-callouts-box{animation:.24s cubic-bezier(.16,1,.3,1) 80ms both companionItemSlideIn}.companion-popover-card.is-open .companion-card-footer{animation:.24s cubic-bezier(.16,1,.3,1) .12s both companionItemSlideIn}@keyframes companionItemSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.companion-card-header{border-bottom:1.5px solid #86efac73;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:10px;display:flex}.companion-header-identity{align-items:center;gap:12px;min-width:0;display:flex}.companion-mini-avatar{background:#ecfdf5;border:2px solid #10b981;border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.companion-mini-avatar img{object-fit:cover;width:100%;height:100%}.companion-name-stack{flex-direction:column;min-width:0;display:flex}.companion-mentor-name{font-family:var(--font-heading);color:#14532d;font-size:1.08rem;font-weight:800;line-height:1.2}.companion-mentor-role{color:#059669;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.companion-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.companion-stage-badge{font-family:var(--font-heading);color:#92400e;border-radius:var(--radius-pill,999px);white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;padding:3px 10px;font-size:.78rem;font-weight:800}.companion-close-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.78rem;font-weight:900;line-height:1;transition:all .15s;display:flex}.companion-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#ef4444;transform:scale(1.1)}.companion-speech-content{box-sizing:border-box;width:100%}.companion-dialogue-text{color:#1a3826;text-align:left;margin:0;font-size:1.06rem;font-weight:600;line-height:1.62}.dialogue-typing-cursor{color:#059669;margin-left:2px;font-size:1rem;line-height:1;animation:.5s ease-in-out infinite alternate cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.companion-callouts-box{flex-direction:column;gap:10px;width:100%;display:flex}.companion-note-item,.companion-hint-item{box-sizing:border-box;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.92rem;line-height:1.48;display:flex}.companion-note-item{color:#14532d;background:#fff;border:1.5px solid #a7f3d0;border-left:4.5px solid #059669;box-shadow:0 2px 5px #05966914}.companion-hint-item{color:#92400e;background:#fffdf5;border:1.5px solid #fde68a;border-left:4.5px solid #f59e0b;box-shadow:0 2px 5px #f59e0b14}.callout-icon{flex-shrink:0;font-size:1.15rem;line-height:1.2}.callout-text{flex:1}.companion-card-footer{justify-content:flex-end;padding-top:4px;display:flex}.companion-action-btn{border-radius:12px!important;padding:10px 22px!important;font-size:.96rem!important;font-weight:800!important}@media (width<=600px){.companion-popover-card{width:calc(100vw - 32px);bottom:80px}}@media print{.floating-companion-wrapper,.floating-companion-btn,.companion-popover-card{visibility:hidden!important;display:none!important}}.viewport-mentor-column{box-sizing:border-box;width:clamp(320px,23vw,380px);min-width:300px;max-width:380px;height:100%;box-shadow:none;z-index:35;background:0 0;border-right:none;flex-direction:column;flex:0 0 clamp(320px,23vw,380px);justify-content:center;align-items:center;padding:12px 8px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}@media (width<=1366px){.viewport-mentor-column{flex:0 0 300px;width:300px;min-width:270px;max-width:300px}}.viewport-mentor-column.collapsed,.game-viewport.dialogue-collapsed .viewport-mentor-column{width:0;min-width:0;max-width:0;box-shadow:none;z-index:45;background:0 0;border-right:none;flex:0 0 0;margin:0;padding:0;overflow:visible}.left-mentor-sidebar{z-index:40;box-sizing:border-box;max-height:calc(100% - 28px);transition:all .35s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.viewport-mentor-column .left-mentor-sidebar.expanded{box-sizing:border-box;background:linear-gradient(#0d5a42 0%,#084331 50%,#042d21 100%)!important;border:2.5px solid #10b981!important;border-radius:20px!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100% - 16px)!important;margin:auto 0!important;padding:14px 12px!important;animation:.35s cubic-bezier(.22,1,.36,1) both expandedMentorSlideIn!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden!important;transform:none!important;box-shadow:0 10px 32px #042d2152,0 2px 8px #0000001f!important}@keyframes expandedMentorSlideIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.left-mentor-sidebar.collapsed,.viewport-mentor-column .left-mentor-sidebar.collapsed{-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer!important;z-index:100!important;pointer-events:auto!important;background:linear-gradient(#0d5a42 0%,#084331 50%,#042d21 100%)!important;border:2.5px solid #10b981!important;border-left:none!important;border-radius:0 20px 20px 0!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;width:58px!important;height:154px!important;padding:10px 6px 10px 4px!important;transition:width .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s,background .2s!important;animation:.35s cubic-bezier(.22,1,.36,1) both tabSpringSlideInLeft!important;display:flex!important;position:fixed!important;top:50%!important;left:0!important;transform:translateY(-50%)!important;box-shadow:5px 0 #047857,8px 12px 28px #0000008c,inset 0 1px #ffffff59,inset 2px 0 4px #0006!important}@keyframes tabSpringSlideInLeft{0%{opacity:0;transform:translateY(-50%)translate(-100%)}to{opacity:1;transform:translateY(-50%)translate(0)}}.left-mentor-sidebar.collapsed:hover,.viewport-mentor-column .left-mentor-sidebar.collapsed:hover{background:linear-gradient(#126e51 0%,#0b543e 50%,#06392a 100%)!important;border-color:#34d399!important;width:66px!important;transform:translateY(-50%)!important;box-shadow:7px 0 #059669,12px 18px 36px #000000a6,0 0 18px #10b98166,inset 0 1px #ffffff73!important}.left-mentor-sidebar.collapsed:active,.viewport-mentor-column .left-mentor-sidebar.collapsed:active{width:62px!important;transform:translateY(-50%)!important;box-shadow:3px 0 #047857,5px 8px 16px #0000008c!important}.mentor-tab-avatar-wrapper{background:radial-gradient(circle at 40% 30%,#16654c 0%,#073b2b 100%)!important;border:2px solid #10b981!important;border-bottom:3.5px solid #059669!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;transition:transform .2s,border-color .2s!important;display:flex!important;position:relative!important;box-shadow:0 3px 8px #00000073,inset 0 1px #ffffff40!important}.left-mentor-sidebar.collapsed:hover .mentor-tab-avatar-wrapper{border-color:#34d399!important;transform:scale(1.06)!important}.mentor-tab-avatar-img{object-fit:cover!important;filter:drop-shadow(0 2px 4px #0006)!important;border-radius:50%!important;width:30px!important;height:30px!important}.mentor-tab-badge-pill{color:#fff!important;font-family:var(--font-heading,system-ui)!important;background:linear-gradient(#f59e0b 0%,#d97706 100%)!important;border:1.5px solid #fff!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:.65rem!important;font-weight:900!important;display:flex!important;position:absolute!important;top:-5px!important;right:-5px!important;box-shadow:0 2px 5px #0006!important}.mentor-tab-badge-pill.unread{animation:2s ease-in-out infinite unreadPulse!important}.mentor-mood-indicator{border:1.5px solid #063d2e!important;border-radius:50%!important;width:11px!important;height:11px!important;position:absolute!important;bottom:-2px!important;left:-2px!important;box-shadow:0 1px 3px #0006!important}.mentor-mood-indicator.happy{background:#10b981!important}.mentor-mood-indicator.neutral{background:#38bdf8!important}.mentor-mood-indicator.thinking{background:#f59e0b!important}.mentor-mood-indicator.sad{background:#ef4444!important}.mentor-tab-label-stack{box-sizing:border-box!important;background:linear-gradient(#11533e 0%,#093729 100%)!important;border:1.5px solid #10b981!important;border-radius:8px!important;flex-direction:column!important;align-items:center!important;gap:1px!important;width:44px!important;padding:3px 4px!important;display:flex!important;box-shadow:0 2px 4px #00000059!important}.mentor-tab-name{font-family:var(--font-heading,system-ui)!important;color:#fdfaf5!important;letter-spacing:.5px!important;font-size:.58rem!important;font-weight:900!important;line-height:1!important}.mentor-tab-sub{font-family:var(--font-heading,system-ui)!important;color:#a7f3d0!important;letter-spacing:.4px!important;font-size:.5rem!important;font-weight:800!important;line-height:1!important}.mentor-tab-chevron-box{background:#10b9812e!important;border:1.5px solid #34d39966!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:22px!important;transition:all .2s!important;display:flex!important;box-shadow:inset 0 1px 2px #0000004d!important}.left-mentor-sidebar.collapsed:hover .mentor-tab-chevron-box{background:#059669!important;border-color:#a7f3d0!important;box-shadow:0 0 10px #10b98180!important}.mentor-tab-chevron{color:#a7f3d0!important;font-size:.74rem!important;font-weight:900!important;line-height:1!important;animation:1.5s ease-in-out infinite chevron-pulse-right!important;display:inline-block!important}.left-mentor-sidebar.collapsed:hover .mentor-tab-chevron{color:#fff!important}@keyframes chevron-pulse-right{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.mentor-sidebar-header{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.mentor-identity-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mentor-avatar-box{background:radial-gradient(circle at 40% 30%,#ecfdf5 0%,#d1fae5 100%);border:2.5px solid #10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 2px 6px #10b98133,inset 0 1px #fffc}.mentor-header-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.mentor-avatar-mood-dot{border:1.5px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.mentor-avatar-mood-dot.happy{background:#10b981}.mentor-avatar-mood-dot.neutral{background:#38bdf8}.mentor-avatar-mood-dot.thinking{background:#f59e0b}.mentor-avatar-mood-dot.sad{background:#ef4444}.mentor-titles-group{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mentor-title-line{align-items:center;gap:6px;display:flex}.mentor-name-text{font-family:var(--font-heading,system-ui);color:#f0fdf4;letter-spacing:.2px;white-space:nowrap;font-size:.98rem;font-weight:800}.mentor-badge-pill{color:#fff;font-family:var(--font-heading,system-ui);border-radius:var(--radius-pill);letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(#10b981 0%,#059669 100%);border:1px solid #34d399;padding:1px 6px;font-size:.62rem;font-weight:800;box-shadow:0 1px 3px #10b9814d}.mentor-role-text{color:#bbf7d0;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;overflow:hidden}.mentor-collapse-btn{color:#f0fdf4;cursor:pointer;background:linear-gradient(#126e51 0%,#0b543e 50%,#06392a 100%);border:2px solid #34d399;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.74rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2px #047857}.mentor-collapse-btn:hover{color:#fff;background:linear-gradient(#1a8a65 0%,#0e674b 50%,#084532 100%);border-color:#6ee7b7;transform:scale(1.08);box-shadow:0 2px #059669,0 0 12px #34d3994d}.mentor-collapse-btn:active{box-shadow:none;transform:scale(.95)}.mentor-stage-badge-strip{border-radius:var(--radius-pill);background:#fff;border:1.5px solid #d1fae5;align-items:center;gap:6px;padding:4px 10px;display:flex;box-shadow:0 1px 3px #0000000a}.badge-pin-icon{flex-shrink:0;font-size:.82rem}.badge-stage-text{font-family:var(--font-heading,system-ui);color:#065f46;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;font-size:.74rem;font-weight:700;overflow:hidden}.mentor-tab-bar{background:#e9e3d7;border:1px solid #ddd5c7;border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.mentor-nav-tab{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:5px 2px;transition:all .15s;display:flex}.mentor-nav-tab .nav-tab-icon{font-size:.95rem;line-height:1}.mentor-nav-tab .nav-tab-label{font-family:var(--font-heading,system-ui);color:#665a4e;letter-spacing:.2px;font-size:.6rem;font-weight:700}.mentor-nav-tab:hover{background:#ffffffa6}.mentor-nav-tab:hover .nav-tab-label{color:#1f2937}.mentor-nav-tab.active{background:linear-gradient(#10b981 0%,#059669 100%);border:1px solid #34d399;box-shadow:0 2px 6px #10b98159,inset 0 1px #fff6}.mentor-nav-tab.active .nav-tab-label{color:#fff;font-weight:900}.mentor-header-divider{background:linear-gradient(90deg,#10b981 0%,#f59e0b 60%,#e5dcce 100%);border-radius:2px;flex-shrink:0;width:100%;height:3px;margin:2px 0 4px}.mentor-content-viewport{scrollbar-width:thin;scrollbar-color:#34d399 #064e3b;background:#022d216b;border:1px solid #34d3999e;border-radius:14px;flex-direction:column;flex:0 auto;min-height:0;max-height:100%;padding:6px 4px;display:flex;overflow:hidden auto;box-shadow:inset 0 1px 4px #00000038}.mentor-content-viewport::-webkit-scrollbar{width:5px}.mentor-content-viewport::-webkit-scrollbar-track{background:#064e3b;border-radius:999px}.mentor-content-viewport::-webkit-scrollbar-thumb{background:#34d399;border-radius:999px}.mentor-content-viewport::-webkit-scrollbar-thumb:hover{background:#6ee7b7}.mentor-tab-panel{flex-direction:column;gap:10px;padding:4px;animation:.25s ease-out tabFadeIn;display:flex}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mentor-speech-card{cursor:pointer;background:linear-gradient(145deg,#f2fcf4 0%,#dff3e4 100%);border:2px solid #86efac;border-radius:14px;flex-direction:column;gap:10px;padding:13px 15px;transition:all .15s;display:flex;box-shadow:0 2px #d8cebf,0 4px 14px #0000000d}.mentor-speech-card:hover{border-color:#10b981;box-shadow:0 2px #059669,0 6px 18px #10b98126}.speech-quote-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.quote-icon{font-size:1rem}.speech-status-tag{font-family:var(--font-heading,system-ui);color:#059669;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.3px;background:#ecfdf5;border:1px solid #a7f3d0;padding:1px 7px;font-size:.65rem;font-weight:800}.speech-replay-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:2px;font-size:.85rem;transition:all .15s}.speech-replay-btn:hover{opacity:1;transform:scale(1.15)}.mentor-speech-body{flex-direction:column;gap:8px;display:flex}.mentor-speech-paragraph{color:#24201d;word-break:break-word;margin:0;font-size:.85rem;font-weight:550;line-height:1.55}.speech-focus-strip{color:#365044;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;margin-top:2px;padding:6px 9px;font-size:.72rem;line-height:1.35;display:flex}.speech-focus-icon{flex-shrink:0;font-size:.85rem}.speech-focus-text{font-family:var(--font-body,system-ui)}.speech-focus-text strong{color:#0f766e}.mentor-typing-cursor{color:#10b981;margin-left:2px;font-weight:900;animation:.75s infinite cursorBlink;display:inline-block}.mentor-callouts-box{flex-direction:column;gap:8px;display:flex}.mentor-callout-item{border-radius:12px;align-items:flex-start;gap:8px;padding:9px 11px;display:flex;box-shadow:0 1px 3px #0000000a}.mentor-callout-item.note-item{background:#fffbeb;border:1.5px solid #fde68a}.mentor-callout-item.hint-item{background:#ecfdf5;border:1.5px solid #a7f3d0}.callout-icon{flex-shrink:0;margin-top:1px;font-size:1.05rem}.callout-content{flex-direction:column;gap:2px;min-width:0;display:flex}.callout-title{font-family:var(--font-heading,system-ui);color:#92400e;letter-spacing:.2px;font-size:.72rem;font-weight:800}.mentor-callout-item.hint-item .callout-title{color:#065f46}.callout-desc{color:#78350f;margin:0;font-size:.74rem;font-weight:500;line-height:1.35}.mentor-callout-item.hint-item .callout-desc{color:#047857}.mentor-stage-action-row{margin-top:4px}.mentor-stage-btn{text-align:center;border-radius:12px;justify-content:center;width:100%;padding:10px 14px;font-size:.85rem;font-weight:800;box-shadow:0 4px #064e3b,0 6px 16px #10b98159}.panel-intro-bar{color:#4b5563;background:#fff;border:1px solid #e2d9cb;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;line-height:1.35;display:flex;box-shadow:0 1px 2px #00000008}.panel-intro-bar.safety-alert-bar{color:#991b1b;background:#fef2f2;border-color:#fecaca}.science-cards-stack,.tips-cards-stack,.safety-cards-stack{flex-direction:column;gap:8px;display:flex}.mentor-info-card{background:#fff;border:1.5px solid #e5ded3;border-radius:12px;flex-direction:column;gap:5px;padding:10px 12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px #ded6ca,0 3px 8px #0000000a}.mentor-info-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px #ded6ca,0 5px 12px #00000014}.info-card-header{align-items:center;gap:6px;display:flex}.info-card-icon{flex-shrink:0;font-size:1.1rem}.info-card-title{font-family:var(--font-heading,system-ui);color:#1f2937;margin:0;font-size:.8rem;font-weight:800;line-height:1.25}.info-card-summary,.info-card-text{color:#4b5563;margin:0;font-size:.74rem;font-weight:500;line-height:1.38}.info-card-deepdive{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;gap:2px;margin-top:3px;padding:6px 8px;display:flex}.deepdive-label{font-family:var(--font-heading,system-ui);color:#166534;text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;font-weight:800}.deepdive-text{color:#15803d;margin:0;font-size:.72rem;font-weight:500;line-height:1.35}.mentor-info-card.science-card{border-left:4px solid #10b981}.mentor-info-card.safety-card{border-left:4px solid #ef4444}.mentor-info-card.tip-card{border-left:4px solid #f59e0b}.recipe-items-grid{flex-direction:column;gap:6px;display:flex}.mentor-recipe-pill{background:#fff;border:1.5px solid #e5ded3;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000000a}.recipe-pill-emoji{flex-shrink:0;font-size:1.2rem}.recipe-pill-info{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.recipe-pill-name{font-family:var(--font-heading,system-ui);color:#1f2937;font-size:.78rem;font-weight:700}.recipe-pill-measure{font-family:var(--font-heading,system-ui);color:#047857;border-radius:var(--radius-pill);white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;padding:1px 8px;font-size:.7rem;font-weight:800}.viewport-right-column .right-inventory-rack{box-sizing:border-box;border:3.5px solid #5a3a22!important;border-radius:22px!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100% - 16px)!important;animation:none!important;position:relative!important;top:auto!important;right:auto!important;transform:none!important;box-shadow:0 12px 36px #00000073,0 4px 12px #0000004d!important}.viewport-right-column .right-inventory-rack.expanded{background:linear-gradient(#382214 0%,#29170c 45%,#1e0f06 100%)!important;flex-direction:column!important;gap:8px!important;margin:auto 0!important;padding:14px 12px!important;animation:.35s cubic-bezier(.22,1,.36,1) both expandedRackSlideIn!important;display:flex!important;position:relative!important;overflow:hidden!important}@keyframes expandedRackSlideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes rackHeaderSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rackCardsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.right-inventory-rack{z-index:40;box-sizing:border-box;max-height:calc(100% - 28px);transition:all .35s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:0;transform:translateY(-50%)}.right-inventory-rack.expanded{border-radius:var(--radius-lg,22px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#3d2617 0%,#2e1c10 45%,#22140a 100%);border:3.5px solid #5a3a22;flex-direction:column;gap:8px;width:380px;max-width:390px;height:auto;max-height:calc(100% - 28px);padding:14px 16px;animation:.35s cubic-bezier(.16,1,.3,1) slideInRightCenter;display:flex;right:14px;box-shadow:0 6px #180d06,0 14px 32px #00000073,0 24px 50px #00000059,inset 0 1px #ffffff26,inset 0 -2px 6px #00000059}@keyframes slideInRightCenter{0%{opacity:0;transform:translate(30px,-50%)}to{opacity:1;transform:translateY(-50%)}}.rack-header{justify-content:space-between;align-items:center;display:flex}.rack-title-group{align-items:center;gap:10px;min-width:0;display:flex}.rack-icon-box{background:linear-gradient(135deg,#4d311d 0%,#2c1a0e 100%);border:2px solid #734a2c;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 3px 6px #00000059}.rack-icon-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:28px;height:28px;transition:transform .2s}.rack-icon-box:hover .rack-icon-img{transform:scale(1.1)rotate(-3deg)}.rack-titles{flex-direction:column;gap:1px;min-width:0;display:flex}.rack-title-text{font-family:var(--font-heading);color:#fdfaf5;text-shadow:0 1px 2px #000000b3;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.rack-count-pill{color:#fef08a;border-radius:var(--radius-pill);font-family:var(--font-heading);background:#54361e;border:1.5px solid #996237;align-self:flex-start;padding:1px 8px;font-size:.68rem;font-weight:700;display:inline-block;box-shadow:inset 0 1px 2px #00000040}.rack-collapse-btn{color:#fef3c7;cursor:pointer;background:#382214;border:2px solid #633f27;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2.5px #150c06}.rack-collapse-btn:hover{color:#fff;background:#4a2d1a;border-color:#8c5936;transform:scale(1.1);box-shadow:0 3.5px #150c06}.rack-collapse-btn:active{box-shadow:none;transform:scale(.95)}.rack-header-divider{background:linear-gradient(90deg,#10b981,#f59e0b 60%,#b45309 100%);border-radius:2px;width:100%;height:3px;margin:2px 0 6px}.rack-hint-bar{color:#e5d5c0;text-align:center;border-radius:var(--radius-pill);background:#1a0f08a6;border:1.5px solid #5a3a22;padding:4px 10px;font-size:.74rem;font-weight:600;line-height:1.35}.inventory-vertical-stack{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#784c2f #140b0680;background:#140b0659;border-radius:14px;flex-direction:column;flex:0 auto;gap:12px;min-height:0;max-height:100%;padding:12px 8px 14px;display:flex;overflow:hidden auto;box-shadow:inset 0 2px 6px #0000004d}.inventory-vertical-stack::-webkit-scrollbar{width:5px}.inventory-vertical-stack::-webkit-scrollbar-track{background:#140b0680;border-radius:999px}.inventory-vertical-stack::-webkit-scrollbar-thumb{background:linear-gradient(#784c2f 0%,#543621 100%);border-radius:999px}.inventory-vertical-stack::-webkit-scrollbar-thumb:hover{background:#945e39}.right-inventory-rack .drag-card.horizontal-item-card{box-sizing:border-box;border-radius:var(--radius-md,14px);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#fff 0%,#fdfcf9 60%,#f7f2e9 100%);border:2px solid #e0d2c0;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-width:0;height:auto;min-height:84px;margin:3px 0;padding:10px 12px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 3.5px #180e07,0 4px 10px #00000040}.right-inventory-rack .drag-card.horizontal-item-card:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 5px #15803d,0 8px 18px #15803d4d}.card-icon-col{background:radial-gradient(circle,#fff 40%,#f7ece0 100%);border:1.5px solid #dfcfb9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;display:flex;box-shadow:inset 0 1px 2px #5a3c1e14}.card-icon-col .card-icon-img{object-fit:contain;filter:drop-shadow(0 2px 4px #462d142e);width:40px;height:40px;transition:transform .2s}.right-inventory-rack .drag-card.horizontal-item-card:hover .card-icon-img{transform:scale(1.08)}.card-info-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.right-inventory-rack .drag-card .card-title,.horizontal-item-card .card-title,.card-info-col .card-title{font-family:var(--font-heading);color:#2b180a;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;letter-spacing:-.1px;-webkit-box-orient:vertical;flex:auto;min-width:0;margin:0;padding:0;font-size:clamp(.8rem,1.1vw,.9rem);font-weight:700;line-height:1.2;text-align:left!important;display:-webkit-box!important;overflow:hidden!important}.card-info-col .card-measure{font-family:var(--font-heading);color:var(--color-palm-700,#15803d);background:var(--color-palm-50,#f0fdf4);border:1px solid var(--color-palm-300,#86efac);border-radius:var(--radius-pill);flex-shrink:0;margin:0;padding:1px 6px;font-size:.64rem;font-weight:800;white-space:nowrap!important}.card-desc-text{color:#664d36;text-align:left;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.74rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.right-inventory-rack .drag-card.selected-tap,.right-inventory-rack .drag-card.lifted{border-color:var(--color-gold-500,#f59e0b)!important;box-shadow:0 0 0 2px var(--color-gold-400), 0 4px 0 #b45309, 0 8px 20px #f59e0b66!important;background:#fffdf5!important;transform:translateY(-2px)!important}.right-inventory-rack .drag-card.lifted:after,.right-inventory-rack .drag-card.selected-tap:after{content:"✋ HOLDING";background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-700));color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);letter-spacing:.5px;pointer-events:none;z-index:30;padding:2px 8px;font-size:.6rem;font-weight:800;position:absolute;top:-8px;right:12px;box-shadow:0 2px 6px #0000004d}.right-inventory-rack .drag-card:active,.right-inventory-rack .drag-card.dragging{cursor:grabbing;transform:scale(.98);box-shadow:0 1px 3px #0000004d}.right-inventory-rack .drag-card.used{opacity:.65;cursor:not-allowed;pointer-events:none;background:linear-gradient(#fbf8f2 0%,#ede5d8 100%)!important;border:1.5px dashed #bfad97!important;transform:none!important;box-shadow:0 2px #0003!important}.right-inventory-rack .drag-card.used .card-icon-col{opacity:.65;background:#e8ded0!important;border-color:#d2c3af!important}.right-inventory-rack .drag-card.used .card-icon-img{filter:grayscale(.4)opacity(.65)!important}.right-inventory-rack .drag-card.used .card-title{-webkit-text-decoration:line-through #15803d;text-decoration:line-through #15803d;text-decoration-thickness:1.5px;color:#735b44!important}.right-inventory-rack .drag-card.used .card-measure{opacity:.85;color:#166534!important;background:#e8f5e9!important;border-color:#86efac!important}.right-inventory-rack .drag-card.used .card-desc-text{color:#947e68!important}.right-inventory-rack .drag-card.used:after{content:"✓ ADDED";color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);letter-spacing:.5px;pointer-events:none;z-index:30;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:1px solid #86efac;padding:2px 9px;font-size:.62rem;font-weight:800;position:absolute;top:-8px;right:12px;box-shadow:0 2px 6px #15803d66}.right-inventory-rack.collapsed{-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer!important;z-index:100!important;pointer-events:auto!important;background:linear-gradient(#452816 0%,#2f1b0e 50%,#1e1007 100%)!important;border:2.5px solid #d97706!important;border-right:none!important;border-radius:20px 0 0 20px!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;width:58px!important;height:154px!important;padding:10px 4px 10px 6px!important;transition:width .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s,background .2s!important;animation:.35s cubic-bezier(.22,1,.36,1) both tabSpringSlideIn!important;display:flex!important;position:fixed!important;top:50%!important;right:0!important;transform:translateY(-50%)!important;box-shadow:-5px 0 #78350f,-8px 12px 28px #0000008c,inset 0 1px #ffffff40,inset -2px 0 4px #0006!important}@keyframes tabSpringSlideIn{0%{opacity:0;transform:translateY(-50%)translate(100%)}to{opacity:1;transform:translateY(-50%)translate(0)}}.right-inventory-rack.collapsed:hover{background:linear-gradient(#54311b 0%,#3b2212 50%,#241307 100%)!important;border-color:#f59e0b!important;width:66px!important;transform:translateY(-50%)!important;box-shadow:-7px 0 #92400e,-12px 18px 36px #000000a6,0 0 18px #f59e0b66,inset 0 1px #ffffff59!important}.right-inventory-rack.collapsed:active{width:62px!important;transform:translateY(-50%)!important;box-shadow:-3px 0 #78350f,-5px 8px 16px #0000008c!important}.inventory-tab-icon-wrapper{background:radial-gradient(circle at 40% 30%,#5a361e 0%,#2c170b 100%);border:2px solid #8c532b;border-bottom:3.5px solid #6b3e1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:0 3px 8px #00000073,inset 0 1px #fff3}.right-inventory-rack.collapsed:hover .inventory-tab-icon-wrapper{border-color:#f59e0b;transform:scale(1.06)}.inventory-tab-icon-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);width:28px;height:28px}.inventory-tab-count-pill{color:#fff;font-family:var(--font-heading,system-ui);background:linear-gradient(#10b981 0%,#059669 100%);border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 5px #0006}.inventory-tab-label-stack{box-sizing:border-box;background:linear-gradient(#533019 0%,#381e0e 100%);border:1.5px solid #804823;border-radius:8px;flex-direction:column;align-items:center;gap:1px;width:44px;padding:3px 4px;display:flex;box-shadow:0 2px 4px #00000059}.inventory-tab-name{font-family:var(--font-heading,system-ui);color:#fdfaf5;letter-spacing:.5px;font-size:.58rem;font-weight:900;line-height:1}.inventory-tab-sub{font-family:var(--font-heading,system-ui);color:#fde68a;letter-spacing:.4px;font-size:.5rem;font-weight:800;line-height:1}.inventory-tab-chevron-box{background:#fef3c724;border:1.5px solid #fbbf2466;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:22px;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #0000004d}.right-inventory-rack.collapsed:hover .inventory-tab-chevron-box{background:#d97706;border-color:#fde68a;box-shadow:0 0 10px #f59e0b80}.inventory-tab-chevron{color:#fef3c7;font-size:.74rem;font-weight:900;line-height:1;animation:1.5s ease-in-out infinite chevron-pulse-left;display:inline-block}.right-inventory-rack.collapsed:hover .inventory-tab-chevron{color:#fff}@keyframes chevron-pulse-left{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(-3px)}}.drag-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:164px;min-width:164px;height:114px;padding:6px 8px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.drag-card:hover{border-color:#f59e0b;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0006}.drag-card.guide-pulse{animation:1.8s ease-in-out infinite card-pulse-glow;border-color:#f59e0b!important}@keyframes card-pulse-glow{0%,to{border-color:#f59e0b;box-shadow:0 0 #f59e0b66,0 4px 12px #0000004d}50%{border-color:#d97706;box-shadow:0 0 0 4px #f59e0b99,0 8px 20px #f59e0b66}}.drag-card.selected-tap,.drag-card.lifted{background:#fffdf5!important;border-color:#f59e0b!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 0 0 3px #f59e0b,0 8px 20px #f59e0b66!important}.drag-card.lifted:after,.drag-card.selected-tap:after{content:"✋ HOLDING";color:#fff;font-family:var(--font-heading);letter-spacing:.5px;pointer-events:none;z-index:20;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;padding:2px 8px;font-size:.6rem;font-weight:800;position:absolute;top:-10px;box-shadow:0 2px 6px #0000004d}.drag-card:active,.drag-card.dragging{cursor:grabbing;opacity:.95;z-index:9999;transform:scale(1.08)rotate(-2deg);box-shadow:0 12px 24px #00000080}.card-icon-img{object-fit:contain;filter:drop-shadow(0 3px 5px #0000001f);pointer-events:none;width:44px;height:44px}.drag-card:not(.horizontal-item-card) .card-title{font-family:var(--font-heading);color:#1e293b;text-align:center;pointer-events:none;box-sizing:border-box;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;letter-spacing:-.15px;-webkit-box-orient:vertical;width:100%;max-width:100%;margin-top:3px;padding:0 4px;font-size:.76rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.card-measure{color:#475569;white-space:nowrap;pointer-events:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-top:3px;padding:2px 8px;font-size:.68rem;font-weight:700}.drag-card.card-disabled{opacity:.75;background:#fdfbf7;border-color:#dfcfb9}.drag-card.card-disabled .card-measure{color:#92400e;background:#fef3c7;border-color:#fde68a}.drag-card.used{opacity:.65;cursor:not-allowed;pointer-events:none;background:linear-gradient(#fbf8f2 0%,#ede5d8 100%)!important;border:1.5px dashed #bfad97!important;transform:none!important;box-shadow:0 2px #00000026!important}.drag-card.used .card-title{-webkit-text-decoration:line-through #15803d;text-decoration:line-through #15803d;text-decoration-thickness:1.5px;color:#735b44!important}.drag-card.used .card-measure{opacity:.85;color:#166534!important;background:#e8f5e9!important;border-color:#86efac!important}.drag-card.used .card-icon-img{filter:grayscale(.4)opacity(.65)!important}.drag-card.used:after{content:"✓ ADDED";color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);letter-spacing:.5px;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:1px solid #86efac;padding:2px 8px;font-size:.6rem;font-weight:800;position:absolute;top:-8px;right:12px;box-shadow:0 2px 5px #15803d59}@media (height<=860px){.viewport-right-column .right-inventory-rack.expanded{gap:10px!important;padding:16px 12px 14px!important}.rack-icon-box{border-radius:10px;width:36px;height:36px}.rack-title-text{font-size:.92rem}.rack-hint-bar{padding:4px 10px;font-size:.74rem;line-height:1.3}.inventory-vertical-stack{gap:11px;padding:10px 7px 12px}.right-inventory-rack .drag-card.horizontal-item-card{gap:11px;min-height:78px;margin:2px 0;padding:9px 11px}.card-icon-col{border-radius:11px;width:46px;min-width:46px;height:46px}.card-icon-col .card-icon-img{width:36px;height:36px}.card-icon-col span{font-size:1.4rem!important}.card-info-col .card-title{font-size:.88rem;line-height:1.25}.card-info-col .card-measure{padding:2px 7px;font-size:.66rem}.card-desc-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.3;overflow:hidden;display:-webkit-box!important}}@media (height<=720px){.viewport-right-column .right-inventory-rack.expanded{gap:8px!important;padding:12px 10px 10px!important}.rack-header-divider{margin:2px 0 4px}.rack-hint-bar{margin-bottom:2px;padding:3px 8px;font-size:.7rem}.inventory-vertical-stack{gap:9px;padding:8px 5px}.right-inventory-rack .drag-card.horizontal-item-card{gap:10px;min-height:72px;margin:1px 0;padding:8px 10px}.card-icon-col{border-radius:10px;width:42px;min-width:42px;height:42px}.card-icon-col span{font-size:1.3rem!important}.card-icon-col .card-icon-img{width:32px;height:32px}.card-info-col .card-title{font-size:.84rem;line-height:1.2}.card-desc-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.25;overflow:hidden;display:-webkit-box!important}}.modal-overlay{-webkit-backdrop-filter:blur(10px)saturate(130%);z-index:10050;width:100vw;height:100vh;padding:var(--space-md);background:#6944267a;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.modal-overlay.hidden{display:none!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:var(--radius-lg,24px);background:linear-gradient(#fbf7ee 0%,#f7f0e2 40%,#ecdec9 100%);border:3.5px solid #d5c3ab;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) modal-scale;display:flex;overflow:hidden;box-shadow:0 8px #bfa88c,0 24px 64px #00000073,inset 0 1px #fffffff2}@keyframes modal-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{background:linear-gradient(#fff 0%,#faf6ec 100%);border-bottom:2px solid #dfcfb9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{font-family:var(--font-heading);color:#15803d;margin:0;font-size:1.2rem;font-weight:800}.close-btn{color:#785a3c;cursor:pointer;background:#fff;border:2px solid #d5c3ab;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;line-height:1;transition:all .15s;display:flex;box-shadow:0 2px #c2ad94}.close-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5;transform:scale(1.1);box-shadow:0 3px #f87171}.modal-body{color:#3d2612;background:linear-gradient(#fdfcf9 0%,#f7f1e5 100%);padding:20px 24px;font-size:.95rem;line-height:1.6;overflow-y:auto}.modal-footer{background:linear-gradient(#faf6ec 0%,#f4e9da 100%);border-top:2px solid #dfcfb9;justify-content:flex-end;padding:14px 20px;display:flex}.confirm-modal-overlay{-webkit-backdrop-filter:blur(10px)saturate(130%);z-index:10100;background:#6944267a}.confirm-modal-card{border-radius:var(--radius-lg,24px);text-align:center;background:linear-gradient(#fbf7ee 0%,#f7f0e2 40%,#ecdec9 100%);border:3.5px solid #d5c3ab;width:92%;max-width:440px;animation:.32s cubic-bezier(.175,.885,.32,1.275) confirm-pop;position:relative;overflow:hidden;box-shadow:0 8px #bfa88c,0 24px 60px #00000073,inset 0 1px #fffffff2}@keyframes confirm-pop{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-close-btn{color:#785a3c;cursor:pointer;z-index:5;background:#fff;border:2px solid #d5c3ab;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;line-height:1;transition:all .15s;display:flex;position:absolute;top:14px;right:16px;box-shadow:0 2px #c2ad94}.confirm-close-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5;transform:scale(1.1);box-shadow:0 3px #f87171}.confirm-modal-header{justify-content:center;align-items:center;padding:30px 24px 10px;display:flex}.confirm-icon-badge{background:linear-gradient(135deg,#fff9e6 0%,#ffecb3 50%,#ffd54f 100%);border:3px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;animation:.4s cubic-bezier(.175,.885,.32,1.275) badge-wobble;display:flex;box-shadow:0 6px #d97706,0 8px 20px #f5a6234d,inset 0 2px 4px #ffffffe6}@keyframes badge-wobble{0%{opacity:0;transform:scale(.6)rotate(-10deg)}70%{transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.confirm-icon{filter:drop-shadow(0 2px 4px #00000026);justify-content:center;align-items:center;font-size:2.2rem;display:flex}.modal-restart-icon{color:#b45309;filter:drop-shadow(0 2px 4px #b453094d)}.confirm-modal-body{padding:10px 28px 22px}.confirm-title{font-family:var(--font-heading);color:#15803d;letter-spacing:-.2px;margin-bottom:8px;font-size:1.35rem;font-weight:800}.confirm-message{font-family:var(--font-body);color:#664d36;margin:0;font-size:.95rem;font-weight:600;line-height:1.5}.confirm-modal-footer{background:linear-gradient(#faf6ec 0%,#f4e9da 100%);border-top:2px solid #dfcfb9;justify-content:center;align-items:center;gap:12px;padding:16px 20px;display:flex}.confirm-btn-cancel{flex:1;max-width:160px;padding:10px 16px;font-size:.92rem}.confirm-btn-ok{flex:1;max-width:180px;padding:10px 18px;font-size:.95rem}.recipe-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.recipe-grid-single{grid-template-columns:1fr}.recipe-col h3{font-family:var(--font-heading);color:#15803d;margin-bottom:10px;font-size:1.05rem;font-weight:800}.recipe-col ul{color:#3d2612;padding-left:0;list-style:none}.recipe-col li{background:#fff;border:2px solid #dfcfb9;border-left:4.5px solid #d97706;border-radius:10px;margin-bottom:8px;padding:8px 12px;font-size:.86rem;line-height:1.4;box-shadow:0 2px #cfbc9f,0 2px 6px #5a3c1e0a}.recipe-col li strong{color:#78350f;font-family:var(--font-heading);font-size:.9rem}.objective-card{border-radius:var(--radius-md,14px);border:2px solid #dfcfb9;border-left:5px solid;margin-bottom:14px;padding:12px 16px;box-shadow:0 2px #cfbc9f,0 2px 6px #5a3c1e0a}.objective-card.cognitive{background:#fff;border-left-color:#3b82f6}.objective-card.psychomotor{background:#fff;border-left-color:#10b981}.objective-card.affective{background:#fff;border-left-color:#f59e0b}.objective-card h4{font-family:var(--font-heading);color:#2b180a;margin-bottom:4px;font-size:.96rem;font-weight:800}.objective-card p{color:#3d2612;margin:0;font-size:.88rem;line-height:1.4}.modal-card.science-concepts-modal-card{max-width:780px}.science-modal-intro{color:#5c3e21;margin:0 0 16px;font-size:.95rem;line-height:1.5}.science-concepts-grid{flex-direction:column;gap:14px;display:flex}.science-concept-card{background:#fff;border:2px solid #dfcfb9;border-left:5px solid #059669;border-radius:14px;flex-direction:column;gap:6px;padding:14px 18px;display:flex;box-shadow:0 3px #cfbc9f,0 3px 8px #5a3c1e0d}.science-card-header{align-items:center;gap:14px;display:flex}.science-card-icon{background:#ecfdf5;border:2px solid #a7f3d0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex}.science-card-title-group{flex-direction:column;gap:2px;display:flex}.science-card-tag{color:#047857;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:800;font-family:var(--font-heading)}.science-card-title{font-family:var(--font-heading);color:#1e3a2b;margin:0;font-size:1.05rem;font-weight:800}.science-card-deepdive{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.85rem;line-height:1.45}.science-card-deepdive strong{color:#0f766e}.about-us-modal-card{max-width:760px}.about-modal-body{flex-direction:column;gap:16px;max-height:calc(85vh - 140px);padding:16px 20px 20px;display:flex;overflow-y:auto}.about-hero-banner{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 50%,#bbf7d0 100%);border:2px solid #86efac;border-radius:16px;padding:16px 18px;box-shadow:0 4px 12px #10b9811f}.about-hero-badge{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill,999px);background:#065f46;margin-bottom:8px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.about-hero-title{font-family:var(--font-heading);color:#064e3b;margin:0 0 8px;font-size:1.25rem;font-weight:800;line-height:1.25}.about-hero-text{color:#14532d;margin:0 0 6px;font-size:.92rem;font-weight:500;line-height:1.55}.about-hero-text:last-child{margin-bottom:0}.about-section-header{border-bottom:2px solid #e2d3c2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.about-subheading{font-family:var(--font-heading);color:#451a03;margin:0;font-size:1.05rem;font-weight:800}.about-subheading-tag{color:#92400e;border-radius:var(--radius-pill,999px);background:#fef3c7;border:1px solid #fde68a;padding:2px 8px;font-size:.76rem;font-weight:700}.about-owners-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;display:grid}.about-owner-card{background:#fff;border:2px solid #dfcfb9;border-bottom:3.5px solid #c2ad94;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 2px 6px #0000000f}.about-owner-card:hover{border-color:#10b981;transform:translateY(-2px)}.owner-card-header{align-items:center;gap:10px;display:flex}.owner-avatar-badge{color:#fff;width:40px;height:40px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:flex;box-shadow:0 2px 6px #00000026}.owner-name-stack{flex-direction:column;min-width:0;display:flex}.owner-name{font-family:var(--font-heading);color:#1f2937;margin:0;font-size:.96rem;font-weight:800;line-height:1.25}.owner-role{color:#059669;font-size:.74rem;font-weight:700}.owner-contact-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:6px 10px;display:flex}.contact-item{align-items:center;gap:6px;min-width:0;font-size:.82rem;display:flex}.contact-icon{flex-shrink:0;font-size:.85rem}.contact-link{color:#0f766e;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;transition:color .15s;overflow:hidden}.contact-link:hover{color:#047857;text-decoration:underline}.about-purpose-box{background:#fefce8;border:1.5px solid #fef08a;border-left:4.5px solid #eab308;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.purpose-icon{flex-shrink:0;font-size:1.3rem;line-height:1.2}.purpose-text strong{color:#854d0e;font-size:.9rem}.purpose-text p{color:#713f12;margin:4px 0 0;font-size:.86rem;line-height:1.5}.about-developer-credit{text-align:center;color:#78716c;padding:8px 0 2px;font-size:.82rem;font-weight:600}.dev-credit-link{color:#059669;border-radius:6px;padding:2px 6px;font-weight:800;text-decoration:none;transition:all .15s}.dev-credit-link:hover{color:#047857;background:#ecfdf5;text-decoration:underline}.help-modal-card{max-width:720px}.help-modal-body{flex-direction:column;gap:14px;max-height:calc(85vh - 140px);padding:16px 20px 20px;display:flex;overflow-y:auto}.help-intro-text{color:#292524;margin:0;font-size:.95rem;font-weight:500;line-height:1.55}.help-sections-grid{grid-template-columns:1fr;gap:10px;display:grid}.help-card-item{background:#fff;border:2px solid #dfcfb9;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;box-shadow:0 2px 4px #0000000a}.help-card-icon{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.5rem;display:flex}.help-card-content{flex:1}.help-card-title{font-family:var(--font-heading);color:#14532d;margin:0 0 4px;font-size:.96rem;font-weight:800}.help-card-desc{color:#44403c;margin:0;font-size:.86rem;font-weight:500;line-height:1.48}.help-tip-box{background:#fffdf5;border:1.5px solid #fde68a;border-left:4.5px solid #f59e0b;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.help-tip-box .tip-icon{font-size:1.2rem;line-height:1.2}.help-tip-box .tip-content strong{color:#92400e;font-size:.88rem}.help-tip-box .tip-content p{color:#78350f;margin:3px 0 0;font-size:.84rem;line-height:1.45}.system-overview-modal-card{width:94%;max-width:780px}.modal-title-with-badge{flex-direction:column;gap:2px;display:flex}.modal-top-pill{font-family:var(--font-heading);color:#15803d;border-radius:var(--radius-pill);letter-spacing:.4px;text-transform:uppercase;background:#dcfce7;border:1px solid #86efac;align-self:flex-start;padding:1px 9px;font-size:.68rem;font-weight:800}.system-modal-nav{background:linear-gradient(#faf6ec 0%,#f4ece0 100%);border-bottom:2px solid #dfcfb9;gap:6px;padding:10px 20px 0;display:flex;overflow-x:auto}.system-nav-btn{font-family:var(--font-heading);color:#634832;cursor:pointer;white-space:nowrap;background:#fff9;border:2px solid #dfcfb9;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .18s;display:flex}.system-nav-btn:hover{color:#15803d;background:#fff}.system-nav-btn.active{color:#15803d;background:#fff;border-color:#15803d #15803d #fff;border-bottom-style:solid;border-bottom-width:2.5px;margin-bottom:-2px;font-weight:800;box-shadow:0 -2px 6px #0000000a}.system-overview-modal-body{max-height:calc(85vh - 180px);padding:18px 22px 22px;overflow-y:auto}.system-tab-content{flex-direction:column;gap:16px;animation:.22s ease-out fadeInTab;display:flex}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.system-hero-card{color:#fff;background:linear-gradient(135deg,#14532d 0%,#166534 50%,#15803d 100%);border:2px solid #86efac;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;display:flex;box-shadow:0 4px 14px #14532d40}.system-hero-tag{font-family:var(--font-heading);color:#fef08a;letter-spacing:.5px;text-transform:uppercase;font-size:.68rem;font-weight:800}.system-hero-title{font-family:var(--font-heading);color:#fff;text-shadow:0 1px 3px #0000004d;margin:0;font-size:1.25rem;font-weight:800}.system-hero-desc{color:#f0fdf4;margin:0;font-size:.88rem;line-height:1.55}.system-highlight-pills{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.highlight-pill{color:#fef9c3;border-radius:var(--radius-pill);font-size:.74rem;font-weight:700;font-family:var(--font-heading);background:#ffffff2e;border:1px solid #ffffff59;padding:3px 10px}.system-pillars-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.system-pillars-grid{grid-template-columns:1fr}}.system-pillar-card{background:#fff;border:2px solid #e2d7c5;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;box-shadow:0 2px 6px #0000000a}.system-pillars-grid .system-pillar-card:only-child{grid-column:1/-1}.pillar-icon{margin-bottom:2px;font-size:1.5rem;line-height:1}.system-pillar-card h4{font-family:var(--font-heading);color:#1e3a24;margin:0;font-size:.95rem;font-weight:800}.system-pillar-card p{color:#574431;margin:0;font-size:.82rem;line-height:1.48}.system-affiliation-box{background:#fdfaf3;border:1.5px solid #d5c2a3;border-left:4.5px solid #059669;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.affil-icon{font-size:1.4rem;line-height:1}.affil-text strong{color:#064e3b;margin-bottom:2px;font-size:.86rem;display:block}.affil-text p{color:#4b3827;margin:0;font-size:.82rem;line-height:1.45}.materials-intro-banner,.competencies-intro-banner{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:12px 16px}.materials-intro-banner h4,.competencies-intro-banner h4{font-family:var(--font-heading);color:#14532d;margin:0 0 4px;font-size:.96rem;font-weight:800}.materials-intro-banner p,.competencies-intro-banner p{color:#166534;margin:0;font-size:.84rem;line-height:1.45}.modules-list-grid{grid-template-columns:1fr;gap:12px;display:grid}.module-item-card{background:#fff;border:2px solid #e0d4c1;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex;box-shadow:0 2px 6px #0000000a}.module-item-header{align-items:center;gap:12px;display:flex}.module-icon-wrap{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.35rem;display:flex}.module-title-wrap{flex-direction:column;gap:1px;display:flex}.module-badge{font-family:var(--font-heading);color:#15803d;border-radius:var(--radius-pill);letter-spacing:.3px;text-transform:uppercase;background:#dcfce7;align-self:flex-start;padding:1px 7px;font-size:.62rem;font-weight:800}.module-title{font-family:var(--font-heading);color:#1e293b;margin:0;font-size:.94rem;font-weight:800}.module-desc{color:#475569;margin:0;font-size:.84rem;line-height:1.48}.module-tags-row{flex-wrap:wrap;gap:5px;display:flex}.module-tag-chip{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:600}.competencies-stack{flex-direction:column;gap:12px;display:flex}.competency-group-card{background:#fff;border:2px solid #e0d4c1;border-radius:14px;padding:14px 16px;box-shadow:0 2px 6px #0000000a}.competency-group-header{border-bottom:1.5px solid #f1e7d8;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.comp-icon{font-size:1.25rem}.competency-group-header h5{font-family:var(--font-heading);color:#14532d;margin:0;font-size:.92rem;font-weight:800}.competency-items-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.competency-items-list li{color:#3d2f22;align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.45;display:flex}.check-bullet{color:#16a34a;font-size:.88rem;font-weight:900;line-height:1.2}.system-modal-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-left-info{color:#785a3c;font-size:.74rem;font-weight:600}@media (width<=600px){.system-modal-footer{flex-direction:column;align-items:stretch}}.loading-screen-backdrop{z-index:99999;width:100vw;height:100vh;padding:var(--space-md);box-sizing:border-box;background:radial-gradient(at 50% 30%,#fdfbf7db 0%,#f5eee2e0 40%,#eadbc7e8 80%,#dfceb7f0 100%),url(/assets/bg_evaluation_hall.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;transition:opacity .22s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.loading-screen-backdrop.fade-out{opacity:0;pointer-events:none}.loading-screen-backdrop.fade-out .loading-title-container{transition:transform .22s ease-in;transform:scale(.96)translateY(10px)}.loading-ambient-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.loading-ambient-particles .particle-card{height:auto;box-shadow:none;pointer-events:none;background:0 0;border:none;border-radius:0;animation:7s ease-in-out infinite alternate floatAmbientCard;position:absolute}.loading-ambient-particles .p1{opacity:.7;filter:blur(3.5px)drop-shadow(0 14px 26px #00000073);width:110px;animation-duration:6.8s;animation-delay:0s;top:6%;left:6%;transform:rotate(-9deg)}.loading-ambient-particles .p2{opacity:.6;filter:blur(4.5px)drop-shadow(0 8px 16px #00000061);width:82px;animation-duration:8.5s;animation-delay:.8s;top:10%;right:8%;transform:rotate(12deg)}.loading-ambient-particles .p3{opacity:.68;filter:blur(3.8px)drop-shadow(0 10px 20px #0000006b);width:96px;animation-duration:7.2s;animation-delay:1.5s;bottom:12%;left:6%;transform:rotate(6deg)}.loading-ambient-particles .p4{opacity:.72;filter:blur(3.2px)drop-shadow(0 18px 34px #00000080);width:120px;animation-duration:6.2s;animation-delay:.3s;bottom:14%;right:6%;transform:rotate(-14deg)}.loading-ambient-particles .p5{opacity:.52;filter:blur(5px)drop-shadow(0 12px 22px #0006);width:88px;animation-duration:9.2s;animation-delay:2.1s;top:40%;left:3%;transform:rotate(16deg)}.loading-ambient-particles .p6{opacity:.55;filter:blur(4.8px)drop-shadow(0 12px 24px #0000006b);width:92px;animation-duration:8s;animation-delay:1.2s;top:38%;right:3%;transform:rotate(-8deg)}.loading-ambient-particles .p7{opacity:.58;filter:blur(4.2px)drop-shadow(0 8px 18px #0000005c);width:80px;animation-duration:7.6s;animation-delay:2.7s;top:4%;left:45%;transform:rotate(-4deg)}.loading-ambient-particles .p8{opacity:.62;filter:blur(4px)drop-shadow(0 10px 20px #0006);width:86px;animation-duration:7s;animation-delay:1.8s;bottom:4%;right:42%;transform:rotate(-6deg)}.loading-ambient-particles .particle-ubod{object-fit:contain;pointer-events:none;opacity:.68;filter:blur(1.4px)drop-shadow(0 12px 22px #4e341c47);height:auto;animation:8s ease-in-out infinite alternate floatAmbientUbod;position:absolute}.loading-ambient-particles .p9{width:120px;animation-delay:.7s;top:23%;left:16%;transform:rotate(-12deg)}.loading-ambient-particles .p10{width:130px;animation-duration:9s;animation-delay:1.8s;top:27%;right:15%;transform:rotate(10deg)}.loading-ambient-particles .p11{width:145px;animation-duration:8.6s;animation-delay:2.4s;bottom:8%;left:43%;transform:rotate(-5deg)}.loading-ambient-particles .p12{width:150px;animation-duration:9.4s;animation-delay:1.1s;bottom:18%;right:17%;transform:rotate(8deg)}@keyframes floatAmbientUbod{0%{transform:translateY(0)rotate(-4deg)scale(.96)}50%{transform:translateY(-14px)rotate(3deg)scale(1.02)}to{transform:translateY(-26px)rotate(-2deg)scale(.98)}}@keyframes floatAmbientCard{0%{transform:translateY(0)scale(.96)}50%{transform:translateY(-20px)scale(1.04)}to{transform:translateY(-36px)scale(.98)}}.loading-title-container{z-index:10;width:100%;max-width:840px;margin:auto;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in;position:relative}.loading-card-minimal{text-align:center;flex-direction:column;align-items:center;padding:24px 20px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.loading-title-group{width:100%;margin-bottom:24px}.loading-game-logo{letter-spacing:-.02em;text-shadow:0 5px #14532d,0 10px 28px #14532d47;margin-bottom:8px!important;font-size:5.6rem!important}.loading-game-logo span{text-shadow:0 5px #b45309,0 10px 28px #b4530947}.loading-game-subtitle{margin-bottom:24px!important;font-size:1.3rem!important}.loading-product-feature{z-index:1;justify-content:center;align-items:center;gap:12px;width:min(82vw,520px);height:150px;margin:-14px auto -8px;display:flex;position:relative}.loading-product-feature img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 22px #4e341c38);pointer-events:none;width:calc(33.333% - 8px);height:100%}.loading-progress-wrapper{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;max-width:620px;margin-bottom:28px;display:flex}.loading-progress-header{font-family:var(--font-heading);color:#3d2612;justify-content:space-between;align-items:center;padding:0 6px;font-size:.95rem;font-weight:800;display:flex}.progress-label{letter-spacing:.02em}.progress-percent{color:#15803d;font-size:1.25rem;font-weight:900}.loading-progress-track{box-sizing:border-box;background:#24140a;border:2.5px solid #5a3a22;border-radius:999px;width:100%;height:24px;padding:2.5px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #000000a6,0 2px #ffffff73}.loading-progress-fill{background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .14s ease-out;position:relative;overflow:hidden;box-shadow:0 0 16px #10b981b3}.progress-light-sweep{background:linear-gradient(90deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);animation:1.8s linear infinite sweepLight;position:absolute;inset:0}@keyframes sweepLight{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-footer{justify-content:center;align-items:center;width:100%;min-height:60px;display:flex}.btn-enter-lab-pulsing{border-radius:var(--radius-pill);color:#fff;min-width:300px;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(#22c55e 0%,#16a34a 60%,#15803d 100%);border:2px solid #86efac;border-bottom:5px solid #14532d;justify-content:center;align-items:center;gap:12px;margin:0 auto;font-size:1.15rem;font-weight:800;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1);animation:1.8s ease-in-out infinite pulseReadyBtn;box-shadow:0 6px #14532d,0 14px 28px #16653459;white-space:nowrap!important;width:auto!important;max-width:440px!important;padding:14px 40px!important;display:inline-flex!important}.btn-enter-lab-pulsing:hover{transform:translateY(-2px);box-shadow:0 8px #14532d,0 18px 32px #16653473}.btn-enter-lab-pulsing:active{border-bottom-width:2px;transform:translateY(4px);box-shadow:0 1px #14532d,0 4px 10px #16653433}@keyframes pulseReadyBtn{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.02)}}.loading-hint-text{border-radius:var(--radius-pill);color:#5d4037;background:#ffffffd9;border:1.5px solid #d5c3ab;align-items:center;gap:10px;padding:8px 24px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #4e341c14}.hint-pulse-dot{background:#10b981;border-radius:50%;width:9px;height:9px;animation:1.4s cubic-bezier(.66,0,0,1) infinite pulseDot;box-shadow:0 0 #10b981b3}@keyframes pulseDot{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 9px #10b98100}to{box-shadow:0 0 #10b98100}}@media (height<=880px){.loading-card-minimal{padding:20px}.loading-title-group{margin-bottom:24px}.loading-game-logo{margin-bottom:10px!important;font-size:clamp(3.6rem,5.2vw,4.6rem)!important}.loading-game-subtitle{margin-bottom:20px!important;font-size:1.15rem!important}.loading-progress-wrapper{gap:10px;max-width:540px;margin-bottom:26px}.loading-progress-track{height:22px}.btn-enter-lab-pulsing{min-width:280px;font-size:1.1rem;padding:13px 36px!important}.loading-hint-text{padding:7px 20px;font-size:.88rem}}@media (height<=740px){.loading-card-minimal{padding:14px 16px}.loading-title-group{margin-bottom:16px}.loading-game-logo{margin-bottom:6px!important;font-size:clamp(3rem,4.6vw,3.8rem)!important}.loading-game-subtitle{margin-bottom:16px!important;font-size:1.05rem!important}.loading-progress-wrapper{gap:8px;max-width:480px;margin-bottom:20px}.loading-progress-track{height:20px}.btn-enter-lab-pulsing{min-width:250px;font-size:1.02rem;padding:11px 28px!important}.loading-hint-text{padding:6px 16px;font-size:.82rem}}.title-scene{width:100%;height:100%;padding:var(--space-md);background:radial-gradient(at 50% 30%,#fdfbf7db 0%,#f5eee2e0 40%,#eadbc7e8 80%,#dfceb7f0 100%),url(/assets/bg_evaluation_hall.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.title-backdrop{display:none}.title-container{z-index:10;width:100%;max-width:820px;margin:auto;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in;position:relative}.title-card{text-align:center;padding:20px 16px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important}.title-badge{color:#15803d;font-family:var(--font-heading);border-radius:var(--radius-pill);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;margin-bottom:12px;padding:4px 18px;font-size:.85rem;font-weight:800;display:inline-block;box-shadow:0 4px 12px #16653433}.game-logo{font-family:var(--font-heading);color:#15803d;letter-spacing:-.02em;text-shadow:0 5px #14532d,0 10px 28px #14532d47;margin-bottom:8px;font-size:5.6rem;font-weight:900;line-height:1}.game-logo span{color:#f59e0b;text-shadow:0 5px #b45309,0 10px 28px #b4530947}.game-subtitle{color:#5d4037;text-shadow:none;font-size:1.25rem;font-family:var(--font-heading);margin-bottom:20px;font-weight:700}.title-divider{background:linear-gradient(90deg,#10b981,#f59e0b 60%,#ea580c 100%);border-radius:2px;width:160px;height:4px;margin:0 auto 24px;box-shadow:0 2px 8px #4e341c26}.title-hero-grid{text-align:left;background:#fff;border:2.5px solid #d5c3ab;border-bottom:5px solid #bba488;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:24px;padding:22px 28px;display:grid;box-shadow:0 6px #b39b7d,0 16px 36px #4e341c1f,inset 0 2px #fffffff2}.hero-avatar-box,.hero-snack-box{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-avatar{object-fit:cover;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border:3px solid #22c55e;border-radius:50%;width:82px;height:82px;box-shadow:0 4px #15803d,0 6px 16px #16653440}.hero-snack{object-fit:contain;box-sizing:border-box;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #f59e0b;border-radius:50%;width:82px;height:82px;padding:6px;box-shadow:0 4px #b45309,0 6px 16px #d9770640}.hero-name,.snack-tag{font-family:var(--font-heading);color:#2b180a;white-space:nowrap;font-size:.78rem;font-weight:800}.hero-speech-bubble{border-radius:var(--radius-md,14px);background:#fbf8f1;border:2px solid #dfcfb9;padding:14px 18px;position:relative;box-shadow:0 3px #cfbc9f,0 2px 8px #5a3c1e0f}.hero-speech-bubble p{color:#3d2612;margin:0;font-size:.94rem;font-weight:600;line-height:1.5}.hero-speech-bubble strong{color:#15803d;font-weight:800}.start-form{margin-bottom:22px}.input-group{text-align:left;margin-bottom:18px}.input-group label{font-family:var(--font-heading);color:#3d2612;text-shadow:none;margin-bottom:8px;font-size:.96rem;font-weight:800;display:block}.input-group input{width:100%;font-family:var(--font-body);border-radius:var(--radius-md,14px);color:#2b180a;box-sizing:border-box;background:#fff;border:2px solid #d5c3ab;outline:none;padding:13px 18px;font-size:1.05rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #4e341c0f,inset 0 1px 2px #0000000d}.input-group input:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3.5px #22c55e4d,0 4px 12px #00000026}.btn-start{width:100%;font-family:var(--font-heading);border-radius:var(--radius-pill);color:#fff;text-shadow:0 1.5px 2px #0006;cursor:pointer;background:linear-gradient(#22c55e 0%,#16a34a 60%,#15803d 100%);border:2px solid #14532d;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1.25rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 6px #14532d,0 12px 24px #16653459,inset 0 1px #ffffff59}.btn-start:hover{background:linear-gradient(#34d399 0%,#16a34a 60%,#15803d 100%);transform:translateY(-2px);box-shadow:0 8px #14532d,0 16px 28px #16653466}.btn-start:active{transform:translateY(4px);box-shadow:0 2px #14532d}.title-quick-links{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.link-btn{font-family:var(--font-heading);border-radius:var(--radius-pill);color:#3d2612;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1.5px solid #fffc;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .18s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 14px #00000026}.link-btn:hover{color:#15803d;background:#fff;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 6px 18px #16653433}.link-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #0000001a}@media (height<=880px){.title-card{padding:16px 20px}.title-badge{margin-bottom:14px;padding:4px 16px;font-size:.84rem}.game-logo{margin-bottom:10px;font-size:clamp(3.6rem,5.2vw,4.6rem)}.game-subtitle{margin-bottom:18px;font-size:1.15rem}.title-divider{height:3.5px;margin:0 auto 20px}.title-hero-grid{border-radius:20px;gap:18px;margin-bottom:22px;padding:18px 24px}.hero-avatar,.hero-snack{width:72px;height:72px}.hero-speech-bubble{padding:12px 18px}.hero-speech-bubble p{font-size:.92rem;line-height:1.45}.start-form{margin-bottom:20px}.input-group{margin-bottom:16px}.input-group label{margin-bottom:8px;font-size:.92rem}.input-group input{border-radius:14px;padding:12px 18px;font-size:1rem}.btn-start{padding:13px 26px;font-size:1.15rem}.title-quick-links{gap:10px}.link-btn{padding:8px 18px;font-size:.85rem}}@media (height<=740px){.title-card{padding:12px 16px}.title-badge{margin-bottom:10px;padding:3px 14px;font-size:.78rem}.game-logo{margin-bottom:6px;font-size:clamp(3rem,4.6vw,3.8rem)}.game-subtitle{margin-bottom:14px;font-size:1.05rem}.title-divider{height:3px;margin:0 auto 16px}.title-hero-grid{border-radius:16px;gap:14px;margin-bottom:16px;padding:14px 20px}.hero-avatar,.hero-snack{width:62px;height:62px}.hero-speech-bubble{padding:10px 14px}.hero-speech-bubble p{font-size:.86rem;line-height:1.4}.start-form{margin-bottom:16px}.input-group{margin-bottom:12px}.input-group label{margin-bottom:6px;font-size:.86rem}.input-group input{padding:10px 16px;font-size:.94rem}.btn-start{padding:11px 22px;font-size:1.05rem}.title-quick-links{gap:8px}.link-btn{padding:6px 14px;font-size:.8rem}}@media (width<=640px){.title-card{padding:22px 18px}.game-logo{font-size:2.5rem}.title-hero-grid{text-align:center;grid-template-columns:1fr}.hero-speech-bubble{order:2}.hero-snack-box{display:none}.hero-avatar-box{order:1}}.orientation-scene .stage-center-zone,.game-viewport .orientation-scene .stage-center-zone,.orientation-scene.stage-center-zone{box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;width:100%;justify-content:flex-start!important;padding:8px 32px 36px!important;transition:none!important;overflow:hidden auto!important}.dialogue-collapsed .orientation-scene .stage-center-zone,.game-viewport.dialogue-collapsed .orientation-scene .stage-center-zone,.orientation-scene.dialogue-collapsed .stage-center-zone,.inventory-collapsed .orientation-scene .stage-center-zone,.game-viewport.inventory-collapsed .orientation-scene .stage-center-zone,.orientation-scene.inventory-collapsed .stage-center-zone,.dialogue-collapsed.inventory-collapsed .orientation-scene .stage-center-zone,.game-viewport.dialogue-collapsed.inventory-collapsed .orientation-scene .stage-center-zone{justify-content:flex-start!important;padding-left:32px!important;padding-right:32px!important}.orientation-scene .orientation-subnav-container,.game-viewport .orientation-scene .orientation-subnav-container{box-sizing:border-box;z-index:10;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin:12px auto 14px;display:flex;position:relative;padding:0 32px!important;transition:none!important}.dialogue-collapsed .orientation-scene .orientation-subnav-container,.game-viewport.dialogue-collapsed .orientation-scene .orientation-subnav-container,.inventory-collapsed .orientation-scene .orientation-subnav-container,.game-viewport.inventory-collapsed .orientation-scene .orientation-subnav-container{padding-left:32px!important;padding-right:32px!important}.orientation-subnav{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:0;display:inline-flex}.subnav-pill{border-radius:var(--radius-pill,999px);font-family:var(--font-heading);color:#3d2612;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #dfcfb9;align-items:center;gap:8px;padding:9px 20px;font-size:.9rem;font-weight:800;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px #cfbc9f,0 4px 12px #4e341c0d}.subnav-pill:hover{color:#047857;background:#faf5ec;border-color:#10b981;transform:translateY(-2px);box-shadow:0 5px #059669,0 4px 14px #10b9812e}.subnav-pill:active{transform:translateY(2px);box-shadow:0 1px #cfbc9f}.subnav-pill.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-color:#064e3b;transform:translateY(-1px);box-shadow:0 4px #064e3b,0 6px 18px #10b98159}.subnav-pill.completed:not(.active){color:#065f46;background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border-color:#6ee7b7;box-shadow:0 3px #34d399}.subnav-pill.locked{opacity:.6;cursor:not-allowed;filter:grayscale(35%);background:#fdfaf5;border-color:#ebdccc;box-shadow:0 2px #cfbc9f}.subnav-pill.locked:hover{color:#3d2612;background:#fdfaf5;border-color:#ebdccc;transform:none;box-shadow:0 2px #cfbc9f}.subnav-pill-icon{font-size:1rem}.subnav-pill-label{letter-spacing:.01em}.subnav-pill-check{color:#fff;background:#059669;border:1px solid #064e3b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:.72rem;font-weight:900;display:inline-flex;box-shadow:0 1px #00000026}.active-vessel-card.orientation-card{box-sizing:border-box;align-items:stretch;width:92%;max-width:1040px;margin:0 auto;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.active-vessel-card.orientation-card.ppe-card,.active-vessel-card.orientation-card.handwash-card-wrapper,.active-vessel-card.orientation-card.inspection-card-wrapper,.active-vessel-card.orientation-card.ready-card{max-width:1040px;margin:0 auto;width:92%!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.vessel-top-badge{color:#065f46;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill,999px);background:#fff;border:2px solid #86efac;align-self:flex-start;margin-bottom:8px;padding:5px 16px;font-size:.84rem;font-weight:800;display:inline-block;box-shadow:0 3px #86efac}.orientation-card .vessel-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.orientation-card .vessel-title{font-family:var(--font-heading);color:#2b180a;letter-spacing:-.02em;text-shadow:0 1px #ffffffb3;font-size:1.95rem;font-weight:900}.orientation-card .vessel-badge{color:#fef08a;font-family:var(--font-heading);border-radius:var(--radius-pill,999px);background:linear-gradient(#442a17 0%,#2f1c0d 100%);border:2px solid #6b4325;padding:7px 20px;font-size:.92rem;font-weight:800;box-shadow:inset 0 2px 4px #0006,0 3px #1b1007}.vessel-header-divider{opacity:.85;background:linear-gradient(90deg,#10b981 0%,#f59e0b 55%,#b45309 100%);border-radius:2px;width:100%;height:4px;margin:10px 0 24px;box-shadow:0 1px 2px #00000014}.section-instruction{color:#54391e;text-shadow:0 1px #ffffff80;margin:0 0 22px;font-size:1.12rem;font-weight:700;line-height:1.5}.lecture-display-area{flex-direction:column;width:100%;display:flex}.concept-card-expanded{-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffffe0;border:2.5px solid #dccbb4;border-radius:22px;align-items:flex-start;gap:28px;width:100%;margin-bottom:20px;padding:24px 30px;transition:all .25s;display:flex;box-shadow:0 6px #cfbc9f,0 16px 36px #4e341c14}.concept-icon-big{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:3px solid #6ee7b7;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;font-size:3.6rem;display:flex;box-shadow:0 5px #059669,0 12px 24px #05966938}.concept-content{flex-direction:column;flex:1;display:flex}.concept-tag{color:#065f46;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill,999px);background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #6ee7b7;align-self:flex-start;margin-bottom:6px;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block}.concept-heading{font-family:var(--font-heading);color:#1e3a2b;letter-spacing:-.015em;margin:0 0 8px;font-size:1.85rem;font-weight:900}.concept-summary{color:#3b2413;margin:0 0 14px;font-size:1.1rem;font-weight:600;line-height:1.6}.concept-deepdive{color:#4e351d;background:#fff;border:2px solid #dccbb4;border-left:6px solid #059669;border-radius:0 16px 16px 0;padding:14px 20px;font-size:1rem;line-height:1.55;box-shadow:0 3px #d0beaa}.concept-deepdive strong{color:#059669;font-weight:800}.concept-pagination-row{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin:12px 0 22px;display:flex}.concept-bullet{font-family:var(--font-heading);color:#3d2612;cursor:pointer;background:#fff;border:2.5px solid #dfcfb9;border-radius:16px;align-items:center;gap:10px;padding:12px 22px;font-size:.94rem;font-weight:800;transition:all .16s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px #cfbc9f,0 4px 10px #0000000a}.concept-bullet:hover{color:#047857;background:#faf5ec;border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px #059669,0 6px 16px #10b9812e}.concept-bullet.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-color:#064e3b;transform:translateY(-1px);box-shadow:0 4px #064e3b,0 6px 18px #10b98152}.orientation-btn-row{border-top:2.5px solid #dfcfb9b3;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:14px;padding-top:22px;display:flex}.concept-dots-indicator{align-items:center;gap:12px;display:flex}.concept-dot{cursor:pointer;background:#d5c3ab;border-radius:50%;width:14px;height:14px;transition:all .25s;box-shadow:inset 0 1px 2px #0000002e}.concept-dot:hover{background:#6ee7b7;transform:scale(1.3)}.concept-dot.active{background:linear-gradient(90deg,#10b981,#047857);border-radius:14px;width:32px;box-shadow:0 2px #064e3b}.orientation-card .vessel-desc{color:#5c3e21;margin:0 0 26px;font-size:.98rem;line-height:1.55}.ppe-items-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.ppe-box{text-align:center;cursor:pointer;background:#fff;border:2.5px solid #dfcfb9;border-radius:22px;flex-direction:column;align-items:center;min-width:0;padding:20px 16px;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 5px #cfbc9f,0 8px 18px #4e341c0f}.ppe-box:hover{background:#fff;border-color:#10b981;transform:translateY(-4px);box-shadow:0 9px #059669,0 14px 28px #10b98138}.ppe-box:active{transform:translateY(2px);box-shadow:0 1px #cfbc9f}.ppe-box.selected,.ppe-box.equipped{transform:translateY(-3px);background:linear-gradient(#fff 0%,#f0fdf4 60%,#e6f9ed 100%)!important;border:3.5px solid #10b981!important;box-shadow:0 6px #059669,0 10px 24px #10b9814d!important}.ppe-box.selected:hover,.ppe-box.equipped:hover{transform:translateY(-5px);border-color:#059669!important;box-shadow:0 9px #047857,0 14px 28px #10b98159!important}.ppe-box.distractor-error{animation:.5s cubic-bezier(.36,.07,.19,.97) both ppeErrorShake;background:#fff5f5!important;border-color:#ef4444!important;box-shadow:0 5px #dc2626,0 8px 20px #ef444447!important}.ppe-box.ppe-verified-good{background:linear-gradient(#fff 0%,#f0fdf4 100%)!important;border-color:#16a34a!important;box-shadow:0 4px #15803d,0 6px 16px #16653433!important}.ppe-box.ppe-verified-hazard{animation:.4s ppeErrorShake;background:linear-gradient(#fff 0%,#fef2f2 100%)!important;border-color:#dc2626!important;box-shadow:0 4px #b91c1c,0 6px 16px #dc262640!important}.ppe-box.ppe-verified-missing{background:linear-gradient(#fff 0%,#fefce8 100%)!important;border:2.5px dashed #f59e0b!important;box-shadow:0 4px #d97706,0 6px 14px #f59e0b33!important}@keyframes ppeErrorShake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.ppe-icon-img{object-fit:contain;filter:drop-shadow(0 5px 8px #0000001f);width:80px;height:80px;margin-bottom:14px;transition:transform .2s}.ppe-box:hover .ppe-icon-img{transform:scale(1.12)}.gear-details{flex-direction:column;flex:1;width:100%;display:flex}.ppe-name{font-family:var(--font-heading);color:#2b180a;text-align:center;justify-content:center;align-items:center;min-height:2.5em;margin:0 0 8px;font-size:1.15rem;font-weight:900;line-height:1.25;display:flex}.ppe-desc{color:#624830;text-align:center;flex:1;margin:0;font-size:.9rem;line-height:1.4}.gear-status-badge{border-radius:var(--radius-pill,999px);width:100%;font-family:var(--font-heading);letter-spacing:.01em;box-sizing:border-box;text-align:center;white-space:nowrap;margin-top:14px;padding:8px 14px;font-size:.82rem;font-weight:800}.gear-status-badge.pending{color:#8c7155;box-shadow:none;background:#fdfaf5;border:1.5px dashed #cfbc9f}.gear-status-badge.worn,.gear-status-badge.badge-approved{letter-spacing:.02em;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:2px solid #047857!important;box-shadow:0 3px #047857,0 4px 12px #10b98159!important}.gear-status-badge.badge-hazard{letter-spacing:.02em;color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:2px solid #b91c1c!important;box-shadow:0 3px #991b1b,0 4px 12px #dc262659!important}.gear-status-badge.badge-missing{letter-spacing:.02em;color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border:2px solid #b45309!important;box-shadow:0 3px #92400e,0 4px 12px #f59e0b59!important}.gear-status-badge.badge-avoided{color:#64748b!important;box-shadow:none!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important}.gear-status-badge.error{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1.5px solid #fca5a5;box-shadow:0 2px #dc2626}.ppe-hazard-alert-box{text-align:left;background:linear-gradient(135deg,#fff5f5 0%,#fee2e2 100%);border:1.5px solid #fca5a5;border-left:4.5px solid #dc2626;border-radius:10px;margin-top:10px;padding:8px 10px;animation:.3s ppeAlertFadeIn;box-shadow:0 2px #fecaca}.ppe-hazard-alert-header{font-family:var(--font-heading);color:#991b1b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;margin-bottom:3px;font-size:.72rem;font-weight:800;display:flex}.ppe-hazard-text{color:#7f1d1d;margin:0;font-size:.74rem;font-weight:600;line-height:1.35}.ppe-missed-alert-box{text-align:left;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fde68a;border-left:4.5px solid #d97706;border-radius:10px;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;animation:.3s ppeAlertFadeIn;display:flex;box-shadow:0 2px #fde68a}.ppe-missed-text{color:#92400e;margin:0;font-size:.74rem;font-weight:600;line-height:1.35}@keyframes ppeAlertFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.handwashing-steps-list{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:10px 0;display:grid}.handwashing-steps-list .hw-step-item:nth-child(7){grid-column:span 2}.hw-step-item{cursor:pointer;background:#fff;border:2.5px solid #dfcfb9;border-radius:18px;align-items:center;gap:18px;padding:16px 22px;transition:all .16s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px #cfbc9f,0 4px 12px #0000000a}.hw-step-item:hover{background:#faf5ec;border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px #059669,0 8px 20px #10b98129}.hw-step-item.completed{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#6ee7b7;box-shadow:0 4px #34d399}.hw-step-item.current-target{background:#fffdf5;border-color:#f59e0b;animation:1.8s infinite pulseGuide;box-shadow:0 0 18px #f59e0b73,0 4px #d97706}.hw-num{width:40px;height:40px;font-family:var(--font-heading);color:#047857;background:#ecfdf5;border:2px solid #6ee7b7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:900;display:flex;box-shadow:0 2px #34d399}.hw-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.9rem;display:flex}.hw-info{flex-direction:column;flex:1;gap:3px;display:flex}.hw-info strong{font-family:var(--font-heading);color:#2b180a;font-size:1.12rem;font-weight:800}.hw-info span{color:#664d36;font-size:.9rem;line-height:1.4}.hw-check{font-size:1.25rem;font-weight:800}.active-vessel-card.orientation-card.inspection-card-wrapper{width:100%}.inspection-card-wrapper .inspection-minigame-container{gap:16px}.orientation-card .inspection-header-row{box-sizing:border-box;background:linear-gradient(#fff 0%,#faf6ec 100%);border:2.5px solid #dfcfb9;border-radius:18px;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding:12px 20px;display:flex;box-shadow:0 4px #cfbc9f}.orientation-card .item-target-title{font-family:var(--font-heading);color:#15803d;margin:0;font-size:1.25rem;font-weight:800}.orientation-card .inspection-prompt{color:#54391e;margin:0 0 16px;font-size:1.05rem;font-weight:700;line-height:1.45}.inspection-card-wrapper .inspection-cards-grid{gap:22px}.inspection-card-wrapper .inspection-card{border-radius:22px;padding:24px 20px;box-shadow:0 5px #cfbc9f,0 8px 20px #4e341c0f}.inspection-card-wrapper .card-img-wrapper{border-radius:18px;width:130px;height:130px}.inspection-card-wrapper .card-title{margin:8px 0 4px;font-size:1.2rem}.inspection-card-wrapper .card-desc{font-size:.92rem}.active-vessel-card.orientation-card.ready-card{text-align:left}.orientation-body{align-items:center;gap:36px;margin:20px 0 24px;display:flex}.orientation-hero-img{object-fit:cover;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border:4px solid #10b981;border-radius:50%;flex-shrink:0;width:160px;height:160px;box-shadow:0 8px #059669,0 16px 32px #05966940}.orientation-text{flex:1}.orientation-text h3{font-family:var(--font-heading);color:#1e3a2b;letter-spacing:-.015em;margin-bottom:10px;font-size:1.85rem;font-weight:900}.orientation-text p{color:#3d2612;margin:0 0 20px;font-size:1.12rem;line-height:1.6}.clearance-checklist{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.clearance-item{color:#3d2612;background:#fff;border:2px solid #86efac;border-left:6px solid #059669;border-radius:14px;padding:14px 18px;font-size:1rem;box-shadow:0 3px #86efac}.clearance-item strong{color:#047857;font-weight:800}.clearance-item:last-child{grid-column:span 2}@media (height<=880px){.orientation-scene .stage-center-zone,.game-viewport .orientation-scene .stage-center-zone{padding:10px 24px 28px!important}.orientation-scene .orientation-subnav-container,.game-viewport .orientation-scene .orientation-subnav-container{margin:12px auto 16px;padding:0 24px!important}.orientation-subnav{gap:12px}.subnav-pill{padding:8px 18px;font-size:.88rem}.orientation-card .vessel-top-badge{margin-bottom:8px;padding:4px 14px;font-size:.78rem}.orientation-card .vessel-title{font-size:1.55rem}.orientation-card .vessel-badge{padding:4px 14px;font-size:.82rem}.vessel-header-divider{height:3px;margin:8px 0 14px}.orientation-card .inspection-header-row{border-radius:12px;margin-bottom:12px;padding:10px 16px}.orientation-card .item-target-title{font-size:1rem}.orientation-card .inspection-counter{padding:3px 12px;font-size:.82rem}.section-instruction,.orientation-card .inspection-prompt{margin:0 0 14px;font-size:.88rem;line-height:1.4}.ppe-items-grid{gap:12px}.ppe-box{border-width:2px;border-radius:16px;padding:14px 12px;box-shadow:0 4px #cfbc9f,0 6px 14px #4e341c0d}.ppe-icon-img{width:54px;height:54px;margin-bottom:8px}.ppe-name{min-height:2.2em;margin:0 0 4px;font-size:.92rem;line-height:1.25}.ppe-desc{font-size:.76rem;line-height:1.3}.gear-status-badge{margin-top:10px;padding:5px 12px;font-size:.78rem}.ppe-hazard-alert-box,.ppe-missed-alert-box{border-radius:8px;margin-top:6px;padding:6px 8px}.ppe-hazard-alert-header{margin-bottom:2px;font-size:.68rem}.ppe-hazard-text,.ppe-missed-text{font-size:.7rem;line-height:1.25}.handwash-sequence-container{gap:8px}.hw-main-header-row{margin-bottom:2px;padding:6px 14px}.hw-prompt{margin:0 0 4px!important;font-size:.82rem!important}.hw-slots-grid{gap:6px}.hw-slot-box{border-radius:12px;min-height:90px;padding:6px 4px}.slot-top-row{min-height:16px;margin-bottom:2px}.slot-number-tag{padding:1px 5px;font-size:.68rem}.slot-remove-btn{width:16px;height:16px;font-size:.6rem}.slot-card-icon{font-size:1.15rem}.slot-card-action{font-size:.74rem;line-height:1.18}.slot-drag-handle-hint{padding:1px 5px;font-size:.62rem}.slot-placeholder .placeholder-icon{font-size:1rem}.slot-placeholder .placeholder-label{font-size:.68rem}.hw-pool-section{border-radius:14px;gap:6px;padding:8px 12px}.hw-pool-title{font-size:.88rem}.hw-reset-btn{padding:2px 10px!important;font-size:.72rem!important}.hw-pool-grid{gap:6px}.hw-pool-card{border-radius:10px;gap:3px;min-height:72px;padding:6px 7px}.pool-card-icon{font-size:1.05rem}.pool-card-action{font-size:.74rem;line-height:1.18}.pool-card-desc{font-size:.66rem;line-height:1.18}.pool-card-hint{padding:1.5px 5px;font-size:.6rem}.btn-submit-sequence{padding:7px 18px!important;font-size:.85rem!important}.inspection-card-wrapper .card-img-wrapper{width:90px;height:90px}.inspection-card-wrapper .inspection-card{border-radius:16px;padding:14px 12px}.inspection-card-wrapper .card-title{font-size:1.05rem}}@media (height<=740px){.orientation-scene .stage-center-zone,.game-viewport .orientation-scene .stage-center-zone{padding:8px 18px 24px!important}.orientation-scene .orientation-subnav-container,.game-viewport .orientation-scene .orientation-subnav-container{margin:10px auto 14px;padding:0 18px!important}.orientation-subnav{gap:10px}.subnav-pill{padding:7px 16px;font-size:.84rem}.orientation-card .vessel-top-badge{margin-bottom:6px;padding:3px 12px;font-size:.74rem;display:inline-block}.orientation-card .vessel-title{font-size:1.4rem;line-height:1.2}.orientation-card .vessel-badge{padding:3px 12px;font-size:.78rem}.vessel-header-divider{height:2.5px;margin:6px 0 10px}.orientation-card .inspection-header-row{border-radius:12px;margin-bottom:10px;padding:8px 14px}.orientation-card .item-target-title{font-size:.94rem}.orientation-card .inspection-counter{padding:3px 10px;font-size:.78rem}.section-instruction,.orientation-card .inspection-prompt{margin:0 0 10px;font-size:.84rem;line-height:1.35}.ppe-items-grid{gap:10px}.ppe-box{border-radius:14px;padding:12px 10px;box-shadow:0 3px #cfbc9f,0 4px 10px #4e341c0a}.ppe-icon-img{width:46px;height:46px;margin-bottom:6px}.ppe-name{min-height:2em;margin:0 0 4px;font-size:.86rem;line-height:1.2}.ppe-desc{font-size:.72rem;line-height:1.25;overflow:visible}.gear-status-badge{margin-top:8px;padding:4px 10px;font-size:.74rem}.handwash-sequence-container{gap:6px}.hw-main-header-row{margin-bottom:0;padding:4px 12px}.hw-slots-grid{gap:4px}.hw-slot-box{border-radius:10px;min-height:78px;padding:4px 3px}.slot-number-tag{padding:1px 4px;font-size:.64rem}.slot-card-icon{font-size:.95rem}.slot-card-action{font-size:.7rem;line-height:1.15}.slot-placeholder .placeholder-icon{font-size:.95rem}.slot-placeholder .placeholder-label{font-size:.65rem}.slot-drag-handle-hint{display:none}.hw-pool-section{gap:4px;padding:6px 10px}.hw-pool-grid{gap:5px}.hw-pool-card{gap:2px;min-height:64px;padding:4px 6px}.pool-card-icon{font-size:.95rem}.pool-card-action{font-size:.7rem;line-height:1.15}.pool-card-desc{font-size:.65rem;line-height:1.18;display:block;overflow:visible}.pool-card-hint{padding:1px 4px;font-size:.58rem}.btn-submit-sequence{padding:6px 14px!important;font-size:.8rem!important}.inspection-card-wrapper .card-img-wrapper{width:68px;height:68px}.inspection-card-wrapper .inspection-card{padding:10px 8px}.inspection-card-wrapper .card-title{font-size:.95rem}.inspection-card-wrapper .card-desc{font-size:.76rem;line-height:1.25}}@media (width<=1400px){.active-vessel-card.orientation-card{width:98%}.orientation-scene .stage-center-zone,.game-viewport .orientation-scene .stage-center-zone{padding-left:16px!important;padding-right:16px!important}.concept-card-expanded{gap:18px;padding:20px 22px}.concept-icon-big{width:80px;height:80px;font-size:2.8rem}}@media (width<=1024px){.orientation-scene .stage-center-zone,.game-viewport .orientation-scene .stage-center-zone{padding:8px 14px 24px!important}.orientation-scene .orientation-subnav-container,.game-viewport .orientation-scene .orientation-subnav-container{margin:6px 0 8px;padding-left:14px!important;padding-right:14px!important}.orientation-subnav{gap:5px;padding:4px 8px}.subnav-pill{padding:5px 10px;font-size:.78rem}.orientation-card .vessel-title{font-size:1.4rem}.ppe-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.handwashing-steps-list{grid-template-columns:1fr;gap:10px}.handwashing-steps-list .hw-step-item:nth-child(7){grid-column:span 1}.concept-card-expanded{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:22px 20px}.concept-content{align-items:center}.concept-deepdive{text-align:left;box-sizing:border-box;border-top:5px solid #059669;border-left:2px solid #dccbb4;border-radius:0 0 16px 16px;width:100%}.clearance-checklist{grid-template-columns:1fr}.clearance-item:last-child{grid-column:span 1}.orientation-body{text-align:center;flex-direction:column}.orientation-hero-img{margin:0 auto}.orientation-text{flex-direction:column;align-items:center;display:flex}.clearance-checklist{text-align:left;width:100%}}.handwash-sequence-container{flex-direction:column;gap:12px;width:100%;display:flex}.hw-main-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;padding:8px 16px;display:flex}.hw-header-badges{align-items:center;gap:8px;display:flex}.hw-counter-badge{margin:0}.hw-task-badge{padding:4px 14px;font-size:.82rem}.hw-prompt{margin:0 0 4px!important;font-size:.86rem!important;line-height:1.35!important}.hw-slots-grid{grid-template-columns:repeat(7,1fr);gap:8px;width:100%;display:grid}.hw-slot-box{will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;background:#fff;border:2px dashed #dfcfb9;border-radius:14px;flex-direction:column;min-height:98px;padding:8px 6px;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s,background .2s;display:flex;position:relative;box-shadow:0 3px #dfd2c0,inset 0 2px 4px #4e341c08;-webkit-touch-callout:none!important}.hw-slot-box.empty:hover{background:#fafdfb;border-color:#10b981;transform:translateY(-2px)}.hw-slot-box.filled{cursor:grab;background:linear-gradient(#fff 0%,#f0fdf4 60%,#e6f9ed 100%)!important;border:2.5px solid #10b981!important;box-shadow:0 4px #059669,0 6px 14px #05966929!important}.hw-slot-box.filled:hover{transform:translateY(-3px);border-color:#059669!important;box-shadow:0 6px #047857,0 10px 18px #10b9813d!important}.hw-slot-box.slot-correct{background:linear-gradient(#fff 0%,#f0fdf4 100%)!important;border:2.5px solid #16a34a!important;box-shadow:0 4px #15803d,0 6px 14px #16653433!important}.hw-slot-box.slot-misplaced{background:linear-gradient(#fff 0%,#fefce8 100%)!important;border:2.5px dashed #f59e0b!important;box-shadow:0 4px #d97706,0 6px 14px #f59e0b33!important}.hw-slot-box.slot-distractor{background:linear-gradient(#fff 0%,#fef2f2 100%)!important;border:2.5px solid #ef4444!important;box-shadow:0 4px #dc2626,0 6px 14px #ef444433!important}.hw-slot-box.selected{transform:translateY(-3px)scale(1.02);background:linear-gradient(#fff 0%,#fffbeb 60%,#fef3c7 100%)!important;border:2.5px solid #f59e0b!important;box-shadow:0 5px #d97706,0 8px 18px #f59e0b42!important}.hw-slot-box.is-drag-origin{opacity:.38;box-shadow:none;background:#fffdf5;border-style:dashed;border-color:#d97706;transform:scale(.95)}.hw-slot-box.drag-over-target{z-index:5;border-style:solid;transform:scale(1.04);background:#fffbeb!important;border-color:#d97706!important;box-shadow:0 0 0 3px #d9770659,0 10px 22px #451a0329!important}.slot-top-row{pointer-events:none;justify-content:space-between;align-items:center;width:100%;min-height:18px;margin-bottom:4px;display:flex}.slot-number-tag{font-family:var(--font-heading);color:#fef08a;border-radius:var(--radius-pill);letter-spacing:.02em;pointer-events:none;background:#54361e;border:1px solid #996237;margin-bottom:0;padding:1.5px 7px;font-size:.72rem;font-weight:800;line-height:1.15;box-shadow:0 1.5px #2b180a}.slot-remove-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#ef4444;border:1px solid #dc2626;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.65rem;font-weight:900;line-height:1;transition:transform .15s,background .15s;display:flex;position:static;box-shadow:0 1.5px #b91c1c}.slot-remove-btn:hover{background:#dc2626;transform:scale(1.15)}.slot-placeholder{color:#927556;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.slot-placeholder .placeholder-icon{color:#10b981;font-size:1.15rem;line-height:1}.slot-placeholder .placeholder-label{font-family:var(--font-heading);text-align:center;font-size:.72rem;font-weight:700;line-height:1.2}.slot-card-content{text-align:center;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;width:100%;transition:opacity .2s;display:flex;position:relative}.slot-card-content.is-dragging{opacity:.35}.slot-card-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;margin:auto 0;display:flex}.slot-card-icon{font-size:1.25rem;line-height:1;display:inline-block}.slot-card-action{font-family:var(--font-heading);color:#2b180a;text-align:center;word-break:normal;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:.78rem;font-weight:800;line-height:1.2}.slot-drag-handle-hint{color:#735b44;font-family:var(--font-heading);border-radius:var(--radius-pill);pointer-events:none;background:#fdfaf5;border:1px solid #dfcfb9;justify-content:center;align-items:center;gap:4px;margin-top:auto;padding:1.5px 7px;font-size:.65rem;font-weight:800;display:flex;box-shadow:0 1px #cfbc9f}.slot-drag-handle-hint .drag-dots{letter-spacing:-1px;font-size:.74rem}.hw-pool-section{background:linear-gradient(#fff 0%,#faf6ec 100%);border:2px solid #dfcfb9;border-radius:16px;flex-direction:column;gap:8px;padding:10px 14px;transition:all .22s;display:flex;box-shadow:0 4px #cfbc9f,0 6px 16px #4e341c0d}.hw-pool-section.pool-drop-target{background:#fef2f2;border:2px dashed #ef4444;transform:scale(1.008);box-shadow:0 0 0 3px #ef444433,0 4px #dc2626}.hw-pool-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.hw-pool-title{font-family:var(--font-heading);color:#2b180a;margin:0;font-size:.92rem;font-weight:800;transition:color .2s}.hw-pool-section.pool-drop-target .hw-pool-title{color:#dc2626;font-weight:900}.hw-reset-btn{border-radius:var(--radius-pill)!important;padding:3px 12px!important;font-size:.76rem!important}.hw-pool-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.hw-pool-card{cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:2px solid #dfcfb9;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;min-height:94px;padding:8px 9px;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 3px #cfbc9f,0 4px 10px #4e341c0d}.hw-pool-card>*{pointer-events:none}.hw-pool-card:hover{border-color:#10b981;transform:translateY(-3px);box-shadow:0 5px #059669,0 8px 18px #10b98133}.hw-pool-card:active{cursor:grabbing;transform:translateY(1px);box-shadow:0 1px #cfbc9f}.hw-pool-card.selected{background:linear-gradient(#fff 0%,#fffbeb 60%,#fef3c7 100%);border:2.5px solid #f59e0b;transform:translateY(-2px);box-shadow:0 4px #d97706,0 8px 16px #f59e0b38}.hw-pool-card.is-dragging{opacity:.35;box-shadow:none;border-style:dashed;border-color:#10b981;transform:scale(.95)}.pool-card-top{text-align:center;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.pool-card-icon{flex-shrink:0;font-size:1.15rem;line-height:1}.pool-card-action{font-family:var(--font-heading);color:#2b180a;text-align:center;margin:0;font-size:.78rem;font-weight:800;line-height:1.2}.pool-card-desc{color:#624830;text-align:center;word-break:normal;margin:0;font-size:.72rem;line-height:1.25;overflow:visible}.pool-card-hint{font-family:var(--font-heading);color:#8c7155;border-radius:var(--radius-pill);text-align:center;box-sizing:border-box;background:#fdfaf5;border:1px dashed #cfbc9f;width:100%;margin-top:2px;padding:2px 7px;font-size:.65rem;font-weight:800;line-height:1.15}.hw-pool-empty-message{text-align:center;font-family:var(--font-heading);color:#059669;padding:14px;font-size:.98rem;font-weight:800}.hw-sequence-footer{justify-content:flex-end;width:100%;padding-top:6px;display:flex}.btn-submit-sequence{transition:all .2s;padding:9px 24px!important;font-size:.9rem!important}.btn-submit-sequence:disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(15%)!important;transform:none!important;box-shadow:0 3px #1b5e20,0 4px 10px #0000001a!important}@media (width<=1200px){.hw-pool-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.hw-slots-grid{grid-template-columns:repeat(4,1fr)}.hw-pool-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.hw-slots-grid,.hw-pool-grid{grid-template-columns:repeat(2,1fr)}}.prep-workspace-layout{justify-content:space-evenly;align-items:flex-end;gap:36px;width:100%;max-width:100%;padding:8px 4px;display:flex;overflow:visible}.cutting-board-zone,.cutting-board-zone.highlight-ready,.cutting-board-zone.hover-active{flex:55%;justify-content:center;align-items:center;max-width:560px;min-height:360px;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;animation:none!important;overflow:visible!important}.board-backdrop-img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000073);pointer-events:none;width:100%;max-width:520px;max-height:380px;transition:transform .25s,filter .25s}.cutting-board-zone.highlight-ready .board-backdrop-img{filter:drop-shadow(0 0 18px #f5a623cc)drop-shadow(0 8px 16px #0000004d);transform:scale(1.02)}.cutting-board-zone.hover-active .board-backdrop-img{filter:drop-shadow(0 0 22px #2ecc71d9)drop-shadow(0 8px 16px #0000004d);transform:scale(1.03)}.board-overlay-content{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.board-overlay-content *{pointer-events:auto}.zone-hint-text{font-family:var(--font-heading);color:#3e2723;border-radius:var(--radius-pill);background:#ffffffeb;border:2px solid #d7ccc8;padding:6px 16px;font-size:.95rem;font-weight:700;box-shadow:0 3px 8px #0003}.on-board-item{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.board-ingredient-img{object-fit:contain;filter:drop-shadow(0 8px 16px #00000059);width:110px;height:110px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.board-ingredient-img.sliced{transform:scale(1.1)rotate(4deg)}.board-item-label{font-family:var(--font-heading);color:#3e2723;border-radius:var(--radius-pill);background:#fffffff2;border:1px solid #d7ccc8;padding:3px 12px;font-size:.9rem;font-weight:700;box-shadow:0 2px 6px #00000026}.action-hint-glow{color:#b71c1c;border-radius:var(--radius-pill);background:#ffebee;border:1px solid #ffcdd2;padding:3px 10px;font-size:.8rem;font-weight:700;animation:1s infinite alternate pulse-border}.on-board-item:hover .board-ingredient-img{transform:scale(1.15)}.on-board-item.lifted-from-board{opacity:.35;filter:grayscale(.5);transition:all .2s;transform:scale(.92)}.on-board-item.lifted-from-board .action-hint-glow{color:#b45309;background:#fff8e1;border-color:#fde68a}.prep-bowl-zone{border-radius:var(--radius-md);cursor:pointer;background:#fff9;border:3px dashed #94a3b8;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:16px;transition:all .25s;display:flex}.prep-bowl-zone.glow-target{border-color:var(--color-palm-500);background:#dcfce7d9;transform:scale(1.02);box-shadow:0 0 24px #2ecc7180}.prep-bowl-zone.filled{border-color:var(--color-palm-400);background:#e8f5e973;border-style:solid}.prep-bowl-img{object-fit:contain;filter:drop-shadow(0 8px 16px #00000040);width:110px;height:110px;margin-bottom:6px;transition:transform .2s}.prep-bowl-img.bowl-filled-anim{animation:.45s cubic-bezier(.175,.885,.32,1.275) bowl-pop}@keyframes bowl-pop{0%{opacity:.8;transform:scale(.85)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.zone-hint-text.board-cleared{color:var(--color-palm-700);border-color:var(--color-palm-300);background:#e8f5e9f2;box-shadow:0 3px 8px #2ecc7133}.bowl-graphic{text-align:center;flex-direction:column;align-items:center;display:flex}.bowl-subtext{font-family:var(--font-heading);color:#475569;border-radius:var(--radius-pill);background:#ffffffe6;border:1px solid #cbd5e1;padding:3px 12px;font-size:.9rem;font-weight:700}.bowl-completed-container{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.bowl-filled-badge{color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);white-space:nowrap;background:#166534;padding:4px 14px;font-size:.82rem;font-weight:700;display:inline-block;box-shadow:0 2px 6px #00000026}.prep-bowl-zone .btn-next-stage{border-radius:var(--radius-pill);white-space:nowrap;padding:8px 16px;font-size:.82rem;font-weight:700;box-shadow:0 4px 12px #d9770659}.btn-processor-pulse{color:#fff;font-family:var(--font-heading);letter-spacing:.4px;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px #00000080;-webkit-user-select:none;user-select:none;background:linear-gradient(#fb923c 0%,#f97316 40%,#ea580c 75%,#c2410c 100%);border:2px solid #7c2d12;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.86rem;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);animation:1.6s ease-in-out infinite alternate pulse-puree-btn;display:inline-flex;position:relative;box-shadow:0 3.5px #7c2d12,0 6px 14px #00000059,inset 0 1px #fff6,inset 0 -2px 2px #00000040}.btn-processor-pulse:hover:not(.disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4.5px #7c2d12,0 8px 16px #ea580c80,inset 0 1px #fff9,inset 0 -2px 2px #00000040}.btn-processor-pulse:active:not(.disabled),.btn-processor-pulse.is-active-puree{background:linear-gradient(#ea580c 0%,#c2410c 60%,#9a3412 100%);transform:translateY(3px);box-shadow:0 1px #7c2d12,0 2px 4px #0000004d,inset 0 1.5px 2px #0006,inset 0 -1px 1px #fff3}.btn-processor-pulse.is-active-puree{animation:.12s ease-in-out infinite alternate puree-motor-vibrate}.btn-processor-pulse.disabled{opacity:.9;cursor:wait}.btn-processor-pulse .action-icon{align-items:center;font-size:1.05rem;line-height:1;display:flex}@keyframes puree-motor-vibrate{0%{transform:translateY(3px)translate(-.5px)}to{transform:translateY(3px)translate(.5px)}}@keyframes pulse-puree-btn{0%{box-shadow:0 3.5px #7c2d12,0 6px 12px #00000059,0 0 #f9731600}to{box-shadow:0 3.5px #7c2d12,0 6px 12px #00000059,0 0 12px #f9731699}}.btn-interlock-lock{color:#fff;font-family:var(--font-heading);letter-spacing:.4px;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px #0009;-webkit-user-select:none;user-select:none;background:linear-gradient(#38bdf8 0%,#0284c7 40%,#0369a1 75%,#075985 100%);border:2px solid #075985;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.86rem;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);animation:1.8s ease-in-out infinite alternate pulse-interlock-beacon;display:inline-flex;position:relative;box-shadow:0 3.5px #082f49,0 6px 14px #0284c759,inset 0 1px #fff6,inset 0 -2px 2px #00000040}.btn-interlock-lock:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4.5px #082f49,0 10px 20px #0284c780,inset 0 1px #fff9,inset 0 -2px 2px #00000040}.btn-interlock-lock:active{background:linear-gradient(#0284c7 0%,#0369a1 60%,#075985 100%);transform:translateY(3px);box-shadow:0 1px #082f49,0 2px 4px #0000004d,inset 0 2px 2px #00000080}.btn-interlock-lock .interlock-pip-indicator{background:#f59e0b;border:1.5px solid #fef08a;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:.9s infinite alternate led-blink;box-shadow:0 0 8px #f59e0b}.btn-interlock-lock .action-icon{align-items:center;font-size:1.05rem;line-height:1;transition:transform .25s;display:flex}.btn-interlock-lock:hover .action-icon{transform:rotate(-15deg)scale(1.15)}@keyframes pulse-interlock-beacon{0%{box-shadow:0 3.5px #082f49,0 6px 14px #0284c759,0 0 #0ea5e900}to{box-shadow:0 3.5px #082f49,0 8px 18px #0284c78c,0 0 16px #0ea5e9b3}}.lid-interlock-guide{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0006;background:linear-gradient(#0284c7 0%,#0369a1 100%);border:2px solid #38bdf8;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:800;transition:all .15s;animation:1.6s ease-in-out infinite bouncePill;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 3.5px #082f49,0 6px 14px #0284c759,inset 0 1px #fff6}.lid-interlock-guide:hover{background:linear-gradient(#38bdf8 0%,#0284c7 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 4.5px #082f49,0 8px 18px #0284c780,inset 0 1px #fff9}.lid-interlock-guide:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #082f49}.interlock-status-badge{color:#14532d;border-radius:var(--radius-pill);font-family:var(--font-heading);z-index:10;background:linear-gradient(#dcfce7 0%,#bbf7d0 100%);border:2px solid #4ade80;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:800;animation:.3s fadeIn;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2.5px #166534,inset 0 1px #fff9}.sink-drain-guidance-pill{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;letter-spacing:.3px;text-shadow:0 1px 2px #0006;background:linear-gradient(#10b981 0%,#059669 100%);border:2px solid #34d399;align-items:center;gap:6px;padding:7px 16px;font-size:.8rem;font-weight:800;transition:all .15s;animation:1.6s ease-in-out infinite bouncePill;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 3.5px #064e3b,0 6px 18px #10b98166,inset 0 1px #fff6}.sink-drain-guidance-pill:hover{background:linear-gradient(#34d399 0%,#10b981 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 4.5px #064e3b,0 8px 22px #10b98180,inset 0 1px #fff9}.sink-drain-guidance-pill:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #064e3b}.sink-cooling-guidance-pill{background:linear-gradient(#0284c7 0%,#0369a1 100%);border-color:#38bdf8;box-shadow:0 3.5px #075985,0 6px 18px #0284c766,inset 0 1px #fff6}.sink-cooling-guidance-pill:hover{background:linear-gradient(#38bdf8 0%,#0284c7 100%);box-shadow:0 4.5px #075985,0 8px 22px #0284c780,inset 0 1px #fff9}.sink-cooling-guidance-pill:active{box-shadow:0 1px #075985}.spatula-scrape-guide{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0006;background:linear-gradient(#ef4444 0%,#b91c1c 100%);border:2px solid #f87171;align-items:center;gap:6px;padding:7px 15px;font-size:.78rem;font-weight:800;transition:all .15s;animation:1.6s ease-in-out infinite bouncePill;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 3.5px #7f1d1d,0 6px 14px #ef444459,inset 0 1px #fff6}.spatula-scrape-guide:hover{background:linear-gradient(#f87171 0%,#dc2626 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 4.5px #7f1d1d,0 8px 18px #ef444480,inset 0 1px #fff9}.spatula-scrape-guide:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #7f1d1d}.spatula-scraping-overlay{pointer-events:none;z-index:25;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spatula-wiping-anim{object-fit:contain;filter:drop-shadow(0 10px 18px #0006);width:95px;height:95px;animation:.55s cubic-bezier(.25,1,.5,1) forwards spatulaBowlWipe}@keyframes spatulaBowlWipe{0%{opacity:0;transform:translate(65px,-45px)rotate(-40deg)scale(.85)}20%{opacity:1}50%{transform:translate(-10px,15px)rotate(15deg)scale(1.1)}80%{opacity:1;transform:translate(-55px,-25px)rotate(50deg)scale(1)}to{opacity:0;transform:translate(-75px,-45px)rotate(65deg)scale(.8)}}.extraction-workstation{flex-direction:column;flex:45%;justify-content:space-between;align-items:center;max-width:520px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.extraction-viewport{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:380px;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.extraction-viewport .container-visual-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:24px;display:flex}.extraction-viewport .sink-status-pill{z-index:6;white-space:nowrap;margin-top:0;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.extraction-workstation.compatible-target{border-color:#10b981;transform:translateY(-4px);box-shadow:0 0 0 4px #10b9814d,0 20px 40px #10b98126}.interactive-vessel{cursor:pointer}.vessel-transfer-guide{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0006;background:linear-gradient(#0284c7 0%,#0369a1 100%);border:2px solid #38bdf8;align-items:center;gap:6px;padding:7px 15px;font-size:.78rem;font-weight:800;transition:all .15s;animation:1.6s ease-in-out infinite bouncePill;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 3.5px #082f49,0 6px 14px #0284c759,inset 0 1px #fff6}.vessel-transfer-guide:hover{background:linear-gradient(#38bdf8 0%,#0284c7 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 4.5px #082f49,0 8px 18px #0284c780,inset 0 1px #fff9}.vessel-transfer-guide:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #082f49}.paste-collected-pop{animation:.65s cubic-bezier(.34,1.56,.64,1) both pasteCollectedPop}@keyframes pasteCollectedPop{0%{opacity:.4;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.bowl-resting{opacity:.95;transition:all .3s}.extraction-workstation:hover .bowl-resting{transform:scale(1.03)}.spec-badge{color:#735b44;border-radius:var(--radius-pill);font-family:var(--font-heading);letter-spacing:.4px;white-space:nowrap;text-transform:uppercase;background:#fff;border:1.5px solid #d5c3ab;flex-shrink:0;padding:4px 12px;font-size:.76rem;font-weight:800;box-shadow:0 2px #bfa88c}.spec-badge.spec-blue{color:#0369a1;background:linear-gradient(#e0f2fe 0%,#bae6fd 100%);border-color:#7dd3fc;box-shadow:0 2.5px #0284c7}.spec-badge.spec-amber{color:#92400e;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#fde68a;box-shadow:0 2.5px #d97706}.spec-badge.spec-success{color:#166534;background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border-color:#86efac;box-shadow:0 2.5px #22c55e,0 0 10px #10b98133}.status-dot.dot-success{background:#10b981;border-color:#86efac;box-shadow:0 0 10px #10b981}.prep-scene .stage-center-zone,.game-viewport .prep-scene .stage-center-zone{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:64px 32px 36px!important;transition:none!important}.dialogue-collapsed .prep-scene .stage-center-zone,.game-viewport.dialogue-collapsed .prep-scene .stage-center-zone,.prep-scene.dialogue-collapsed .stage-center-zone,.inventory-collapsed .prep-scene .stage-center-zone,.game-viewport.inventory-collapsed .prep-scene .stage-center-zone,.prep-scene.inventory-collapsed .stage-center-zone,.dialogue-collapsed.inventory-collapsed .prep-scene .stage-center-zone,.game-viewport.dialogue-collapsed.inventory-collapsed .prep-scene .stage-center-zone{padding-left:32px!important;padding-right:32px!important}.prep-scene .stage-content-row{justify-content:center!important;align-items:flex-start!important;gap:40px!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:0 16px!important;display:flex!important}.prep-scene .stage-content-row.stage-single-workstation{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;max-width:760px!important;margin:0 auto!important;padding:0!important;display:flex!important}.prep-scene .stage-content-row.stage-single-workstation>.station-center-card{flex-direction:column!important;flex:100%!important;align-items:center!important;width:100%!important;max-width:720px!important;display:flex!important}.stage-phase-stepper{z-index:10;background:#fffffff2;border:2px solid #dfcfb9;border-bottom:3.5px solid #bda88e;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto 14px;padding:5px 12px;display:inline-flex;box-shadow:0 4px #bda88e,0 8px 20px #4e341c14}.phase-step-pill{font-family:var(--font-heading);color:#5c4328;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.85rem;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.phase-step-pill:hover:not(.locked){color:#1e1106;background:#fdfbf7;transform:translateY(-1px)}.phase-step-pill.active{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-color:#1e40af;box-shadow:0 3px 8px #2563eb4d}.phase-step-pill.completed:not(.active){color:#047857;background:#ecfdf5;border-color:#a7f3d0}.phase-step-pill.locked{opacity:.55;cursor:not-allowed}.phase-step-arrow{color:#bda88e;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:900}.prep-scene .washing-workstation.error-shake,.prep-scene .station-center-card.error-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both shakeError!important}.prep-scene .washing-workstation.error-shake .sink-preview-img{filter:drop-shadow(0 0 24px #ef4444bf)!important;transition:filter .1s!important}.prep-scene .stage-content-row>.multi-state-workstation,.prep-scene .stage-content-row>.station-center-card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:50%!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:680px!important;display:flex!important;overflow:visible!important}.prep-scene .station-center-card .multi-state-workstation{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:auto!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:100%!important;display:flex!important;overflow:visible!important}.prep-scene .workstation-header{box-sizing:border-box!important;background:#fffffff2!important;border:2px solid #dfcfb9!important;border-bottom:3.5px solid #bda88e!important;border-radius:999px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:12px 26px!important;display:flex!important;box-shadow:0 4px #bda88e,0 10px 24px #4e341c1a,inset 0 1px #fffffff2!important}.prep-scene .workstation-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prep-scene .workstation-name{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden;font-family:var(--font-heading)!important;color:#2b180a!important;letter-spacing:-.01em!important;text-shadow:none!important;font-size:1.35rem!important;font-weight:900!important;line-height:1.25!important}.prep-scene .workstation-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#634a34!important;font-size:.92rem!important;font-weight:600!important;line-height:1.2!important}.prep-scene .workstation-step-badge{color:#fff!important;font-size:.82rem!important;font-weight:800!important;font-family:var(--font-heading)!important;white-space:nowrap!important;letter-spacing:.02em!important;background:#0284c7!important;border-radius:999px!important;padding:7px 20px!important;font-size:.95rem!important;font-weight:800!important;box-shadow:0 2.5px #0369a1!important}.prep-scene .workstation-step-badge.badge-success-glow{background:#16a34a!important;box-shadow:0 2.5px #15803d,0 0 14px #16a34a73!important}.prep-scene .workstation-step-badge.badge-flow-glow{background:#0284c7!important;box-shadow:0 2.5px #0369a1,0 0 14px #0284c78c!important}.prep-scene .workstation-step-badge.badge-amber-glow{background:#d97706!important;box-shadow:0 2.5px #b45309,0 0 14px #d9770673!important}.prep-scene .washing-viewport,.prep-scene .workstation-viewport{box-shadow:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:380px!important;min-height:380px!important;padding:8px 0!important;display:flex!important;position:relative!important;overflow:visible!important}.prep-scene .sink-preview-img{object-fit:contain!important;filter:drop-shadow(0 20px 36px #4e341c42)!important;width:auto!important;max-width:100%!important;height:350px!important;max-height:350px!important;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),filter .25s!important}.prep-scene .washing-viewport.interactive-sink:hover .sink-preview-img,.prep-scene .multi-state-workstation:hover .sink-preview-img{filter:drop-shadow(0 28px 48px #4e341c57)!important;transform:translateY(-6px)scale(1.05)!important}.prep-scene .container-state-img{object-fit:contain!important;filter:drop-shadow(0 20px 36px #4e341c42)!important;width:auto!important;max-width:100%!important;height:350px!important;max-height:350px!important;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),filter .25s!important}.prep-scene .multi-state-workstation:hover .container-state-img{filter:drop-shadow(0 28px 48px #4e341c57)!important;transform:translateY(-6px)scale(1.05)!important}.prep-scene .multi-state-workstation.compatible-target .sink-preview-img,.prep-scene .multi-state-workstation.compatible-target .container-state-img,.prep-scene .multi-state-workstation.drag-hover .sink-preview-img,.prep-scene .multi-state-workstation.drag-hover .container-state-img{filter:drop-shadow(0 0 26px #22c55ee6)drop-shadow(0 20px 36px #4e341c42)!important;transform:translateY(-6px)scale(1.07)!important}.prep-scene .workstation-footer{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;margin-top:16px!important;padding:0!important}.prep-scene .faucet-knob-console,.prep-scene .stove-burner-console{min-height:92px;box-sizing:border-box!important;background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:22px!important;width:100%!important;padding:14px 24px!important;box-shadow:0 4px #bda88e,0 10px 26px #4e341c1a!important}.prep-scene .sink-drain-guidance-pill,.prep-scene .dropzone-guide-pill{z-index:12!important;box-shadow:0 4px 14px #0000002e,0 3px #15803d!important}@media (width<=1440px){.prep-scene .stage-center-zone{padding:60px 28px 40px!important}.prep-scene .stage-content-row{gap:24px!important;max-width:1360px!important;padding:0!important}.prep-scene .stage-content-row>:not(:only-child){flex:calc(50% - 12px)!important;min-width:0!important;max-width:calc(50% - 12px)!important}.prep-scene .stage-single-workstation,.prep-scene .stage-content-row.stage-single-workstation{max-width:620px!important}.prep-scene .stage-single-workstation .station-center-card,.prep-scene .stage-content-row.stage-single-workstation>.station-center-card,.prep-scene .stage-content-row>:only-child{width:100%!important;max-width:620px!important}.prep-scene .station-center-card .multi-state-workstation{flex:auto!important;width:100%!important;max-width:100%!important}.prep-scene .washing-viewport,.prep-scene .workstation-viewport{height:340px!important;min-height:330px!important;max-height:350px!important;padding:6px 14px!important}.prep-scene .sink-preview-img,.prep-scene .container-state-img{max-width:100%!important;height:300px!important;max-height:310px!important}.prep-scene .workstation-header{border-radius:999px!important;margin:0 0 14px!important;padding:11px 24px!important}.prep-scene .workstation-titles{gap:2px!important}.prep-scene .workstation-name{font-size:1.2rem!important;line-height:1.25!important}.prep-scene .workstation-sub{font-size:.84rem!important;line-height:1.2!important}.prep-scene .workstation-step-badge{border-radius:999px!important;padding:5px 14px!important;font-size:.78rem!important}.prep-scene .faucet-knob-console,.prep-scene .stove-burner-console{border-radius:18px!important;min-height:76px!important;padding:10px 18px!important}.prep-scene .workstation-footer{margin-top:10px!important}}@media (height<=880px){.prep-scene .stage-center-zone{padding:58px 28px 36px!important}.prep-scene .stage-single-workstation,.prep-scene .stage-content-row.stage-single-workstation,.prep-scene .stage-single-workstation .station-center-card,.prep-scene .stage-content-row.stage-single-workstation>.station-center-card{max-width:620px!important}.prep-scene .washing-viewport,.prep-scene .workstation-viewport{height:335px!important;min-height:325px!important;max-height:345px!important}.prep-scene .sink-preview-img,.prep-scene .container-state-img{height:295px!important;max-height:305px!important}.prep-scene .workstation-header{border-radius:999px!important;margin-bottom:14px!important;padding:11px 24px!important}.prep-scene .workstation-titles{gap:2px!important}.prep-scene .workstation-name{font-size:1.18rem!important;line-height:1.25!important}.prep-scene .workstation-sub{font-size:.82rem!important;line-height:1.2!important}.prep-scene .workstation-step-badge{border-radius:999px!important;padding:5px 14px!important;font-size:.78rem!important}.prep-scene .faucet-knob-console,.prep-scene .stove-burner-console{min-height:72px!important;padding:8px 16px!important}}@media (height<=740px){.prep-scene .stage-center-zone{padding:52px 22px 30px!important}.prep-scene .stage-single-workstation,.prep-scene .stage-content-row.stage-single-workstation,.prep-scene .stage-single-workstation .station-center-card,.prep-scene .stage-content-row.stage-single-workstation>.station-center-card{max-width:560px!important}.prep-scene .washing-viewport,.prep-scene .workstation-viewport{height:300px!important;min-height:290px!important;max-height:310px!important}.prep-scene .sink-preview-img,.prep-scene .container-state-img{height:265px!important;max-height:275px!important}.prep-scene .workstation-header{border-radius:999px!important;margin-bottom:12px!important;padding:9px 20px!important}.prep-scene .workstation-titles{gap:1px!important}.prep-scene .workstation-name{font-size:1.08rem!important;line-height:1.25!important}.prep-scene .workstation-sub{font-size:.76rem!important;line-height:1.2!important}.prep-scene .workstation-step-badge{border-radius:999px!important;padding:4px 12px!important;font-size:.74rem!important}.prep-scene .faucet-knob-console,.prep-scene .stove-burner-console{min-height:64px!important;padding:6px 12px!important}}@media (width<=1024px){.prep-scene .stage-center-zone{padding:52px 14px 20px!important}.prep-scene .stage-content-row{flex-direction:column!important;align-items:center!important;gap:20px!important}.prep-scene .stage-single-workstation,.prep-scene .stage-content-row.stage-single-workstation{max-width:520px!important}.prep-scene .stage-single-workstation .station-center-card,.prep-scene .stage-content-row.stage-single-workstation>.station-center-card,.prep-scene .stage-content-row>:not(:only-child),.prep-scene .stage-content-row>:only-child,.prep-scene .station-center-card .multi-state-workstation,.prep-scene .washing-workstation,.prep-scene .workstation-header{width:100%!important;max-width:520px!important}}.stovetop-layout{justify-content:space-evenly;align-items:flex-end;gap:36px;width:100%;max-width:100%;display:flex}.vessel-header-icon{object-fit:contain;vertical-align:middle;width:28px;height:28px;margin-right:8px}.stockpot-zone{flex-direction:column;flex:55%;justify-content:space-between;align-items:center;max-width:580px;min-height:380px;padding:0;transition:all .25s;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.stockpot-zone.simmering{box-shadow:none!important;background:0 0!important;border:none!important}.pot-graphic{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.pot-img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000073);z-index:2;width:280px;max-width:90%;height:240px;margin-bottom:4px;transition:transform .25s,filter .25s;position:relative}.pot-img.pot-simmering{filter:drop-shadow(0 10px 22px #ff572273);animation:.35s ease-in-out infinite alternate pot-rattle}@keyframes pot-rattle{0%{transform:translate(0)rotate(0)}25%{transform:translate(-1.5px,-.5px)rotate(-.5deg)}50%{transform:translate(1px,.5px)rotate(.5deg)}75%{transform:translate(-1px,1px)rotate(-.5deg)}to{transform:translate(1.5px,-.5px)rotate(.5deg)}}.burner-flame-underglow{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:140px;height:38px;display:flex;position:absolute;top:105px}.flame-corona{filter:blur(6px);background:radial-gradient(#ff780099 0%,#38bdf880 55%,#0000 75%);animation:.18s ease-in-out infinite alternate flame-flicker;position:absolute;inset:-4px}.gas-flame-ring{z-index:2;align-items:flex-end;gap:8px;height:100%;display:flex;position:relative}.flame-jet{filter:drop-shadow(0 0 5px #38bdf8);background:linear-gradient(#fff 0%,#fbbf24 30%,#ea580c 60%,#0284c7 95%);border-radius:50% 50% 30% 30%;width:8px;height:16px;animation:.22s ease-in-out infinite alternate jet-burn}.flame-jet.fj1{height:14px;animation-delay:30ms}.flame-jet.fj2{height:18px;animation-delay:.12s}.flame-jet.fj3{height:19px;animation-delay:70ms}.flame-jet.fj4{height:21px;animation-delay:.15s}.flame-jet.fj5{height:19px;animation-delay:50ms}.flame-jet.fj6{height:17px;animation-delay:.18s}.flame-jet.fj7{height:14px;animation-delay:90ms}@keyframes jet-burn{0%{transform:scaleY(.85)scaleX(.92)}to{transform:scaleY(1.15)scaleX(1.08)}}@keyframes flame-flicker{0%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.pot-status-text{font-family:var(--font-heading);color:#1e293b;text-align:center;margin-top:4px;font-size:.9rem;font-weight:700;display:block}.pot-ready-callout{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.transfer-hint-pill{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:4px 14px;font-size:.78rem;font-weight:800;animation:1.2s infinite alternate pulse-border;box-shadow:0 4px 12px #10b98166}.steam-particles{pointer-events:none;z-index:4;gap:20px;display:flex;position:absolute;top:6px}.steam{filter:blur(4px);background:#fffc;border-radius:50%;width:14px;height:28px}.steam.s1{animation:1.5s ease-out infinite steam-rise}.steam.s2{animation:1.7s ease-out .4s infinite steam-rise}.steam.s3{animation:1.4s ease-out .8s infinite steam-rise}.stove-burner-console{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fbf8f1 40%,#f2e7d5 80%,#dfcfb9 100%);border:none;border-top:2.5px solid #d5c3ab;border-radius:0 0 18px 18px;align-items:center;gap:16px;width:100%;min-height:86px;margin:0;padding:12px 20px;transition:all .22s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:inset 0 1.5px #fff,0 4px 10px #4e341c14}.stove-burner-console:hover{background:linear-gradient(#fff 0%,#fffbf2 40%,#f7ecd9 80%,#e8dac5 100%);box-shadow:inset 0 1.5px #fff,0 6px 14px #4e341c24}.stove-burner-console.ready-to-ignite{background:linear-gradient(#fffdf5 0%,#fef3c7 40%,#fde68a 80%,#fcd34d 100%);border-top-color:#f59e0b;box-shadow:inset 0 1.5px #fff,0 0 20px #f59e0b73}.stove-burner-console.flame-active{background:linear-gradient(#fff7ed 0%,#ffedd5 40%,#fed7aa 80%,#fdba74 100%);border-top-color:#f97316;box-shadow:inset 0 1.5px #fff,0 0 24px #f9731673}.stove-burner-console.knob-shake{animation:.4s knob-locked-shake}@keyframes console-beacon{0%{box-shadow:0 0 14px #f59e0b59,inset 0 1px #ffdc9633}to{box-shadow:0 0 28px #f59e0bb3,inset 0 1px #ffdc9666}}@keyframes knob-locked-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.knob-assembly{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.knob-base-img{object-fit:contain;filter:drop-shadow(0 4px 8px #4e341c66);width:100%;height:100%;display:block}.knob-rotor-img{object-fit:contain;filter:drop-shadow(0 2px 5px #4e341c59);width:100%;height:100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.knob-rotor-img.turned-off{transform:rotate(0)}.knob-rotor-img.turned-high{filter:drop-shadow(0 0 10px #f97316bf)drop-shadow(0 3px 6px #00000059);transform:rotate(90deg)}.knob-beacon-ring{pointer-events:none;border:2px solid #f59e0b;border-radius:50%;animation:1.6s ease-out infinite beacon-expand;position:absolute;inset:-4px}.knob-beacon-ring.r2{animation-delay:.8s}@keyframes beacon-expand{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.4)}}.burner-panel-text{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.burner-badge-row{align-items:center;gap:8px;max-width:100%;display:flex}.burner-led{border:2px solid #cca87d;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .2s;display:inline-block;box-shadow:inset 0 1px 2px #00000040}.burner-led.cold{background:#a8947e;border-color:#d5c3ab}.burner-led.blinking{background:#f59e0b;border-color:#fde68a;animation:.8s infinite alternate led-blink;box-shadow:0 0 10px #f59e0b}.burner-led.burning{background:#ef4444;border-color:#fca5a5;box-shadow:0 0 12px #ef4444,0 0 18px #f97316}.burner-led.blinking-water{background:#0284c7;border-color:#bae6fd;animation:.8s infinite alternate led-blink;box-shadow:0 0 10px #0284c7}.burner-led.flowing{background:#0ea5e9;border-color:#e0f2fe;box-shadow:0 0 12px #0ea5e9,0 0 18px #38bdf8}.burner-led.sanitized-led{background:#10b981;border-color:#bbf7d0;animation:1.2s infinite alternate led-blink;box-shadow:0 0 12px #10b981}@keyframes led-blink{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.burner-mode-title{font-family:var(--font-heading);color:#3d2612;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.stove-burner-console.flame-active .burner-mode-title{color:#9a3412;text-shadow:0 0 8px #f9731666}.burner-action-hint{color:#735b44;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-weight:700;overflow:hidden}.stove-burner-console.ready-to-ignite .burner-action-hint{color:#b45309;font-weight:800}.burner-progress-container{flex-direction:column;gap:4px;max-width:100%;display:flex}.burner-progress-track{background:#e8dccb;border:1.5px solid #cca87d;border-radius:6px;width:160px;height:9px;overflow:hidden;box-shadow:inset 0 1px 3px #5a3c1e33}.burner-progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;height:100%;transition:width .35s;box-shadow:0 0 10px #ef4444d9}.burner-action-hint.flame-text{color:#9a3412;font-weight:800}.burner-action-hint.ready-text{color:#b45309;font-weight:800;animation:1.2s ease-in-out infinite alternate pulse-hint}@keyframes pulse-hint{0%{opacity:.8;transform:translate(0)}to{opacity:1;transform:translate(2px)}}.stove-burner-console.has-extra-action{gap:14px;padding:12px 18px}.burner-extra-action{flex-shrink:0;margin-left:auto}.burner-extra-action .btn-workstation-action{white-space:nowrap;border-radius:12px;padding:8px 16px;font-size:.82rem;box-shadow:0 3px #78350f,0 3px 8px #d9770659}.workstation-footer.has-custom-footer,.steaming-scene .workstation-footer.has-custom-footer{background:0 0!important;border:none!important;width:100%!important;min-height:0!important;margin-top:auto!important;padding:0!important;display:flex!important}.faucet-knob-console{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fbf8f1 40%,#f2e7d5 80%,#dfcfb9 100%);border:none;border-top:2.5px solid #d5c3ab;border-radius:0 0 18px 18px;align-items:center;gap:16px;width:100%;min-height:86px;margin:0;padding:12px 20px;transition:all .22s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:inset 0 1.5px #fff,0 4px 10px #4e341c14}.faucet-knob-console:hover{background:linear-gradient(#fff 0%,#fffbf2 40%,#f7ecd9 80%,#e8dac5 100%);box-shadow:inset 0 1.5px #fff,0 6px 14px #4e341c24}.faucet-knob-console.ready-to-wash{background:linear-gradient(#f0f9ff 0%,#e0f2fe 40%,#bae6fd 80%,#7dd3fc 100%);border-top-color:#0284c7;box-shadow:inset 0 1.5px #fff,0 0 20px #0284c766}.faucet-knob-console.flow-active{background:linear-gradient(#f0fdf4 0%,#e0f2fe 35%,#bae6fd 75%,#38bdf8 100%);border-top-color:#0284c7;box-shadow:inset 0 1.5px #fff,0 0 24px #38bdf873}.faucet-knob-console.sanitized-active{background:linear-gradient(#f0fdf4 0%,#dcfce7 40%,#bbf7d0 80%,#86efac 100%);border-top-color:#10b981;box-shadow:inset 0 1.5px #fff,0 0 18px #10b98159}.faucet-knob-assembly .knob-rotor-img.turned-high{filter:drop-shadow(0 0 10px #38bdf8cc)drop-shadow(0 3px 6px #00000059);transform:rotate(90deg)}@keyframes faucet-beacon{0%{box-shadow:0 0 12px #0ea5e959,inset 0 1px #bae6fd33}to{box-shadow:0 0 26px #0ea5e9bf,inset 0 1px #bae6fd66}}.faucet-beacon-ring{pointer-events:none;border:2px solid #0284c7;border-radius:50%;animation:1.6s ease-out infinite beacon-expand;position:absolute;inset:-4px}.faucet-beacon-ring.r2{animation-delay:.8s}.faucet-title{font-family:var(--font-heading);color:#3d2612;letter-spacing:.4px;font-size:.92rem;font-weight:800}.faucet-knob-console.flow-active .faucet-title{color:#0369a1;text-shadow:0 0 8px #38bdf866}.faucet-knob-console.sanitized-active .faucet-title{color:#166534}.faucet-action-hint{color:#735b44;font-size:.78rem;font-weight:700}.faucet-action-hint.ready-water-text{color:#0369a1;font-weight:800;animation:1.2s ease-in-out infinite alternate pulse-hint}.faucet-action-hint.flowing-text{color:#0284c7;text-shadow:0 0 6px #38bdf866;font-weight:800}.faucet-action-hint.sanitized-text{color:#166534;font-weight:800}.faucet-action-hint.complete-water-text{color:#735b44;font-weight:600}.tenderness-meter{width:220px;margin:10px auto}.gauge-track{background:#cbd5e1;border:2px solid #94a3b8;border-radius:8px;height:16px;position:relative;overflow:hidden}.gauge-green-zone{background:#2ecc7166;border-left:2px dashed #27ae60;border-right:2px dashed #27ae60;position:absolute;top:0;bottom:0}.gauge-fill{background:linear-gradient(90deg,#f1c40f,#e67e22,#2ecc71);height:100%;transition:width .1s linear}.gauge-label{font-family:var(--font-heading);color:#334155;margin-top:4px;font-size:.75rem;font-weight:700;display:block}.btn-stop-boil{margin-top:6px;padding:6px 16px;font-size:.85rem}.blender-appliance{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#f8fafc;border:3px solid #cbd5e1;padding:16px;transition:all .2s}.blender-appliance.pulse-blender{border-color:var(--color-gold-400);background:var(--color-gold-50);animation:1s infinite alternate pulse-border;box-shadow:0 0 20px #f5a62366}.blender-img{object-fit:contain;filter:drop-shadow(0 6px 14px #0000002e);width:96px;height:96px;margin-bottom:6px;transition:transform .2s}.blender-appliance:hover .blender-img{transform:translateY(-3px)scale(1.04)}.blender-appliance.pulse-blender .blender-img{animation:.15s linear infinite blender-vibrate}@keyframes blender-vibrate{0%{transform:translate(0)rotate(0)}25%{transform:translate(-2px,1px)rotate(-1.5deg)}50%{transform:translate(2px,-1px)rotate(1.5deg)}75%{transform:translate(-1px,-1px)rotate(-1deg)}to{transform:translate(1px,1px)rotate(1deg)}}.blender-appliance h4{font-family:var(--font-heading);color:var(--color-text-main);font-size:.95rem}.blender-appliance p{color:#64748b;margin-top:4px;font-size:.75rem}.mixing-bowl-zone{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:380px;transition:all .25s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.mixing-bowl-zone.dough-ready-zone{background:0 0!important;border:none!important}.bowl-stage-visual{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.mixing-bowl-img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000073);width:280px;max-width:90%;height:260px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:block}.mixing-bowl-zone:hover .mixing-bowl-img{transform:scale(1.05)}.bowl-contents-summary{flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;margin-top:10px;display:flex}.ingredient-tag-pill{border:1.5px solid var(--color-palm-400);color:var(--color-palm-800);font-family:var(--font-heading);border-radius:var(--radius-pill);background:#fff;padding:3px 12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 5px #0000000d}.mix-prompt-overlay{margin-top:16px}.btn-stir{align-items:center;gap:8px;padding:10px 24px;font-size:1.05rem;font-weight:800;animation:1.5s ease-in-out infinite star-bounce;display:inline-flex}.stir-icon-img{object-fit:contain;width:26px;height:26px}.dough-finished-badge{border:2.5px solid var(--color-palm-500);border-radius:var(--radius-lg);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:4px;max-width:380px;margin-top:14px;padding:14px 22px;display:flex;box-shadow:0 8px 24px #d977062e}.dough-img{object-fit:contain;filter:drop-shadow(0 6px 14px #b4530940);width:84px;height:84px;margin-bottom:2px}.dough-finished-badge h4{font-family:var(--font-heading);color:var(--color-palm-800);margin:0;font-size:1.05rem;font-weight:800}.dough-finished-badge p{color:#64748b;margin:0 0 8px;font-size:.82rem}.btn-next-stage{font-family:var(--font-heading);color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #d9770659}.btn-next-stage:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #d9770680}.pulse{animation:2s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 4px 14px #d9770659}50%{transform:scale(1.03);box-shadow:0 6px 22px #d9770699}}.dehydrate-complete-banner,.frying-complete-banner{border:2.5px solid var(--color-palm-500);border-radius:var(--radius-lg);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:6px;margin-top:14px;padding:12px 20px;display:flex;box-shadow:0 6px 18px #0000001f}.dehydrate-complete-banner h4,.frying-complete-banner h4{font-family:var(--font-heading);color:var(--color-palm-800);margin:0;font-size:1rem}.dehydrate-complete-banner p,.frying-complete-banner p{color:#64748b;margin:0 0 6px;font-size:.8rem}.qc-workstation{flex-direction:column;justify-content:flex-start;display:flex}.qc-viewport{gap:8px;position:relative;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;width:100%!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px 18px!important;display:flex!important}.qc-recipe-list{flex-direction:column;gap:5px;width:100%;display:flex}.qc-list-title{color:#735b44;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dfcfb9;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.9rem;font-weight:800;display:flex}.qc-step-counter{color:#0369a1;border-radius:var(--radius-pill);background:linear-gradient(#e0f2fe 0%,#bae6fd 100%);border:1.5px solid #7dd3fc;padding:2px 9px;font-size:.82rem;font-weight:800;box-shadow:0 1.5px #0284c7}.qc-item-row{box-sizing:border-box;background:#fff;border:2px solid #dfcfb9;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:5px 10px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px #cfbc9f,0 3px 6px #4e341c0a}.qc-item-row:hover{background:#fdfaf5;border-color:#c9b397;transform:translateY(-1px)}.qc-item-row.completed{background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border-color:#86efac;box-shadow:0 2px #22c55e,inset 0 1px #fff9}.qc-item-row.current-target{background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b;animation:1.8s ease-in-out infinite pulseGuide;box-shadow:0 2.5px #d97706,0 0 12px #f59e0b40}.qc-item-icon-box{background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.qc-item-icon-box img{object-fit:contain;width:24px;height:24px}.qc-item-meta{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.qc-item-meta strong{color:#3d2612;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:800;line-height:1.2;overflow:hidden}.qc-item-meta span{color:#735b44;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;line-height:1.2;overflow:hidden}.qc-status-chip{border-radius:var(--radius-pill);white-space:nowrap;color:#735b44;background:#f7f1e6;border:1.5px solid #dfcfb9;flex-shrink:0;padding:4px 10px;font-size:.82rem;font-weight:800;box-shadow:0 1.5px #cfbc9f}.qc-status-chip.chip-done{color:#14532d;background:linear-gradient(#dcfce7 0%,#bbf7d0 100%);border-color:#4ade80;font-weight:800;box-shadow:0 2px #166534,inset 0 1px #fff9}.qc-status-chip.chip-next{color:#78350f;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border-color:#f59e0b;font-weight:800;animation:1.4s ease-in-out infinite chipPulse;box-shadow:0 2px #d97706}@keyframes chipPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.qc-rheology-card{background:#fff;border:2px solid #dfcfb9;border-radius:12px;flex-direction:column;gap:6px;margin-top:2px;padding:8px 12px;display:flex;box-shadow:0 2.5px #cfbc9f,0 3px 6px #4e341c0a;box-sizing:border-box!important;width:100%!important}.qc-rheology-header{color:#3d2612;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:800;display:flex}.qc-rheology-pct{font-family:var(--font-heading);color:#0369a1;font-size:.96rem;font-weight:800}.qc-progress-track{background:#f2e7d5;border:1.5px solid #dfcfb9;border-radius:6px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1.5px 2px #4e341c1f}.qc-progress-fill{background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #10b98166}.qc-texture-badge{text-align:center;color:#0369a1;box-sizing:border-box;background:#f0f9ff;border:1.5px dashed #bae6fd;border-radius:8px;width:100%;padding:5px 12px;font-size:.88rem;font-weight:800;transition:all .3s}.qc-texture-badge.texture-ready{color:#78350f;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border-style:solid;border-color:#f59e0b;font-weight:800;animation:2s ease-in-out infinite pulseGuide;box-shadow:0 2px #d97706}.qc-texture-badge.texture-perfect{color:#14532d;background:linear-gradient(#dcfce7 0%,#bbf7d0 100%);border-style:solid;border-color:#4ade80;font-weight:800;box-shadow:0 2.5px #166534,inset 0 1px #fff9}.dot-amber{background:#f59e0b;border-color:#fef3c7;box-shadow:0 0 8px #f59e0b}.spec-amber{color:#92400e;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#fde68a;box-shadow:0 2.5px #d97706}.dehydrator-layout{grid-template-columns:2fr 1fr;align-items:center;gap:20px;width:100%;display:grid}.tray-zone{min-height:280px;box-shadow:none!important;background:0 0!important;border:none!important}.tray-mesh-label{font-family:var(--font-heading);color:#475569;margin-bottom:12px;font-size:.85rem;font-weight:700;display:block}.discs-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cracker-disc{width:80px;height:80px;font-family:var(--font-heading);text-align:center;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.cracker-disc.empty{color:#94a3b8;background:#fff;border:2px dashed #94a3b8}.cracker-disc.placed{color:#854d0e;background:#fef9c3;border:3px solid #facc15;box-shadow:0 4px 8px #0000001a}.cracker-disc.dried-glassy{color:#713f12;background:linear-gradient(135deg,#fef08a 0%,#fde047 100%);border:3px solid #ca8a04;transform:scale(.95);box-shadow:0 0 14px #eab30899}.dehydrator-instrument-panel{flex-direction:column;gap:12px;display:flex}.instrument-card{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fff;border:2px solid #e2e8f0;padding:12px;box-shadow:0 2px 6px #0000000f}.instrument-label{font-family:var(--font-heading);color:#475569;margin-bottom:4px;font-size:.82rem;display:block}.instrument-value{font-family:var(--font-heading);color:#0f172a;font-size:1.25rem;font-weight:700}.instrument-value.optimal{color:var(--color-palm-600)}.action-tag{color:var(--color-gold-600);margin-top:2px;font-size:.72rem;font-weight:700;display:block}.moisture-meter-track{background:#e2e8f0;border-radius:5px;width:100%;height:10px;margin:6px 0;overflow:hidden}.moisture-fill{height:100%;transition:width .15s linear}.molding-scene .stage-content-row{flex-shrink:0;gap:36px;margin:0 auto;align-items:flex-start!important}.molding-workstation{flex-direction:column;display:flex;justify-content:flex-start!important}.molding-qc-viewport{gap:10px;position:relative;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;width:100%!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px 18px!important;display:flex!important}.molding-spec-card{background:#fff;border:2px solid #dfcfb9;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex;box-shadow:0 2.5px #cfbc9f,0 3px 6px #4e341c0a}.molding-spec-header{color:#3d2612;text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid #dfcfb9;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.94rem;font-weight:800;display:flex}.molding-spec-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.molding-spec-item{text-align:left;background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;padding:4px 8px;display:flex;box-shadow:0 1.5px #cfbc9f}.molding-spec-item .spec-title{color:#735b44;text-transform:uppercase;letter-spacing:.3px;font-size:.84rem;font-weight:700}.molding-spec-item .spec-val{color:#3d2612;font-size:1.08rem;font-weight:800}.wafer-profile-row{background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 1.5px #cfbc9f}.wafer-profile-visual{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.wafer-profile-visual img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:52px;height:26px}.wafer-tag-badge{color:#3d2612;border-radius:var(--radius-pill);white-space:nowrap;background:#fff;border:1.5px solid #dfcfb9;padding:3px 9px;font-size:.84rem;font-weight:800;box-shadow:0 1px #cfbc9f}.wafer-profile-details{flex-direction:column;flex:1;gap:3px;display:flex}.profile-detail-item{justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.profile-detail-item .detail-label{color:#735b44;font-weight:700}.profile-detail-item .detail-val{color:#3d2612;font-size:1.04rem;font-weight:800}.molding-science-note{color:#1e3a8a;text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:8px;padding:6px 10px;font-size:.86rem;line-height:1.4;box-shadow:0 1.5px #7dd3fc}.molding-science-note strong{color:#0369a1}.btn-fill-remaining{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#0284c7 0%,#0369a1 100%);border:2px solid #075985;align-items:center;gap:6px;padding:6px 16px;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 3px #082f49,0 4px 10px #0284c759,inset 0 1px #fff6}.btn-fill-remaining:hover:not(:disabled){background:linear-gradient(#38bdf8 0%,#0284c7 100%);transform:translateY(-1px);box-shadow:0 4px #082f49,0 6px 14px #0284c773,inset 0 1px #fff9}.btn-fill-remaining:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #082f49}.btn-fill-remaining:disabled{opacity:.6;cursor:not-allowed}.mold-scraping-overlay{pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mold-leveling-anim{object-fit:contain;filter:drop-shadow(0 8px 16px #0000004d);width:90px;height:90px;animation:.6s cubic-bezier(.25,1,.5,1) forwards spatulaMoldScrape}@keyframes spatulaMoldScrape{0%{opacity:0;transform:translate(-80px,-40px)rotate(-35deg)scale(.9)}25%{opacity:1}50%{transform:translate(0)rotate(10deg)scale(1.05)}75%{opacity:1;transform:translate(60px,30px)rotate(45deg)scale(1)}to{opacity:0;transform:translate(90px,50px)rotate(60deg)scale(.85)}}.silicone-mold-container{border-radius:var(--radius-xl);background:#fdf2f8;border:4px solid #f472b6;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:16px;display:flex;box-shadow:0 12px 28px #f472b640}.mold-header-bar{justify-content:space-between;align-items:center;display:flex}.mold-header-bar h4{font-family:var(--font-heading);color:#9d174d;margin:0;font-size:1rem}.mold-badge{color:#831843;background:#fbcfe8;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700}.silicone-grid-24{border-radius:var(--radius-lg);background:#fce7f3;border:2px dashed #f472b6;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px;display:grid}.mold-slot{aspect-ratio:1.8;cursor:pointer;background:#fdf2f8;border:2px solid #f9a8d4;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.mold-slot:hover:not(.filled){background:#fbcfe8;transform:scale(1.05)}.mold-slot.slot-target{border-color:#10b981;animation:1.5s infinite pulseGuide}.mold-slot.filled{background:#fef08a;border:2px solid #eab308;box-shadow:inset 0 2px 4px #0000001a}.molded-dough-rect{background:linear-gradient(135deg,#fef9c3 0%,#fde047 100%);border-radius:3px;width:80%;height:70%;box-shadow:0 2px 4px #0000001f}.empty-slot-plus{color:#f472b6;font-size:.9rem;font-weight:700}.mold-footer-bar{text-align:center;color:#831843;font-size:.78rem;font-weight:600}.btn-quick-fill{color:#fff;border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;margin-top:6px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 12px #db277759}.btn-quick-fill:hover{transform:translateY(-2px)}.steaming-scene .stage-content-row{flex-shrink:0;gap:36px;margin:0 auto;align-items:flex-start!important}.steaming-workstation{flex-direction:column;display:flex;justify-content:flex-start!important}.steaming-scene .workstation-footer:not(.has-custom-footer){background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:22px!important;padding:14px 24px!important;box-shadow:0 4px #bda88e,0 10px 26px #4e341c1a!important}.steaming-qc-viewport{background:radial-gradient(circle at 50% 30%,#fffdfa 0%,#f7f1e6 100%);gap:8px;position:relative;overflow:hidden;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;width:100%!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px 18px!important;display:flex!important}.steaming-scene .container-state-img{object-fit:contain!important;filter:drop-shadow(0 20px 34px #4e341c40)!important;width:auto!important;max-width:100%!important;height:auto!important;transition:transform .25s ease-out,filter .25s!important}.steamer-step-0 .container-state-img,.steamer-step-1 .container-state-img,.steamer-step-2 .container-state-img,.steamer-step-3 .container-state-img{width:440px!important;height:440px!important;max-height:440px!important;transform:none!important}.steamer-step-4 .container-state-img{width:422px!important;height:305px!important;max-height:310px!important;transform:translateY(24px)!important}.steamer-step-5 .container-state-img{width:430px!important;height:322px!important;max-height:328px!important;transform:translateY(18px)!important}.steamer-step-6 .container-state-img{width:490px!important;height:268px!important;max-height:275px!important;transform:translateY(12px)!important}.steaming-scene .multi-state-workstation:hover .container-state-img{filter:drop-shadow(0 26px 44px #4e341c59)!important}.steaming-scene .multi-state-workstation.compatible-target .container-state-img,.steaming-scene .multi-state-workstation.drag-hover .container-state-img{filter:drop-shadow(0 0 28px #22c55ee6)drop-shadow(0 20px 34px #4e341c40)!important}@media (height<=880px){.steamer-step-0 .container-state-img,.steamer-step-1 .container-state-img,.steamer-step-2 .container-state-img,.steamer-step-3 .container-state-img{width:385px!important;height:385px!important;max-height:385px!important}.steamer-step-4 .container-state-img{width:370px!important;height:267px!important;max-height:275px!important;transform:translateY(20px)!important}.steamer-step-5 .container-state-img{width:376px!important;height:282px!important;max-height:288px!important;transform:translateY(15px)!important}.steamer-step-6 .container-state-img{width:440px!important;height:240px!important;max-height:250px!important;transform:translateY(10px)!important}}@media (height<=740px){.steamer-step-0 .container-state-img,.steamer-step-1 .container-state-img,.steamer-step-2 .container-state-img,.steamer-step-3 .container-state-img{width:340px!important;height:340px!important;max-height:340px!important}.steamer-step-4 .container-state-img{width:326px!important;height:235px!important;max-height:240px!important;transform:translateY(16px)!important}.steamer-step-5 .container-state-img{width:332px!important;height:248px!important;max-height:254px!important;transform:translateY(12px)!important}.steamer-step-6 .container-state-img{width:390px!important;height:213px!important;max-height:220px!important;transform:translateY(8px)!important}}.steaming-spec-card{background:#fff;border:2px solid #dfcfb9;border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex;box-shadow:0 2.5px #cfbc9f,0 3px 6px #4e341c0a}.steaming-spec-header{color:#3d2612;text-transform:uppercase;letter-spacing:.4px;border-bottom:1.5px solid #dfcfb9;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.94rem;font-weight:800;display:flex}.steaming-spec-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.steaming-spec-item{text-align:left;background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;padding:4px 8px;display:flex;box-shadow:0 1.5px #cfbc9f}.steaming-spec-item .spec-title{color:#735b44;text-transform:uppercase;letter-spacing:.3px;font-size:.84rem;font-weight:700}.steaming-spec-item .spec-val{color:#3d2612;font-size:1.08rem;font-weight:800}.steaming-cycle-row{background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;gap:2px;padding:3px 6px;display:flex;box-shadow:0 1.5px #cfbc9f}.steaming-cycle-header{color:#3d2612;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;display:flex}.steaming-cycle-bar-bg{background:#f2e7d5;border:1px solid #dfcfb9;border-radius:4px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1.5px 2px #4e341c1f}.steaming-cycle-bar-fill{background:linear-gradient(90deg,#38bdf8 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .3s}.steaming-thermal-indicator{color:#15803d;background:#f0fdf4;border:1.5px solid #86efac;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:3px 6px;font-size:.82rem;font-weight:800;display:flex;box-shadow:0 1.5px #86efac}.steaming-texture-compare{grid-template-columns:1fr 1fr;gap:6px;display:grid}.texture-compare-box{text-align:left;background:#fff;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;gap:2px;padding:5px 8px;transition:all .2s;display:flex;box-shadow:0 1.5px #cfbc9f}.texture-compare-box.active-state{background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border:2px solid #4ade80;box-shadow:0 2px #166534,inset 0 1px #fff9}.texture-box-tag{text-transform:uppercase;color:#735b44;font-size:.8rem;font-weight:800}.texture-compare-box.active-state .texture-box-tag{color:#14532d}.texture-box-desc{color:#3d2612;font-size:.88rem;font-weight:800}.texture-compare-box.active-state .texture-box-desc{color:#14532d}.steaming-science-note{color:#1e3a8a;text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:6px;padding:6px 8px;font-size:.8rem;line-height:1.35;box-shadow:0 1.5px #7dd3fc}.steaming-science-note strong{color:#0284c7}.dehydration-scene .stage-content-row{flex-shrink:0;gap:36px;margin:0 auto;align-items:flex-start!important}.dehydration-scene .workstation-footer:not(.has-custom-footer){background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:22px!important;padding:14px 24px!important;box-shadow:0 4px #bda88e,0 10px 26px #4e341c1a!important}.dehydrator-appliance-console{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fbf8f1 40%,#f2e7d5 80%,#dfcfb9 100%);border:none;border-top:2.5px solid #d5c3ab;border-radius:0 0 18px 18px;justify-content:flex-start;align-items:center;gap:16px;width:100%;min-height:86px;margin:0;padding:12px 20px;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 1.5px #fffffff2,0 -2px 6px #4e341c0a}.dehydrator-appliance-console:hover{background:linear-gradient(#fff 0%,#fdfaf5 40%,#f5ece0 80%,#e6d8c5 100%);box-shadow:inset 0 1.5px #fff,0 6px 14px #4e341c14}.dehydrator-appliance-console.ready-to-start{background:linear-gradient(#f0f9ff 0%,#e0f2fe 35%,#bae6fd 75%,#7dd3fc 100%);border-top-color:#0284c7;box-shadow:inset 0 1.5px #fff,0 0 16px #0284c759}.dehydrator-appliance-console.is-running{cursor:default;background:linear-gradient(#f0fdf4 0%,#dcfce7 35%,#bbf7d0 75%,#86efac 100%);border-top-color:#10b981;box-shadow:inset 0 1.5px #fff,0 0 20px #10b98159}.dehydrator-dial-assembly{background:linear-gradient(145deg,#2a1f18 0%,#150e0a 100%);border:2.5px solid #38bdf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 3.5px #082f49,0 4px 10px #00000059,inset 0 1.5px 2px #ffffff40}.dehydrator-appliance-console.ready-to-start .dehydrator-dial-assembly{border-color:#0284c7;box-shadow:0 3.5px #082f49,0 0 0 3px #38bdf866,0 4px 12px #0284c780}.dehydrator-appliance-console.is-running .dehydrator-dial-assembly{background:radial-gradient(circle,#064e3b 0%,#022c22 100%);border-color:#10b981;box-shadow:0 3.5px #064e3b,0 0 0 3.5px #34d39959,0 0 18px #10b98180,inset 0 1px 2px #ffffff4d}.dehydrator-dial-icon{justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.convection-turbine-svg{filter:drop-shadow(0 0 6px #34d399d9);width:28px;height:28px}.power-btn-svg{color:#38bdf8;filter:drop-shadow(0 0 6px #38bdf8e6)drop-shadow(0 0 12px #0284c799);width:24px;height:24px;transition:all .25s}.dehydrator-appliance-console.ready-to-start .power-btn-svg{color:#38bdf8;filter:drop-shadow(0 0 8px #38bdf8)drop-shadow(0 0 16px #38bdf8f2);animation:1.6s ease-in-out infinite powerGlowPulse}.dehydrator-appliance-console.is-running .dehydrator-dial-icon{color:#4ade80;filter:drop-shadow(0 0 8px #4ade80)}@keyframes powerGlowPulse{0%,to{color:#38bdf8;filter:drop-shadow(0 0 6px #38bdf8)drop-shadow(0 0 12px #0284c7b3);transform:scale(1)}50%{color:#7dd3fc;filter:drop-shadow(0 0 10px #7dd3fc)drop-shadow(0 0 20px #38bdf8f2);transform:scale(1.12)}}.dehydrator-dial-icon.spinning{justify-content:center;align-items:center;animation:1.4s linear infinite fanSpin;display:inline-flex}@keyframes fanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dehydrator-panel-text{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.dehydrator-badge-row{align-items:center;gap:7px;display:flex}.dehydrator-led{background:#cbd5e1;border:2px solid #94a3b8;border-radius:50%;width:11px;height:11px;display:inline-block;box-shadow:inset 0 1px 2px #00000059}.dehydrator-led.blinking{background:#0284c7;border-color:#bae6fd;animation:.8s infinite alternate led-blink;box-shadow:0 0 8px #0284c7}.dehydrator-led.active-running{background:#10b981;border-color:#bbf7d0;animation:1s infinite alternate led-blink;box-shadow:0 0 10px #10b981,0 0 16px #34d399}.dehydrator-mode-title{font-family:var(--font-heading);color:#3d2612;letter-spacing:.4px;font-size:.88rem;font-weight:800}.dehydrator-appliance-console.ready-to-start .dehydrator-mode-title{color:#0369a1}.dehydrator-appliance-console.is-running .dehydrator-mode-title{color:#065f46;letter-spacing:.5px;font-size:.92rem}.dehydrator-action-hint{color:#735b44;font-size:.76rem;font-weight:700}.dehydrator-progress-container{flex-direction:column;gap:5px;width:100%;max-width:280px;display:flex}.dehydrator-progress-bar-bg{background:#064e3b24;border:1.5px solid #86efac;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #064e3b40}.dehydrator-progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#22c55e 50%,#34d399 100%);border-radius:999px;height:100%;transition:width .3s;position:relative;box-shadow:0 0 8px #34d399cc,inset 0 1px #ffffffbf}.dehydrator-progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:1.8s infinite progressShimmer;position:absolute;inset:0}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dehydrator-progress-label-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.progress-pct-badge{color:#065f46;letter-spacing:.2px;font-size:.76rem;font-weight:800}.progress-time-remaining{color:#047857;background:#ffffffb3;border:1px solid #86efac;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.dehydration-qc-viewport{background:radial-gradient(circle at 50% 30%,#fffdfa 0%,#f7f1e6 100%);gap:8px;position:relative;overflow:hidden;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;width:100%!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px 18px!important;display:flex!important}.dehydration-spec-card{background:#fff;border:2px solid #dfcfb9;border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex;box-shadow:0 2.5px #cfbc9f,0 3px 6px #4e341c0a}.dehydration-spec-header{color:#3d2612;text-transform:uppercase;letter-spacing:.4px;border-bottom:1.5px solid #dfcfb9;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.94rem;font-weight:800;display:flex}.dehydration-spec-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dehydration-spec-item{text-align:left;background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;padding:4px 8px;display:flex;box-shadow:0 1.5px #cfbc9f}.dehydration-spec-item .spec-title{color:#735b44;text-transform:uppercase;letter-spacing:.3px;font-size:.84rem;font-weight:700}.dehydration-spec-item .spec-val{color:#3d2612;font-size:1.08rem;font-weight:800}.dehydration-cycle-row{background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;gap:2px;padding:3px 6px;display:flex;box-shadow:0 1.5px #cfbc9f}.dehydration-cycle-header{color:#3d2612;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;display:flex}.dehydration-cycle-bar-bg{background:#f2e7d5;border:1px solid #dfcfb9;border-radius:4px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1.5px 2px #4e341c1f}.dehydration-cycle-bar-fill{background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .3s}.dehydration-texture-compare{grid-template-columns:1fr 1fr;gap:5px;display:grid}.texture-box{text-align:center;background:#fff;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;align-items:center;padding:3px 6px;display:flex}.texture-box.target-good{background:#f0fdf4;border-color:#86efac}.texture-lbl{color:#735b44;text-transform:uppercase;font-size:.78rem;font-weight:700}.texture-val{color:#3d2612;font-size:.88rem;font-weight:800}.texture-box.target-good .texture-val{color:#15803d}.dehydration-science-note{color:#1e3a8a;text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:6px;padding:6px 8px;font-size:.8rem;line-height:1.35;box-shadow:0 1.5px #7dd3fc}.dehydration-science-note strong{color:#0284c7}.frying-station-layout{grid-template-columns:2fr 1fr;align-items:center;gap:20px;width:100%;display:grid}.wok-zone{color:#fff;min-height:380px;box-shadow:none!important;background:0 0!important;border:none!important}.wok-rim{font-size:4.5rem;display:block}.oil-temp-badge{font-family:var(--font-heading);color:#fde047;margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.temp-ready{font-family:var(--font-heading);color:#4ade80;font-size:1.1rem;font-weight:700;display:block}.wok-appliance-img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000073);width:280px;max-width:90%;height:260px;margin:0 auto;display:block}.thermometer-gauge-img{object-fit:contain;width:32px;height:32px;margin-bottom:4px}.skimmer-tool-img{object-fit:contain;width:42px;height:42px;margin-bottom:4px}.sizzling-wok{animation:.3s infinite sizzle-shake;box-shadow:0 0 24px #f5a62366}.puffing-animation-container{flex-direction:column;align-items:center;display:flex;position:relative}.sizzle-bubbles{gap:12px;display:flex;position:absolute;top:-24px}.bubble{font-size:1.4rem;animation:.8s ease-out infinite steam-rise}.puffed-cracker-img{object-fit:cover;border:3px solid #facc15;border-radius:50%;width:96px;height:96px;animation:.8s cubic-bezier(.175,.885,.32,1.275) cracker-puff;box-shadow:0 0 20px #facc15cc}.puff-multiplier-tag{font-family:var(--font-heading);color:#fef08a;margin-top:6px;font-size:.82rem;font-weight:700;display:block}.frying-tools-sidebar{flex-direction:column;align-items:center;gap:14px;display:flex}.thermometer-gauge{border-radius:var(--radius-md);background:#fff;border:2px solid #cbd5e1;flex-direction:column;align-items:center;width:100px;padding:12px;display:flex}.therm-bar{background:#e2e8f0;border-radius:7px;flex-direction:column-reverse;width:14px;height:90px;margin:6px 0;display:flex;position:relative;overflow:hidden}.therm-target-band{background:#2ecc7180;border-top:1px dashed #27ae60;border-bottom:1px dashed #27ae60;position:absolute;left:0;right:0}.therm-fill{background:#ef4444;border-radius:7px;width:100%;transition:height .15s linear}.therm-readout{font-family:var(--font-heading);color:#0f172a;font-size:.95rem;font-weight:700}.therm-sub{color:#64748b;font-size:.65rem;font-weight:600}.skimmer-tool-box{cursor:pointer;text-align:center}.skimmer-icon{margin-bottom:4px;font-size:2.5rem;display:block}.btn-skimmer{padding:6px 12px;font-size:.82rem}.frying-scene .stage-content-row{flex-shrink:0;gap:36px;margin:0 auto;align-items:flex-start!important}.frying-scene .workstation-footer:not(.has-custom-footer){background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:20px!important;padding:12px 20px!important;box-shadow:0 4px #bda88e,0 10px 24px #4e341c14!important}.frying-qc-viewport{background:radial-gradient(circle at 50% 30%,#fffdfa 0%,#f7f1e6 100%);gap:8px;position:relative;overflow:hidden;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;width:100%!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px 18px!important;display:flex!important}.frying-spec-card{background:#fff;border:2px solid #dfcfb9;border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex;box-shadow:0 2.5px #cfbc9f,0 3px 6px #4e341c0a}.frying-spec-header{color:#3d2612;text-transform:uppercase;letter-spacing:.4px;border-bottom:1.5px solid #dfcfb9;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.94rem;font-weight:800;display:flex}.frying-spec-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.frying-spec-item{text-align:left;background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;padding:4px 8px;display:flex;box-shadow:0 1.5px #cfbc9f}.frying-spec-item .spec-title{color:#735b44;text-transform:uppercase;letter-spacing:.3px;font-size:.84rem;font-weight:700}.frying-spec-item .spec-val{color:#3d2612;font-size:1.08rem;font-weight:800}.frying-cycle-row{background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;gap:2px;padding:3px 6px;display:flex;box-shadow:0 1.5px #cfbc9f}.frying-cycle-header{color:#3d2612;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;display:flex}.frying-cycle-bar-bg{background:#f2e7d5;border:1px solid #dfcfb9;border-radius:4px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1.5px 2px #4e341c1f}.frying-cycle-bar-fill{background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .3s}.frying-texture-compare{grid-template-columns:1fr 1fr;gap:5px;display:grid}.frying-science-note{color:#1e3a8a;text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:6px;padding:6px 8px;font-size:.8rem;line-height:1.35;box-shadow:0 1.5px #7dd3fc}.frying-science-note strong{color:#0284c7}.container-state-img.anim-sizzling{transform-origin:50% 80%!important;animation:.12s ease-in-out infinite alternate fryingPanSizzle!important}@keyframes fryingPanSizzle{0%{transform:translate(0)rotate(0)}50%{transform:translate(.6px,-.6px)rotate(.2deg)}to{transform:translate(-.6px,.6px)rotate(-.2deg)}}.sizzling-fx .oil-shimmer{pointer-events:none;background:radial-gradient(#fbbf2459 0%,#f59e0b33 50%,#0000 75%);border-radius:50%;width:180px;height:70px;animation:1s ease-in-out infinite alternate oilHeatRipples;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}@keyframes oilHeatRipples{0%{opacity:.6;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.packaging-scene .stage-content-row{flex-shrink:0;gap:36px;margin:0 auto;align-items:flex-start!important}.packaging-scene .workstation-footer:not(.has-custom-footer){background:#fff!important;border:2.5px solid #dfcfb9!important;border-bottom:4.5px solid #bda88e!important;border-radius:20px!important;padding:12px 20px!important;box-shadow:0 4px #bda88e,0 10px 24px #4e341c14!important}.packaging-qc-viewport{background:radial-gradient(circle at 50% 30%,#fffdfa 0%,#f7f1e6 100%);gap:6px;position:relative;overflow:hidden;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;width:100%!important;height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px 18px!important;display:flex!important}.packaging-spec-card{background:#fff;border:2px solid #dfcfb9;border-radius:10px;flex-direction:column;gap:5px;padding:6px 10px;display:flex;box-shadow:0 2.5px #cfbc9f,0 3px 6px #4e341c0a}.packaging-spec-header{color:#3d2612;text-transform:uppercase;letter-spacing:.4px;border-bottom:1.5px solid #dfcfb9;justify-content:space-between;align-items:center;padding-bottom:3px;font-size:.94rem;font-weight:800;display:flex}.packaging-spec-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.packaging-spec-item{text-align:left;background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;padding:3px 6px;display:flex;box-shadow:0 1.5px #cfbc9f}.packaging-spec-item .spec-title{color:#735b44;text-transform:uppercase;letter-spacing:.3px;font-size:.84rem;font-weight:700}.packaging-spec-item .spec-val{color:#3d2612;font-size:1.08rem;font-weight:800}.packaging-cycle-row{background:#fbf8f1;border:1.5px solid #dfcfb9;border-radius:6px;flex-direction:column;gap:2px;padding:2px 6px;display:flex;box-shadow:0 1.5px #cfbc9f}.packaging-cycle-header{color:#3d2612;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;display:flex}.packaging-cycle-bar-bg{background:#f2e7d5;border:1px solid #dfcfb9;border-radius:4px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1.5px 2px #4e341c1f}.packaging-cycle-bar-fill{background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .3s}.packaging-brand-box{text-align:center;background:#fff;border:2px solid #dfcfb9;border-radius:8px;flex-direction:column;gap:3px;padding:4px 8px;display:flex;box-shadow:0 2px #cfbc9f}.packaging-brand-title{font-family:var(--font-heading);color:#78350f;letter-spacing:.4px;font-size:.88rem;font-weight:800}.packaging-meta-tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.packaging-tag{color:#0369a1;border-radius:var(--radius-pill);white-space:nowrap;background:linear-gradient(#e0f2fe 0%,#bae6fd 100%);border:1.5px solid #7dd3fc;padding:2px 7px;font-size:.76rem;font-weight:800;box-shadow:0 1px #0284c7}.packaging-science-note{color:#1e3a8a;text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:6px;padding:5px 8px;font-size:.82rem;line-height:1.35;box-shadow:0 1.5px #7dd3fc}.packaging-science-note strong{color:#0284c7}.convection-fx .air-flow{opacity:0;font-size:1.8rem;animation:2.2s linear infinite convectionAirFlow;position:absolute}.convection-fx .af-1{animation-delay:0s;top:30%;left:10%}.convection-fx .af-2{animation-delay:.7s;top:50%;left:15%}.convection-fx .af-3{animation-delay:1.4s;top:70%;left:8%}@keyframes convectionAirFlow{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:.75}80%{opacity:.75}to{opacity:0;transform:translate(260px)scale(1.1)}}.convection-fx .heat-shimmer-line{background:linear-gradient(90deg,#0000,#38bdf899,#0000);border-radius:2px;width:60px;height:2px;animation:1.8s ease-in-out infinite heatShimmer;position:absolute}.convection-fx .hl-1{animation-delay:.3s;top:40%;left:40%}.convection-fx .hl-2{animation-delay:.9s;top:65%;left:48%}@keyframes heatShimmer{0%,to{opacity:.2;transform:scaleX(.8)}50%{opacity:.8;transform:scaleX(1.4)}}.inspection-minigame-container{flex-direction:column;gap:12px;width:100%;display:flex}.inspection-header-row{border-radius:var(--radius-md,14px);background:linear-gradient(#fff 0%,#faf6ec 100%);border:2px solid #dfcfb9;justify-content:space-between;align-items:center;padding:8px 14px;display:flex;box-shadow:0 2px #cfbc9f}.inspection-title-box{align-items:center;gap:10px;display:flex}.mode-badge{color:#15803d;font-family:var(--font-heading);border-radius:var(--radius-pill);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;padding:3px 10px;font-size:.76rem;font-weight:800}.item-target-title{font-family:var(--font-heading);color:#15803d;margin:0;font-size:1.05rem;font-weight:800}.inspection-counter{color:#fef08a;font-family:var(--font-heading);border-radius:var(--radius-pill);background:#54361e;border:1.5px solid #996237;padding:3px 12px;font-size:.8rem;font-weight:700;box-shadow:inset 0 1px 2px #00000040}.inspection-prompt{color:#735b44;margin:2px 0 6px;font-size:.94rem;font-weight:600;line-height:1.4}.inspection-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.inspection-card{border-radius:var(--radius-lg,18px);cursor:pointer;text-align:center;background:linear-gradient(#fff 0%,#fdfbf7 60%,#f7f2e9 100%);border:3px solid #dfcfb9;flex-direction:column;align-items:center;padding:16px;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px #cfbc9f,0 3px 8px #5a3c1e0f}.inspection-card:hover{background:#fff;border-color:#22c55e;transform:translateY(-4px);box-shadow:0 8px #15803d,0 8px 18px #16653433}.inspection-card:active{transform:translateY(2px);box-shadow:0 1px #cfbc9f}.card-badge-tag{color:#15803d;font-family:var(--font-heading);border-radius:var(--radius-pill);background:#fbf7ee;border:1.5px solid #dfcfb9;padding:2px 10px;font-size:.74rem;font-weight:800;position:absolute;top:10px;left:12px}.card-img-wrapper{border-radius:var(--radius-md,12px);background:radial-gradient(circle,#fff 40%,#f7ece0 100%);border:1.5px solid #dfcfb9;justify-content:center;align-items:center;width:100px;height:100px;margin:12px 0 10px;padding:6px;display:flex;box-shadow:inset 0 1px 3px #5a3c1e14}.inspection-card-img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000001f);max-width:100%;max-height:100%;transition:transform .2s}.inspection-card:hover .inspection-card-img{transform:scale(1.08)}.inspection-card .card-fallback-icon .emoji{font-size:3rem}.inspection-card .card-title{font-family:var(--font-heading);color:#2b180a;margin:4px 0 2px;font-size:1.02rem;font-weight:800}.inspection-card .card-desc{color:#735b44;margin:0;font-size:.8rem;line-height:1.35}.inspection-card.selected{transform:translateY(-3px);background:linear-gradient(#fff 0%,#f0fdf4 60%,#e6f9ed 100%)!important;border:3.5px solid #10b981!important;box-shadow:0 6px #059669,0 10px 24px #10b9814d!important}.inspection-card.selected .card-badge-tag{color:#fff;background:#10b981;border-color:#059669;box-shadow:0 2px #047857}.inspection-card .card-verdict-banner{border-radius:var(--radius-pill);font-family:var(--font-heading);box-sizing:border-box;width:100%;margin-top:12px;padding:8px 14px;font-size:.82rem;font-weight:800;transition:all .2s}.card-verdict-banner.selected-banner{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #047857;box-shadow:0 3px #047857,0 4px 12px #10b98159}.card-verdict-banner.banner-hazard{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border-color:#b91c1c!important;box-shadow:0 3px #991b1b,0 4px 12px #ef444459!important}.card-verdict-banner.reference-safe{color:#15803d!important;background:#f0fdf4!important;border:1.5px solid #86efac!important;font-weight:800!important}.card-verdict-banner.select-prompt{color:#8c7155;background:#fdfaf5;border:1.5px dashed #cfbc9f}.inspection-card.card-safe{background:linear-gradient(#fff 0%,#f0fdf4 100%)!important;border-color:#22c55e!important;box-shadow:0 5px #15803d,0 6px 16px #16653433!important}.inspection-card.card-hazard{background:linear-gradient(#fff 0%,#fef2f2 100%)!important;border-color:#ef4444!important;box-shadow:0 5px #dc2626,0 6px 16px #ef444433!important}.inspection-card.card-safe-reference{background:#fdfbf7!important;border:2px dashed #22c55e!important;box-shadow:0 3px #86efac!important}.inspection-feedback-box{border-radius:var(--radius-md,14px);align-items:flex-start;gap:12px;padding:12px 16px;font-size:.88rem;line-height:1.45;display:flex;box-shadow:0 2px #cfbc9f}.inspection-feedback-box.safe{color:#15803d;background:#f0fdf4;border:2px solid #86efac}.inspection-feedback-box.hazard{color:#991b1b;background:#fff5f5;border:2px solid #fca5a5}.inspection-actions-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;animation:.3s fadeInSlideUp;display:flex}.btn-unselect-inspection{font-family:var(--font-heading);border-radius:var(--radius-pill);padding:10px 18px;font-size:.88rem;font-weight:700}.btn-next-inspection{font-family:var(--font-heading);padding:10px 24px;font-size:.96rem;font-weight:800;animation:2.2s infinite pulseGuide;box-shadow:0 4px #b45309,0 6px 14px #d9770640}@media (width<=1100px){.inspection-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.inspection-cards-grid{grid-template-columns:1fr}}.inspection-complete-card{text-align:center;box-sizing:border-box;background:#fff;border:2.5px solid #dfcfb9;border-bottom:5px solid #bda88e;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:660px;margin:32px auto 20px;padding:36px 32px;animation:.35s fadeInSlideUp;display:flex;box-shadow:0 6px #bda88e,0 16px 36px #4e341c1a}.inspection-complete-card .complete-icon{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:3.5px solid #86efac;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;margin-bottom:18px;font-size:3.4rem;display:flex;box-shadow:0 5px #15803d,0 10px 24px #16653433}.inspection-complete-card h3{font-family:var(--font-heading);color:#1e3a2b;letter-spacing:-.015em;margin:0 0 10px;font-size:1.8rem;font-weight:900}.inspection-complete-card p{color:#54391e;max-width:500px;margin:0 0 18px;font-size:1.05rem;line-height:1.55}.inspection-complete-card .inspection-badge-pill{color:#047857;font-family:var(--font-heading);border-radius:var(--radius-pill,999px);background:#ecfdf5;border:2px solid #86efac;align-items:center;gap:8px;margin-bottom:24px;padding:8px 22px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 2px #34d399}.inspection-complete-actions{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.inspection-complete-actions .btn-primary{padding:12px 28px;font-size:1.02rem;font-weight:800;box-shadow:0 4px #15803d,0 6px 16px #16653440}.sequencing-scene{box-sizing:border-box;justify-content:center;width:100%;height:100%;display:flex;overflow:hidden auto;background:0 0!important;padding:8px 32px 36px!important}.dialogue-collapsed .sequencing-scene,.inventory-collapsed .sequencing-scene,.dialogue-collapsed.inventory-collapsed .sequencing-scene{padding-left:32px!important;padding-right:32px!important}.sequencing-page-container{flex-direction:column;gap:20px;width:92%;max-width:1040px;margin:0 auto;display:flex}.sequencing-hero-header{border-radius:var(--radius-xl,20px);-webkit-backdrop-filter:blur(16px);text-align:center;background:#fffdfae0;border:1.5px solid #d4be9b99;padding:26px 32px;position:relative;box-shadow:0 16px 36px -8px #2b181033,inset 0 1px #fffffff2}.hero-exam-badge{color:#fff;border-radius:var(--radius-pill,999px);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#8c5828 0%,#6b3710 100%);border:1.5px solid #d4be9b;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:6px 20px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #451a0340,inset 0 1px #ffffff40}.hero-exam-title{font-family:var(--font-heading);color:#2b180a;letter-spacing:-.02em;margin:0 0 10px;font-size:1.85rem;font-weight:800}.hero-exam-desc{color:#6c4e37;max-width:820px;margin:0 auto;font-size:1.02rem;line-height:1.55}.hero-exam-desc strong{color:#451a03;font-weight:700}.sequencing-puzzle-wrapper{width:100%}.sequencing-success-cta{width:100%;animation:.45s fadeInSlideUp}.success-badge-card{border-radius:var(--radius-xl,20px);-webkit-backdrop-filter:blur(14px);background:#f0fdf4eb;border:1.5px solid #86efaccc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex;box-shadow:0 20px 48px #10b9812e,inset 0 1px #fff}.success-medal,.success-medal-img{object-fit:contain;filter:drop-shadow(0 4px 8px #10b9814d);flex-shrink:0;width:52px;height:52px}.success-text-info{flex:1;min-width:260px}.success-text-info h3{font-family:var(--font-heading);color:#15803d;margin:0 0 4px;font-size:1.4rem;font-weight:800}.success-text-info p{color:#166534;margin:0;font-size:.95rem;line-height:1.45}.btn-proceed-mastery{font-size:1.08rem;font-weight:800;font-family:var(--font-heading);color:#fff;cursor:pointer;background:linear-gradient(#f59e0b 0%,#d97706 60%,#b45309 100%);border:none;border-radius:14px;padding:15px 32px;transition:transform .15s,box-shadow .15s,filter .15s;animation:2s infinite pulseGuide;box-shadow:0 6px #78350f,0 12px 28px #d9770666,inset 0 1px #ffffff59}.btn-proceed-mastery:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px #78350f,0 16px 32px #d9770680,inset 0 1px #ffffff73}.btn-proceed-mastery:active{transform:translateY(3px);box-shadow:0 2px #78350f}.eval-sequencing-section{width:100%;margin:24px 0}.sequencing-activity-card{border-radius:var(--radius-xl,20px);background:linear-gradient(#fffdfa 0%,#fbf6ec 100%);border:3px solid #d4be9b;border-bottom:6px solid #b89b72;padding:28px 26px;box-shadow:0 20px 48px -10px #2b181047,inset 0 1px #fffffff2}.sec-tag{color:#8c5828;text-transform:uppercase;letter-spacing:.07em;border-radius:var(--radius-pill,999px);font-size:.74rem;font-weight:800;font-family:var(--font-heading);background:#fcf6eb;border:1.5px solid #dfcfb9;margin-bottom:8px;padding:3px 12px;display:inline-block}.sequencing-header h3{font-family:var(--font-heading);color:#2b180a;margin:0 0 8px;font-size:1.45rem;font-weight:800}.sec-subtitle{color:#6c4e37;margin:0 0 18px;font-size:.94rem;line-height:1.5}.sec-subtitle strong{color:#451a03}.sequencing-timeline-container{width:100%;margin-bottom:20px;padding:8px 4px 14px;overflow-x:auto}.sequencing-slots-grid{grid-template-columns:repeat(8,minmax(120px,1fr));gap:12px;display:grid}@media (width<=1440px){.sequencing-slots-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}@media (width<=840px){.sequencing-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.sequencing-card-wrapper{will-change:transform;flex-direction:column;gap:8px;transition:transform .28s cubic-bezier(.25,1,.5,1);display:flex}.sequencing-card-wrapper.is-drag-origin{opacity:.4;transform:scale(.95)}.sequencing-card-wrapper.drag-over-target{transform:scale(1.04)}.sequencing-card-wrapper.drag-over-target .sequencing-card{background:#fffbeb;border-color:#d97706;box-shadow:0 0 0 3px #d9770659,0 12px 28px #451a0333}.seq-timeline-header{color:#451a03;background:linear-gradient(#fbf7ee 0%,#ede3d2 100%);border:1.5px solid #d4be9b;border-bottom:2.5px solid #b89b72;border-radius:9px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:800;transition:background .25s,border-color .25s,color .25s;display:flex;box-shadow:0 2px 4px #451a030f,inset 0 1px #fff}.seq-pos-num{font-family:var(--font-heading);color:#2b180a;font-size:.78rem}.seq-pos-label{text-transform:uppercase;letter-spacing:.05em;color:#78350f;font-size:.64rem;font-weight:800}.seq-timeline-header.header-correct{color:#065f46;background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border-color:#10b981 #10b981 #059669;box-shadow:0 2px 6px #10b98140,inset 0 1px #fff}.seq-timeline-header.header-correct .seq-pos-num,.seq-timeline-header.header-correct .seq-pos-label{color:#065f46}.seq-timeline-header.header-wrong{color:#92400e;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b #f59e0b #d97706;box-shadow:0 2px 6px #f59e0b33,inset 0 1px #fff}.seq-timeline-header.header-wrong .seq-pos-num,.seq-timeline-header.header-wrong .seq-pos-label{color:#92400e}.sequencing-card{text-align:center;cursor:grab;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#fff 0%,#faf6f0 100%);border:2px solid #d4be9b;border-bottom:4px solid #b89b72;border-radius:14px;flex-direction:column;align-items:center;height:100%;padding:12px 10px;transition:transform .22s cubic-bezier(.25,1,.5,1),box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 4px 12px #451a0314,inset 0 1px #fff;-webkit-touch-callout:none!important;-webkit-user-drag:element!important}.sequencing-card:hover{border-color:#d97706 #d97706 #b45309;transform:translateY(-5px);box-shadow:0 12px 24px -4px #451a0333,0 0 0 2px #d97706,inset 0 1px #fff}.sequencing-card.card-submitted,.sequencing-card.card-submitted:hover{cursor:default!important;background:linear-gradient(#fff 0%,#faf6ee 100%)!important;border-color:#d4be9b #d4be9b #b89b72!important;transform:none!important;box-shadow:0 4px 10px #4e341c14,inset 0 1px #fff!important}.sequencing-card.card-submitted .seq-card-img{transform:none!important}.sequencing-card:hover .seq-card-img{transform:scale(1.08)}.sequencing-card:active{cursor:grabbing}.sequencing-card.is-dragging{opacity:.35;cursor:grabbing;box-shadow:none;border-style:dashed;border-color:#d97706;transform:scale(.95)}.sequencing-card.selected-tap-card{animation:1.6s ease-in-out infinite cardSelectedPulse;background:linear-gradient(#fff 0%,#fffbeb 100%)!important;border-color:#f59e0b #f59e0b #d97706!important;transform:translateY(-8px)scale(1.03)!important;box-shadow:0 0 0 3px #f59e0b,0 12px 28px #f59e0b59!important}@keyframes cardSelectedPulse{0%,to{box-shadow:0 0 0 3px #f59e0b,0 8px 20px #f59e0b4d}50%{box-shadow:0 0 0 5px #f59e0b,0 14px 30px #f59e0b80}}.sequencing-card.correct-glow{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#10b981 #10b981 #059669;box-shadow:0 6px 16px #10b9812e,inset 0 1px #fff}.sequencing-card.incorrect-border{background:linear-gradient(#fff 0%,#fffdf5 100%);border-color:#f59e0b #f59e0b #d97706;box-shadow:0 4px 12px #f59e0b26,inset 0 1px #fff}.seq-status-badge{border-radius:var(--radius-pill,999px);z-index:10;white-space:nowrap;font-size:.68rem;font-weight:800;font-family:var(--font-heading);pointer-events:none;border:1.5px solid #fff;padding:3px 8px;position:absolute;top:-9px;right:6px;box-shadow:0 3px 8px #00000029}.seq-status-badge.badge-selected{color:#fff;background:linear-gradient(#f59e0b 0%,#d97706 100%);animation:.6s ease-in-out infinite alternate bounceBadge}@keyframes bounceBadge{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.seq-status-badge.badge-correct{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%)}.seq-status-badge.badge-wrong{color:#fff;background:linear-gradient(#f59e0b 0%,#d97706 100%)}.seq-drag-handle{color:#78350f;box-sizing:border-box;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:linear-gradient(#f5ede1 0%,#ebe0d0 100%);border:1px solid #d8c4ab;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;margin-bottom:8px;padding:3px 8px;font-size:.68rem;font-weight:800;display:flex}.grip-dots{letter-spacing:-1px;color:#b45309;font-size:.82rem;line-height:1}.seq-card-illustration{background:radial-gradient(circle,#fff 40%,#f7ece0 100%);border:1.5px solid #dfcfb9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:76px;margin-bottom:8px;padding:5px;display:flex;box-shadow:inset 0 1px 3px #5a3c1e14;pointer-events:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}.seq-card-img{object-fit:contain;filter:drop-shadow(0 3px 5px #451a031f);max-width:100%;max-height:100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}.seq-info{flex-direction:column;flex:1;display:flex}.seq-title{font-family:var(--font-heading);color:#2b180a;margin:0 0 3px;font-size:.82rem;font-weight:800;line-height:1.25}.seq-desc{color:#735b44;margin:0;font-size:.7rem;line-height:1.3}.sequencing-hint-bar{background:linear-gradient(#fffdfa 0%,#f7ede0 100%);border:2px solid #d4be9b;border-bottom:3px solid #b89b72;border-radius:14px;margin-bottom:18px;padding:12px 20px;box-shadow:0 4px 12px #451a030f,inset 0 1px #fff}.hint-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.hint-badge{font-family:var(--font-heading);color:#451a03;border-radius:var(--radius-pill,999px);background:#fcf6eb;border:1.5px solid #dfcfb9;padding:4px 14px;font-size:.88rem;font-weight:800}.hint-text{color:#6c4e37;font-size:.88rem;font-weight:600}.sequencing-actions{justify-content:center;align-items:center;margin-top:6px;display:flex}.actions-button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.btn-check-sequence{font-size:1.02rem;font-weight:800;font-family:var(--font-heading);color:#fff;cursor:pointer;background:linear-gradient(#f59e0b 0%,#d97706 60%,#b45309 100%);border:none;border-radius:12px;padding:13px 28px;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 5px #78350f,0 10px 24px #d9770659,inset 0 1px #ffffff59}.btn-check-sequence:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 7px #78350f,0 14px 28px #d9770673,inset 0 1px #ffffff73}.btn-check-sequence:active{transform:translateY(3px);box-shadow:0 2px #78350f}.btn-reshuffle{font-size:.95rem;font-weight:800;font-family:var(--font-heading);color:#451a03;cursor:pointer;background:linear-gradient(#fbf7ee 0%,#ede3d2 100%);border:2px solid #d4be9b;border-bottom:4px solid #b89b72;border-radius:12px;padding:12px 22px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #451a0314,inset 0 1px #fff}.btn-reshuffle:hover{border-color:#8c5828;transform:translateY(-2px);box-shadow:0 6px 14px #451a0326,inset 0 1px #fff}.btn-reshuffle:active{transform:translateY(2px);box-shadow:0 1px #b89b72}.submitted-sequence-notice{color:#78350f;font-family:var(--font-heading);text-align:center;background:linear-gradient(#fdf8ee 0%,#f4ebd9 100%);border:2px solid #dfcfb9;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-size:.94rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #4e341c0f}@media (height<=880px){.sequencing-scene{padding:16px 20px 40px}.sequencing-page-container{gap:16px}.sequencing-hero-header{border-radius:16px;padding:16px 24px}.hero-exam-badge{margin-bottom:8px;padding:4px 16px;font-size:.74rem}.hero-exam-title{margin:0 0 6px;font-size:1.55rem}.hero-exam-desc{font-size:.9rem;line-height:1.45}.sequencing-activity-card{border-radius:16px;padding:18px 20px}.sequencing-header h3{margin:0 0 6px;font-size:1.3rem}.sec-subtitle{margin:0 0 14px;font-size:.86rem}.sequencing-card{padding:10px 8px}.seq-card-img-wrapper .seq-card-img{width:58px;height:58px}.seq-card-title{min-height:2.2em;font-size:.82rem}.btn-proceed-mastery,.btn-check-sequence{padding:12px 28px;font-size:1rem}}@media (height<=740px){.sequencing-scene{padding:10px 14px 30px}.sequencing-page-container{gap:12px}.sequencing-hero-header{border-radius:14px;padding:12px 18px}.hero-exam-title{margin-bottom:4px;font-size:1.35rem}.hero-exam-desc{font-size:.82rem;line-height:1.35}.sequencing-activity-card{border-radius:14px;padding:14px 16px}.sequencing-header h3{margin-bottom:4px;font-size:1.15rem}.sec-subtitle{margin-bottom:10px;font-size:.8rem}.sequencing-card{border-radius:12px;padding:8px 6px}.seq-card-img-wrapper .seq-card-img{width:48px;height:48px}.seq-card-title{min-height:2em;font-size:.76rem;line-height:1.2}.btn-proceed-mastery,.btn-check-sequence{padding:10px 22px;font-size:.94rem}}.evaluation-scene{box-sizing:border-box;justify-content:center;width:100%;height:100%;padding:28px 24px 80px;display:flex;overflow:hidden auto;background:0 0!important}.eval-ribbon-medal-img{object-fit:contain;vertical-align:middle;width:26px;height:26px;margin-right:8px}.eval-hero-showcase{justify-content:center;margin:12px 0;display:flex}.eval-platter-img{object-fit:contain;filter:drop-shadow(0 8px 20px #00000040);width:150px;height:150px}.eval-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:920px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex}.eval-header-card{border-radius:var(--radius-xl,20px);text-align:center;-webkit-backdrop-filter:blur(16px);background:#fffdfae0;border:1.5px solid #d4be9b99;padding:28px 32px 24px;position:relative;box-shadow:0 16px 36px -8px #2b181033,inset 0 1px #fffffff2}.cert-ribbon{color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill,999px);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#8c5828 0%,#6b3710 100%);border:1.5px solid #d4be9b;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:6px 22px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #451a0340,inset 0 1px #ffffff40}.eval-ribbon-medal-img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000040);flex-shrink:0;width:26px;height:26px}.eval-hero-showcase{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;max-width:840px;margin:16px auto 22px;display:flex}.eval-showcase-item{background:#ffffffeb;border:1.5px solid #d4be9b99;border-radius:16px;flex-direction:column;flex:220px;justify-content:center;align-items:center;gap:10px;padding:16px 14px;transition:transform .22s cubic-bezier(.25,1,.5,1),box-shadow .2s,border-color .2s;display:flex;box-shadow:0 6px 16px #451a0314,inset 0 1px #fff}.eval-showcase-item:hover{border-color:#d97706;transform:translateY(-4px);box-shadow:0 12px 24px -4px #451a032e,inset 0 1px #fff}.eval-showcase-img{object-fit:contain;filter:drop-shadow(0 4px 8px #451a0329);width:120px;height:90px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.eval-showcase-item:hover .eval-showcase-img{transform:scale(1.08)}.eval-showcase-label{font-family:var(--font-heading);color:#2b180a;letter-spacing:.02em;text-align:center;font-size:.82rem;font-weight:800;line-height:1.25}.eval-header-card h2{font-family:var(--font-heading);color:#2b180a;letter-spacing:-.02em;margin:0 0 6px;font-size:1.85rem;font-weight:800}.eval-sub{color:#6c4e37;margin:0;font-size:.94rem;font-weight:600}.eval-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=820px){.eval-metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-box{text-align:center;background:linear-gradient(#fff 0%,#faf6f0 100%);border:2px solid #d4be9b;border-bottom:4px solid #b89b72;border-radius:16px;flex-direction:column;align-items:center;padding:18px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 6px 16px #451a0314,inset 0 1px #fff}.metric-box:hover{border-color:#d97706 #d97706 #b45309;transform:translateY(-4px);box-shadow:0 12px 24px -4px #451a032e,inset 0 1px #fff}.metric-icon{background:radial-gradient(circle,#fff 40%,#f7ece0 100%);border:1.5px solid #dfcfb9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;font-size:1.5rem;display:inline-flex;box-shadow:inset 0 1px 3px #5a3c1e14}.metric-box h4{font-family:var(--font-heading);color:#2b180a;margin:0 0 6px;font-size:.9rem;font-weight:800;line-height:1.25}.stars-row{letter-spacing:2px;margin-bottom:8px;font-size:.85rem}.metric-box p{color:#735b44;margin:0;font-size:.74rem;line-height:1.35}.certificate-wrapper{border-radius:var(--radius-xl,20px);-webkit-backdrop-filter:blur(16px);background:#fffdfaeb;border:1.5px solid #d4be9ba6;padding:14px;position:relative;box-shadow:0 16px 36px -8px #2b181038,inset 0 1px #fffffff2}.cert-border-outer{background:#fffefb;border:2px solid #c8a876;border-radius:12px;padding:8px}.cert-border-inner{text-align:center;background:#fff;border:1.5px solid #dfcfb9;border-radius:8px;padding:36px 32px 28px;box-shadow:inset 0 0 20px #8c582808}.cert-dept{font-family:var(--font-heading);letter-spacing:.12em;color:#8c5828;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.cert-title{font-family:var(--font-heading);color:#2b180a;letter-spacing:-.02em;margin:0 0 12px;font-size:2.25rem;font-weight:800;line-height:1.15}.cert-presented{color:#6c4e37;margin-bottom:6px;font-size:.98rem;font-style:italic}.cert-student-name{font-family:var(--font-heading);color:#b45309;text-shadow:0 1px #fffc;border-bottom:2.5px solid #d4be9b;margin:0 0 16px;padding:0 28px 6px;font-size:2.35rem;font-weight:800;display:inline-block}.cert-body{color:#451a03;max-width:680px;margin:0 auto 24px;font-size:.92rem;line-height:1.65}.cert-body strong{color:#1c0e07;font-weight:800}.cert-badges-showcase{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.cert-badge-item{border-radius:var(--radius-pill,999px);background:linear-gradient(#fdf8ed 0%,#f4e8d3 100%);border:1.5px solid #d4be9b;border-bottom:2.5px solid #b89b72;align-items:center;gap:6px;padding:5px 14px;display:flex;box-shadow:0 2px 6px #451a0314,inset 0 1px #fff}.cert-badge-icon{font-size:1.15rem}.cert-badge-title{font-family:var(--font-heading);color:#451a03;font-size:.78rem;font-weight:800}.cert-footer{border-top:1.5px dashed #d4be9b;justify-content:space-between;align-items:flex-end;padding-top:24px;display:flex}.cert-sig-block{flex-direction:column;align-items:center;display:flex}.sig-line{border-bottom:1.5px solid #451a03;width:150px;margin-bottom:6px}.sig-handwritten{color:#15803d;font-family:Fredoka,cursive;font-size:1.3rem;font-weight:700}.sig-title{font-family:var(--font-heading);color:#2b180a;font-size:.88rem;font-weight:800}.sig-role{color:#78350f;font-size:.74rem;font-weight:600}.cert-seal-block{flex-direction:column;align-items:center;display:flex}.cert-gold-seal-img{object-fit:contain;filter:drop-shadow(0 4px 12px #d9770673);width:86px;height:86px}.cert-date{color:#78350f;margin-top:4px;font-size:.78rem;font-weight:700}.eval-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:8px 0 24px;display:flex}.btn-print{font-size:1.08rem;font-weight:800;font-family:var(--font-heading);color:#fff;cursor:pointer;background:linear-gradient(#f59e0b 0%,#d97706 60%,#b45309 100%);border:none;border-radius:14px;padding:14px 30px;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px #78350f,0 12px 28px #d9770659,inset 0 1px #ffffff59}.btn-print:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px #78350f,0 16px 32px #d9770673,inset 0 1px #ffffff73}.btn-print:active{transform:translateY(3px);box-shadow:0 2px #78350f}.eval-actions .btn-primary{font-size:1.05rem;font-weight:800;font-family:var(--font-heading);color:#fff;cursor:pointer;background:linear-gradient(#10b981 0%,#059669 60%,#047857 100%);border:none;border-radius:14px;padding:14px 28px;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px #064e3b,0 12px 24px #05966959,inset 0 1px #ffffff59}.eval-actions .btn-primary:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px #064e3b,0 16px 32px #05966973,inset 0 1px #ffffff73}.eval-actions .btn-primary:active{transform:translateY(3px);box-shadow:0 2px #064e3b}.eval-actions .btn-secondary{font-size:1.02rem;font-weight:800;font-family:var(--font-heading);color:#451a03;cursor:pointer;background:linear-gradient(#fbf7ee 0%,#ede3d2 100%);border:2px solid #d4be9b;border-bottom:4px solid #b89b72;border-radius:14px;padding:14px 26px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #451a0314,inset 0 1px #fff}.eval-actions .btn-secondary:hover{border-color:#8c5828;transform:translateY(-2px);box-shadow:0 6px 14px #451a0326,inset 0 1px #fff}.eval-actions .btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #b89b72}@media print{@page{size:A4 portrait;margin:8mm}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body,#root,.game-app,.game-viewport,.viewport-layout-grid,.viewport-left-column,.scene-container,.evaluation-scene{width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.screen-restriction-overlay,.game-hud,.viewport-right-column,.dialogue-box,.dialogue-card,.floating-companion-wrapper,.eval-header-card,.eval-metrics-grid,.eval-actions,.modal-overlay,.toast-container{visibility:hidden!important;display:none!important}.evaluation-scene .certificate-wrapper{page-break-inside:avoid;break-inside:avoid;visibility:visible!important;width:100%!important;max-width:1000px!important;box-shadow:none!important;background:#fff!important;margin:0 auto!important;position:relative!important}}.results-scene{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:auto;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden auto;background:0 0!important;padding:8px 32px 36px!important}.dialogue-collapsed .results-scene,.inventory-collapsed .results-scene,.dialogue-collapsed.inventory-collapsed .results-scene{padding-left:32px!important;padding-right:32px!important}.results-container{flex-direction:column;gap:24px;width:95%;max-width:1140px;margin:0 auto;display:flex}.results-header-card{color:#2b180a;text-align:center;background:linear-gradient(135deg,#fff 0%,#fdfbf7 50%,#f8f1e6 100%);border:2.5px solid #dfcfb9;border-bottom:5px solid #bda88e;border-radius:24px;flex-direction:column;align-items:center;padding:32px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #bda88e,0 14px 32px #4e341c14}.results-header-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b14 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.results-ribbon{color:#92400e;font-family:var(--font-heading);letter-spacing:.04em;background:#fef3c7;border:2px solid #f59e0b;border-bottom:3.5px solid #d97706;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 18px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 2px #d97706,0 4px 10px #d977061f}.results-ribbon-medal-img{object-fit:contain;width:24px;height:24px}.results-showcase-section{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:14px;margin-bottom:16px;display:flex}.results-showcase-heading{font-family:var(--font-heading);color:#92400e;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border:1.5px solid #fde68a;border-radius:999px;padding:3px 12px;font-size:.76rem;font-weight:800;box-shadow:0 1px #fcd34d}.results-hero-showcase{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;width:100%;max-width:680px;display:flex}.results-showcase-item{background:#fff;border:2px solid #dfcfb9;border-bottom:4px solid #bda88e;border-radius:18px;flex-direction:column;flex:180px;justify-content:center;align-items:center;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 3px #dfcfb9,0 6px 16px #4e341c0f}.results-showcase-item:hover{border-color:#f59e0b #f59e0b #d97706;transform:translateY(-3px);box-shadow:0 5px #d97706,0 10px 22px #d977061f}.results-showcase-img{object-fit:contain;filter:drop-shadow(0 4px 10px #4e341c33);width:80px;height:72px;margin-bottom:8px}.results-showcase-label{font-family:var(--font-heading);color:#4a280c;text-align:center;font-size:.78rem;font-weight:800;line-height:1.25}.results-main-title{font-family:var(--font-heading);color:#2b180a;letter-spacing:-.01em;margin:0 0 8px;font-size:2.1rem;font-weight:900}.results-sub-title{color:#61462f;max-width:800px;margin:0 0 20px;font-size:.96rem;font-weight:600;line-height:1.5}.results-sub-title strong{color:#2b180a;font-weight:800}.results-competency-pill{color:#fff;font-family:var(--font-heading);background:linear-gradient(135deg,#059669 0%,#047857 100%);border:2px solid #10b981;border-bottom:4.5px solid #065f46;border-radius:999px;align-items:center;gap:10px;padding:10px 24px;font-size:.94rem;display:inline-flex;box-shadow:0 4px #065f46,0 8px 20px #05966947}.competency-badge-icon{font-size:1.25rem}.competency-label{opacity:.92;font-weight:700}.competency-value{color:#fef08a;letter-spacing:.02em;font-weight:900}.results-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.res-metric-box{text-align:center;background:#fff;border:2.5px solid #dfcfb9;border-bottom:4.5px solid #bda88e;border-radius:20px;flex-direction:column;align-items:center;padding:20px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px #bda88e,0 6px 18px #4e341c0d}.res-metric-box:hover{transform:translateY(-3px);box-shadow:0 7px #bda88e,0 10px 22px #4e341c14}.res-metric-icon-box{background:#fdf8ee;border:2px solid #ebd9c5;border-bottom:3.5px solid #d9c3ab;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;font-size:1.6rem;line-height:1;display:flex;box-shadow:0 2px #ebd9c5}.res-metric-icon-box span{justify-content:center;align-items:center;line-height:1;display:inline-flex;transform:translateY(-.09em)}.res-metric-icon{margin-bottom:6px;font-size:1.8rem}.res-metric-box h4{font-family:var(--font-heading);color:#3d2612;margin:0 0 6px;font-size:.94rem;font-weight:800}.res-score-highlight{font-family:var(--font-heading);color:#b45309;margin-bottom:6px;font-size:1.4rem;font-weight:900}.res-metric-box p{color:#5c4228;margin:0;font-size:.78rem;font-weight:600;line-height:1.38}.results-section-card{background:linear-gradient(#fff 0%,#fdfbf7 40%,#faf5ea 100%);border:2.5px solid #dfcfb9;border-bottom:5px solid #bda88e;border-radius:22px;flex-direction:column;gap:18px;padding:26px 28px;display:flex;box-shadow:0 4px #bda88e,0 8px 24px #4e341c0f}.section-card-header{border-bottom:2px solid #f1e5d7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.section-title-wrap{align-items:center;gap:12px;display:flex}.section-num-badge{color:#92400e;font-size:.76rem;font-weight:800;font-family:var(--font-heading);text-transform:uppercase;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:8px;padding:4px 12px;box-shadow:0 2px #f59e0b}.section-title-wrap h3{font-family:var(--font-heading);color:#2b180a;margin:0;font-size:1.25rem;font-weight:800}.section-status-tag{font-family:var(--font-heading);color:#047857;background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:800;box-shadow:0 2px #a7f3d0}.audit-lead-text{color:#4a3420;margin:0 0 16px;font-size:.92rem;font-weight:600;line-height:1.5}.ppe-audit-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;display:grid}.ppe-audit-item{box-sizing:border-box;background:#fff;border:1.5px solid #e5d8c7;border-bottom:3.5px solid #d4c2ad;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 2px #dfcfb9}.ppe-audit-item:hover{transform:translateY(-2px);box-shadow:0 4px #c4b097,0 8px 18px #4e341c14}.ppe-audit-item.item-correct{background:linear-gradient(135deg,#fff 0%,#f2fbf4 100%);border-color:#86efac #86efac #4ade80 #16a34a;border-left-style:solid;border-left-width:5px;box-shadow:0 2px #86efac}.ppe-audit-item.item-missed{background:linear-gradient(135deg,#fff 0%,#fefcf3 100%);border-color:#fde68a #fde68a #fcd34d #d97706;border-left-style:solid;border-left-width:5px;box-shadow:0 2px #fde68a}.ppe-audit-item.item-distractor-picked{background:linear-gradient(135deg,#fff 0%,#fdf4f4 100%);border-color:#fca5a5 #fca5a5 #f87171 #dc2626;border-left-style:solid;border-left-width:5px;box-shadow:0 2px #fca5a5}.ppe-audit-item.item-distractor-avoided{opacity:.88;background:#fff;border-color:#e2e8f0 #e2e8f0 #cbd5e1 #cbd5e1;border-left-style:solid;border-left-width:4px;box-shadow:0 1.5px #e2e8f0}.ppe-audit-img-box{background:#fbf6ee;border:1.5px solid #ebdccb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 2px #dfcfb9}.ppe-audit-img{object-fit:contain;filter:drop-shadow(0 2px 4px #4e341c29);width:42px;height:42px}.ppe-audit-details{flex:1;min-width:0}.ppe-audit-details h5{font-family:var(--font-heading);color:#2b180a;margin:0 0 2px;font-size:.94rem;font-weight:800}.ppe-audit-role{color:#5c4228;margin:0 0 6px;font-size:.78rem;font-weight:600;line-height:1.35}.ppe-audit-verdict-wrap{flex-wrap:wrap;gap:4px;display:flex}.ppe-audit-verdict{font-family:var(--font-heading);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:800;line-height:1.25;display:inline-flex}.ppe-audit-verdict.verdict-good{color:#14532d;background:#dcfce7;border:1px solid #86efac}.ppe-audit-verdict.verdict-warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.ppe-audit-verdict.verdict-bad{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.table-sub-header{font-family:var(--font-heading);color:#3b2310;margin:0 0 12px;font-size:.96rem;font-weight:800}.submitted-sequence-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.submitted-step-card{text-align:center;background:linear-gradient(135deg,#fffdf8 0%,#faf4e8 100%);border:2px solid #ecd8c2;border-bottom:4px solid #d8c2aa;border-radius:16px;flex-direction:column;align-items:center;padding:12px 10px;transition:transform .2s;display:flex;box-shadow:0 2px #dfcfb9}.submitted-step-card:hover{transform:translateY(-2px)}.submitted-step-card.step-correct{background:#f0fdf4;border-color:#86efac #86efac #4ade80;box-shadow:0 2px #86efac}.submitted-step-card.step-distractor{background:#fef2f2;border-color:#fca5a5 #fca5a5 #f87171;box-shadow:0 2px #fca5a5}.submitted-step-card.step-misplaced{background:#fffbeb;border-color:#fde68a #fde68a #fcd34d;box-shadow:0 2px #fde68a}.submitted-step-card .step-badge{font-family:var(--font-heading);color:#4a2f16;background:#f3ece3;border-radius:6px;margin-bottom:6px;padding:3px 8px;font-size:.72rem;font-weight:800}.submitted-step-card .step-icon-box{margin-bottom:6px;font-size:1.6rem}.submitted-step-card h6{color:#2b180a;margin:0 0 4px;font-size:.78rem;font-weight:800;line-height:1.25}.submitted-step-card .step-status-text{margin:0;font-size:.72rem;font-weight:800}.distractor-note{color:#b91c1c;margin-top:4px;font-size:.66rem;font-weight:700;line-height:1.2}.standard-handwashing-list{background:#fdfaf5;border:2px solid #ecd8c2;border-bottom:4px solid #dfcaa8;border-radius:18px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.std-handwash-row{color:#3b2310;background:#fff;border:1.5px solid #ecd8c2;border-radius:10px;align-items:center;gap:14px;padding:8px 14px;font-size:.86rem;display:flex;box-shadow:0 2px #f1e4d3}.std-step-num{font-family:var(--font-heading);color:#047857;white-space:nowrap;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:6px;padding:3px 10px;font-size:.74rem;font-weight:800;box-shadow:0 2px #a7f3d0}.std-step-icon{font-size:1.25rem}.std-step-info strong{color:#2b180a}.std-step-info span{color:#5c4228}.official-standard-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.official-step-card{text-align:center;box-sizing:border-box;background:#fff;border:1.5px solid #dfcfb9;border-bottom:3.5px solid #c9b49b;border-radius:14px;flex-direction:column;align-items:center;padding:14px 10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px #dfcfb9}.official-step-card:hover{border-color:#059669 #059669 #047857;transform:translateY(-2px);box-shadow:0 4px #047857,0 6px 14px #0596691f}.official-step-num{font-family:var(--font-heading);color:#047857;white-space:nowrap;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.72rem;font-weight:800}.official-step-icon{margin-bottom:6px;font-size:1.7rem;line-height:1}.official-step-card h6{font-family:var(--font-heading);color:#2c1808;margin:0 0 6px;font-size:.82rem;font-weight:800;line-height:1.25}.official-step-desc{color:#5c4228;margin:0;font-size:.72rem;font-weight:500;line-height:1.35}.inspection-audit-table-wrap,.audit-table-responsive{background:#fff;border:2px solid #dfcfb9;border-bottom:4.5px solid #bda88e;border-radius:18px;width:100%;overflow-x:auto;box-shadow:0 3px #dfcfb9,0 8px 20px #4e341c0d}.audit-table,.diagnostic-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.audit-table th,.diagnostic-table th{color:#3b2310;font-weight:800;font-family:var(--font-heading);letter-spacing:.03em;text-transform:uppercase;background:#f7eee3;border-bottom:2px solid #dfcfb9;padding:14px 18px;font-size:.84rem}.audit-table td,.diagnostic-table td{color:#3d2612;vertical-align:middle;border-bottom:1px solid #f1e5d7;padding:14px 18px;font-size:.88rem;line-height:1.45}.audit-table tr:last-child td,.diagnostic-table tr:last-child td{border-bottom:none}.audit-table tr.row-pass,.diagnostic-table tr.row-pass{background:#fff}.audit-table tr.row-pass:hover,.diagnostic-table tr.row-pass:hover{background:#fdfbf7}.audit-table tr.row-fail,.diagnostic-table tr.row-fail{background:snow}.audit-table tr.row-fail:hover,.diagnostic-table tr.row-fail:hover{background:#fff5f5}.badge-safe{color:#14532d;font-family:var(--font-heading);white-space:nowrap;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1.5px solid #4ade80;border-bottom:2.5px solid #16a34a;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-flex;box-shadow:0 1.5px #16a34a}.badge-hazard{color:#7f1d1d;font-family:var(--font-heading);white-space:nowrap;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1.5px solid #f87171;border-bottom:2.5px solid #dc2626;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-flex;box-shadow:0 1.5px #dc2626}.scoring-rubric-wrap{border:2px solid #dfcfb9;border-bottom:4px solid #bda88e;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 2px #dfcfb9}.rubric-table{border-collapse:collapse;width:100%;font-size:.88rem}.rubric-table th{color:#4a280c;text-align:left;font-weight:800;font-family:var(--font-heading);letter-spacing:.02em;background:#f8efe4;border-bottom:2px solid #e8d5bf;padding:12px 16px;font-size:.86rem}.rubric-table td{color:#3d2612;vertical-align:middle;background:#fff;border-bottom:1px solid #f1e5d7;padding:12px 16px;line-height:1.4}.rubric-table tr:nth-child(2n) td{background:#fdfbf7}.rubric-table tr:hover td{background:#fef8ee}.rubric-stage-cell{color:#2b180a;font-weight:800;font-family:var(--font-heading);align-items:center;gap:10px;display:flex}.rubric-stage-icon{background:#f5ebe0;border:1px solid #ebd9c5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.3rem;display:flex}.rubric-pts-pill{color:#92400e;font-family:var(--font-heading);white-space:nowrap;background:#fef3c7;border:1.5px solid #fde68a;border-radius:8px;justify-content:center;align-items:center;padding:4px 12px;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:0 2px #fcd34d}.rubric-pts-pill.lesson-pill{color:#166534;background:#f0fdf4;border:1.5px solid #bbf7d0;font-size:.78rem;box-shadow:0 2px #86efac}.rubric-table tr.rubric-lesson-row td{background:#fafdfa}.rubric-total-row td{font-weight:900;font-family:var(--font-heading);color:#2b180a;border-top:2px solid #ecd8c2;border-bottom:none;font-size:.95rem;background:#fef8ee!important}.rubric-total-pts{color:#b45309;font-size:1.15rem;font-weight:900}.stage-science-cards-stack{flex-direction:column;gap:14px;display:flex}.stage-science-card{background:linear-gradient(135deg,#fffdf8 0%,#faf4e8 100%);border:2px solid #ecd8c2;border-bottom:4.5px solid #d8c2aa;border-radius:18px;align-items:center;gap:18px;padding:18px 22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px #dfcfb9,0 6px 14px #4e341c0d}.stage-science-card:hover{background:linear-gradient(135deg,#fff 0%,#fdf8ee 100%);border-color:#dfcfb9 #dfcfb9 #cbb49c;transform:translateY(-2px);box-shadow:0 4px #bda88e,0 8px 20px #4e341c14}.stage-science-left{background:#f7eee3;border:1.5px solid #e7d6c2;border-bottom:3px solid #dac6af;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;min-width:82px;padding:10px 8px;display:flex;box-shadow:0 2px #e7d6c2}.stage-science-num{font-family:var(--font-heading);color:#78350f;white-space:nowrap;background:#fef3c7;border:1.5px solid #fde68a;border-radius:8px;padding:3px 10px;font-size:.76rem;font-weight:800;box-shadow:0 2px #fcd34d}.stage-science-img{object-fit:contain;filter:drop-shadow(0 4px 10px #4e341c38);width:64px;height:64px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.stage-science-card:hover .stage-science-img{transform:scale(1.08)}.stage-science-body{flex:1}.stage-science-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.stage-science-title-row h4{font-family:var(--font-heading);color:#2b180a;margin:0;font-size:1.05rem;font-weight:800}.stage-order-verdict{font-family:var(--font-heading);border-radius:6px;padding:3px 10px;font-size:.74rem;font-weight:800}.stage-order-verdict.order-pass{color:#15803d;background:#dcfce7;border:1.5px solid #86efac;box-shadow:0 2px #bbf7d0}.stage-order-verdict.order-misplaced{color:#92400e;background:#fef3c7;border:1.5px solid #fde68a;box-shadow:0 2px #fcd34d}.stage-science-explanation{color:#473322;margin:0;font-size:.88rem;font-weight:500;line-height:1.5}.stage-science-explanation strong{color:#0284c7;font-weight:800}.results-actions-bar{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;display:flex}.results-actions-bar .btn-primary,.results-actions-bar .btn-secondary{border-radius:16px;padding:14px 28px;font-size:1.02rem;font-weight:800}@media print{@page{size:letter portrait;margin:8mm 10mm}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body,#root,.game-app,.game-viewport,.viewport-layout-grid,.viewport-left-column,.scene-container,.scene-container-full,.results-scene,.results-container{color:#1a1a1a!important;zoom:1!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fdfaf5!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.screen-restriction-overlay,.results-diagnostic-audit-card,.results-scroll-spacer,div.results-scroll-spacer,.floating-companion-wrapper,.floating-companion-btn,.companion-avatar-frame,.companion-avatar-img,.dialogue-box,.dialogue-card,.dialogue-companion-anchor,.companion-toggle-button,.companion-popover-card,.companion-mini-avatar,.companion-notification-bubble,.companion-tooltip-tag,.dialogue-avatar,.instructor-avatar,.avatar-box,.character-avatar,.game-hud,.viewport-right-column,.right-inventory-rack,.results-inventory-rack,.results-actions-bar,.btn-next-stage,.floating-item-follower,.modal-overlay,.confirm-dialog-overlay,.toast-container,.feedback-toast{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.results-scene{page-break-inside:avoid!important;break-inside:avoid!important;background:#fdfaf5!important;margin:0!important;padding:0!important}.results-container{page-break-inside:avoid!important;break-inside:avoid!important;flex-direction:column!important;gap:10px!important;width:100%!important;max-width:100%!important;display:flex!important}.results-header-card{color:#2b180a!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:linear-gradient(135deg,#fff 0%,#fdfbf7 50%,#f8f1e6 100%)!important;border:1.5px solid #dfcfb9!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;padding:12px 18px!important;display:flex!important}.results-ribbon{color:#92400e!important;letter-spacing:.02em!important;background:#fef3c7!important;border:1px solid #f59e0b!important;border-radius:999px!important;align-items:center!important;margin-bottom:8px!important;padding:3px 14px!important;font-size:.72rem!important;font-weight:800!important;display:inline-flex!important}.results-ribbon-medal-img{width:18px!important;height:18px!important;margin-right:6px!important}.results-hero-showcase{justify-content:center!important;gap:12px!important;margin-bottom:8px!important;display:flex!important}.results-showcase-item{box-shadow:none!important;background:#fff!important;border:1.5px solid #dfcfb9!important;border-radius:8px!important;flex-direction:column!important;align-items:center!important;padding:4px 12px!important;display:flex!important}.results-showcase-img{object-fit:contain!important;width:44px!important;height:32px!important}.results-showcase-label{color:#3d2612!important;margin-top:2px!important;font-size:.65rem!important;font-weight:800!important}.results-main-title{color:#2b180a!important;text-align:center!important;margin:0 0 3px!important;font-size:1.25rem!important;font-weight:900!important}.results-sub-title{color:#5c4228!important;text-align:center!important;margin:0 0 6px!important;font-size:.74rem!important;line-height:1.35!important}.results-sub-title strong{color:#2b180a!important;font-weight:800!important}.results-competency-pill{color:#fff!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;border-radius:999px!important;align-items:center!important;gap:6px!important;padding:4px 16px!important;font-size:.76rem!important;font-weight:800!important;display:inline-flex!important}.results-metrics-grid{page-break-inside:avoid!important;break-inside:avoid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;display:grid!important}.res-metric-box{box-shadow:none!important;text-align:center!important;background:#fff!important;border:1.5px solid #dfcfb9!important;border-radius:12px!important;flex-direction:column!important;align-items:center!important;padding:10px!important;display:flex!important}.res-metric-icon-box{width:28px!important;height:28px!important;margin-bottom:4px!important;font-size:1.05rem!important}.res-metric-box h4{margin:0 0 2px!important;font-size:.78rem!important;font-weight:800!important}.res-score-highlight{color:#b45309!important;margin-bottom:2px!important;font-size:1.02rem!important;font-weight:900!important}.res-metric-box p{color:#5c4228!important;margin:0!important;font-size:.64rem!important;line-height:1.25!important}.results-score-rubric-card{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:1.5px solid #dfcfb9!important;border-radius:10px!important;flex-direction:column!important;gap:8px!important;padding:12px 16px!important;display:flex!important}.section-card-header{border-bottom:1.5px solid #f1e5d7!important;justify-content:space-between!important;align-items:center!important;padding-bottom:6px!important;display:flex!important}.section-title-wrap{align-items:center!important;gap:8px!important;display:flex!important}.section-title-wrap h3{margin:0!important;font-size:.9rem!important;font-weight:800!important}.section-num-badge{padding:2px 8px!important;font-size:.65rem!important}.section-status-tag{padding:2px 10px!important;font-size:.68rem!important}.audit-lead-text{color:#4a3420!important;margin:0 0 6px!important;font-size:.68rem!important;line-height:1.3!important}.scoring-rubric-wrap{box-shadow:none!important;border:1.5px solid #dfcfb9!important;border-radius:8px!important;overflow:visible!important}.rubric-table{border-collapse:collapse!important;width:100%!important}.rubric-table th{background:#f8efe4!important;border-bottom:1.5px solid #e8d5bf!important;padding:6px 10px!important;font-size:.7rem!important;font-weight:800!important}.rubric-table td{border-bottom:1px solid #f1e5d7!important;padding:5px 10px!important;font-size:.66rem!important;line-height:1.25!important}.rubric-stage-cell{align-items:center!important;gap:7px!important;display:flex!important}.rubric-stage-icon{border-radius:5px!important;width:20px!important;height:20px!important;font-size:.88rem!important}.rubric-stage-cell small{margin-top:1px!important;font-size:.58rem!important;line-height:1.15!important;display:block!important}.rubric-pts-pill{box-shadow:none!important;white-space:nowrap!important;border-radius:6px!important;padding:3px 10px!important;font-size:.64rem!important;font-weight:800!important}.results-container:after{content:"PALMQuest: Coconut Palm Crackers Virtual Laboratory • Official Instructional Performance & Competency Summary Report";text-align:center!important;color:#785c42!important;letter-spacing:.02em!important;border-top:1.5px solid #dfcfb9!important;margin-top:4px!important;padding-top:6px!important;font-size:.64rem!important;font-weight:700!important;display:block!important}}@media (width<=1400px){.results-metrics-grid{grid-template-columns:repeat(2,1fr);gap:14px}.results-container{max-width:100%}}@media (height<=880px){.results-scene{padding:16px 22px 140px}.results-container{gap:18px}.results-header-card{border-radius:20px;padding:22px 20px}.results-main-title{margin-bottom:6px;font-size:1.75rem}.results-sub-title{margin-bottom:14px;font-size:.88rem}.results-ribbon{margin-bottom:14px;padding:5px 16px;font-size:.78rem}.results-hero-showcase{gap:14px;margin-bottom:16px}.results-showcase-img{width:78px;height:60px}.res-metric-box{border-radius:16px;padding:14px 12px}.res-metric-icon-box{width:44px;height:44px;margin-bottom:8px;font-size:1.4rem}.res-score-highlight{font-size:1.25rem}.results-section-card{border-radius:18px;gap:14px;padding:18px 20px}.section-card-header{padding-bottom:10px}.section-title-wrap h3{font-size:1.15rem}.ppe-audit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.submitted-sequence-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}}@media (height<=740px){.results-scene{padding:12px 16px 120px}.results-container{gap:14px}.results-header-card{border-radius:16px;padding:16px}.results-main-title{margin-bottom:4px;font-size:1.5rem}.results-sub-title{margin-bottom:10px;font-size:.82rem;line-height:1.35}.results-ribbon{margin-bottom:10px;padding:4px 14px;font-size:.74rem}.results-hero-showcase{gap:10px;margin-bottom:12px}.results-showcase-img{width:64px;height:50px}.res-metric-box{border-radius:14px;padding:10px 8px}.res-metric-icon-box{width:38px;height:38px;margin-bottom:6px;font-size:1.25rem}.res-metric-box h4{font-size:.84rem}.res-score-highlight{font-size:1.15rem}.results-section-card{border-radius:16px;gap:10px;padding:14px 16px}.section-title-wrap h3{font-size:1.05rem}.ppe-audit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.submitted-sequence-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}}@media (width<=1024px){.results-metrics-grid{grid-template-columns:repeat(2,1fr)}.ppe-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=840px){.submitted-sequence-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.results-metrics-grid{grid-template-columns:1fr}.results-scene{padding:12px 12px 100px}.results-main-title{font-size:1.5rem}.results-showcase-img{width:70px;height:56px}}.results-inventory-rack .inventory-vertical-stack{gap:7px;padding:8px 6px 12px}.results-inventory-rack .drag-card.horizontal-item-card{border-radius:12px;gap:10px;min-height:60px;margin:1px 0;padding:8px 10px}.results-inventory-rack .card-icon-col{border-radius:10px;width:40px;min-width:40px;height:40px}.results-inventory-rack .card-icon-col span{font-size:1.35rem!important}.results-inventory-rack .card-title{line-height:1.15;font-size:.82rem!important}.results-inventory-rack .card-measure{padding:1px 6px!important;font-size:.62rem!important}.results-inventory-rack .card-desc-text{-webkit-line-clamp:1;line-clamp:1;line-height:1.25;font-size:.7rem!important}@media (height<=760px){.results-inventory-rack .inventory-vertical-stack{gap:5px;padding:6px 4px 8px}.results-inventory-rack .drag-card.horizontal-item-card{border-radius:10px;gap:8px;min-height:52px;padding:6px 8px}.results-inventory-rack .card-icon-col{width:34px;min-width:34px;height:34px}.results-inventory-rack .card-icon-col span{font-size:1.15rem!important}.results-inventory-rack .card-title{font-size:.76rem!important}.results-inventory-rack .card-measure{font-size:.58rem!important}.results-inventory-rack .card-desc-text{font-size:.65rem!important}}.stage-questions-review-stack{flex-direction:column;gap:18px;display:flex}.stage-question-review-card{background:linear-gradient(135deg,#fffdf9 0%,#faf3e6 50%,#f4e8d3 100%);border:2px solid #ecd5bd;border-bottom:5px solid #cca885;border-radius:20px;flex-direction:column;padding:22px 26px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 3px #caa883,0 8px 24px #4e341c14}.stage-question-review-card:hover{background:linear-gradient(135deg,#fff 0%,#fdf6eb 50%,#f7ecd7 100%);border-color:#dfba8d #dfba8d #b89169;transform:translateY(-2px);box-shadow:0 5px #b89169,0 12px 28px #4e341c1f}.stage-question-review-body{flex-direction:column;gap:12px;width:100%;display:flex}.stage-question-review-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stage-question-title-group{flex:1;min-width:260px}.stage-question-stage-tag{font-family:var(--font-heading);color:#854d0e;background:linear-gradient(135deg,#fef3c7 0%,#fde047 100%);border:1.5px solid #facc15;border-bottom:2.5px solid #ca8a04;border-radius:7px;margin-bottom:6px;padding:3px 12px;font-size:.8rem;font-weight:900;display:inline-block;box-shadow:0 2px #ca8a04}.stage-question-title{font-family:var(--font-heading);color:#2b180a;margin:0;font-size:1.05rem;font-weight:800;line-height:1.35}.stage-question-verdict{font-family:var(--font-heading);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:900;display:inline-flex}.stage-question-verdict.verdict-correct{color:#14532d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1.5px solid #4ade80;border-bottom:3px solid #16a34a;box-shadow:0 2px #16a34a}.stage-question-verdict.verdict-wrong{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1.5px solid #f87171;border-bottom:3px solid #dc2626;box-shadow:0 2px #dc2626}.stage-answer-box{border-radius:14px;flex-direction:column;gap:5px;padding:12px 18px;font-size:.92rem;line-height:1.42;display:flex}.stage-answer-box.answer-correct-highlight{color:#14532d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-top:2px solid #86efac;border-bottom:3.5px solid #4ade80;border-left:6px solid #16a34a;border-right:2px solid #86efac;box-shadow:0 2px #86efac,0 3px 8px #16a34a14}.stage-answer-box.answer-wrong-highlight{color:#7f1d1d;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-top:2px solid #fca5a5;border-bottom:3.5px solid #f87171;border-left:6px solid #dc2626;border-right:2px solid #fca5a5;box-shadow:0 2px #fca5a5,0 3px 8px #dc262614}.stage-answer-badge{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:900}.stage-answer-box.answer-correct-highlight .stage-answer-badge{color:#15803d}.stage-answer-box.answer-wrong-highlight .stage-answer-badge{color:#b91c1c}.stage-answer-content{font-size:.94rem;font-weight:700}.stage-correct-reference{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-top:2px solid #93c5fd;border-bottom:3.5px solid #60a5fa;border-left:6px solid #2563eb;border-right:2px solid #93c5fd;border-radius:14px;flex-direction:column;gap:5px;padding:12px 18px;font-size:.9rem;line-height:1.42;display:flex;box-shadow:0 2px #93c5fd,0 3px 8px #2563eb14}.stage-correct-badge{font-family:var(--font-heading);color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:900}.stage-correct-content{font-size:.92rem;font-weight:700}.stage-science-rationale{background:linear-gradient(135deg,#fdfbf7 0%,#faf3e8 100%);border-top:1.5px solid #dfcfb9;border-bottom:3px solid #cbbaa2;border-left:5px solid #b45309;border-right:1.5px solid #dfcfb9;border-radius:14px;padding:16px 20px;box-shadow:0 2px #dfcfb9,0 4px 12px #4e341c0a}.stage-rationale-title{font-family:var(--font-heading);color:#78350f;align-items:center;gap:8px;margin-bottom:6px;font-size:.92rem;font-weight:800;display:flex}.stage-rationale-text{color:#3b2310;margin:0;font-size:.9rem;font-weight:500;line-height:1.55}@media (width<=640px){.stage-question-review-card{padding:16px 18px}}.results-study-banner{color:#3b2310;text-align:left;background:linear-gradient(135deg,#fefcf9 0%,#faf4ea 100%);border-top:2px solid #e4d5c3;border-bottom:3.5px solid #cbbaa2;border-left:6px solid #b45309;border-right:2px solid #e4d5c3;border-radius:16px;align-items:flex-start;gap:14px;margin-top:20px;padding:16px 20px;font-size:.92rem;line-height:1.55;display:flex;box-shadow:0 2px #e4d5c3,0 6px 16px #4e341c0d}.results-study-banner strong{color:#92400e;font-family:var(--font-heading);font-size:.94rem}.results-quick-jump-bar{background:linear-gradient(135deg,#fff 0%,#fbf7ee 100%);border:2.5px solid #dfcfb9;border-bottom:4.5px solid #bda88e;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex;box-shadow:0 4px #bda88e,0 8px 22px #4e341c12}.quick-jump-title{font-family:var(--font-heading);color:#78350f;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;font-weight:900;display:flex}.quick-jump-buttons{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.quick-jump-btn{font-family:var(--font-heading);color:#4a2e18;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #dfcfb9;border-bottom:3px solid #c4b097;border-radius:12px;align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px #c4b097}.quick-jump-btn:hover{color:#92400e;background:#fffbeb;border-color:#f59e0b #f59e0b #d97706;transform:translateY(-2px);box-shadow:0 4px #d97706,0 4px 10px #d977061f}.quick-jump-btn:active{transform:translateY(1px);box-shadow:0 1px #d97706}.lesson-principle-card{color:#3b2310;background:linear-gradient(135deg,#fefcf9 0%,#f7f1e7 100%);border-top:1.5px solid #dfcfb9;border-bottom:3px solid #cbbaa2;border-left:5px solid #059669;border-right:1.5px solid #dfcfb9;border-radius:14px;margin-top:20px;padding:16px 20px;box-shadow:0 2px #dfcfb9,0 4px 12px #4e341c0a}.principle-header{font-family:var(--font-heading);color:#065f46;align-items:center;gap:8px;margin-bottom:6px;font-size:.94rem;font-weight:800;display:flex}.lesson-principle-card p{color:#3b2310;margin:0;font-size:.9rem;font-weight:500;line-height:1.55}.stage-choices-full-review{flex-direction:column;gap:10px;margin-top:14px;margin-bottom:14px;display:flex}.review-choices-label{font-family:var(--font-heading);color:#78350f;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:800}.review-choices-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.review-choices-grid{grid-template-columns:1fr}}.choice-review-card{box-sizing:border-box;border:1.5px solid #e5d8c7;border-radius:14px;flex-direction:column;justify-content:space-between;gap:8px;min-height:80px;padding:12px 16px;transition:all .15s;display:flex}.choice-review-card.choice-review-correct{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#86efac #86efac #4ade80 #16a34a;border-bottom-style:solid;border-bottom-width:3.5px;border-left-style:solid;border-left-width:5px;box-shadow:0 2px #86efac}.choice-review-card.choice-review-user-wrong{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-color:#fca5a5 #fca5a5 #f87171 #dc2626;border-bottom-style:solid;border-bottom-width:3.5px;border-left-style:solid;border-left-width:5px;box-shadow:0 2px #fca5a5}.choice-review-card.choice-review-neutral{opacity:.88;background:#fff;border-color:#e5e7eb #e5e7eb #cbd5e1 #cbd5e1;border-bottom-style:solid;border-bottom-width:2.5px;border-left-style:solid;border-left-width:4px;box-shadow:0 1.5px #cbd5e1}.choice-review-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.choice-review-letter{font-family:var(--font-heading);color:#3b2310;background:#f1ece4;border:1px solid #dfcfb9;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.82rem;font-weight:900;display:flex}.choice-badge-correct{font-family:var(--font-heading);color:#fff;letter-spacing:.02em;background:#16a34a;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.choice-badge-wrong{font-family:var(--font-heading);color:#fff;letter-spacing:.02em;background:#dc2626;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.choice-badge-user-correct{font-family:var(--font-heading);color:#fff;letter-spacing:.02em;background:#0284c7;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.choice-review-text{color:#2b180a;margin:0;font-size:.88rem;line-height:1.45}.choice-review-correct .choice-review-text{color:#14532d;font-weight:600}.choice-review-user-wrong .choice-review-text{color:#7f1d1d;font-weight:600}.lesson-dir-card{border:1.5px solid #dfcfb9;border-bottom:3.5px solid #c9b49b;transition:all .18s}.lesson-dir-card:hover{transform:translate(-4px);background:#fffdf8!important;border-color:#f59e0b #f59e0b #d97706!important;box-shadow:0 4px #d97706,0 6px 14px #d977061f!important}.lesson-dir-card:active{transform:translate(-1px)}.screen-restriction-overlay{display:none}@media print{.screen-restriction-overlay{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:static!important}}@media screen and (width<=767px),screen and (height<=520px) and (width<=950px){.screen-restriction-overlay{z-index:9999999;-webkit-backdrop-filter:blur(20px);width:100vw;height:100dvh;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));box-sizing:border-box;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 20%,#442a18fa 0%,#26140afc 60%,#120904 100%),url(/assets/bg_evaluation_hall.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:flex-start;align-items:center;position:fixed;inset:0;display:flex!important;overflow:hidden auto!important}.restriction-modal-card{box-sizing:border-box;text-align:center;background:linear-gradient(#fff 0%,#fdfbf7 55%,#f5ece0 100%);border:2.5px solid #dfcfb9;border-bottom:5px solid #bda88e;border-radius:20px;flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:400px;margin:auto 0;padding:16px 14px 14px;animation:.35s cubic-bezier(.175,.885,.32,1.275) both restrictionPopIn;display:flex;position:relative;box-shadow:0 5px #bda88e,0 18px 40px #00000080}@keyframes restrictionPopIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.restriction-badge{color:#92400e;font-family:var(--font-heading);letter-spacing:.02em;background:#fef3c7;border:1.5px solid #f59e0b;border-bottom:3px solid #d97706;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 12px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 1.5px #d97706,0 3px 8px #d977061f}.restriction-badge-icon{font-size:.9rem}.restriction-mascot-wrapper{flex-direction:column;align-items:center;gap:4px;margin-bottom:6px;display:flex}.restriction-mascot-frame{background:radial-gradient(circle,#fff 40%,#fef3c7 100%);border:2px solid #f59e0b;border-bottom:3.5px solid #d97706;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden;box-shadow:0 2.5px #d97706,0 6px 14px #d9770633}.restriction-mascot-img{object-fit:cover;object-position:top center;width:52px;height:52px}.restriction-mascot-tag{font-family:var(--font-heading);color:#78350f;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:800}.restriction-title{font-family:var(--font-heading);color:#2b180a;letter-spacing:-.01em;margin:0 0 4px;font-size:1.18rem;font-weight:900;line-height:1.22}.restriction-desc{color:#5c4228;margin:0 0 8px;font-size:.76rem;line-height:1.34}.restriction-desc strong{color:#2b180a}.restriction-device-list{flex-direction:column;gap:5px;width:100%;margin-bottom:8px;display:flex}.device-item{text-align:left;border-radius:11px;align-items:center;gap:8px;padding:6px 10px;transition:all .2s;display:flex}.device-item.device-supported{background:#f0fdf4;border:1.5px solid #86efac;border-bottom:2.5px solid #4ade80;box-shadow:0 1.5px #86efac}.device-item.device-restricted{background:#fef2f2;border:1.5px solid #fca5a5;border-bottom:2.5px solid #f87171;box-shadow:0 1.5px #fca5a5}.device-icon{flex-shrink:0;font-size:1.2rem}.device-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.device-name{font-family:var(--font-heading);color:#2b180a;font-size:.78rem;font-weight:800;line-height:1.2}.device-status{color:#64748b;font-size:.66rem;font-weight:600;line-height:1.15}.device-item.device-supported .device-status{color:#166534}.device-item.device-restricted .device-status{color:#991b1b}.device-pill{font-family:var(--font-heading);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.62rem;font-weight:800}.device-pill.pill-ok{color:#15803d;background:#dcfce7;border:1px solid #86efac}.device-pill.pill-no{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.restriction-tip-box{box-sizing:border-box;text-align:left;background:#fffdf5;border:1.5px solid #fde68a;border-radius:10px;align-items:flex-start;gap:6px;width:100%;margin-bottom:8px;padding:6px 9px;display:flex}.tip-icon{flex-shrink:0;margin-top:1px;font-size:.95rem}.tip-text{color:#78350f;font-size:.7rem;line-height:1.28}.tip-text strong{color:#451a03}.restriction-footer-specs{font-family:var(--font-heading);color:#7c5d41;justify-content:center;align-items:center;gap:6px;font-size:.64rem;font-weight:700;display:flex}.specs-pill{background:#f1e6d6;border:1px solid #dfcfb9;border-radius:5px;padding:2px 6px}.specs-pill.req-pill{color:#92400e;background:#fef3c7;border-color:#fde68a;font-weight:800}.specs-divider{color:#bda88e}}@media (height<=520px) and (orientation:landscape){.screen-restriction-overlay{padding:8px 12px!important}.restriction-modal-card{max-width:520px!important;padding:12px 16px!important}.restriction-mascot-wrapper{display:none!important}.restriction-badge{margin-bottom:8px!important;padding:3px 12px!important;font-size:.72rem!important}.restriction-title{margin-bottom:4px!important;font-size:1.15rem!important}.restriction-desc{margin-bottom:8px!important;font-size:.76rem!important;line-height:1.3!important}.restriction-device-list{gap:5px!important;margin-bottom:8px!important}.device-item{border-radius:10px!important;padding:5px 10px!important}.device-icon{font-size:1.2rem!important}.device-name{font-size:.78rem!important}.device-status{font-size:.68rem!important}.device-pill{padding:2px 6px!important;font-size:.62rem!important}.restriction-tip-box{margin-bottom:8px!important;padding:5px 10px!important}.tip-text{font-size:.7rem!important}}@media (width<=1440px){.mission-pill .pill-title{display:none!important}.mission-pill{border-width:2px!important;gap:0!important;padding:3px 6px!important;box-shadow:0 2px #88b78a!important}.mission-pill .pill-badge{letter-spacing:.3px!important;padding:2.5px 8px!important;font-size:.7rem!important}.hud-right{gap:8px!important}}@media (width<=1200px){.hud-stepper{gap:3px!important}.step-node{width:28px!important;height:28px!important;font-size:.8rem!important}.step-node.node-text{min-width:38px!important;padding:0 6px!important;font-size:.6rem!important}.step-line{width:8px!important}}@media (width<=1366px){.stage-center-zone{padding:58px 18px 28px!important}.btn-recipe-guide-trigger{padding:6px 12px 6px 8px!important;top:12px!important;right:18px!important}.game-viewport.dialogue-collapsed .stage-center-zone,.dialogue-collapsed .stage-center-zone,.game-viewport.inventory-collapsed .stage-center-zone,.inventory-collapsed .stage-center-zone{padding-left:20px!important;padding-right:20px!important}.active-vessel-card.orientation-card{width:100%;max-width:100%;padding:0!important}}@media (width<=1024px){.workstation-header,.prep-scene .workstation-header,.washing-workstation .workstation-header{width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}.stage-single-workstation,.stage-content-row.stage-single-workstation,.prep-scene .stage-single-workstation,.prep-scene .stage-content-row.stage-single-workstation{max-width:520px!important}.stage-single-workstation .station-center-card,.stage-content-row.stage-single-workstation>.station-center-card,.prep-scene .stage-single-workstation .station-center-card,.prep-scene .stage-content-row.stage-single-workstation>.station-center-card{width:100%!important;max-width:520px!important}}@media (width<=960px){.hud-stepper{display:none}.stage-center-zone{padding:52px 12px 20px!important}.btn-recipe-guide-trigger{padding:5px 10px 5px 7px!important;top:10px!important;right:12px!important}.game-viewport.dialogue-collapsed .stage-center-zone,.dialogue-collapsed .stage-center-zone{padding-left:14px!important;padding-right:14px!important}.active-vessel-card{padding:var(--space-sm,8px);width:98%}.recipe-grid{grid-template-columns:1fr;gap:12px}.concept-card-expanded{gap:12px;padding:12px}.concept-icon-big{width:56px;height:56px;font-size:1.8rem}.active-vessel-card.orientation-card{width:100%;padding:0!important}}@media (width<=640px){.game-hud{height:56px;padding:0 10px}.hud-brand-title{padding:2px 4px;font-size:1.65rem}.hud-brand-divider{height:22px}.hud-btn .label,.pill-title{display:none}.hud-menu-panel{width:calc(100vw - 16px);max-width:380px;right:8px}.hud-menu-grid-columns{grid-template-columns:1fr;gap:10px}.dialogue-box{border-radius:var(--radius-md);padding:8px 12px;bottom:124px;left:8px;right:8px}.dialogue-avatar-wrapper{display:none}.dialogue-text{font-size:.85rem;line-height:1.35}.inventory-tray{height:124px;padding:6px 10px}.items-carousel{padding:10px 8px 4px}.drag-card{width:80px;height:78px;padding:4px}.card-icon-img{width:38px;height:38px}.card-title{font-size:.65rem}.card-measure{font-size:.58rem}.active-vessel-card{max-height:52vh;padding:12px}.dropzone{min-height:180px}.vessel-title{font-size:1.05rem}}@media (height<=500px) and (orientation:landscape){.game-hud{height:48px}.inventory-tray{height:90px;padding:4px 8px}.drag-card{width:72px;height:70px}.dialogue-box{padding:6px 12px;bottom:96px}.dialogue-avatar{width:44px;height:44px}.active-vessel-card{max-height:55vh;padding:10px}.dropzone{min-height:140px}}