:root{color-scheme:dark;--bg:#050914;--panel:#0c1424;--line:#17233b;--tx:#eef3ff;--mut:#8b9bb8;--acc:#3ad4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.4 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg)}h1{font-size:18px;letter-spacing:.14em;margin:0}h1 span{color:var(--acc)}h2{font-size:12px;color:var(--mut);letter-spacing:.12em}input{background:var(--panel);color:var(--tx);border:1px solid var(--line);border-radius:6px;padding:6px}main{max-width:960px;margin:0 auto;padding:8px 16px}.grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:112px}.state{font-size:12px;color:var(--mut);margin-bottom:8px}.live .state{color:var(--acc)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-right:6px}.row{display:flex;align-items:center;gap:8px;padding:3px 0}.abbr{font-weight:700;width:40px}.name{flex:1;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.warn{background:#10253a;border:1px solid var(--acc);padding:8px 12px;border-radius:6px;margin:8px 0}.skel{height:112px;border-radius:8px;background:linear-gradient(90deg,var(--panel),#14203a,var(--panel));background-size:200% 100%;animation:s 1.2s infinite}@keyframes s{to{background-position:-200% 0}}footer{color:var(--mut);font-size:12px;text-align:center;padding:24px}.hero{display:block;width:100%;height:260px;touch-action:pan-y}@media (max-width:600px){.hero{height:200px}}.upd{color:var(--mut);font-size:12px;margin:8px 0}.diag{position:fixed;left:8px;bottom:8px;z-index:20;margin:0;background:#000d;color:#9fe;font:11px/1.4 monospace;padding:6px 8px;border-radius:6px;max-width:94vw;white-space:pre-wrap}