:root{--ink: #070B12;--deep: #0D1420;--line: #1D2838;--fg: #E6EDF2;--muted: #8B9BAE;--mint: #3DDC97;--orange: #FF6A2B;--violet: #9D8FFF;--threat: #FF4D6A;--amber: #F5C451;--f-display: "Oswald", "Arial Narrow", Arial, sans-serif;--f-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--fg);font-family:var(--f-body);display:flex;flex-direction:column;overflow:hidden}.gutter{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}header{padding-block:14px 10px;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:6px 24px}.eyebrow{display:flex;align-items:center;gap:8px;font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--mint);box-shadow:0 0 0 3px #3ddc9733}.dot.down{background:var(--threat)}h1{margin:6px 0 0;font:700 clamp(34px,6vw,56px)/.95 var(--f-display);text-transform:uppercase}.lede{margin:0;max-width:58ch;font-size:14px;line-height:1.5;color:var(--muted)}.lede b{color:var(--fg);font-weight:500}.stage{position:relative;flex:1;min-height:240px;border-block:1px solid var(--line)}#lake{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;pointer-events:none}.empty[hidden]{display:none}.empty .big{margin:0;font:700 clamp(28px,4vw,44px)/1 var(--f-display);text-transform:uppercase}.empty p{margin:0;color:var(--muted)}.empty pre{margin:6px 0 0;padding:12px 14px;max-width:100%;overflow-x:auto;background:var(--deep);border:1px solid var(--line);border-radius:4px;pointer-events:auto}.empty code{font:400 13px/1.5 var(--f-mono);color:var(--mint)}.qr{position:absolute;right:16px;top:14px;z-index:2;margin:0;width:140px;padding:12px 12px 10px;background:#fff;border-radius:6px;box-shadow:0 6px 24px #00000080}.qr[hidden]{display:none}.qr canvas{display:block;width:116px!important;height:116px!important}.qr figcaption{margin-top:8px;font:500 10px/1.35 var(--f-mono);color:#070b12;text-align:center;text-transform:uppercase;letter-spacing:.04em}@media(max-width:720px){.qr{display:none}}.log{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:12px;right:16px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column-reverse;gap:4px;font:400 12px/1.4 var(--f-mono);pointer-events:none;max-width:640px}.log li{text-shadow:0 1px 6px var(--ink),0 0 2px var(--ink);overflow-wrap:anywhere}.log li:nth-child(n+2){opacity:.65}.log li:nth-child(n+4){opacity:.4}.log time{color:var(--muted);margin-right:8px}.k-threat{color:var(--threat)}.k-mint{color:var(--mint)}.k-violet{color:var(--violet)}.k-amber{color:var(--amber)}.k-orange{color:var(--orange)}footer{padding-block:12px 14px;display:flex;flex-direction:column;gap:12px}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 16px;margin:0}.stat{min-width:0;display:flex;flex-direction:column-reverse;gap:2px}.stat dd{margin:0;font:500 clamp(20px,2.6vw,28px)/1 var(--f-display);font-variant-numeric:tabular-nums}.stat dt{font:400 11px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stat.zero dd{color:var(--mint)}.stat.threat dd,.stat.zero.alarm dd{color:var(--threat)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 11px/1 var(--f-mono);color:var(--muted)}.legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--c)}.legend .sq:before{border-radius:1px}@media(max-width:720px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.log{font-size:11px}}