:root{--void: #070b10;--void-2: #0a1119;--slate: #0e1621;--slate-line: #16222f;--phosphor: #7fb0a8;--phosphor-dim:#4a6b68;--ink: #c9d6de;--ink-dim: #6d7f8c;--ok: #2fbf8f;--degraded: #d99a4e;--down: #cf7378;--unknown: #5c6b78;--alert-wash: #0a1017;--alert-edge: #cf7378;--font-display: "Bahnschrift", "DIN Alternate", "Oswald", "Franklin Gothic Medium", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", "Consolas", "Roboto Mono", monospace;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--gap: clamp(10px, 1.4vw, 22px);--pad: clamp(16px, 2.2vw, 40px);--radius: 10px}*{box-sizing:border-box}.wall{min-height:100vh;padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap);color:var(--ink);font-family:var(--font-body);background:radial-gradient(120% 80% at 50% -10%,var(--void-2) 0%,var(--void) 60%);background-color:var(--void);transition:background-color .9s ease,color .9s ease;-webkit-font-smoothing:antialiased;overflow:hidden}.wall[data-attention=true]{color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--down) 7%,var(--alert-wash)) 0%,var(--alert-wash) 60%);background-color:var(--alert-wash)}.wall[data-attention=true]:before{content:"";position:fixed;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--down) 45%,transparent);z-index:10}.hero{position:relative;display:flex;flex-direction:column;gap:clamp(8px,1vw,16px);padding-left:clamp(14px,1.6vw,26px);border-left:2px solid var(--phosphor-dim);transition:border-color .7s ease}.hero__headline{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.6rem,6.4vw,6rem);line-height:.98;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transition:color .7s ease,text-shadow .7s ease}.hero[data-state=OK]{border-left-color:color-mix(in srgb,var(--ok) 55%,var(--phosphor-dim))}.hero[data-state=OK] .hero__headline{color:color-mix(in srgb,var(--phosphor) 78%,var(--ink));font-weight:500;opacity:.82}.hero[data-state=DEGRADED]{border-left-color:var(--degraded)}.hero[data-state=DEGRADED] .hero__headline{color:color-mix(in srgb,var(--degraded) 78%,var(--ink));font-weight:500}.hero[data-state=DOWN]{border-left-color:var(--down)}.hero[data-state=DOWN] .hero__headline{color:color-mix(in srgb,var(--down) 70%,var(--ink));font-weight:500}.hero[data-state=UNKNOWN] .hero__headline{color:var(--unknown)}.hero__counts{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,34px);font-family:var(--font-mono);font-size:clamp(.8rem,1.15vw,1.05rem);letter-spacing:.14em;color:var(--ink-dim);font-variant-numeric:tabular-nums}.hero__counts span{white-space:nowrap}.matrix{display:flex;flex-direction:column;gap:calc(var(--gap) * 1.2);flex:1}.matrix__group{display:flex;flex-direction:column;gap:calc(var(--gap) * .7)}.matrix__label{margin:0;font-family:var(--font-mono);font-size:clamp(.72rem,1vw,.9rem);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--phosphor-dim);padding-bottom:6px;border-bottom:1px solid var(--slate-line)}.matrix__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap)}.cell{position:relative;padding:clamp(12px,1.4vw,18px);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;min-height:78px;justify-content:center;background:var(--slate);border:1px solid var(--slate-line);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background-color .4s ease}.cell__name{font-family:var(--font-mono);font-size:clamp(.9rem,1.3vw,1.15rem);font-weight:600;letter-spacing:.02em;color:var(--ink)}.cell__vital{display:flex;align-items:baseline;gap:.35em;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cell__vital-value{font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:600;letter-spacing:.01em;color:var(--ink-dim)}.cell__vital-unit{font-size:clamp(.68rem,.9vw,.82rem);letter-spacing:.06em;color:var(--ink-dim);text-transform:lowercase}.cell[data-state=OK] .cell__vital-value{font-weight:700;color:color-mix(in srgb,var(--ok) 82%,#ffffff);text-shadow:0 0 10px color-mix(in srgb,var(--ok) 65%,transparent),0 0 22px color-mix(in srgb,var(--ok) 40%,transparent)}.cell[data-state=OK] .cell__vital-unit{color:color-mix(in srgb,var(--ok) 45%,var(--ink-dim))}.cell:after{content:"";position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.6}.cell[data-state=OK]{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,var(--slate));border-color:color-mix(in srgb,var(--ok) 48%,var(--slate-line));opacity:1;box-shadow:0 0 20px color-mix(in srgb,var(--ok) 24%,transparent)}.cell[data-state=OK] .cell__name{color:color-mix(in srgb,var(--ok) 55%,var(--ink))}.cell[data-state=DEGRADED]{color:var(--degraded);background:color-mix(in srgb,var(--degraded) 12%,var(--slate));border-color:color-mix(in srgb,var(--degraded) 40%,var(--slate-line))}.cell[data-state=DEGRADED] .cell__name{color:color-mix(in srgb,var(--degraded) 34%,var(--ink))}.cell[data-state=DOWN]{color:var(--down);background:color-mix(in srgb,var(--down) 12%,var(--slate));border-color:color-mix(in srgb,var(--down) 40%,var(--slate-line));box-shadow:0 0 20px color-mix(in srgb,var(--down) 18%,transparent)}.cell[data-state=DOWN] .cell__name{color:color-mix(in srgb,var(--down) 45%,var(--ink))}.cell[data-state=UNKNOWN]{color:var(--unknown);background:color-mix(in srgb,var(--unknown) 10%,var(--slate));border-color:color-mix(in srgb,var(--unknown) 30%,var(--slate-line));opacity:.85}.cell[data-state=DEGRADED] .cell__reticle{opacity:.7}.cell__reticle{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .4s ease;--c: currentColor;background:linear-gradient(var(--c),var(--c)) top left,linear-gradient(var(--c),var(--c)) top left,linear-gradient(var(--c),var(--c)) top right,linear-gradient(var(--c),var(--c)) top right,linear-gradient(var(--c),var(--c)) bottom left,linear-gradient(var(--c),var(--c)) bottom left,linear-gradient(var(--c),var(--c)) bottom right,linear-gradient(var(--c),var(--c)) bottom right;background-repeat:no-repeat;background-size:14px 2px,2px 14px}.vitals{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,48px);padding:clamp(12px,1.4vw,20px) 0 0;border-top:1px solid var(--slate-line);font-family:var(--font-mono);font-size:clamp(.9rem,1.5vw,1.3rem);letter-spacing:.08em;color:var(--phosphor);font-variant-numeric:tabular-nums}.vitals span{color:var(--ink)}.wall[data-attention=true] .vitals{color:color-mix(in srgb,var(--down) 40%,var(--phosphor))}.events{display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;color:var(--ink-dim)}.events__item{position:relative;padding-left:14px}.events__item:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--phosphor-dim)}.events__item[data-severity=major]:before,.events__item[data-severity=critical]:before{background:var(--down)}.events__item[data-severity=minor]:before{background:var(--degraded)}.stale-chip{position:fixed;bottom:clamp(10px,1.4vw,20px);right:clamp(10px,1.4vw,20px);padding:6px 12px;border-radius:999px;font-family:var(--font-mono);font-size:clamp(.72rem,.95vw,.85rem);letter-spacing:.08em;color:var(--degraded);background:color-mix(in srgb,var(--degraded) 12%,var(--slate));border:1px solid color-mix(in srgb,var(--degraded) 40%,transparent);z-index:11}@media (prefers-reduced-motion: reduce){.wall,.wall *,.wall *:before,.wall *:after{animation:none!important;transition-duration:.2s!important}}