.skills-lab{max-width:1100px;margin:auto}.lab-intro{padding:20px;border-radius:18px;background:linear-gradient(120deg,var(--hero1),var(--panel));border:1px solid var(--line)}.lab-intro h3{font-size:30px;margin:10px 0}.lab-setup,.lab-workbench{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.skills-lab label{display:block;color:var(--muted);font-size:14px}.skills-lab input,.skills-lab select{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--line);background:var(--control,var(--panel));color:var(--text);font:inherit;padding:10px;box-sizing:border-box}.skills-lab input:focus-visible,.skills-lab button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.lab-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.lab-case{padding:20px 0}.lab-case h3{font-size:25px;margin:8px 0}.lab-case p,.skills-lab p{line-height:1.55}.lab-reference,.lab-original{padding:14px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.skills-lab summary{cursor:pointer;font-weight:750;min-height:28px}.lab-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lab-supply{background:var(--panel);border:2px solid var(--line);color:var(--text);padding:14px 10px;border-radius:12px;min-height:112px;font-weight:700;cursor:grab;overflow-wrap:anywhere}.lab-supply[aria-pressed=true],.lab-med-options [aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.lab-supply-icon{display:block;font-size:40px;color:var(--accent);margin-bottom:10px}.lab-tray{margin-top:16px;width:100%;min-height:88px;padding:18px;color:var(--muted);border:2px dashed var(--line);border-radius:14px;background:var(--deep,var(--panel));font-size:16px}.lab-tray.filled,.lab-slot.filled{border-style:solid;border-color:var(--accent);color:var(--text);background:var(--panel)}.lab-device{padding:20px;background:var(--deep,var(--panel));border:1px solid var(--line);border-radius:18px}.lab-syringe{height:100px;position:relative;margin:20px 0}.lab-barrel{position:absolute;left:10%;top:24px;right:15%;height:52px;border:3px solid var(--muted);border-radius:6px;background:var(--panel);overflow:hidden}.lab-barrel:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),var(--muted) calc(10% - 1px),var(--muted) 10%);opacity:.5}.lab-barrel>div:first-child{height:100%;width:0;background:var(--accent);opacity:.6;transition:width .12s}.lab-graduations{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;color:var(--text);font-size:11px;font-weight:900}.lab-plunger{position:absolute;left:10%;top:16px;bottom:16px;width:5px;background:var(--text);pointer-events:none;transition:left .12s}.lab-volume{display:grid;grid-template-columns:48px 1fr 48px;align-items:end;gap:8px;margin:14px 0}.lab-volume .btn{height:48px}.lab-pump{border:7px solid var(--line);border-radius:25px;padding:20px;background:var(--panel)}.lab-display{background:#0c201e;border:2px solid #7fb4a5;border-radius:10px;padding:8px;margin:12px 0}.lab-display button{display:block;background:transparent;color:#c6fff0;width:100%;text-align:left;border:2px solid transparent;border-radius:6px;padding:10px;font-size:12px}.lab-display button.selected{border-color:#8fffd5;background:#173e36}.lab-display strong{display:inline-block;font-size:28px;margin:0 6px;font-variant-numeric:tabular-nums}.lab-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.lab-keypad button{min-height:50px;border:1px solid var(--line);border-radius:10px;background:var(--control,var(--panel));color:var(--text);font-size:22px;font-weight:800}.lab-pump>.btn{width:100%;margin-bottom:8px}.lab-tubing{width:70%;height:80px;border-bottom:5px solid var(--accent);border-left:5px solid var(--accent);border-radius:0 0 0 32px;margin:0 auto;opacity:.5}.lab-flow-board{display:grid;gap:16px}.lab-connection{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center}.lab-node{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--panel)}.lab-node strong,.lab-node span{display:block}.lab-node span{margin-top:10px;color:var(--accent);font-size:14px}.lab-slot{border:2px dashed var(--line);border-radius:14px;min-height:90px;padding:16px;background:var(--deep,var(--panel));color:var(--muted);text-align:left;font:inherit}.lab-arrow{font-size:25px;color:var(--accent);text-align:center}.lab-flow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 24px}.lab-target .lab-supply-icon{display:none}.lab-target{min-height:90px;text-align:left;line-height:1.4}.lab-med-check{border-top:1px solid var(--line);margin:20px 0;padding:14px 0}.lab-med-options{display:grid;gap:10px}.lab-original img{display:block;max-width:100%;height:auto;margin:15px auto;background:white}.lab-slot.lab-correct{border-color:var(--good,#46d6a0)}.lab-slot.lab-wrong{border-color:var(--danger,#ff879b)}.lab-finish{text-align:center;padding:30px}.lab-medal{font-size:70px;color:var(--accent)}.skills-lab button:disabled{cursor:default;opacity:.8}.skills-lab [hidden]{display:none!important}
@media(max-width:720px){.lab-workbench,.lab-setup{grid-template-columns:1fr}.lab-connection{grid-template-columns:1fr}.lab-arrow{transform:rotate(90deg)}.lab-flow-cards{grid-template-columns:1fr}.lab-shelf{grid-template-columns:1fr}.lab-supply{min-height:68px;display:flex;align-items:center;gap:16px;text-align:left}.lab-supply-icon{font-size:30px;margin:0}.lab-pump{padding:14px}.lab-intro h3{font-size:25px}.lab-device{padding:14px}.lab-hud{font-size:13px}.lab-tubing{display:none}}
@media(prefers-reduced-motion:reduce){.lab-barrel>div:first-child,.lab-plunger{transition:none}}