.mon-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040507e6;border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:inset 0 1px 0 #f4f2ec14,0 30px 70px #0000008c;font-family:inherit;margin:0 auto;max-width:1040px;overflow:hidden;width:100%}.mon-header{background:linear-gradient(180deg,#f4f2ec0d,hsla(45,27%,94%,.015));border-bottom:1px solid var(--hairline);justify-content:space-between;padding:12px 16px;position:relative;z-index:2}.mon-header,.mon-header-title{align-items:center;display:flex}.mon-header-title{color:var(--ink-0);font-size:13px;font-weight:600;gap:8px}.mon-header-title svg{color:var(--teal)}.mon-header-tick{align-items:center;color:var(--ink-2);display:flex;font-family:var(--font-mono);font-size:11px;gap:6px;letter-spacing:.5px;text-transform:uppercase}.mon-header-live{animation:mon-pulse 1.6s ease-in-out infinite;background:var(--signal-green);border-radius:50%;box-shadow:0 0 8px var(--signal-green);height:8px;width:8px}@keyframes mon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.mon-scene{overflow:hidden;padding:20px;perspective:1500px;perspective-origin:50% 38%;position:relative}.mon-stage{grid-gap:26px;display:grid;gap:26px;grid-template-columns:1fr 1fr;z-index:1}.mon-bay,.mon-stage{position:relative;transform-style:preserve-3d}.mon-bay{min-width:0;transition:transform var(--dur-base) var(--ease-out)}.mon-bay-a{transform:rotateY(6.5deg)}.mon-bay-b{transform:rotateY(-6.5deg)}.mon-office{background:linear-gradient(180deg,#0d1016f2,#050609f7);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:inset 0 1px 0 #f4f2ec29,inset 0 -1px 0 #000000d9,inset 0 -40px 48px -34px #000000e6,0 26px 46px -22px #000000e6;display:flex;flex-direction:column;gap:12px;height:500px;overflow:hidden;padding:16px;perspective:900px;perspective-origin:50% 40%;position:relative;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);z-index:1}.mon-office:before{background:linear-gradient(180deg,#f4f2ec42,#f4f2ec00);border-radius:0 0 2px 2px;content:"";height:2px;left:10px;pointer-events:none;position:absolute;right:10px;top:0;z-index:3}.mon-office-a.is-hot{background:linear-gradient(180deg,#2c0f11f2,#0c0507f7);border-color:#ff5c5c38}.mon-office-a.is-crashed{background:linear-gradient(180deg,#3c0d10f5,#100406f7);border-color:#ff5c5c57;box-shadow:inset 0 1px 0 #ffa0a033,inset 0 -1px 0 #000000d9,inset 0 -40px 48px -34px #000000e6,0 26px 52px -22px #ff5c5c29}.mon-office-b.is-detected{background:linear-gradient(180deg,#091b21f2,#03080bf7);border-color:#5eead43d;box-shadow:inset 0 1px 0 #5eead438,inset 0 -1px 0 #000000d9,inset 0 -40px 48px -34px #000000e6,0 26px 52px -22px #5eead424}.mon-office-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.mon-office-label{align-items:center;border:1px solid;border-radius:var(--r-pill);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.mon-office-label-a{background:#ff5c5c14;border-color:#ff5c5c4d;color:var(--signal-red)}.mon-office-label-b{background:#4ade8014;border-color:#4ade804d;color:var(--signal-green)}.mon-office-sub{color:var(--ink-3);font-family:var(--font-mono);font-size:10px}.mon-main{align-items:center;background:linear-gradient(180deg,hsla(45,27%,94%,.045),hsla(45,27%,94%,.012));border:1px solid #f4f2ec12;border-radius:var(--r-sm);box-shadow:inset 0 1px 0 #f4f2ec1a,0 14px 26px -16px #000000f2;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;position:relative;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.mon-main-critical,.mon-main-warn{border-color:#ff5c5c38;box-shadow:inset 0 1px 0 #ffa0a024,0 20px 34px -18px #000000f2}.mon-main-crashed{border-color:#ff5c5c29;box-shadow:inset 0 1px 0 #f4f2ec0a,0 6px 14px -10px #000000e6;opacity:.62}.mon-main-isolated{border-color:#5eead43d;box-shadow:inset 0 1px 0 #5eead42e,0 20px 34px -18px #000000f2}.mon-main-left{display:flex;flex-direction:column;gap:4px;min-width:0}.mon-main-name{align-items:center;color:var(--ink-0);display:flex;font-size:14px;font-weight:600;gap:6px}.mon-main-name svg{color:var(--ink-2)}.mon-main-status{align-items:center;color:var(--ink-1);display:flex;font-size:12px;gap:6px}.mon-main-dot{border-radius:50%;height:7px;transition:background var(--dur-fast) var(--ease-out);width:7px}.mon-metric-label{color:var(--ink-3);font-family:var(--font-mono);font-size:9px;letter-spacing:1px;text-transform:uppercase}.mon-gauge{flex-shrink:0;height:calc(min(120px, 999px)*.62);height:calc(min(var(--mon-gauge-w, 120px), var(--mon-gauge-max, 999px))*.62);width:min(120px,999px);width:min(var(--mon-gauge-w,120px),var(--mon-gauge-max,999px))}.mon-gauge-svg{height:100%;width:100%}.mon-devices{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;transform-style:preserve-3d}.mon-device{align-items:center;background:linear-gradient(180deg,#f4f2ec0a,hsla(45,27%,94%,.012));border:1px solid #f4f2ec12;border-radius:var(--r-sm);box-shadow:inset 0 1px 0 #f4f2ec14,0 10px 18px -12px #000000f2;display:flex;gap:10px;padding:10px 12px;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.mon-device.warn{border-color:#f59e0b3d;box-shadow:inset 0 1px 0 #f59e0b29,0 14px 22px -12px #000000f2}.mon-device.offline{background:linear-gradient(180deg,#ff5c5c12,#ff5c5c05);border-color:#ff5c5c33;box-shadow:0 4px 10px -8px #000000e6;opacity:.5}.mon-device.isolated{background:linear-gradient(180deg,#5eead414,#5eead405);border-color:#5eead442;box-shadow:inset 0 1px 0 #5eead42e,0 16px 24px -12px #000000f2}.mon-device-icon{background:#f4f2ec0d;border-radius:6px;color:var(--ink-1);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.mon-device.offline .mon-device-icon{color:var(--signal-red)}.mon-device-body{display:flex;flex-direction:column;gap:2px;min-width:0}.mon-device-name{color:var(--ink-0);font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-device-status{align-items:center;color:var(--ink-2);display:flex;font-size:11px;gap:5px}.mon-device-dot{border-radius:50%;height:6px;width:6px}.mon-overlay{margin-top:auto;pointer-events:none}.mon-overlay-card{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-sm);display:flex;gap:10px;padding:10px 12px}.mon-overlay-card-crash{animation:mon-flash 1s ease-in-out infinite;background:#ff5c5c24;border:1px solid #ff5c5c66;color:#ffd7d7}@keyframes mon-flash{0%,to{box-shadow:0 0 0 #ff5c5c00}50%{box-shadow:0 0 24px #ff5c5c59}}.mon-overlay-card-alert{background:#5eead41c;border:1px solid #5eead466;box-shadow:0 18px 34px -20px #5eead480;color:#dbeeff}.mon-overlay-icon{background:#ff5c5c40;border-radius:8px;color:#ffb4b4;display:grid;flex-shrink:0;height:28px;place-items:center;width:28px}.mon-overlay-icon-ai{background:#5eead440;color:#a8d3ff}.mon-overlay-body{flex:1 1;min-width:0}.mon-overlay-title{color:inherit;font-size:12px;font-weight:700;line-height:1.3}.mon-overlay-desc{color:#ffffffbf;font-size:10.5px;line-height:1.35;margin-top:2px}.mon-ticket{align-items:center;background:#0000004d;border-radius:5px;color:#a8d3ff;display:inline-flex;font-family:var(--font-mono);font-size:10px;gap:5px;margin-top:6px;padding:3px 8px}.mon-ticket-id{color:#fff;font-weight:600}.mon-footer{background:linear-gradient(180deg,#f4f2ec05,#f4f2ec0a);border-top:1px solid var(--hairline);gap:16px;padding:10px 16px;position:relative;z-index:2}.mon-footer,.mon-footer-item{align-items:center;display:flex}.mon-footer-item{font-size:11px;gap:6px}.mon-footer-item svg,.mon-footer-lbl{color:var(--ink-2)}.mon-footer-val{font-family:var(--font-mono);font-weight:600}.mon-footer-item-a{margin-right:auto}@media (max-width:760px){.mon-scene{padding:14px;perspective:none}.mon-stage{gap:18px;grid-template-columns:1fr;transform-style:flat}.mon-bay-a,.mon-bay-b{transform:none}.mon-office{height:458px;padding:16px}}@media (max-width:480px){.mon-office{--mon-gauge-max:112px}}@media (min-width:1081px) and (max-width:1220px),(min-width:761px) and (max-width:900px){.mon-office{--mon-gauge-max:120px}.mon-office-sub{display:none}}@media (max-width:420px){.mon-office{height:464px;padding:14px}.mon-main{padding:12px}.mon-device{gap:8px;padding:9px 10px}.mon-device-icon{height:28px;width:28px}.mon-office-sub{display:none}}@media (max-width:380px){.mon-office{height:504px}}.mon-player.is-still .mon-bay-a,.mon-player.is-still .mon-bay-b{transform:none}.mon-player.is-still .mon-bay,.mon-player.is-still .mon-device,.mon-player.is-still .mon-main,.mon-player.is-still .mon-office{transition:none}.mon-player.is-still .mon-header-live,.mon-player.is-still .mon-overlay-card-crash{animation:none}@media (prefers-reduced-motion:reduce){.mon-bay-a,.mon-bay-b,.mon-device,.mon-main{transform:none!important}.mon-bay,.mon-device,.mon-main,.mon-office{transition:none}.mon-header-live,.mon-overlay-card-crash{animation:none}}