.monitoring-scene-module__KLvU7a__figure{color:#e8ebdf;border-top:1px solid #ffffff24;min-width:0;scroll-margin-top:100px;position:relative}.monitoring-scene-module__KLvU7a__topline,.monitoring-scene-module__KLvU7a__caption{font-family:var(--font-mono), monospace;letter-spacing:.09em;justify-content:space-between;align-items:center;gap:16px;font-size:9px;display:flex}.monitoring-scene-module__KLvU7a__topline{text-transform:uppercase;color:#c0c8b7;padding-top:20px}.monitoring-scene-module__KLvU7a__topline>span:first-child{align-items:center;gap:8px;display:flex}.monitoring-scene-module__KLvU7a__smallDot{background:#ff9875;border-radius:50%;width:5px;height:5px}.monitoring-scene-module__KLvU7a__topline>span:last-child{color:#a1ab9a}.monitoring-scene-module__KLvU7a__stage{aspect-ratio:1.12;perspective:1000px;position:relative}.monitoring-scene-module__KLvU7a__artwork{position:absolute;inset:0}.monitoring-scene-module__KLvU7a__scene{aspect-ratio:1;width:77%;transform:translate(-50%, -50%) rotateX(calc(54deg - var(--tilt-y,0deg))) rotateZ(calc(-34deg + var(--tilt-x,0deg)));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;top:48%;left:50%}.monitoring-scene-module__KLvU7a__floor{background:repeating-linear-gradient(0deg,#0000 0 39px,#b2c59a0a 39px 40px),repeating-linear-gradient(90deg,#0000 0 39px,#b2c59a0a 39px 40px);border:1px solid #b2c59a1c;border-radius:18px;position:absolute;inset:-7%;transform:translateZ(-12px);box-shadow:0 45px 70px -25px #0005}.monitoring-scene-module__KLvU7a__routes{stroke:#a1b78c55;stroke-width:1.5px;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(1px)}.monitoring-scene-module__KLvU7a__signalRoutes{stroke:#ffc59c;stroke-width:2px}.monitoring-scene-module__KLvU7a__signalRoutes path{stroke-dasharray:.1 .9;stroke-dashoffset:0;opacity:0}.monitoring-scene-module__KLvU7a__client{aspect-ratio:1;width:23%;transform-style:preserve-3d;position:absolute}.monitoring-scene-module__KLvU7a__clientOne{top:12%;left:9%}.monitoring-scene-module__KLvU7a__clientTwo{top:11.5%;left:67%}.monitoring-scene-module__KLvU7a__clientThree{top:65%;left:10.5%}.monitoring-scene-module__KLvU7a__clientBase,.monitoring-scene-module__KLvU7a__clientFace{border-radius:13%;position:absolute;inset:0}.monitoring-scene-module__KLvU7a__clientBase{background:#58624f;box-shadow:-1px 1px #79816b,-2px 3px #434c3d,-4px 6px #343d30,-6px 9px #252e22,-10px 17px 20px #0006}.monitoring-scene-module__KLvU7a__clientFace{color:#35422e;background:linear-gradient(135deg,#c3cdb5,#99a38b 60%,#77816b);border:1px solid #dce8c460;place-items:center;display:grid;transform:translateZ(12px);box-shadow:inset 0 1px #eef6df70,inset 0 0 0 5px #69765925}.monitoring-scene-module__KLvU7a__clientFace svg{width:56%}.monitoring-scene-module__KLvU7a__clientId{color:#35412e;font:9px monospace;position:absolute;top:8%;left:12%}.monitoring-scene-module__KLvU7a__clientLed{background:#e1efbc;border-radius:50%;width:5px;height:5px;position:absolute;bottom:13%;right:13%;box-shadow:0 0 6px #d9edaf88}.monitoring-scene-module__KLvU7a__monitor{aspect-ratio:1;width:35%;transform-style:preserve-3d;position:absolute;top:43%;left:47%}.monitoring-scene-module__KLvU7a__monitorShadow{background:#080d0799;border-radius:50%;position:absolute;inset:-8%;transform:translateZ(2px);box-shadow:0 0 35px 15px #11190f70}.monitoring-scene-module__KLvU7a__monitorBase{background:#161d14;border:1px solid #8e9c7d;border-radius:50%;position:absolute;inset:0;transform:translateZ(22px);box-shadow:-1px 2px #5f6a52,-2px 4px #343e2b,-4px 8px #151c11}.monitoring-scene-module__KLvU7a__monitorRim{background:#ff9165;border:1px solid #ffbb91;border-radius:50%;position:absolute;inset:2%;transform:translateZ(30px);box-shadow:0 0 24px #ff8c4740}.monitoring-scene-module__KLvU7a__monitorTop{background:linear-gradient(135deg,#526047,#303c27 42%,#182311 72%,#48583b);border:1px solid #a6b69388;border-radius:50%;position:absolute;inset:0;overflow:hidden;transform:translateZ(37px);box-shadow:inset 0 0 0 3px #182110,inset 0 0 0 4px #72805a}.monitoring-scene-module__KLvU7a__calibration{background:repeating-conic-gradient(#c8d6b060 0deg 1deg,#0000 1deg 15deg);border-radius:50%;position:absolute;inset:7%;-webkit-mask-image:radial-gradient(circle,#0000 64%,#000 65% 70%,#0000 71%);mask-image:radial-gradient(circle,#0000 64%,#000 65% 70%,#0000 71%)}.monitoring-scene-module__KLvU7a__monitorMark{color:#ffab83;position:absolute;inset:28%;transform:rotate(34deg)}.monitoring-scene-module__KLvU7a__monitorMark svg{width:100%;height:100%}.monitoring-scene-module__KLvU7a__monitorLabel{text-align:center;letter-spacing:.17em;color:#c6d1b8;font:6px monospace;position:absolute;bottom:17%;left:0;right:0}.monitoring-scene-module__KLvU7a__sweep{background:conic-gradient(from 0deg, transparent 0 260deg, #f9aa6940 340deg, #ffd0a080 360deg);opacity:0;border-radius:50%;position:absolute;inset:10%}.monitoring-scene-module__KLvU7a__pulse{opacity:0;border:1px solid #f6b98b;border-radius:50%;position:absolute;inset:-14%;transform:translateZ(36px)}.monitoring-scene-module__KLvU7a__instanceLabel,.monitoring-scene-module__KLvU7a__observerLabel{font:9px var(--font-mono), monospace;letter-spacing:.025em;color:#bbc6b0;position:absolute}.monitoring-scene-module__KLvU7a__instanceLabel{align-items:center;gap:8px;display:flex;top:15%;left:3%}.monitoring-scene-module__KLvU7a__instanceLabel span{background:#bbc6b066;width:18px;height:1px;display:inline-block}.monitoring-scene-module__KLvU7a__observerLabel{bottom:22%;right:2%}.monitoring-scene-module__KLvU7a__observerLabel span{color:#ffb58d;margin-left:5px}.monitoring-scene-module__KLvU7a__signalNote{background:#152010ed;border:1px solid #bcc9b229;border-radius:9px;align-items:center;gap:11px;padding:13px 18px 13px 13px;display:flex;position:absolute;bottom:4%;left:4%;box-shadow:0 10px 30px #0003}.monitoring-scene-module__KLvU7a__noteIcon{color:#ffac84;background:#ff987517;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.monitoring-scene-module__KLvU7a__signalNote span:not(.monitoring-scene-module__KLvU7a__noteIcon){font-size:11px;font-weight:600;display:block}.monitoring-scene-module__KLvU7a__signalNote small{color:#b1bba8;margin-top:3px;font-size:10px;display:block}.monitoring-scene-module__KLvU7a__caption{color:#b2bba9;letter-spacing:0;border-top:1px solid #ffffff1c;flex-wrap:wrap;gap:4px 12px;min-height:60px;padding:10px 0}.monitoring-scene-module__KLvU7a__replay{color:#ffe2cd;min-height:36px;font:inherit;cursor:pointer;align-items:center;gap:7px;padding:0 2px;transition:color .18s;display:inline-flex}.monitoring-scene-module__KLvU7a__replay:hover{color:#fff}.monitoring-scene-module__KLvU7a__replay:disabled{color:#aab4a1;cursor:default}.monitoring-scene-module__KLvU7a__replay svg{width:13px;height:13px}.monitoring-scene-module__KLvU7a__hoverHint{display:none}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__signalRoutes path{animation:1.5s ease-in-out 2 monitoring-scene-module__KLvU7a__signal}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__signalRoutes path:nth-child(2){animation-delay:.25s}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__signalRoutes path:nth-child(3){animation-delay:.5s}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__clientThree .monitoring-scene-module__KLvU7a__clientLed{animation:4.2s both monitoring-scene-module__KLvU7a__clientSignal}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__sweep{animation:3.7s ease-in-out both monitoring-scene-module__KLvU7a__scan}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__pulse{animation:2s ease-out .9s both monitoring-scene-module__KLvU7a__pulse}.monitoring-scene-module__KLvU7a__figure[data-running=true] .monitoring-scene-module__KLvU7a__signalNote{animation:4.2s both monitoring-scene-module__KLvU7a__receipt}@keyframes monitoring-scene-module__KLvU7a__signal{0%{stroke-dashoffset:1px;opacity:0}15%,75%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes monitoring-scene-module__KLvU7a__scan{0%{opacity:0;transform:rotate(-80deg)}15%,75%{opacity:.75}to{opacity:0;transform:rotate(280deg)}}@keyframes monitoring-scene-module__KLvU7a__pulse{0%{opacity:.5;transform:translateZ(36px)scale(.8)}to{opacity:0;transform:translateZ(36px)scale(1.45)}}@keyframes monitoring-scene-module__KLvU7a__clientSignal{0%,20%,to{background:#e1efbc;box-shadow:0 0 6px #d9edaf88}35%,80%{background:#ff8d68;box-shadow:0 0 12px #ff8d6870}}@keyframes monitoring-scene-module__KLvU7a__receipt{0%,25%{opacity:0;transform:translateY(6px)}45%,to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.monitoring-scene-module__KLvU7a__hoverHint{display:inline}}@media (max-width:400px){.monitoring-scene-module__KLvU7a__stage{aspect-ratio:1}.monitoring-scene-module__KLvU7a__scene{width:78%;top:45%}.monitoring-scene-module__KLvU7a__instanceLabel{font-size:8px;top:12%;left:0}.monitoring-scene-module__KLvU7a__observerLabel{font-size:8px;bottom:24%;right:0}.monitoring-scene-module__KLvU7a__signalNote{padding:10px;bottom:4%;left:0}.monitoring-scene-module__KLvU7a__monitorLabel{font-size:4px}.monitoring-scene-module__KLvU7a__clientId{font-size:7px}}@media (prefers-reduced-motion:reduce){.monitoring-scene-module__KLvU7a__scene{transition:none;transform:translate(-50%,-50%)rotateX(54deg)rotate(-34deg)}.monitoring-scene-module__KLvU7a__figure *,.monitoring-scene-module__KLvU7a__figure :before,.monitoring-scene-module__KLvU7a__figure :after{transition:none!important;animation:none!important}.monitoring-scene-module__KLvU7a__replay,.monitoring-scene-module__KLvU7a__hoverHint{display:none}}