@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-dark: #0b0f19;--panel-bg: rgba(16, 24, 43, .75);--glass-border: rgba(0, 243, 255, .2);--neon-cyan: #00f3ff;--neon-green: #00ff66;--text-main: #e2f1f8;--text-muted: #8ab4f8;--grid-color: rgba(0, 243, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Segoe UI,system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-main);height:100vh;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}#workbench{flex-grow:1;position:relative;overflow:hidden;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;background-color:#060b16;box-shadow:inset 0 0 120px #00f3ff0d;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1}#workbench:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(0,255,255,.08),transparent 35%);opacity:.7;z-index:0}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 0 20px #00000080;z-index:10}.auth-status-message{border:1px solid rgba(241,196,15,.35);background:#ffffff0d;color:#f1c40f;padding:14px 16px;border-radius:12px;font-size:14px;text-align:left}.auth-status-message p{margin:10px 0 0;line-height:1.5;color:#fff}.auth-status-link{display:inline-block;margin-top:10px;color:#00f3ff;border-bottom:1px solid rgba(0,243,255,.5);text-decoration:none}.auth-status-link:hover{color:#8cf0ff}#inventory-sidebar{width:320px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--glass-border)}.sidebar-header{padding:20px;text-align:center;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(0,243,255,.1) 0%,transparent 100%)}.sidebar-header h1{font-size:22px;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,243,255,.5)}.search-bar{margin:15px 20px;padding:12px 15px;background:#00000080;border:1px solid var(--glass-border);border-radius:8px;color:var(--neon-cyan);font-size:14px;outline:none;width:calc(100% - 40px);transition:all .3s ease}.search-bar:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff33}.category-container{flex-grow:1;overflow-y:auto;padding:10px 20px;scrollbar-width:thin;scrollbar-color:rgba(0,243,255,.25) transparent}.category-container::-webkit-scrollbar{width:6px}.category-container::-webkit-scrollbar-track{background:transparent}.category-container::-webkit-scrollbar-thumb{background:#00f3ff26;border-radius:10px;transition:background .3s ease}.category-container::-webkit-scrollbar-thumb:hover{background:#00f3ff66}.category-title{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:15px 0 10px;border-bottom:1px solid rgba(138,180,248,.2);padding-bottom:5px}.ui-btn{background:#10182b66;border:1px solid rgba(0,243,255,.15);color:var(--text-main);padding:14px 16px;margin-bottom:8px;width:100%;text-align:left;border-radius:8px;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;min-height:48px;box-shadow:inset 0 1px 1px #ffffff0d;font-size:14px;letter-spacing:.5px;font-weight:500}.ui-btn:hover{background:#00f3ff14;border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff33,inset 0 1px 1px #ffffff1a;transform:translate(4px)}.ui-btn:active{transform:scale(.98) translate(2px);transition-duration:.1s}.ui-btn.btn-metal span:first-child{background:#f39c12!important;box-shadow:0 0 8px #f39c12!important}.ui-btn.btn-metal:hover{background:#f39c1214;border-color:#f39c12;box-shadow:0 0 15px #f39c1233,inset 0 1px 1px #ffffff0d}.ui-btn.btn-acid span:first-child{background:#ff4757!important;box-shadow:0 0 8px #ff4757!important}.ui-btn.btn-acid:hover{background:#ff475714;border-color:#ff4757;box-shadow:0 0 15px #ff475733,inset 0 1px 1px #ffffff0d}.ui-btn.btn-base span:first-child{background:#9b59b6!important;box-shadow:0 0 8px #9b59b6!important}.ui-btn.btn-base:hover{background:#9b59b614;border-color:#9b59b6;box-shadow:0 0 15px #9b59b633,inset 0 1px 1px #ffffff0d}.ui-btn span:first-child{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:12px;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green);flex-shrink:0}.ui-btn span[data-translate]{width:auto;height:auto;border-radius:0;background:transparent!important;box-shadow:none!important;margin-right:0;display:inline}.gateway-access-card{margin-top:20px!important;padding:16px!important;border-radius:12px!important;border:1px solid rgba(0,243,255,.18)!important;background:#00f3ff0a!important;color:#e9f7ff!important;box-shadow:inset 0 0 15px #00f3ff0d;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.gateway-access-card:hover{border-color:#00f3ff4d!important;box-shadow:0 0 15px #00f3ff14,inset 0 0 15px #00f3ff0d}.gateway-access-card.gateway-pro-ready{background:#2ecc7114!important;border-color:#2ecc7140!important}.gateway-access-card.gateway-pro-locked{background:#f1c40f0f!important;border-color:#f1c40f33!important}.gateway-access-title{font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--neon-cyan)}.gateway-access-text{margin:0;color:#f8fbff;font-size:13px;line-height:1.5}#btn-enter-free{transition:all .3s cubic-bezier(.4,0,.2,1)}#btn-enter-free:hover{box-shadow:0 0 20px #00f3ff40,inset 0 1px 1px #ffffff1a}#btn-enter-pro{transition:all .3s cubic-bezier(.4,0,.2,1)}#btn-enter-pro:hover{box-shadow:0 0 20px #f1c40f40,inset 0 1px 1px #ffffff1a}.ui-btn.pro-ready{background:#2ecc7114;border-color:#2ecc7159}.ui-btn.pro-locked{opacity:.95}.ui-btn.pro-locked:hover{background:#f1c40f1f;border-color:#f1c40f80}.hud-header{display:flex;justify-content:space-between;align-items:center}.status-blink{width:8px;height:8px;background:var(--neon-green);border-radius:50%;box-shadow:0 0 10px var(--neon-green);animation:blink 1.5s infinite}.hud-row{display:flex;flex-direction:column}.hud-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.hud-instruction-text{font-size:13px;color:var(--text-main);line-height:1.6;margin-top:5px;padding:10px;background:#0000004d;border-radius:4px;border-left:3px solid var(--neon-cyan)}.hud-equation-display{font-size:16px;font-family:JetBrains Mono,"Cambria Math",monospace;color:var(--neon-cyan);padding:12px;margin-top:6px;text-align:center;background:#00f3ff0a;border:1px dashed rgba(0,243,255,.25);border-radius:8px;box-shadow:inset 0 0 15px #00f3ff14;min-height:44px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;text-shadow:0 0 8px rgba(0,243,255,.35)}.hud-grid-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.stat-box{background:linear-gradient(180deg,#ffffff05,#ffffff0d);border:1px solid rgba(255,255,255,.05);padding:12px;border-radius:8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,243,255,.2),transparent)}.stat-box:hover{border-color:#00f3ff40;background:#00f3ff08;box-shadow:0 4px 20px #00f3ff0d,inset 0 0 10px #00f3ff0d}.hud-value{font-size:20px;font-weight:700;color:var(--neon-green);font-family:JetBrains Mono,monospace;margin-top:6px;letter-spacing:-.5px;text-shadow:0 0 10px rgba(0,255,102,.25)}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes trash-pulse{0%,to{box-shadow:0 0 10px #ff47570d;border-color:#ff475740}50%{box-shadow:0 0 20px #ff47572e;border-color:#ff475773}}#trash-bin{position:absolute;bottom:20px;right:20px;width:90px;height:90px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#ff47574d;transition:all .3s ease;z-index:10;cursor:pointer;animation:trash-pulse 3s infinite ease-in-out}.css-item{position:absolute!important;cursor:grab;filter:drop-shadow(0 0 15px rgba(0,243,255,.2));z-index:50;margin:0!important;transition:transform .25s ease,opacity .2s ease,filter .2s ease;touch-action:none}.css-item:active{cursor:grabbing;z-index:100;filter:drop-shadow(0 0 25px rgba(0,243,255,.5))}.css-beaker{position:relative;width:80px;height:100px;border:3px solid rgba(255,255,255,.4);border-top:none;border-radius:0 0 15px 15px;background:#ffffff0d;display:flex;align-items:flex-end;overflow:hidden}.css-flask{position:relative;width:90px;height:110px;background:#ffffff0d;clip-path:polygon(35% 0,65% 0,65% 30%,100% 100%,0 100%,35% 30%);border-bottom:5px solid rgba(255,255,255,.4);display:flex;align-items:flex-end;overflow:hidden}.css-test-tube{position:relative;width:24px;height:120px;border:2px solid rgba(255,255,255,.4);border-top:none;border-radius:0 0 12px 12px;background:#ffffff0d;display:flex;align-items:flex-end;overflow:hidden}.css-round-flask{position:relative;width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.4);background:#ffffff0d;display:flex;align-items:flex-end;overflow:hidden;margin-top:40px!important}.css-round-flask:before{content:"";position:absolute;top:-42px;left:50%;transform:translate(-50%);width:22px;height:45px;border-left:3px solid rgba(255,255,255,.4);border-right:3px solid rgba(255,255,255,.4);background:#ffffff0d}.css-crucible{position:relative;width:45px;height:35px;border:3px solid #bdc3c7;border-top:none;border-radius:0 0 15px 15px;background:#ecf0f11a;display:flex;align-items:flex-end;overflow:hidden}.css-gas-syringe{width:150px;height:25px;border:2px solid rgba(255,255,255,.4);border-radius:5px;background:#ffffff0d;position:relative;display:flex;align-items:center}.syringe-barrel{position:absolute;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(255,255,255,.4) 10px)}.syringe-plunger{position:absolute;right:-20px;width:50px;height:19px;background:#34495e;border-radius:3px;transition:right 1.5s ease-out;border-left:3px solid #3498db}.syringe-label{position:absolute;bottom:-20px;left:5px;color:var(--neon-cyan);font-size:10px}.css-stirring-rod{width:6px;height:120px;background:#ffffff4d;border-radius:3px;box-shadow:inset 0 0 5px #fffc;cursor:pointer}.css-dropper{width:14px;height:90px;position:relative;display:flex;flex-direction:column;align-items:center}.dropper-bulb{width:14px;height:25px;background:#e74c3c;border-radius:7px 7px 0 0}.dropper-pipette{width:6px;height:65px;background:#ffffff1a;border-radius:0 0 3px 3px;border:1px solid rgba(255,255,255,.4);border-top:none;display:flex;align-items:flex-end;overflow:hidden}.dropper-liquid{width:100%;background:transparent;transition:height .3s,background .3s}.css-tripod{width:100px;height:90px;border-top:6px solid #7f8c8d}.css-tripod:before,.css-tripod:after{content:"";position:absolute;width:5px;height:90px;background:linear-gradient(90deg,#95a5a6,#7f8c8d);top:0;border-radius:2px}.css-tripod:before{left:10px;transform:rotate(10deg)}.css-tripod:after{right:10px;transform:rotate(-10deg)}.css-beaker,.css-test-tube,.css-boiling-tube,.css-gas-jar,.css-round-flask,.css-flask{box-shadow:inset -5px 0 15px #ffffff26,inset 5px 0 10px #00f3ff0d,0 15px 25px #0009!important;position:relative;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.css-beaker:after,.css-test-tube:after,.css-boiling-tube:after,.css-gas-jar:after,.css-round-flask:after,.css-flask:after{content:"";position:absolute;top:2%;left:15%;width:15%;height:96%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);border-radius:50%;pointer-events:none;z-index:10}.css-liquid{position:absolute;bottom:0;width:100%;height:0%;background:radial-gradient(circle at 50% 80%,rgba(255,255,255,.18),transparent 35%),linear-gradient(180deg,#009bd4d9,#003a66bf);box-shadow:inset 0 -20px 30px #0009,inset 0 10px 15px #ffffff4d,inset -5px 0 15px #0003;transition:height .6s cubic-bezier(.25,1,.5,1),background 1.5s ease-in-out,transform .15s ease-out;transform-origin:bottom center;border-radius:0 0 10px 10px;z-index:1;overflow:hidden}.css-liquid:before{content:"";position:absolute;top:-4px;left:0;width:100%;height:8px;background:inherit;border-radius:50%;filter:brightness(1.6) contrast(1.2);border:1px solid rgba(255,255,255,.7);box-shadow:0 2px 5px #0003,inset 0 2px 2px #fffc;z-index:3;pointer-events:none}.css-liquid:after{content:"";position:absolute;left:-10%;top:4px;width:120%;height:8px;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.55),transparent 20%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.35),transparent 18%);opacity:.55;pointer-events:none;transform:translate(0);animation:liquid-wave 2.8s linear infinite;z-index:4}@keyframes liquid-wave{0%{transform:translate(0)}to{transform:translate(-20px)}}.bubbling-liquid:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.6) 2px,transparent 3px);background-size:15px 15px,25px 25px;background-position:0 0,10px 10px;animation:boil-rise .7s linear infinite;opacity:.8;z-index:2;mix-blend-mode:overlay}@keyframes boil-rise{0%{background-position:0 0px,10px 10px}to{background-position:0 -30px,10px -50px}}.diffusion-plume{position:absolute;top:0;left:50%;transform:translate(-50%) scale(.2);width:30px;height:30px;border-radius:50%;filter:blur(6px);opacity:.9;mix-blend-mode:multiply;transition:transform 1.5s ease-out,top 1.5s ease-in,opacity 1.5s ease-out;pointer-events:none;z-index:2}.pouring-tilt{transform:rotate(-45deg);transition:transform .3s ease;transform-origin:bottom right}#pour-stream{position:absolute;height:4px;width:0;background:linear-gradient(90deg,#00f3fff2,#00f3ff80);box-shadow:0 0 16px #00f3ff80;pointer-events:none;display:none;z-index:45;border-radius:4px;transform-origin:0 50%;transition:opacity .25s ease,width .25s ease,transform .25s ease}.pour-drop{position:absolute;width:8px;height:8px;border-radius:50%;background:#00f3ffe6;box-shadow:0 0 14px #00f3ffcc;pointer-events:none;opacity:.9;animation:drip-fall .9s forwards;z-index:47}@keyframes drip-fall{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(15px) scale(.8);opacity:.7}to{transform:translateY(30px) scale(.3);opacity:0}}@keyframes flicker{0%{transform:scaleX(1) scaleY(1);opacity:.8}to{transform:scaleX(1.1) scaleY(1.2);opacity:1}}.heating-up{animation:heat-shimmer .5s infinite linear}@keyframes heat-shimmer{0%{filter:drop-shadow(0 0 5px orange)}50%{filter:drop-shadow(0 0 15px red)}to{filter:drop-shadow(0 0 5px orange)}}.mg-burn-glow{animation:mg-brilliant-light 1.5s ease-out forwards}@keyframes mg-brilliant-light{0%{filter:brightness(1) blur(0)}50%{filter:brightness(10) blur(2px);box-shadow:0 0 100px #fff}to{filter:brightness(1) blur(0)}}@keyframes gas-bubbles{0%{background-position:0 0}to{background-position:0 -36px}}.css-stopper{width:44px;height:18px;background:#2c3e50;border-radius:4px;position:absolute;cursor:grab;z-index:60;display:flex;justify-content:space-around;align-items:center;border-bottom:2px solid #1a252f}.css-stopper:before,.css-stopper:after{content:"";width:8px;height:18px;background:#0006;box-shadow:inset 0 0 5px #000}.css-thistle-funnel{width:30px;height:140px;position:absolute;cursor:grab;z-index:65;display:flex;flex-direction:column;align-items:center}.css-thistle-funnel .funnel-cup{width:30px;height:40px;border:2px solid rgba(255,255,255,.6);border-radius:5px 5px 20px 20px;background:#ffffff1a;border-top:none}.css-thistle-funnel .funnel-stem{width:6px;height:100px;background:#fff3;border-left:2px solid rgba(255,255,255,.6);border-right:2px solid rgba(255,255,255,.6)}.css-boiling-tube{width:32px;height:140px;border:2px solid rgba(255,255,255,.4);border-top:none;border-radius:0 0 16px 16px;background:#ffffff0d;display:flex;align-items:flex-end;overflow:hidden}.css-gas-jar{width:55px;height:130px;border:3px solid rgba(255,255,255,.4);border-top:5px solid rgba(255,255,255,.8);border-radius:2px 2px 8px 8px;background:#ffffff0d;display:flex;align-items:flex-end;overflow:hidden}.css-funnel{width:60px;height:80px;background:transparent;position:relative;display:flex;justify-content:center}.css-funnel:before{content:"";position:absolute;top:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:40px solid rgba(255,255,255,.3)}.css-funnel:after{content:"";position:absolute;top:40px;width:10px;height:40px;background:#ffffff4d;border-radius:0 0 2px 2px}.css-watch-glass{width:60px;height:15px;border-bottom:3px solid rgba(255,255,255,.5);border-radius:50%;background:radial-gradient(ellipse at top,transparent 50%,rgba(255,255,255,.1) 100%)}.css-thermometer{width:12px;height:140px;border:2px solid rgba(255,255,255,.4);border-radius:6px 6px 10px 10px;background:#ffffff1a;position:relative;display:flex;justify-content:center;--temp-height: 20%}.css-thermometer:after{content:"";position:absolute;bottom:2px;width:8px;height:12px;background:#ff4757;border-radius:50%}.css-thermometer:before{content:"";position:absolute;bottom:12px;width:4px;height:var(--temp-height);background:#ff4757;transition:height .3s ease}.css-delivery-tube{width:180px;height:130px;background:linear-gradient(135deg,#ffffffeb,#d7e1eb2e);border-top:4px solid rgba(255,255,255,.75);border-right:4px solid rgba(255,255,255,.75);border-radius:0 15px 0 0;position:relative;pointer-events:none;z-index:40;box-shadow:inset 0 0 20px #ffffff73,inset 0 0 8px #0000001f,0 10px 20px #0003}.css-delivery-tube:before{content:"";position:absolute;top:0;left:0;width:4px;height:35px;background:linear-gradient(180deg,#fffffff2,#ffffffb3);border-radius:15px 0 0;box-shadow:inset 0 0 6px #ffffff8c}.custom_tube path{stroke:url(#tubeGradient);filter:url(#tubeGlow);stroke-width:10;opacity:.95}.custom_tube path.active{stroke-width:12}.gas-cloud{position:absolute;bottom:0;width:100%;height:0%;background:radial-gradient(circle at 50% 90%,rgba(255,255,255,.8),transparent 35%),linear-gradient(to top,rgba(200,200,200,.35),transparent 80%);transition:height 4s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;overflow:hidden;animation:gas-wisp 5s ease-in-out infinite}.gas-cloud.co2_gas{background:radial-gradient(circle at 50% 90%,rgba(255,255,255,.95),transparent 40%),linear-gradient(to top,rgba(255,255,255,.85),transparent 90%)}.gas-cloud.h2_gas{background:radial-gradient(circle at 50% 90%,rgba(0,243,255,.45),transparent 35%),linear-gradient(to top,rgba(0,243,255,.25),transparent 90%)}.gas-cloud.nh3_gas{background:radial-gradient(circle at 50% 90%,rgba(153,255,102,.45),transparent 35%),linear-gradient(to top,rgba(153,255,102,.2),transparent 90%)}@keyframes gas-wisp{0%,to{transform:translateY(0) skew(0)}50%{transform:translateY(-2px) skew(2deg)}}.css-splinter{width:4px;height:80px;background:#8b4513;border-radius:2px;position:relative;z-index:60}.splinter-flame{position:absolute;top:-15px;left:-4px;width:12px;height:15px;background:#ff9d00;border-radius:50% 50% 20% 20%;box-shadow:0 0 15px #ff9d00,0 0 30px #ff4757;animation:flicker .1s infinite alternate}.extinguished .splinter-flame{display:none}.pop-shockwave{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:30px;height:30px;background:radial-gradient(circle,rgba(255,255,255,.8),transparent);border-radius:50%;animation:pop-anim .3s ease-out forwards;pointer-events:none;z-index:70}@keyframes pop-anim{0%{transform:translate(-50%) scale(.5);opacity:1}50%{background:radial-gradient(circle,#00f3ff,transparent)}to{transform:translate(-50%) scale(4);opacity:0}}.css-trough{width:200px;height:80px;border:4px solid rgba(255,255,255,.4);border-top:none;border-radius:0 0 10px 10px;background:#ffffff0d;display:flex;align-items:flex-end;position:absolute;z-index:20}.css-beehive{width:50px;height:35px;background:#7f8c8d;border-radius:5px 5px 0 0;position:absolute;cursor:grab;z-index:25;border-top:2px solid #bdc3c7}.css-beehive:before{content:"";position:absolute;left:0;bottom:5px;width:15px;height:15px;background:#00000080;border-radius:0 10px 10px 0}.css-beehive:after{content:"";position:absolute;top:0;left:20px;width:10px;height:5px;background:#00000080;border-radius:0 0 5px 5px}.css-gas-jar.inverted{transform:rotate(180deg);border-top:3px solid rgba(255,255,255,.4);border-bottom:5px solid rgba(255,255,255,.8)}.gas-bubble{position:absolute;width:10px;height:10px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,.75) 40%,transparent 60%);border-radius:50%;bottom:0;animation:rise-and-pop 1.1s ease-in forwards;z-index:30;box-shadow:0 0 8px #ffffffa6}@keyframes rise-and-pop{0%{transform:translateY(0) scale(.5);opacity:1}50%{transform:translateY(-50px) translate(5px) scale(1)}to{transform:translateY(-100px) translate(-5px) scale(1.2);opacity:0}}.precipitate-layer{position:absolute;bottom:0;width:100%;height:0%;transition:height 3s ease-in-out;z-index:2;border-radius:0 0 10px 10px;box-shadow:inset 0 5px 10px #0000004d}#pour-menu{position:absolute;background:#0a0f1ef2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--neon-cyan);border-radius:8px;padding:15px;box-shadow:0 0 25px #00f3ff4d;z-index:9999;display:none;flex-direction:column;gap:10px;width:220px}#pour-menu h3{font-size:14px;color:var(--neon-cyan);text-align:center;margin-bottom:5px;letter-spacing:1px}.pour-slider-container{display:flex;flex-direction:column;align-items:center;gap:5px}.pour-slider{width:100%;accent-color:var(--neon-cyan)}.pour-value-display{font-size:18px;color:var(--neon-green);font-family:monospace;font-weight:700}.pour-btn{background:#00ff661a;border:1px solid var(--neon-green);color:var(--neon-green);padding:12px 16px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease;min-height:44px;font-size:14px}.pour-btn:hover{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green)}.cancel-btn{background:#ff47571a;border:1px solid #ff4757;color:#ff4757;padding:10px 14px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;min-height:44px}.cancel-btn:hover{background:#ff4757;color:#fff}.stat-box.volume-box{border:1px dashed rgba(0,243,255,.3);grid-column:span 2}.glass-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0f19d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;justify-content:center;align-items:center}.gateway-box{padding:40px;border-radius:20px;width:440px;text-align:center;background:linear-gradient(135deg,#10182bd9,#0a0f1cf2);border:1px solid rgba(0,243,255,.25);box-shadow:0 20px 50px #000c,inset 0 1px #ffffff0d,0 0 40px #00f3ff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all .3s ease}.gateway-box h2{color:var(--neon-cyan);margin-bottom:8px;font-weight:700;font-size:26px;letter-spacing:2px;text-shadow:0 0 15px rgba(0,243,255,.4)}.gateway-box p{color:var(--text-muted);font-size:14px;margin-bottom:25px;line-height:1.5}.gateway-options{display:flex;gap:20px;margin-bottom:25px}.option-group{display:flex;flex-direction:column;width:50%;text-align:left}.option-group label{font-size:11px;color:var(--neon-cyan);margin-bottom:8px;text-transform:uppercase;font-weight:600;letter-spacing:1px}.option-group select{background:#080c18cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300f3ff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 32px 12px 14px;border-radius:8px;border:1px solid rgba(0,243,255,.2);color:#fff;outline:none;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-group select:hover{border-color:var(--neon-cyan);box-shadow:0 0 12px #00f3ff33}.option-group select:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff66}.ad-hologram-effect{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,102,.2),transparent);animation:scanline 3s linear infinite;pointer-events:none}.ad-profile-pic{width:120px;height:120px}.ad-content{position:relative;z-index:2;text-align:center}#ad-title{color:var(--neon-green);font-size:14px;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}#ad-desc{color:var(--text-main);font-size:11px;line-height:1.4;margin-bottom:10px}.ad-time-badge{display:inline-block;background:#00f3ff1a;color:var(--neon-cyan);padding:4px 10px;border-radius:12px;font-size:10px;margin-bottom:10px;border:1px solid rgba(0,243,255,.5)}.ad-btn{background:var(--neon-green);color:#000;border:none;padding:8px 15px;border-radius:4px;font-weight:700;font-size:11px;cursor:pointer;width:100%;transition:all .2s ease}.ad-btn:hover{box-shadow:0 0 15px var(--neon-green);transform:scale(1.05)}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scanline{0%{left:-100%}to{left:200%}}.gateway-box .ui-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:10px}.gateway-box .ui-btn span[data-translate]{white-space:nowrap}.practical-selector-container{margin:15px 20px 0;padding-bottom:15px;border-bottom:1px solid rgba(0,243,255,.2);display:flex;flex-direction:column;gap:8px}.practical-select-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.practical-select{width:100%;background:#0009;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px;border-radius:6px;font-size:13px;outline:none;cursor:pointer;font-family:inherit;transition:all .3s ease}.practical-select:focus{box-shadow:0 0 15px #00f3ff4d}.practical-select option{background:var(--bg-dark);color:var(--text-main);padding:10px}.inventory-filtered-msg{font-size:10px;color:#f1c40f;text-align:center;margin-top:5px;display:none;animation:pulse-warn 2s infinite}@keyframes pulse-warn{0%,to{opacity:.7}50%{opacity:1}}.step-list{list-style:none;padding:0;margin:10px 0 0}.step-item{font-size:12px;color:var(--text-muted);margin-bottom:8px;padding-left:18px;position:relative;transition:all .3s ease;line-height:1.4;cursor:pointer}.step-item:before{content:"○";position:absolute;left:0;top:0;color:var(--text-muted)}.step-item.completed{text-decoration:line-through;opacity:.5}.step-item.completed:before{content:"✓";color:var(--neon-green);text-decoration:none}@media (max-width: 1024px){#mobile-menu-btn{display:flex!important;position:absolute;top:15px;left:15px;padding:12px 20px;border-radius:8px;border-color:var(--neon-cyan);color:var(--neon-cyan);z-index:2000;cursor:pointer;font-weight:700;align-items:center;gap:8px;font-size:16px;min-height:48px}#inventory-sidebar{position:absolute;top:0;left:-350px;width:300px;z-index:1500;transition:left .3s ease-in-out;background:#0b0f19f2}#inventory-sidebar.mobile-open{left:0}#hud-panel{top:60px;right:10px;width:calc(100% - 20px);padding:15px;max-height:200px;overflow-y:auto;font-size:16px}.hud-grid-stats{grid-template-columns:repeat(3,1fr)}.stat-box.volume-box{grid-column:span 1}.hud-value{font-size:16px}.hud-label{font-size:12px}.bin-icon{font-size:24px}#holographic-ad{bottom:80px;right:10px;width:200px;padding:15px}.gateway-box{width:95%;padding:25px;font-size:16px}.gateway-options{flex-direction:column}.option-group{width:100%}.ui-btn{padding:18px;font-size:16px}.option-group select,.glass-select{padding:18px 15px;font-size:16px}.search-bar{padding:16px 15px;font-size:16px;min-height:48px}.ad-btn{padding:12px 20px;font-size:16px;min-height:48px}}.option-group select,.glass-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0009;border:1px solid var(--glass-border);color:var(--neon-cyan);padding:16px 15px;border-radius:8px;outline:none;cursor:pointer;font-size:16px;font-family:inherit;font-weight:700;transition:all .3s ease;min-height:48px;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300f3ff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto}.option-group select:hover,.glass-select:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff33}.option-group select option{background-color:var(--bg-dark);color:var(--text-main);font-weight:400}@keyframes grind{0%{transform:rotate(15deg) translateY(0)}50%{transform:rotate(-10deg) translateY(8px)}to{transform:rotate(15deg) translateY(0)}}#intro-sequence{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#05080f;z-index:99999;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity 1.2s cubic-bezier(.86,0,.07,1),transform 1.2s cubic-bezier(.86,0,.07,1)}.intro-grid{position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(0,243,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.15) 1px,transparent 1px);background-size:50px 50px;transform:perspective(600px) rotateX(75deg) translateY(0) translateZ(-200px);animation:gridMove 3s linear infinite;opacity:.5}@keyframes gridMove{0%{transform:perspective(600px) rotateX(75deg) translateY(0) translateZ(-200px)}to{transform:perspective(600px) rotateX(75deg) translateY(50px) translateZ(-200px)}}.scanline{position:absolute;top:0;left:0;width:100%;height:8px;background:#00f3ff80;box-shadow:0 0 20px #00f3ffcc;opacity:.4;animation:scan 4s linear infinite;z-index:5;pointer-events:none}@keyframes scan{0%{top:-10%}to{top:110%}}.intro-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-console{color:var(--neon-green, #00ff66);font-family:monospace;font-size:16px;letter-spacing:2px;height:20px;text-shadow:0 0 8px var(--neon-green, #00ff66)}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.glitch-logo-container{display:none;opacity:0;transform:scale(.8);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.glitch-logo-container.show{display:block;opacity:1;transform:scale(1);animation:slightFloat 4s ease-in-out infinite alternate}.glitch-logo{font-size:5rem;font-weight:900;color:#fff;letter-spacing:10px;position:relative;text-shadow:0 0 20px rgba(0,243,255,.8);margin:0;text-transform:uppercase}.glitch-logo:before,.glitch-logo:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#05080f}.glitch-logo:before{left:3px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,600px,56px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch-logo:after{left:-3px;text-shadow:-2px 0 #00f3ff;clip:rect(44px,600px,56px,0);animation:glitch-anim2 2.5s infinite linear alternate-reverse}.logo-subtitle{color:var(--text-muted, #8ab4f8);font-size:1.2rem;letter-spacing:18px;margin-top:5px;text-shadow:0 0 10px rgba(138,180,248,.6);opacity:0;animation:fadeIn 2s forwards 1s}.access-granted{color:var(--neon-cyan, #00f3ff);font-family:monospace;font-size:1.5rem;letter-spacing:6px;margin-top:40px;font-weight:700;animation:pulse-glow 1s infinite}@keyframes pulse-glow{0%,to{opacity:.8;text-shadow:0 0 10px #00f3ff}50%{opacity:1;text-shadow:0 0 30px #00f3ff,0 0 50px #00f3ff}}@keyframes fadeIn{to{opacity:1}}@keyframes glitch-anim{0%{clip:rect(21px,9999px,86px,0)}20%{clip:rect(20px,9999px,53px,0)}40%{clip:rect(89px,9999px,14px,0)}60%{clip:rect(82px,9999px,35px,0)}80%{clip:rect(31px,9999px,78px,0)}to{clip:rect(12px,9999px,99px,0)}}@keyframes glitch-anim2{0%{clip:rect(89px,9999px,14px,0)}20%{clip:rect(59px,9999px,11px,0)}40%{clip:rect(63px,9999px,27px,0)}60%{clip:rect(15px,9999px,86px,0)}80%{clip:rect(91px,9999px,42px,0)}to{clip:rect(99px,9999px,19px,0)}}.intro-hidden{opacity:0!important;transform:scale(1.5)!important;pointer-events:none}@keyframes materialize{0%{transform:scale(.5) translateY(40px);opacity:0;filter:blur(10px) drop-shadow(0 0 50px var(--neon-cyan))}70%{transform:scale(1.05) translateY(-5px);opacity:1;filter:blur(0px) drop-shadow(0 0 25px var(--neon-cyan))}to{transform:scale(1) translateY(0);filter:drop-shadow(0 0 15px rgba(0,243,255,.2))}}.item-spawn{animation:materialize .5s cubic-bezier(.25,.46,.45,.94) forwards}.css-liquid{transition:height .5s ease,background .5s ease,transform .15s ease-out;transform-origin:bottom center}#hud-panel:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00f3ff0d 50%);z-index:-1;background-size:100% 4px;pointer-events:none;border-radius:12px}.ambient-particle{position:absolute;background:var(--neon-cyan);border-radius:50%;pointer-events:none;box-shadow:0 0 12px var(--neon-cyan);animation:floatUp linear forwards;z-index:0}@keyframes floatUp{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:.4;transform:translateY(-20px) scale(1)}80%{opacity:.4}to{transform:translateY(-120px) scale(0);opacity:0}}#hud-panel{position:absolute;top:20px;right:20px;width:350px;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 430px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent;z-index:15}#hud-panel::-webkit-scrollbar{width:6px}#hud-panel::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:10px}#trash-bin{position:absolute;bottom:20px;right:20px;width:90px;height:90px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#ff47574d;transition:all .3s ease;z-index:10;cursor:pointer;transform-origin:bottom right;animation:trash-pulse 3s infinite ease-in-out}#trash-bin:hover{background:#ff47571a;border-color:#ff4757;box-shadow:0 0 22px #ff475766;transform:scale(1.05);animation-play-state:paused}.bin-icon{font-size:28px;margin-bottom:5px}.deleting-highlight{filter:drop-shadow(0 0 15px #ff4757)!important}.snap-target-highlight{outline:2px dashed var(--neon-cyan)!important;outline-offset:4px;box-shadow:0 0 25px #00f3ff66!important;filter:drop-shadow(0 0 15px rgba(0,243,255,.6))!important}#trash-bin.snap-target-highlight{outline:2px dashed #ff4757!important;outline-offset:4px;box-shadow:0 0 25px #ff475766!important;background:#ff475714!important}#holographic-ad{position:absolute;bottom:120px;right:20px;width:220px;border:1px solid var(--neon-green);border-radius:12px;padding:15px;background:linear-gradient(135deg,#00ff660d,#000c);animation:levitate 4s ease-in-out infinite;cursor:pointer;z-index:10;overflow:hidden;transform-origin:bottom right}@media (max-height: 850px){#holographic-ad{transform:scale(.85);bottom:100px}#trash-bin{transform:scale(.85);bottom:15px}#hud-panel{max-height:calc(100vh - 360px)}}@media (max-height: 700px){#holographic-ad{transform:scale(.7);bottom:85px}#trash-bin{transform:scale(.7);bottom:10px}#hud-panel{max-height:calc(100vh - 290px)}}@media (max-height: 550px){#holographic-ad{display:none!important}#trash-bin{transform:scale(.6);bottom:10px}#hud-panel{max-height:calc(100vh - 100px)}}#landscape-enforcer{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0f19;z-index:999999;justify-content:center;align-items:center;text-align:center;color:var(--neon-cyan)}.enforcer-content{padding:30px;border:1px solid var(--neon-cyan);border-radius:12px;background:#00f3ff0d;box-shadow:0 0 30px #00f3ff33;max-width:80%}.rotate-phone-icon{width:60px;height:60px;margin:0 auto 20px;animation:rotatePhone 2s ease-in-out infinite alternate}#landscape-enforcer h2{font-size:20px;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 10px var(--neon-cyan)}#landscape-enforcer p{font-size:14px;color:var(--text-muted)}@keyframes rotatePhone{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}@media screen and (max-width: 768px) and (orientation: portrait){#landscape-enforcer{display:none}body{overflow:auto}}.css-item[data-type=metal],.css-item[data-type=salt],.css-item[data-type=powder],.css-item[data-type=solid]{box-shadow:0 8px 15px #0009!important;transition:transform .2s ease,box-shadow .2s ease}.css-item[data-type=metal]{border-radius:3px;box-shadow:inset -3px -3px 6px #00000080,inset 2px 2px 6px #fff9,0 8px 15px #0009!important;overflow:hidden;position:relative}.css-item[data-type=metal]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 35%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.6) 45%,transparent 55%);pointer-events:none;z-index:5}.css-item[data-type=powder]{border-radius:12px 12px 3px 3px!important;box-shadow:inset 0 -4px 6px #0009,inset 0 3px 4px #ffffff4d,0 8px 15px #0009!important;position:relative}.css-item[data-type=powder]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.15) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply}.css-mortar{position:relative;width:78px;height:60px;background:radial-gradient(circle at 50% 30%,#e3e3e3,#b8b8b8 60%,#8a8a8a);border:2px solid rgba(255,255,255,.55);border-radius:50% 50% 45% 45%/55% 55% 40% 40%;box-shadow:inset 0 6px 12px #ffffff59,inset 0 -8px 10px #0003,0 10px 18px #0006;overflow:hidden}.css-mortar .mortar-bowl{position:absolute;left:8px;right:8px;bottom:8px;height:34px;background:radial-gradient(circle at 50% 20%,#ffffffa6,#ffffff1a 40%,#0000002e);border-radius:50% 50% 45% 45%/55% 55% 40% 40%;box-shadow:inset 0 2px 8px #00000040}.css-mortar .pestle{position:absolute;width:18px;height:40px;left:50%;top:5px;transform:translate(-50%) rotate(15deg);background:linear-gradient(180deg,#dcdcdc,#9a9a9a);border-radius:12px 12px 6px 6px;box-shadow:inset 0 1px 2px #ffffff7a,0 4px 10px #00000040;transform-origin:top center}.css-mortar .mortar-dust{position:absolute;left:50%;top:30px;width:12px;height:12px;background:radial-gradient(circle,#ffffffe6,#ffffff1a);border-radius:50%;opacity:0;transform:translate(-50%,-20px) scale(.8);pointer-events:none;filter:blur(1.5px);transition:transform .45s ease,opacity .45s ease}.css-mortar.grinding .pestle{animation:grind .35s infinite alternate}.css-item[data-type=salt]{box-shadow:inset -2px -4px 5px #0006,inset 3px 3px 5px #ffffffb3,0 8px 15px #0009!important;position:relative;overflow:hidden}.steam-plume{position:absolute;width:20px;height:20px;background:radial-gradient(circle,#fffc,#fff3);border-radius:50%;opacity:1;pointer-events:none;transition:all .5s ease;z-index:50}.condenser-drip{position:absolute;width:6px;height:20px;background:#00f3ffcc;border-radius:3px;opacity:1;pointer-events:none;animation:drip-fall 1.5s forwards;z-index:51}.css-condenser{position:relative;width:80px;height:120px;background:linear-gradient(180deg,#e3e3e3,#b8b8b8,#8a8a8a);border:2px solid rgba(255,255,255,.6);border-radius:10px;box-shadow:inset 0 4px 8px #fff6,inset 0 -4px 8px #0000004d,0 8px 16px #00000080;overflow:hidden}.css-condenser .condenser-body{position:absolute;left:10px;right:10px;top:10px;bottom:10px;background:linear-gradient(90deg,#ffffffb3,#ffffff4d,#ffffffb3);border-radius:8px;box-shadow:inset 0 2px 4px #0003}.css-burette{position:relative;width:18px;height:100px;background:#ffffffe6;border:2px solid #7f8c8d;border-radius:2px;overflow:hidden}.burette-tap{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:15px;background:#34495e;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700}.burette-tap:hover{background:#2c3e50}.natural-indicator{background:linear-gradient(45deg,#f7c6c7,#e67e22,#f39c12);border:1px solid #e74c3c}#audio-engine{display:none}#audio-engine audio{display:none}.mystery-solution{background:#808080cc;border:2px solid #ff4757}.mystery-solution:after{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#ff4757;font-weight:700}#workbench{cursor:grab}#workbench.panning{cursor:grabbing}#lab-report{position:fixed;top:20px;right:-400px;width:350px;max-height:calc(100vh - 40px);background:#0b0f19d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-left:3px solid var(--neon-cyan);box-shadow:-10px 0 30px #00f3ff26,inset 0 0 15px #00f3ff0d;border-radius:12px 0 0 12px;padding:25px 20px;z-index:9999;color:var(--text-main);overflow-y:auto;transition:right .45s cubic-bezier(.175,.885,.32,1.15);display:block!important}#lab-report.active{right:0}#lab-report h2{color:var(--neon-cyan);font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;border-bottom:1px solid var(--glass-border);padding-bottom:10px;text-shadow:0 0 8px rgba(0,243,255,.4)}#report-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}#report-list li{background:#00f3ff0d;border-left:2px solid var(--neon-green);padding:12px;font-size:.9rem;line-height:1.4;border-radius:0 4px 4px 0;animation:fadeSlideIn .3s ease-out forwards}.report-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);font-size:1.2rem;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.report-close-btn:hover{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 10px #00f3ff4d;transform:rotate(90deg)}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.css-item[data-type=salt]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 40%,rgba(0,0,0,.2) 100%);pointer-events:none}.css-item[data-substance$=_chips]{border-radius:2px 7px 3px 6px!important}.css-item[data-substance=ice]{box-shadow:inset -2px -2px 10px #0096ff66,inset 3px 3px 12px #ffffffe6,0 10px 20px #00f3ff4d!important;border:1px solid rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.css-item[data-substance=wax],.css-item[data-substance=soap]{box-shadow:inset -2px -3px 8px #0003,inset 2px 2px 8px #fff9,0 8px 15px #00000080!important}.flame{position:relative;width:14px;height:40px;background:radial-gradient(ellipse at bottom,rgba(0,255,255,.9) 10%,rgba(0,50,255,.8) 50%,transparent 80%);border-radius:50% 50% 20% 20%;margin:-40px auto 0;filter:blur(1px) drop-shadow(0 0 15px var(--neon-cyan));animation:realistic-flicker .08s infinite alternate;display:none;z-index:10;mix-blend-mode:screen}.flame:after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:45%;background:linear-gradient(to top,#ffffff,#00f3ff,transparent);border-radius:50% 50% 20% 20%;opacity:.9}.burner-on .flame{display:block}@keyframes realistic-flicker{0%{transform:scaleX(.95) scaleY(.98) skew(-2deg);opacity:.85}50%{transform:scaleX(1) scaleY(1) skew(0);opacity:1;filter:blur(1px) drop-shadow(0 0 20px #00f3ff)}to{transform:scaleX(1.05) scaleY(1.02) skew(2deg);opacity:.95}}.css-item[data-type=burner].burner-on:before{content:"";position:absolute;bottom:-15px;left:-30px;width:100px;height:25px;background:radial-gradient(ellipse at center,rgba(0,243,255,.25) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:glow-pulse .1s infinite alternate}@keyframes glow-pulse{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.css-stopper{background:linear-gradient(to right,#1a252f,#34495e 20%,#465c70,#34495e 80%,#1a252f)!important;box-shadow:0 8px 15px #0009,inset 0 2px 3px #ffffff4d!important;border-bottom:2px solid #0b0f19!important}.css-stopper:before,.css-stopper:after{background:#0b0f19!important;box-shadow:inset 0 2px 4px #000c!important}.css-gas-syringe{box-shadow:inset 0 0 15px #0009,0 10px 20px #0009!important;background:linear-gradient(to bottom,#ffffff26,#ffffff0d,#0000004d)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.syringe-plunger{background:linear-gradient(to bottom,#7f8c8d,#34495e,#1a252f)!important;box-shadow:inset 2px 0 5px #fff6!important}.css-delivery-tube{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.css-delivery-tube:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:2px solid rgba(255,255,255,.9);border-right:2px solid rgba(255,255,255,.9);border-radius:0 15px 0 0;pointer-events:none;opacity:.7}.css-reagent-bottle{width:42px!important;height:75px!important;background:linear-gradient(to right,#e6e6e6d9,#fffffff2 25%,#c8c8c8cc)!important;border-radius:12px 12px 4px 4px!important;box-shadow:inset -4px -4px 8px #0000004d,inset 3px 0 8px #fff,0 10px 15px #00000080!important;border:1px solid rgba(255,255,255,.6);border-top:none!important;display:flex;flex-direction:column;align-items:center;position:relative;padding-top:15px;overflow:visible!important}.css-reagent-bottle:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:20px;height:14px;background:var(--cap-color, #ecf0f1);border-radius:3px 3px 0 0;box-shadow:inset -3px 0 5px #0006,inset 2px 0 5px #ffffff80,0 2px 3px #0000004d;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);z-index:5}.css-reagent-bottle:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:8px;background:#fff9;box-shadow:inset -2px 0 4px #0000004d,inset 2px 0 4px #ffffffe6;z-index:-1}.css-reagent-bottle.amber-glass{background:linear-gradient(to right,#8b4513e6,#b45a28f2 25%,#654321e6)!important;box-shadow:inset -4px -4px 8px #000000b3,inset 3px 0 8px #d2691ecc,0 10px 15px #00000080!important;border:1px solid rgba(210,105,30,.4)}.css-reagent-bottle.amber-glass:after{background:#8b4513cc}.reagent-label{background:#fdfbf7;width:85%;border:1px solid #dcdde1;border-radius:2px;box-shadow:1px 1px 4px #0000004d;padding:4px 0;text-align:center;z-index:5}.reagent-label strong{display:block;color:#2d3436;font-family:Arial Black,sans-serif;font-size:10px;letter-spacing:.5px}.reagent-label span{display:block;color:#636e72;font-size:8px;margin-top:2px;font-weight:700}.css-reagent-bottle .css-liquid{border-radius:0 0 3px 3px;height:60%;bottom:2px;width:calc(100% - 4px);left:2px;box-shadow:inset 0 -10px 15px #0006;z-index:1}.css-reagent-bottle .css-liquid:before{display:none}.candle-flame{width:12px;height:18px;background:#ff9d00;position:absolute;top:-15px;left:4px;border-radius:50% 50% 20% 20%;box-shadow:0 0 10px #ff9d00,0 0 20px #ff4757;animation:flicker .1s infinite alternate}.splinter-flame{display:block;opacity:.5;background:#ffeb3b;box-shadow:0 0 6px #ffeb3b;border-radius:50%;width:100%;height:100%}@keyframes flicker{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}