:root{--bg-top:#060912;--bg-bottom:#0e2040;--raised:#111a2e;--inset:#0c1322;--ink:#e9eef8;--soft:#c3cde1;--muted:#93a1bf;--faint:#66748f;--border:#283355;--shadow:#04060c;--cyan:#4deeea;--amber:#ffc857;--teal:#2dd4bf;--coral:#ff6b6b;--wave:#3b82f6;--pixel:"Press Start 2P",monospace;--mono:"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(180deg,var(--bg-top) 0,#0a0e1a 40%,var(--bg-bottom) 100%);background-attachment:fixed;color:var(--ink);font-family:Inter,sans-serif;line-height:1.6;min-height:100vh}main{max-width:880px;margin:0 auto;padding:48px 20px 80px}a{color:var(--cyan)}.masthead{display:flex;align-items:baseline;gap:14px;margin-bottom:8px;flex-wrap:wrap}.masthead h1{font-family:var(--pixel);font-size:20px;letter-spacing:1px}.masthead h1 .accent{color:var(--cyan)}.masthead .sub{color:var(--muted);font-size:14px}.banner{margin:26px 0 34px;padding:18px 22px;border:3px solid var(--border);background:var(--raised);box-shadow:6px 6px 0 var(--shadow);display:flex;align-items:center;gap:14px;font-family:var(--pixel);font-size:13px;line-height:1.9}.banner.ok{border-color:var(--teal);color:var(--teal)}.banner.degraded{border-color:var(--amber);color:var(--amber)}.banner.outage{border-color:var(--coral);color:var(--coral)}.banner .dot{width:12px;height:12px;flex:none;background:currentColor;animation:blink 2s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.note{margin:0 0 26px;padding:10px 14px;font-size:13.5px;color:var(--muted);border:2px dashed var(--border);background:var(--inset)}.card{border:3px solid var(--border);background:var(--raised);box-shadow:6px 6px 0 var(--shadow);padding:22px;margin-bottom:22px}.card h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.card h2 .state{font-family:var(--pixel);font-size:10px;margin-left:auto;letter-spacing:1px}.state.up{color:var(--teal)}.state.down{color:var(--coral)}.state.provisioning{color:var(--faint)}.statusdot{width:10px;height:10px;flex:none}.statusdot.up{background:var(--teal)}.statusdot.down{background:var(--coral)}.statusdot.provisioning{background:var(--faint)}.meta{color:var(--muted);font-size:13px;font-family:var(--mono);margin-top:2px}.spark{margin-top:14px}.spark svg{display:block;width:100%;height:46px;background:var(--inset);border:2px solid var(--border)}.spark .lbl{color:var(--faint);font-size:11.5px;font-family:var(--mono);margin-top:4px}.uptimebar{display:flex;gap:2px;margin-top:14px;height:26px;align-items:stretch}.uptimebar i{flex:1 1;min-width:2px;display:block}.uptimebar i.full{background:var(--teal)}.uptimebar i.warn{background:var(--amber)}.uptimebar i.bad{background:var(--coral)}.uptimebar i.nodata{background:var(--border)}.pcts{display:flex;gap:22px;margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--soft)}.pcts b{color:var(--ink);font-weight:600}.incidents h2{font-family:var(--pixel);font-size:14px;margin:40px 0 18px;color:var(--amber)}.incident{border-left:4px solid var(--border);padding:4px 0 4px 18px;margin-bottom:22px}.incident.outage{border-color:var(--coral)}.incident.maintenance,.incident.planned{border-color:var(--amber)}.incident.resolved{border-color:var(--teal)}.incident h3{font-size:15px;font-weight:600}.incident .kind{font-family:var(--pixel);font-size:9px;letter-spacing:1px;margin-right:10px}.incident.outage .kind{color:var(--coral)}.incident.maintenance .kind,.incident.planned .kind{color:var(--amber)}.incident .components{color:var(--faint);font-size:12.5px;font-family:var(--mono)}.timeline{margin-top:8px}.timeline li{list-style:none;font-size:13.5px;color:var(--soft);padding:3px 0}.timeline .when{color:var(--faint);font-family:var(--mono);font-size:12px;margin-right:8px}.timeline .st{font-weight:600;margin-right:6px}.timeline .st.resolved{color:var(--teal)}.timeline .st.investigating{color:var(--coral)}.timeline .st.identified{color:var(--amber)}.empty{color:var(--faint);font-size:14px}footer{margin-top:56px;padding-top:22px;border-top:3px solid var(--border);color:var(--muted);font-size:13.5px}footer .mono{font-family:var(--mono)}.atsea h2 .state{font-family:var(--pixel);font-size:18px;color:var(--cyan)}.atsea{border-color:var(--cyan)}.masthead .logolink img{image-rendering:pixelated;display:block;animation:bob 2s steps(2) infinite}@keyframes bob{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.masthead .logolink img{animation:none}}