:root{--bg: #05070e;--panel: rgba(12, 18, 32, .62);--panel-brd: rgba(120, 160, 220, .16);--ink: #cdd8ee;--ink-dim: #7c89a6;--accent: #3fe9ff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:var(--bg);color:var(--ink);font:13px/1.4 ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;inset:0}.canvas{position:absolute;inset:0}.canvas canvas{display:block}.brand{position:absolute;top:14px;left:50%;transform:translate(-50%);letter-spacing:6px;font-weight:700;font-size:15px;white-space:nowrap;color:#eaf2ff;text-shadow:0 0 18px rgba(63,233,255,.55);pointer-events:none}.brand span{letter-spacing:2px;font-weight:400;font-size:10px;color:var(--ink-dim)}.credit{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;padding:5px 11px;border-radius:9px;background:var(--panel);border:1px solid var(--panel-brd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s,border-color .2s,box-shadow .2s}.credit svg{width:13px;height:13px;fill:currentColor;flex:none}.credit:hover{color:#eaf2ff;border-color:#3fe9ff73;box-shadow:0 0 16px #3fe9ff2e}.topctrl{position:absolute;top:44px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:flex-start;z-index:6}.hud-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--panel-brd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink-dim);cursor:pointer;padding:0;transition:color .2s,border-color .2s,box-shadow .2s}.hud-btn svg{width:18px;height:18px}.hud-btn:hover{color:var(--ink);border-color:#3fe9ff66}.hud-btn.on{color:var(--accent);border-color:#3fe9ff80;box-shadow:0 0 16px #3fe9ff47}.info-wrap{position:relative}.info-wrap:hover .hud-btn,.info-wrap.info-open .hud-btn{color:var(--accent);border-color:#3fe9ff80;box-shadow:0 0 16px #3fe9ff47}.info-box{display:none}.info-wrap:hover .info-box,.info-wrap.info-open .info-box{display:block}.info-box{position:absolute;top:calc(100% + 10px);right:0;width:min(420px,92vw);background:var(--panel);border:1px solid var(--panel-brd);border-radius:12px;padding:14px 15px;text-align:left;line-height:1.5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 50px #0000008c;z-index:20}.ib-title{font-weight:700;letter-spacing:3px;color:#eaf2ff;font-size:13px;margin-bottom:6px}.ib-lead{margin:0 0 4px;color:var(--ink);font-size:11.5px}.ib-sec{font-size:11px;color:var(--ink);margin-top:9px}.ib-sec b{color:#eaf2ff;font-weight:600}.ib-sec em{color:var(--accent);font-style:normal}.ib-dim{color:var(--ink-dim)}.ib-key{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:7px}.ib-key span{display:flex;align-items:center;gap:6px;font-size:10.5px}.ib-key i{width:9px;height:9px;border-radius:50%;flex:none}.ib-key .ib-dim{font-size:9.5px}.panel{position:absolute;background:var(--panel);border:1px solid var(--panel-brd);border-radius:12px;padding:12px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 40px #00000073}.panel-title{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.status{top:16px;left:16px;min-width:230px}.status .row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.status-label{font-size:11px;letter-spacing:1px}.dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.dot.ok{background:#52ff8c;color:#52ff8c}.dot.warn{background:#ffb838;color:#ffb838}.dot.bad{background:#ff5470;color:#ff5470}.beat{width:7px;height:7px;border-radius:50%;margin-left:auto;background:#28344e;transition:all .15s}.beat.on{background:var(--accent);box-shadow:0 0 14px var(--accent)}.stats{display:flex;gap:16px}.stats div{display:flex;flex-direction:column}.stats b{font-size:18px;color:#fff}.stats span{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px}.since{margin-top:8px;font-size:9px;color:var(--ink-dim)}.rates{bottom:16px;left:16px;width:250px}.rate-row{display:flex;align-items:center;gap:8px;margin:5px 0}.rate-name{width:64px;font-size:11px}.bar{flex:1;height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;transition:width .5s ease;box-shadow:0 0 8px currentColor}.rate-val{width:34px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.windows{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--ink-dim)}.windows b{color:var(--ink)}.pending{top:16px;right:16px;width:150px;text-align:center}.pending-n{font-size:30px;font-weight:700;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.3)}.pending-bar{height:5px;background:#ffffff14;border-radius:4px;overflow:hidden;margin:6px 0}.pending-bar i{display:block;height:100%;background:#dfe7ff;box-shadow:0 0 10px #fff;transition:width .4s}.pending-sub{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px}.leaders{top:148px;right:16px;width:234px;max-height:56vh;display:flex;flex-direction:column}.leaders-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.leaders-head .panel-title{margin:0}.metric-toggle{display:flex;gap:0;border:1px solid var(--panel-brd);border-radius:6px;overflow:hidden}.metric-toggle button{background:transparent;border:0;color:var(--ink-dim);font:inherit;font-size:9px;letter-spacing:.5px;padding:3px 7px;cursor:pointer}.metric-toggle button.on{background:var(--accent);color:#04121a;font-weight:700}.metric-toggle button:not(.on):hover{color:var(--ink);background:#78a0dc1f}.leader-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px}.leader{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:0;color:var(--ink);cursor:pointer;padding:5px 6px;border-radius:7px;font:inherit;text-align:left}.leader:hover{background:#78a0dc1f}.rank{width:16px;color:var(--ink-dim);font-size:10px}.sw{width:10px;height:10px;border-radius:3px;box-shadow:0 0 8px currentColor;flex:none}.sw.lg{width:22px;height:22px;border-radius:6px}.who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnt{color:var(--ink-dim);font-variant-numeric:tabular-nums}.empty{color:var(--ink-dim);font-size:11px;padding:6px}.detail{bottom:16px;right:16px;width:320px;max-height:70vh;overflow-y:auto}.detail-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.detail-id{flex:1;overflow:hidden}.detail-name{font-size:13px;color:#fff}.detail-addr{font-size:11px;color:var(--accent);text-decoration:none}.detail-addr:hover{text-decoration:underline}.close{background:#ffffff0f;border:1px solid var(--panel-brd);border-radius:7px;color:var(--ink);font-size:18px;width:28px;height:28px;cursor:pointer;line-height:1;flex:none}.close:hover{color:#fff;background:#ff5a7040}.detail-hint{font-size:9px;color:var(--ink-dim);text-align:center;margin:-4px 0 10px;letter-spacing:.5px}.detail-stats{display:flex;gap:14px;margin-bottom:12px}.detail-stats div{display:flex;flex-direction:column}.detail-stats b{font-size:16px;color:#fff}.detail-stats span{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px}.detail-ops{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px}.op-chip{display:flex;flex-direction:column;align-items:center;border:1px solid;border-radius:7px;padding:5px 2px;opacity:.9}.op-chip span{font-size:9px}.op-chip b{font-size:13px;color:#fff}.ent-list{display:flex;flex-direction:column;gap:2px}.ent{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:5px;font-size:11px}.ent:hover{background:#78a0dc1a}.ent-key{flex:1;color:var(--ink-dim)}.ent-sz{color:#8aa0c8}.ent-ttl{color:#52ff8c}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#78a0dc40;border-radius:4px}@media (max-width: 720px){.leaders,.detail{display:none}}@media (max-width: 720px){.brand{top:9px;font-size:13px;letter-spacing:3px}.brand span{display:none}.status{top:34px;left:10px;min-width:0;padding:9px 12px}.status .row{margin-bottom:8px}.stats{gap:12px}.stats b{font-size:15px}.pending{top:34px;right:10px;width:116px;padding:9px 10px}.pending-n{font-size:24px}.topctrl{inset:auto 14px 16px auto;transform:none}.info-box{top:auto;bottom:calc(100% + 10px)}.ib-key{grid-template-columns:1fr}.rates{bottom:54px;left:10px;width:210px}.credit{bottom:14px}}