#lab-page{--mint:#f5d3a0;--muted:#e3cfb5;--border:#c4966860}
#lab-page .console{position:relative;isolation:isolate;background:linear-gradient(125deg,#67482ef5,#493524f5);border-color:#b68a5c;color:#fff1da;transition:box-shadow .8s,background .8s}
#lab-page .primary,#lab-page .fire-button,#lab-page .soil-switch button,#lab-page .icon-button,#lab-page .lab-back{background:repeating-linear-gradient(3deg,#a2724418 0 2px,#0000 2px 7px),linear-gradient(135deg,#bb8c56,#785032);border:1px solid #d9ac77;color:#fff6e5;box-shadow:inset 0 1px 0 #ffe2b855,0 3px 7px #281b2340;text-shadow:0 1px 2px #302016}
#lab-page .soil-switch{background:#3e2d20;border:1px solid #ac8059}#lab-page .soil-switch button[aria-pressed=true]{background:linear-gradient(135deg,#e0b882,#b78750);color:#302216;text-shadow:none;box-shadow:inset 0 1px 0 #fff0cf}
#lab-page .primary:hover,#lab-page .fire-button:hover:not(:disabled){filter:brightness(1.1)}#lab-page button:focus-visible{outline:3px solid #9eddf6;outline-offset:3px}
#lab-page .event,#lab-page .path,#lab-page .result-equation{background:#3a291d55;border-color:#c4996860}#lab-page .event-icon{background:#b5844c66;border-color:#d3aa79}#lab-page #delta{color:#ffe0ab}#lab-page .step-dots .active{background:#ddb783;color:#342617}
#lab-page .console.panel-dry{box-shadow:inset 0 0 28px #bf7b2740}#lab-page .console.panel-burning{box-shadow:inset 0 -12px 24px #f2651766,inset 0 0 8px #ffb044aa}#lab-page .console.panel-smolder{box-shadow:inset 0 -8px 20px #d65b2350}
.api-panel-fire{position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity .6s}.panel-burning .api-panel-fire,.panel-smolder .api-panel-fire{opacity:1}
.api-panel-fire i{position:absolute;bottom:-14px;width:17px;height:45px;background:radial-gradient(ellipse at 50% 85%,#fff3a7 0 16%,#ffc13d 30%,#f37b20 55%,#d63e0a00 73%);border-radius:55% 45% 40% 40%;filter:drop-shadow(0 0 4px #ff9632);transform-origin:50% 100%;animation:api-panel-flame 1.3s ease-in-out infinite alternate;animation-play-state:paused}
.panel-burning .api-panel-fire i{animation-play-state:running}.api-panel-fire i:nth-child(2n){height:36px;animation-delay:-.6s}.api-panel-fire i:nth-child(3n){height:50px;animation-delay:-1s}.panel-smolder .api-panel-fire i{height:12px;animation:none;opacity:.65}
@keyframes api-panel-flame{from{transform:scale(.8,.7) rotate(-7deg);opacity:.7}to{transform:scale(1.15,1.15) rotate(8deg);opacity:1}}
.api-number-panel{position:absolute;z-index:3;right:12px;top:64px;width:116px;padding:9px 5px 3px;background:#fff4dfec;border:1px solid #b38353;border-radius:14px;box-shadow:0 5px 20px #382a2433;color:#49351f;text-align:center;pointer-events:none}
.api-number-panel h2{font-size:13px;line-height:1.2;margin:0 0 3px}.api-number-panel p{font-size:10px;margin:0}.api-number-panel svg{display:block;width:100%;height:auto}.api-number-panel svg text{font:800 14px Nunito,sans-serif;fill:#48351e;text-anchor:end}.api-number-panel svg .api-number-result{font-size:15px;text-anchor:start;fill:#17618a}.api-number-panel svg .api-number-delta{font-size:13px;text-anchor:middle;fill:#17618a}.api-number-panel svg .api-number-caption{font-size:10px;text-anchor:middle}.api-number-panel svg path{stroke:#8d7555;stroke-width:1.8;fill:none}.api-number-panel svg .api-number-arrow{stroke:#147aa5;stroke-width:3}#api-number-arrowhead path{fill:#147aa5;stroke:none}.api-number-start{fill:#fff4df;stroke:#6e5030;stroke-width:2}#api-number-current{fill:#1691bd;stroke:white;stroke-width:2}
@media(max-width:700px){.api-number-panel{width:95px;right:8px;top:55px;padding:7px 3px 2px}.api-number-panel h2{font-size:11px}#lab-page .sensor{max-width:calc(100% - 130px)}}
@media(prefers-reduced-motion:reduce){.api-panel-fire i{animation:none!important;height:20px}}
#lab-page .api-panel-fire i{bottom:-3px;width:22px;background:radial-gradient(ellipse at 50% 65%,#fff3a7 0 13%,#ffc13d 25%,#f37b20 46%,#d63e0a00 72%)}
#lab-page .panel-burning .api-panel-fire{border-bottom:2px solid #ffb34a;box-shadow:inset 0 -8px 12px #fa74274d}