.cloud-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%}.cloud-header{align-items:center;background:linear-gradient(180deg,#f4f2ec0d,hsla(45,27%,94%,.015));border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;padding:12px 16px;position:relative;z-index:2}.cloud-header-title{align-items:center;color:var(--ink-0);display:flex;font-size:13px;font-weight:600;gap:8px}.cloud-header-title svg{color:var(--teal)}.cloud-header-traffic{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}.cloud-header-traffic svg{color:var(--accent)}.cloud-scene{overflow:hidden;padding:20px 20px 30px;perspective:1500px;perspective-origin:50% 38%;position:relative}.cloud-stage{grid-gap:26px;display:grid;gap:26px;grid-template-columns:1fr 1fr;z-index:1}.cloud-bay,.cloud-stage{position:relative;transform-style:preserve-3d}.cloud-bay{min-width:0;transition:transform var(--dur-base) var(--ease-out)}.cloud-bay-a{transform:rotateY(6.5deg)}.cloud-bay-b{transform:rotateY(-6.5deg)}.cloud-side{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:420px;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}.cloud-side: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}.cloud-side-a.is-stressed{background:linear-gradient(180deg,#2c1e0cf2,#0c0804f7);border-color:#f59e0b38}.cloud-side-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}.cloud-side-b.is-scaled{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}.cloud-side-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.cloud-side-label{align-items:center;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}.cloud-side-label-a{background:#ff5c5c1a;border:1px solid #ff5c5c47;color:var(--signal-red)}.cloud-side-label-b{background:#4ade801a;border:1px solid #4ade8047;color:var(--signal-green)}.cloud-side-sub{color:var(--ink-3);font-family:var(--font-mono);font-size:11px}.cloud-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 16px 28px -16px #000000f2;display:flex;gap:16px;justify-content:space-between;padding:14px 16px;position:relative;transform-style:preserve-3d;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)}.cloud-main.is-down{border-color:#ff5c5c29;box-shadow:inset 0 1px 0 #f4f2ec0a,0 6px 14px -10px #000000e6;opacity:.62}.cloud-main-left{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.cloud-main-name{color:var(--ink-1);font-weight:600}.cloud-main-name,.cloud-main-status{align-items:center;display:inline-flex;font-size:12px;gap:6px}.cloud-main-status{color:var(--ink-0)}.cloud-main-dot{border-radius:50%;height:8px;transition:background var(--dur-fast) var(--ease-out);width:8px}.cloud-metric-label{color:var(--ink-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.cloud-stack{align-items:center;background:linear-gradient(180deg,#f4f2ec0a,#f4f2ec03);border:1px solid #f4f2ec0f;border-radius:var(--r-sm);box-shadow:inset 0 1px 0 #f4f2ec12;display:flex;gap:8px;justify-content:center;min-height:66px;min-width:116px;padding:8px 10px;position:relative;transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.cloud-stack-a{color:var(--ink-0)}.cloud-stack-a.hot{animation:cloud-shake .6s ease-in-out infinite;border-color:#f59e0b4d;color:#f59e0b}.cloud-stack-a.crashed{animation:none;background:linear-gradient(180deg,#3c0d1080,#1004064d);border-color:#ff5c5c66;color:var(--signal-red);opacity:.72;transform:translateZ(-12px) translateY(4px)}@keyframes cloud-shake{0%,to{transform:translateZ(12px) translateX(0)}25%{transform:translateZ(12px) translateX(-1.5px)}75%{transform:translateZ(12px) translateX(1.5px)}}.cloud-stack-server{display:inline-flex}.cloud-stack-pods,.cloud-stack-server{align-items:center;justify-content:center}.cloud-stack-pods{display:flex;flex-wrap:wrap;gap:6px;max-width:110px;transform-style:preserve-3d}.cloud-stack-pod{align-items:center;background:linear-gradient(180deg,#5eead433,#5eead412);border:1px solid #5eead459;border-radius:6px;box-shadow:inset 0 1px 0 #5eead44d,0 8px 14px -8px #000000e6;color:var(--teal);display:inline-flex;height:22px;justify-content:center;width:22px}.cloud-stack-count{color:inherit;font-family:var(--font-mono);font-size:14px;font-weight:700}.cloud-stack-count-b{color:var(--teal)}.cloud-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;transform-style:preserve-3d}.cloud-metric{background:linear-gradient(180deg,#f4f2ec0a,hsla(45,27%,94%,.012));border:1px solid #f4f2ec0f;border-radius:var(--r-sm);box-shadow:inset 0 1px 0 #f4f2ec14,0 10px 18px -12px #000000f2;display:flex;flex-direction:column;gap:4px;padding:10px 12px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.cloud-metric.is-bad{border-color:#ff5c5c3d;box-shadow:inset 0 1px 0 #ffa0a029,0 16px 24px -12px #000000f2}.cloud-metric-lbl{color:var(--ink-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.cloud-metric-val{font-family:var(--font-mono);font-size:16px;font-weight:700;transition:color var(--dur-fast) var(--ease-out)}.cloud-overlay{margin-top:auto;pointer-events:none}.cloud-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:12px 14px;pointer-events:auto}.cloud-overlay-card-crash{background:#2c0a0ce0;border:1px solid #ff5c5c66;box-shadow:0 18px 34px -16px #ff5c5c59}.cloud-overlay-card-scaled{background:#071a1fe6;border:1px solid #5eead466;box-shadow:0 18px 34px -16px #5eead44d}.cloud-overlay-icon{align-items:center;color:#ffb4b4;display:inline-flex;flex-shrink:0;justify-content:center}.cloud-overlay-icon-ai{color:var(--teal)}.cloud-overlay-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cloud-overlay-title{color:var(--ink-0);font-size:12px;font-weight:700;letter-spacing:.2px}.cloud-overlay-desc{color:var(--ink-1);font-size:11px;line-height:1.45}.cloud-footer{grid-gap:1px;background:var(--hairline);border-top:1px solid var(--hairline);display:grid;gap:1px;grid-template-columns:1fr 1fr;position:relative;z-index:2}.cloud-footer-item{align-items:center;background:var(--bg-1);display:flex;font-size:11px;gap:8px;padding:12px 16px}.cloud-footer-item svg{color:var(--ink-3)}.cloud-footer-lbl{color:var(--ink-2);flex:1 1;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase}.cloud-footer-val{font-family:var(--font-mono);font-size:12px;font-weight:700}@media (min-width:1200px){.cloud-side{height:404px}}@media (max-width:760px){.cloud-scene{padding:14px 14px 24px;perspective:none}.cloud-stage{gap:18px;grid-template-columns:1fr;transform-style:flat}.cloud-bay-a,.cloud-bay-b{transform:none}.cloud-side{padding:16px}}@media (max-width:420px){.cloud-side{padding:14px}.cloud-main{gap:10px;padding:12px}.cloud-stack{min-width:0;padding:8px}.cloud-stack-pods{max-width:100px}.cloud-stack-pod{height:20px;width:20px}.cloud-metric-val{font-size:14px}.cloud-side-sub{display:none}}.cloud-player.is-still .cloud-bay-a,.cloud-player.is-still .cloud-bay-b,.cloud-player.is-still .cloud-stack-a{transform:none}.cloud-player.is-still .cloud-bay,.cloud-player.is-still .cloud-main,.cloud-player.is-still .cloud-metric,.cloud-player.is-still .cloud-side,.cloud-player.is-still .cloud-stack{transition:none}.cloud-player.is-still .cloud-stack-a.hot{animation:none}@media (prefers-reduced-motion:reduce){.cloud-bay-a,.cloud-bay-b,.cloud-main,.cloud-metric,.cloud-stack,.cloud-stack-pod{transform:none!important}.cloud-bay,.cloud-main,.cloud-metric,.cloud-side,.cloud-stack{transition:none}.cloud-stack-a.hot{animation:none}}