.pixel-lab,.scope-network{--ink:#243e39;--mint:#abc599;--amber:#d2aa65;--blue:#8ca6ae;color:#e6e2cc;border:2px solid #536f60;background:#293f38;box-shadow:4px 4px 0 #ada88e;margin:18px 0 12px;font-family:var(--mono)}
.pixel-glyph{width:40px;height:40px;fill:currentColor;shape-rendering:crispEdges;image-rendering:pixelated}
.pixel-lab .engine-header,.scope-network>header{background:#1d302c;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px var(--mono);border-bottom:2px solid #71836d}.engine-header small{color:#a0b396;font:9px var(--mono)}
.pixel-lab .engine-run{background:#c5c7a4;box-shadow:2px 2px #101f1b;border:1px solid #809477;color:#253f34;min-height:30px}
.lab-meter{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#354b3f;font:9px var(--mono)}.lab-meter>span{display:flex;align-items:center;gap:6px}.lab-meter>span:last-child{margin-left:auto}.lab-meter b{background:#bd965d;color:#21392e;padding:3px 5px}.lab-meter>i{height:6px;flex:1;background:#56705b;animation:lab-meter 9s steps(1) infinite}.lab-meter>i:nth-of-type(2){animation-delay:1.5s}.lab-meter>i:nth-of-type(3){animation-delay:3s}.lab-meter>i:nth-of-type(4){animation-delay:4.5s}.lab-meter>i:nth-of-type(5){animation-delay:6s}.lab-meter>i:nth-of-type(6){animation-delay:7.5s}
.lab-deck{position:relative;padding:20px 14px 16px;background:repeating-linear-gradient(0deg,#13282020 0 1px,transparent 1px 4px),linear-gradient(135deg,#304b42,#1f342f)}.lab-deck>ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px;margin:0;padding:0;list-style:none}.pixel-lab .lab-deck li{background:none;border:0;box-shadow:none;padding:0;text-align:center}.lab-conduit{position:absolute;inset:65px 28px 75px;border:5px solid #71866b;box-shadow:inset 0 0 0 2px #152c25,0 0 0 2px #152c25;background:linear-gradient(90deg,transparent 49%,#71866b 49% 51%,transparent 51%)}
.lab-machine{position:relative;border:2px solid #93a180;background:#a5ae91;box-shadow:4px 4px #132921,inset -5px -5px #718369,inset 4px 4px #c5c6a4;padding:8px 9px 12px;color:#294a37}.lab-id{display:flex;justify-content:space-between;font:9px var(--mono)}.lab-id i{width:6px;height:6px;background:#51654b;box-shadow:-9px 0 #859877;animation:lab-led 9s steps(1) infinite;animation-delay:calc(var(--step)*1.5s)}
.lab-machine>.stage-select{display:grid;place-items:center;min-height:65px;width:100%;background:#263d33;border:3px solid #6e8063;box-shadow:inset 3px 3px #132821;color:#b5c996;margin:8px 0;animation:lab-screen 9s steps(1) infinite;animation-delay:calc(var(--step)*1.5s)}.lab-machine>.stage-select[aria-pressed=true]{outline:2px solid #d9b169;outline-offset:2px}.lab-slots{display:flex;gap:4px}.lab-slots i{height:4px;flex:1;background:#62785c}.lab-packet{position:absolute;width:8px;height:8px;background:#dfb269;right:-15px;top:50%;border:2px solid #f0d3a0;box-shadow:2px 2px #182e25;animation:lab-packet 9s steps(4) infinite;animation-delay:calc(var(--step)*1.5s)}
.pixel-lab h3{font:10px/1.4 var(--mono);margin:10px 0 3px;color:#e3dfbf}.lab-word{font:9px var(--mono);color:#a9b79b}.lab-result{display:flex;align-items:center;gap:14px;padding:14px;background:#192f29;border-top:2px solid #647e60}.lab-result>div>span{font:8px var(--mono);color:#9cb593}.lab-result strong{display:block;font:12px/1.5 var(--mono);color:#d7dab6;margin-top:4px}.result-stack{position:relative;width:35px;height:32px;flex-shrink:0}.result-stack i{position:absolute;width:23px;height:25px;left:0;top:0;border:2px solid #7e9c72;background:#3b5944}.result-stack i:nth-child(2){left:5px;top:3px}.result-stack i:nth-child(3){left:10px;top:6px;background:repeating-linear-gradient(0deg,#acc491 0 3px,#5e805c 3px 6px);animation:lab-output 9s steps(1) infinite}.result-led{margin-left:auto;background:#94b57d;color:#203a2d;font:18px var(--mono);padding:3px 7px}
.scope-network>header{font-size:9px}.network-world{position:relative;padding:26px 13px 12px;background:repeating-linear-gradient(0deg,transparent 0 3px,#081c171c 3px 4px),repeating-linear-gradient(90deg,transparent 0 23px,#8fa4880d 23px 24px),#2d433e}.network-links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linejoin:miter;shape-rendering:crispEdges}.network-base{stroke:#536b60;stroke-width:5}.network-route{stroke:#d6ae6c;stroke-width:3;stroke-dasharray:12 9;opacity:0;animation:network-transfer 5s linear infinite}.scope-network[data-active=user] .route-user,.scope-network[data-active=product] .route-product,.scope-network[data-active=team] .route-team{opacity:1}
.network-zones{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scope-network .track-select{display:block;color:#c8d3b3;background:#30473c;border:2px solid #70836b;box-shadow:4px 4px #192c25;padding:0;text-align:left;min-width:0;transition:border-color .15s}.scope-network .track-select:before{display:none}.scope-network .track-select[aria-pressed=true],.scope-network .track-select:hover{border-color:#dbb575;background:#3e5140}.zone-head{display:flex!important;justify-content:space-between;gap:4px;padding:7px!important;color:#d6d4b4!important;font:9px var(--mono)!important;background:#20392e}.zone-head i{width:5px;height:5px;background:#aec594;flex-shrink:0;margin-top:2px}.zone-product .zone-head{background:#283e49}.zone-team .zone-head{background:#494535}.zone-scene{position:relative;height:105px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 15px,#9aad8420 15px 16px),#435748}.zone-product .zone-scene{background-color:#465d61}.zone-team .zone-scene{background-color:#5b6048}.zone-floor{position:absolute;inset:auto 0 0;height:26px;background:repeating-linear-gradient(90deg,transparent 0 15px,#839b7050 15px 16px),#2c4234;border-top:2px solid #8b9c73}.zone-rack{position:absolute;left:8%;top:18px;width:19%;height:58px;border:3px solid #899878;background:repeating-linear-gradient(0deg,#253b30 0 9px,#758866 9px 12px);box-shadow:3px 3px #243a30}.zone-terminal{position:absolute;left:33%;top:23px;width:52%;height:54px;background:#162e26;border:5px solid #a7ad8c;box-shadow:3px 4px #243a30;display:grid;place-items:center;color:#bbcd95}.zone-terminal .pixel-glyph{width:32px;height:32px}.zone-terminal:after{content:'';position:absolute;width:42px;height:8px;background:#a7ad8c;bottom:-13px;left:calc(50% - 21px);box-shadow:3px 3px #253a2f}.zone-terminal i{position:absolute;right:3px;bottom:2px;width:4px;height:4px;background:#bc9b63}.zone-file{position:absolute;right:7%;bottom:7px;width:16px;height:20px;background:#c0b585;border:2px solid #7c8060;box-shadow:-5px -4px #697e59;z-index:1}.scope-network .track-select strong{display:block;font:11px/1.45 var(--mono);padding:10px 8px 4px;min-height:45px}.scope-network .track-select small{display:block;font:8px/1.5 var(--mono);color:#a4b498;padding:0 8px 10px}.network-hub{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin:25px auto 14px;width:80%;padding:8px;background:#21392e;border:2px solid #71876a;font:9px var(--mono);color:#d4c595}.network-hub b{font-size:20px}.network-hub i{height:5px;width:5px;background:#b4c690;animation:lab-led 3s steps(1) infinite}.network-endpoints{position:relative;display:flex;justify-content:space-between;font:8px var(--mono);color:#a7b69d}.scope-network .track-detail{background:#1e352d;padding:12px;border-top:2px solid #70836a}.scope-network .track-detail strong{color:#dab77c;font:10px var(--mono)}.scope-network .track-detail p{font:11px/1.6 var(--mono);color:#c2c9ac;margin:5px 0 0}
@keyframes lab-screen{0%,16%{background:#44644a;color:#e5d89f}17%,100%{background:#263d33;color:#a6be89}}@keyframes lab-led{0%,16%{background:#e0b777}17%,100%{background:#6c8b62}}@keyframes lab-packet{0%{opacity:1;transform:translateX(-8px)}15%{opacity:1;transform:translateX(7px)}17%,100%{opacity:0}}@keyframes lab-meter{0%,16%{background:#dbb375}17%,100%{background:#56705b}}@keyframes lab-output{0%,82%{opacity:.5}83%,100%{opacity:1}}@keyframes network-transfer{to{stroke-dashoffset:-105}}
.engine-replay.pixel-lab .stage-select,.engine-replay.pixel-lab .lab-packet,.engine-replay.pixel-lab .lab-id i{animation-duration:9s;animation-iteration-count:1}.motion-paused .pixel-lab *,.motion-paused .scope-network *{animation-play-state:paused!important}
@media(max-width:600px){.scope-network>header>span:last-child{display:none}.network-world{padding:18px 9px 10px}.network-zones{gap:7px}.zone-head{font-size:8px!important;padding:6px 4px!important}.zone-scene{height:86px}.zone-rack{top:12px;height:48px}.zone-terminal{top:18px;height:44px;border-width:4px}.zone-terminal .pixel-glyph{width:24px;height:24px}.scope-network .track-select strong{font-size:9px;padding:8px 5px 4px;min-height:44px}.scope-network .track-select small{font-size:7px;padding:0 5px 8px}.lab-deck{padding:16px 10px}.lab-deck>ol{gap:20px 12px}.lab-machine{padding:5px 5px 9px}.lab-machine>.stage-select{min-height:54px}.pixel-lab h3{font-size:8px}.lab-word{font-size:8px}.lab-packet{right:-10px;width:6px;height:6px}.engine-header small{display:none}.lab-meter{font-size:8px;gap:4px}.lab-result strong{font-size:10px}.scope-network .track-detail p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pixel-lab *,.scope-network *{animation:none!important;transition:none!important}.lab-packet{opacity:.8}.result-stack i:nth-child(3){opacity:1}.network-route{stroke-dasharray:none}.lab-machine>.stage-select{background:#263d33}}
.lab-packet{opacity:0}.pixel-lab .lab-deck:after{content:'';pointer-events:none;position:absolute;width:9px;height:9px;border:2px solid #efd3a3;background:#caa166;box-shadow:2px 2px #142a22;left:16%;top:16%;animation:lab-trace 9s linear infinite}.engine-replay.pixel-lab .lab-deck:after{animation-name:lab-trace-replay;animation-iteration-count:1}@keyframes lab-trace{0%{left:3%;top:16%;opacity:1}12%{left:16%;top:16%}28%{left:50%;top:16%}43%{left:84%;top:16%}47%{left:94%;top:16%}50%{left:94%;top:51%}54%{left:3%;top:51%}59%{left:16%;top:65%}74%{left:50%;top:65%}88%{left:84%;top:65%}100%{left:84%;top:96%;opacity:1}}@keyframes lab-trace-replay{0%{left:3%;top:16%}12%{left:16%;top:16%}28%{left:50%;top:16%}43%{left:84%;top:16%}47%{left:94%;top:16%}50%{left:94%;top:51%}54%{left:3%;top:51%}59%{left:16%;top:65%}74%{left:50%;top:65%}88%{left:84%;top:65%}100%{left:84%;top:96%}}.motion-paused .pixel-lab .lab-deck:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.pixel-lab .lab-deck:after{animation:none!important;top:51%;left:50%}}