/* The laboratory remains the stage. The incident comes out of it. */
:root{--green:#16675e;--yellow:#ffe16a;--ink:#183d37;--muted:#52695e;--line:#cbd8ce;--paper:#f6f5ef}
body{background:var(--paper)}.site-header{min-height:84px;padding-top:14px;padding-bottom:14px}.brand-mark{background:var(--yellow)}.page-heading{padding:23px 0 20px}.page-heading h1{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-1.8px}.page-heading .eyebrow{font-size:12px}.heading-note{display:none}.laboratory-layout{grid-template-columns:276px minmax(0,1fr);gap:18px}.ingredient-panel{background:#e6eee7;border:1px solid #bdcdbf;border-radius:18px;padding:20px 15px}.panel-intro{font-size:14px;line-height:1.5}.ingredient-grid{gap:8px;margin-top:15px}.ingredient-button{min-height:85px;padding:6px;gap:0;background:#fffdf6;border-color:#cad8ca;box-shadow:0 3px 0 #c1cfc0}.ingredient-button img{width:56px;height:50px;object-fit:contain}.ingredient-name{font-size:14px!important}.ingredient-button.selected{background:#ffe79a;border-color:#80682b;box-shadow:inset 0 0 0 1px #80682b,0 3px 0 #b59b51}.ingredient-button.selected:after{background:var(--green);color:white;border-radius:50%;width:17px;height:17px;line-height:17px;right:4px;top:4px}.selection-tray{gap:4px;margin-top:14px}.ingredient-slot{flex-wrap:wrap;gap:2px;border-color:#aebeac;min-height:65px;font-size:12px}.ingredient-slot img{width:30px;height:28px;object-fit:contain}.ingredient-slot>span{font-size:12px}.slot-remove{min-height:44px;min-width:30px}.surprise-button{font-size:14px;line-height:1.4;text-align:left}.panel-heading h2{font-size:16px!important}.machine-panel{border:2px solid #9dbab0;box-shadow:0 5px 0 #c2d2c8;background:#fafbf5}.machine-topline{min-height:54px;padding:12px 18px;background:#173f38;color:#fcf8e8;border:0}.machine-topline h2{font-size:16px!important}.machine-status{font-size:12px!important;color:#fff2b8;max-width:190px!important}.machine-topline .step-number{color:#fff2b8;border-color:#839f90}.machine-stage{min-height:350px;height:350px;flex:none;background:radial-gradient(ellipse at 50% 60%,#d7e9df,#f6f5ef 70%)}.stage-grid{opacity:.35}.lab-image{width:88%;left:6%;height:100%;top:0;animation:none;transition:width .45s,left .45s}.machine-hotspot{animation:none;z-index:3;min-width:44px;min-height:44px}.machine-sticker{width:76px;height:76px;top:20px;left:20px;background:#fff6cf}.machine-sticker strong{font-size:16px}.machine-sticker>span:first-child{font-size:8px}.machine-caption{font-size:12px;bottom:10px}.caption-tag{font-size:10px}.loaded-specimens{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;gap:10px;z-index:2;pointer-events:none}.loaded-item{display:flex;align-items:center;flex-direction:column;width:80px;min-height:82px;padding:5px;background:#fffcebdc;border:1px solid #709b8b;border-radius:12px;box-shadow:0 3px 8px #143e3624}.loaded-item img{width:56px;height:50px;object-fit:contain}.loaded-item small{font-size:12px;color:#173f38;text-align:center}.processing .loaded-item{animation:load-bob .4s ease-in-out 3 alternate}.run-bar{min-height:78px;padding:13px 18px;gap:12px;background:#fcfcf3}.risk-label{display:block}.risk-label>span{font-size:14px}.risk-label small{font-size:12px}.run-bar .button{min-width:200px;width:auto}.process-overlay{z-index:6;background:#f8fbf3e8;inset:auto 15px 12px;border:1px solid #9bb3a0;border-radius:12px;padding:17px;box-shadow:0 5px 20px #254d3920}.process-overlay p{font-size:20px;margin:5px 0}.process-label{font-size:12px}.process-meter{margin:10px auto;max-width:230px}.process-meter>span{transition:width .35s}#process-skip{font-size:14px;padding:10px}.bell-button{position:absolute;right:12px;top:14px;z-index:4;background:#f8dc79;border:1px solid #b6a464;border-radius:50%;height:48px;width:48px;box-shadow:0 3px 0 #9f955e;font-family:Georgia,serif;font-style:italic}.bell-button.rang{animation:bell-ring .3s 4}.specimen-scene{position:absolute;right:6%;top:18%;width:42%;height:77%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#faf8eecf,#ecf3e83b 65%,transparent 70%);pointer-events:none}.specimen-label{font-family:monospace;font-size:12px;letter-spacing:2px;background:#143f38;color:white;padding:5px 9px;border-radius:3px}.living-specimen{width:100%;height:75%;object-fit:contain;filter:drop-shadow(0 12px 12px #134f3920)}.scene-stamp{font:bold 12px monospace;max-width:100%;text-align:center;transform:rotate(-4deg);color:#88412d;border:2px solid #a56242;background:#fff8ddd9;padding:5px 9px}.has-result .lab-image{width:66%;left:-4%}.has-result .machine-hotspot{visibility:hidden}.has-result .machine-sticker{display:none}.has-result .machine-caption{display:none}.scene-particles{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.scene-particle{position:absolute;left:var(--x);top:var(--y);font:bold 12px monospace;animation-delay:var(--delay)!important;opacity:.85}.effect-paper{padding:10px 8px;background:#fffdf4;color:#a44931;box-shadow:1px 3px 6px #244b3533;border-bottom:3px double #758270;animation:paper-fall 2s ease-in-out 2}.effect-orbit{color:#356556;font-size:22px;animation:orbit 2.6s linear 2}.effect-dance{font-size:24px;color:#844c97;animation:disco-hop .7s ease-in-out 6}.effect-storm{background:#cad5de;color:#304f61;border-radius:50%;padding:5px 10px;animation:storm-drift 1.2s ease-in-out 4}.effect-growth{color:#477858;background:#e0edac;padding:7px;border-radius:30%;animation:grow 1s ease-out 3}.effect-digital{font-family:monospace;color:#216e60;background:#e0ffffc9;padding:5px;animation:packet 1.4s ease-in-out 3}.effect-steam{font-size:28px;color:#91a195;animation:steam 1.6s ease-out 3}.family-orbit:not(.settled) .living-specimen{animation:specimen-float 1.9s ease-in-out 2}.family-dance:not(.settled) .living-specimen{animation:disco-hop .6s ease-in-out 6}.family-paper:not(.settled) .living-specimen{animation:stamp .4s ease-out 7}.family-digital:not(.settled) .living-specimen{animation:packet 1.1s ease-in-out 3}.family-growth:not(.settled) .living-specimen{animation:grow 1s ease-out 3}.family-storm:not(.settled) .living-specimen{animation:storm-drift 1s ease-in-out 3}.family-steam:not(.settled) .living-specimen{animation:specimen-float 1.5s ease-in-out 3}.intensity-3 .living-specimen{scale:1.12}.intensity-1 .living-specimen{scale:.88}
.decision-panel{background:#ffefb2;padding:22px;border-top:1px solid #c3b071}.decision-heading .eyebrow{font-size:12px;color:#4f6245}.decision-heading h3{font-family:Georgia,serif;font-size:28px;line-height:1.1;margin:5px 0 10px}.decision-heading p{font-size:16px;line-height:1.45;max-width:700px}.decision-heading small{display:block;margin-top:8px;font-size:13px;color:#4d6044}.interventions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.intervention{border:1px solid #698878;box-shadow:0 3px 0 #73917b;border-radius:9px;background:#fffef0;text-align:left;padding:13px;min-height:90px}.intervention strong{display:block;font-size:15px;line-height:1.3;color:#124f46}.intervention span{display:block;font-size:13px;line-height:1.4;margin-top:5px;color:#526553}.intervention:hover{background:#e3f0dc;transform:translateY(-2px)}.incident-result{position:relative;inset:auto;display:block;background:#fffef3;padding:20px 24px;border-top:1px solid #abbca8;text-align:left;z-index:auto}.result-kicker{display:flex;justify-content:space-between;gap:10px;font:12px monospace;letter-spacing:.3px;color:#50755c}.result-title{font-family:Georgia,serif;font-size:32px;letter-spacing:-.8px;margin:9px 0 4px;line-height:1.1}.incident-result h4{font-size:17px;margin:5px 0 8px;color:#236458}.result-description{font-size:16px;line-height:1.5;max-width:700px}.result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:18px}.result-actions .text-button{padding:8px 3px;min-height:44px}.result-actions .button{font-size:14px!important}.under-lab{grid-template-columns:minmax(0,1fr) 300px;margin-top:14px;gap:22px}.assistant-note{min-height:85px}.assistant-note .eyebrow{font-size:11px!important}.assistant-note p{font-size:18px}.quack-portrait{width:62px;height:62px;background:#f5df92 url('assets/recipes/29.webp') center/contain no-repeat;border:1px solid #d8c275}.daily-teaser small{font-size:12px}.daily-teaser strong{font-size:14px}.bottom-strip{padding:18px 0;margin-top:10px;gap:24px}.small-stat{min-width:115px}.small-stat>span{font-size:26px}.small-stat small{font-size:12px}.staff-pill small{font-size:10px}.staff-pill strong{font-size:13px}.icon-button{min-width:44px;min-height:44px}.muted-sound{opacity:.65}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.case-card{padding:18px;min-height:330px;text-align:left;background:#fffcf0;border-radius:4px 16px 16px 16px;box-shadow:0 4px 0 #d4deca}.case-card .recipe-art{display:block;width:100%;height:156px;object-fit:contain;margin:10px 0}.case-card h3{font-size:21px;line-height:1.15}.case-card p{font-size:14px;line-height:1.5}.case-top{font-size:12px}.case-footer{font-size:12px;line-height:1.5;margin-top:14px}.case-mystery{display:grid;place-items:center;font:italic 76px Georgia;color:#8c9e8c;height:156px}.case-card.locked{opacity:1;background:repeating-linear-gradient(0deg,#f0f2e7,#f0f2e7 27px,#dbe3d5 28px)}.case-card.locked p{color:#4b6753}.detail-dialog{max-width:760px;width:calc(100% - 32px);max-height:90dvh;padding:35px;overscroll-behavior:contain}.dialog-close{position:sticky;float:right;top:0;z-index:10;background:#fffce9}.dialog-heading{padding-right:30px;line-height:1.15}.file-art{display:block;width:210px;height:190px;object-fit:contain;margin:5px auto 15px}.ending-list{display:grid;gap:12px;margin:22px 0}.ending{border:1px solid #bfceba;border-left:4px solid #3e826b;padding:15px;border-radius:7px;background:#f5f8ed}.ending.unseen{border-left-color:#bbbea0;background:#f2f1e6}.ending small{font:12px monospace;color:#556e58}.ending h3{font-size:19px;margin:8px 0}.ending p{font-size:16px;line-height:1.5}.ending .text-button{margin-top:8px;min-height:44px}.report-preview{min-height:120px;margin:18px 0;background:#f1f4e8;border:1px solid #b7c6ad}.report-preview img{display:block;width:100%;height:auto}.dialog-actions{flex-wrap:wrap}.rank-ladder{display:grid;gap:8px;font-size:14px;margin:20px 0}.settings{border-top:1px solid var(--line);padding:18px 0;display:grid;gap:12px}.settings label{min-height:44px;display:flex;align-items:center;gap:12px;font-size:16px}.settings input{width:22px;height:22px;accent-color:var(--green)}.settings p{font-size:14px;color:var(--muted)}#share-status{font-size:14px;line-height:1.5;margin-top:15px}#share-fallback{width:100%;min-height:160px;font:16px Arial;margin-top:12px;padding:12px;border:1px solid var(--green)}.save-status{position:sticky;bottom:0;z-index:40;padding:12px 18px;background:#fff0a9;color:#5d3824;border-top:2px solid #a8732c;text-align:center;font-size:14px;line-height:1.4}.toast-region{max-width:500px;bottom:20px;pointer-events:none}.toast{font-size:14px}.duck-parade{z-index:150}.parade-duck{width:90px;height:90px;object-fit:contain;animation-duration:4s!important}.profile-stats{gap:10px}.profile-stat strong{font-size:27px}.profile-stat small{font-size:12px}.containment-overlay{z-index:10}.containment-score-big{font-size:56px}.experiment-active .run-bar{display:none}.experiment-active .machine-stage{height:280px;min-height:280px}.experiment-active .loaded-specimens{top:40%}.reduce-motion *, .tab-hidden *{animation:none!important;transition:none!important}.reduce-motion html{scroll-behavior:auto}
@keyframes load-bob{to{transform:translateY(-6px)}}@keyframes bell-ring{50%{rotate:8deg}}@keyframes paper-fall{from{transform:translateY(-65px) rotate(-15deg);opacity:0}30%{opacity:1}to{transform:translateY(60px) rotate(15deg);opacity:0}}@keyframes orbit{from{transform:rotate(0) translateX(24px) rotate(0)}to{transform:rotate(360deg) translateX(24px) rotate(-360deg)}}@keyframes disco-hop{50%{transform:translateY(-10px) rotate(6deg)}}@keyframes storm-drift{50%{transform:translateX(9px) rotate(-3deg)}}@keyframes grow{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes packet{50%{transform:translateX(7px)}}@keyframes steam{from{transform:translateY(15px);opacity:0}30%{opacity:.65}to{transform:translateY(-65px);opacity:0}}@keyframes specimen-float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes stamp{50%{transform:translateY(4px) rotate(-2deg)}}
@media(max-width:1100px){main{padding:0 24px}.site-header{padding-left:24px;padding-right:24px}.laboratory-layout{grid-template-columns:240px minmax(0,1fr)}.ingredient-panel{padding:15px 12px}.panel-heading .step-number{display:none}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.risk-label{display:none}.run-bar .button{width:100%}.machine-topline{flex-wrap:wrap;gap:6px}.machine-status{max-width:none!important}.machine-stage{height:375px;min-height:375px}.under-lab{grid-template-columns:1fr 280px}.interventions{gap:7px}.intervention{padding:10px}.result-title{font-size:30px}.bottom-strip{flex-wrap:wrap}.discovery-progress{min-width:210px}}
@media(max-width:780px){.site-header{padding:12px 16px 0;gap:10px;min-height:auto}.brand-mark{width:39px;height:39px;line-height:37px;font-size:33px}.site-header nav{padding-bottom:5px}.nav-link{font-size:14px;padding:9px 0}.header-actions{gap:8px}.brand-name{font-size:12px}.brand-name>span{font-size:14px}.page-heading{padding:17px 0 14px}.page-heading h1{font-size:31px;letter-spacing:-1.2px;margin-top:6px}.page-heading .eyebrow{font-size:10px;letter-spacing:.2px}.laboratory-layout{display:flex;gap:10px}.ingredient-panel{border-radius:12px;padding:12px}.panel-heading .step-number{display:inline-flex}.panel-intro{display:none}.ingredient-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.ingredient-button{min-height:70px;padding:4px 1px}.ingredient-button img{width:44px;height:38px}.ingredient-name{font-size:13px!important}.selection-tray{display:none}.surprise-button{margin-top:10px;font-size:13px;padding:3px;min-height:34px}.machine-topline{padding:10px 12px;flex-wrap:nowrap;min-height:49px}.machine-topline h2{font-size:14px!important;max-width:none}.machine-topline .step-number{display:none}.machine-status{font-size:11px!important;max-width:112px!important}.machine-stage{height:255px;min-height:255px}.lab-image{width:92%;left:4%}.machine-sticker{width:61px;height:61px;left:10px;top:15px}.machine-sticker strong{font-size:13px}.machine-sticker>span:first-child{font-size:6px}.sticker-stars{font-size:8px}.bell-button{width:44px;height:44px;font-size:14px;right:9px;top:10px}.loaded-specimens{gap:6px;top:47%}.loaded-item{width:62px;min-height:68px;padding:4px}.loaded-item img{width:42px;height:38px}.loaded-item small{font-size:10px}.machine-caption{font-size:10px;left:10px;right:10px}.machine-caption>span:last-child{max-width:175px}.run-bar{padding:11px 13px;min-height:74px}.run-bar .button{min-height:48px;font-size:15px}.under-lab{grid-template-columns:1fr;gap:8px;margin-top:12px}.assistant-note{gap:11px;padding:8px 0;min-height:70px}.assistant-note .eyebrow{font-size:9px!important;line-height:1.5}.assistant-note p{font-size:17px;line-height:1.4}.quack-portrait{width:49px;height:49px}.daily-teaser{padding:12px 14px}.daily-icon{font-size:27px}.daily-teaser strong{font-size:14px}.bottom-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px}.small-stat>span{font-size:25px}.forbidden-button{min-height:48px}.experiment-active .ingredient-panel{display:none}.experiment-active #view-lab>.page-heading{display:none}.experiment-active .machine-stage{height:220px;min-height:220px}.experiment-active .laboratory-layout{margin-top:12px}.decision-panel{padding:17px 14px}.decision-heading h3{font-size:25px}.decision-heading p{font-size:15px}.decision-heading small{font-size:12px}.interventions{grid-template-columns:1fr;gap:8px;margin-top:14px}.intervention{min-height:59px;padding:10px 12px;display:grid;grid-template-columns:135px minmax(0,1fr);gap:8px;align-items:center}.intervention strong{font-size:14px}.intervention span{margin:0;font-size:13px}.has-result .lab-image{width:68%;left:-9%}.specimen-scene{right:3%;width:48%;height:84%;top:10%}.living-specimen{height:73%}.specimen-label{font-size:10px;letter-spacing:1px;padding:4px 7px}.scene-stamp{font-size:10px;padding:4px 6px}.incident-result{padding:16px}.result-kicker{font-size:10px}.result-title{font-size:29px}.incident-result h4{font-size:16px}.result-description{font-size:16px}.result-actions{gap:9px;margin-top:15px}.result-actions .button{flex:1;min-height:48px;padding:10px}.result-actions .text-button{font-size:14px;flex:1}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-card{padding:13px;min-height:300px}.case-card .recipe-art,.case-mystery{height:130px}.case-card h3{font-size:21px}.case-card p{font-size:14px}.case-top{font-size:10px}.case-footer{font-size:12px}.detail-dialog{padding:22px;width:calc(100% - 24px);max-height:92dvh}.dialog-heading{font-size:27px}.dialog-description{font-size:16px}.file-art{width:165px;height:155px}.ending p{font-size:15px}.ending h3{font-size:18px}.dialog-actions .button{font-size:14px}.profile-stats{grid-template-columns:1fr 1fr 1fr}.profile-stat strong{font-size:23px}.profile-stat small{font-size:12px}.toast-region{bottom:15px}.toast{font-size:14px}.process-overlay{inset:auto 10px 7px;padding:10px}.process-overlay p{font-size:18px}.process-label{font-size:10px}.process-meter{margin:6px auto}#process-skip{padding:8px;font-size:14px}.save-status{font-size:13px}.page-heading.compact{padding:22px 0}.page-heading.compact h1{font-size:38px}.assignment-sheet{padding:22px 16px}.goal-progress{font-size:12px;white-space:nowrap}.daily-goal p{font-size:14px}.daily-goal h3{font-size:16px}.profile-stat{min-width:0}}
@media(max-width:430px){main{padding:0 12px}.site-header{padding-left:12px;padding-right:12px}.brand-name{font-size:11px}.brand-name>span{font-size:13px}.header-actions .icon-button,.staff-pill .avatar{width:36px;height:36px}.header-actions{gap:4px}.nav-link{font-size:13px}.page-heading h1{font-size:27px}.ingredient-name{font-size:12px!important}.machine-topline h2{font-size:13px!important}.machine-status{font-size:10px!important}.ingredient-panel{padding:11px 9px}.ingredient-grid{gap:6px}.case-grid{grid-template-columns:1fr}.case-card{min-height:300px}.case-card .recipe-art{height:185px}.case-top{font-size:12px}.intervention{grid-template-columns:130px minmax(0,1fr)}.dialog-heading{font-size:25px}.recipe-pills{flex-wrap:wrap}.recipe-pill{font-size:12px}.result-title{font-size:27px}.scene-stamp{font-size:9px}.result-actions .button{font-size:13px!important}.small-stat{min-width:0}.small-stat small{font-size:11px}.panel-heading h2{font-size:15px!important}.assistant-note .eyebrow{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:780px){.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-actions .button,.result-actions .text-button{width:100%;min-height:48px}.specimen-label{display:none}.has-result .lab-image{width:62%;left:0}.specimen-scene{height:85%;top:10%}.machine-stage{height:235px;min-height:235px}}