.pixel-dashboard{overflow:hidden;border:1px solid #33414a;border-radius:18px;background:#111d2a;color:#d6e5e5;box-shadow:0 26px 60px #102c2520}.pixel-header{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #ffffff12;background:#152433}.pixel-header>div{display:flex;align-items:center;gap:12px}.pixel-header strong{font-family:Consolas,monospace;letter-spacing:1px;font-size:13px}.pixel-live-dot{width:7px;height:7px;background:#72d5ae;box-shadow:0 0 0 4px #72d5ae13;border-radius:50%}.pixel-demo{font-size:10px;border:1px solid #577f694d;border-radius:5px;padding:2px 8px;color:#9fc5ad;background:#8bbc9610}.pixel-header button{background:#213544;border:1px solid #425463;color:#c6d9d7;border-radius:7px;padding:5px 11px;font-size:11px}.pixel-layout{display:grid;grid-template-columns:225px minmax(0,1fr)}.pixel-sidebar{padding:24px 14px;background:#172735;border-right:1px solid #ffffff0d}.pixel-side-label{font:10px Consolas,monospace;color:#7f989f;letter-spacing:2px;padding:0 10px;margin-bottom:18px;display:flex;justify-content:space-between}.pixel-agent{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px 10px;margin:4px 0;border:1px solid transparent;border-radius:8px;background:transparent;color:#a8b9bf;transition:background .2s}.pixel-agent[aria-pressed=true]{background:#29473e;border-color:#72ad8366;color:#d8f0df}.pixel-agent:hover{background:#29404c}.pixel-avatar{display:block;flex:0 0 32px;height:48px;background-size:224px 192px;background-position:0 -16px;background-repeat:no-repeat;image-rendering:pixelated}.pixel-agent strong{font-size:13px;display:block}.pixel-agent small{display:block;font-size:10px;font-weight:400;color:#92a9ad;margin-top:1px}.pixel-agent-state{display:block;font-size:9px;letter-spacing:.5px;color:#7ed5a6;margin-top:4px}.pixel-agent-state:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}.pixel-agent-state[data-state=waiting]{color:#e3c38c}.pixel-agent-state[data-state=idle]{color:#8aaec1}.pixel-agent-arrow{margin-left:auto;color:#668d84}.pixel-side-note{margin:22px 10px 0;padding-top:18px;border-top:1px solid #ffffff0d}.pixel-side-note span{font-size:11px;color:#90ada8}.pixel-side-note p{font-size:10px;color:#6e8a90;line-height:1.8;margin-top:7px}.pixel-main{min-width:0;background:#101c29}.pixel-map-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 28px 8px;gap:15px}.pixel-label{font:9px Consolas,monospace;letter-spacing:2px;color:#719c9b}.pixel-map-heading h3{font-size:18px;letter-spacing:0;margin-top:7px;color:#d6e6df}.pixel-map-heading>span{font-size:10px;color:#91a6aa}.pixel-map-heading b{color:#a2daba;font-size:17px;font-family:Consolas,monospace}.pixel-map-heading i{font-style:normal;padding:0 8px;color:#405764}.pixel-stage{height:620px;position:relative;max-height:65vw;margin:0 14px}.pixel-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:pointer}.pixel-stage>p{position:absolute;inset:45% 20px auto;text-align:center;font-size:12px;color:#8ea9a7}.pixel-event{display:flex;align-items:center;gap:14px;margin:0 24px 22px;padding:12px 15px;background:#1b2b36;border:1px solid #ffffff08;border-radius:7px;font-size:11px}.pixel-event>span{color:#88b49c;white-space:nowrap;border-right:1px solid #40514c;padding-right:12px}.pixel-event p{color:#95a9ad;margin:0}.pixel-event i{width:5px;height:5px;background:#6cad8c;border-radius:50%;margin-left:auto;flex-shrink:0}.pixel-detail{display:grid;grid-template-columns:210px 1fr auto;gap:26px;align-items:center;padding:25px 28px;background:#1b2c37;border-top:1px solid #ffffff12}.pixel-detail h3{font-size:17px;color:#e3ede5;margin:5px 0 3px;letter-spacing:0}.pixel-detail-person>span:last-child{font-size:10px;color:#8fc9a7}.pixel-detail-copy p{font-size:12px;color:#a9bcbb;line-height:1.8}.pixel-detail-copy small{display:block;margin-top:7px;font-size:10px;color:#738d94}.pixel-detail button{background:#b9dfc5;border:0;color:#193e35;border-radius:7px;padding:12px 17px;font-size:12px;white-space:nowrap}.pixel-detail button span{margin-left:22px}.pixel-attribution{display:flex;justify-content:space-between;padding:12px 26px;gap:12px;font-size:9px;color:#789397;background:#15232e}.pixel-attribution a{color:#8aac9f}
@media(max-width:1000px){.pixel-layout{grid-template-columns:190px minmax(0,1fr)}.pixel-stage{height:460px;margin:0 5px}.pixel-sidebar{padding:18px 8px}.pixel-agent{padding:8px 6px;gap:8px}.pixel-map-heading{padding:20px 18px 8px}.pixel-map-heading>span{display:none}.pixel-side-note{display:none}.pixel-detail{grid-template-columns:160px 1fr;gap:16px}.pixel-detail button{grid-column:2;justify-self:start}.pixel-attribution{flex-wrap:wrap}}
@media(max-width:650px){.pixel-header{padding:14px 13px}.pixel-header strong{font-size:10px;letter-spacing:.5px}.pixel-header>div{gap:8px;flex-wrap:wrap}.pixel-demo{font-size:9px}.pixel-header button{font-size:10px;white-space:nowrap}.pixel-layout{display:flex;flex-direction:column}.pixel-sidebar{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:12px;border-top:1px solid #ffffff12;border-right:0}.pixel-side-label{grid-column:1/-1;margin:1px 0 7px;font-size:9px}.pixel-agent{margin:0;padding:7px;gap:8px}.pixel-agent strong{font-size:12px}.pixel-avatar{flex-basis:28px}.pixel-agent-arrow{display:none}.pixel-agent-state{font-size:9px}.pixel-map-heading{padding:18px 16px 6px}.pixel-map-heading h3{font-size:16px}.pixel-stage{height:auto;aspect-ratio:400/330;max-height:none;margin:0 5px}.pixel-event{margin:0 12px 14px;padding:9px;font-size:9px;gap:8px}.pixel-event>span{padding-right:8px}.pixel-detail{padding:20px 17px;grid-template-columns:1fr;gap:12px}.pixel-detail button{grid-column:1;justify-self:stretch;display:flex;justify-content:space-between}.pixel-detail-copy p{font-size:12px}.pixel-attribution{padding:12px 17px;font-size:9px;gap:7px}.pixel-detail h3{font-size:18px}}

.pixel-terminal{position:absolute;z-index:2;pointer-events:none;height:64px;padding:6px 9px;border:1px solid #497269;border-radius:6px;background:#0b1924f2;box-shadow:0 4px 10px #0003;text-align:left;overflow:hidden}.pixel-terminal[hidden]{display:none}.pixel-terminal span{display:block;font:9px "Microsoft YaHei",sans-serif;color:#7eaca3;margin-bottom:4px}.pixel-terminal code{display:block;white-space:pre;font:10px/1.5 Consolas,monospace;color:#8cf0ba}.pixel-terminal small{display:block;white-space:nowrap;font:9px/1.5 Consolas,"Microsoft YaHei",sans-serif;color:#bccbdb}