:root{--hive-red: #e31337;--hive-red-dark: #7d0a1e;--hive-red-hover: #ff4060;--bg: #f4f4f8;--bg-surface: #ffffff;--border: #dde0e8;--text: #1a1a2e;--text-muted: #6b7280;--btn-bg: #ffffff;--btn-border: #d1d5db;--btn-text: #374151;--badge-bg: #f3f4f6;--badge-border: #d1d5db;--badge-text: #4b5563;--pill-bg: linear-gradient(135deg, #e31337, #b00f2c);--stroke-color: rgba(0,0,0,.12)}[data-theme=dark]{--bg: #0d1117;--bg-surface: #161b22;--border: #30363d;--text: #c9d1d9;--text-muted: #8b949e;--btn-bg: #21262d;--btn-border: #30363d;--btn-text: #c9d1d9;--badge-bg: #21262d;--badge-border: #30363d;--badge-text: #8b949e;--pill-bg: linear-gradient(135deg, #e31337, #7d0a1e);--stroke-color: rgba(255,255,255,.18)}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:background-color .2s,color .2s}.fa-hive{color:var(--hive-red)}.center{display:block;margin:auto}.stroke{stroke-width:2px;stroke:var(--stroke-color)}.blue{fill:#277da1}.bluegreen{fill:#4d908e}.gold{fill:gold}.gray{fill:#6c757d}.green{fill:#43aa8b}.hotpink{fill:#ff69b4}.lightgreen{fill:#90be6d}.navyblue{fill:#14345b}.orange{fill:#f3722c}.purple{fill:#9128e7}.red{fill:#e31337}.yellow{fill:#f9c74f}.yellow-orange{fill:#f8961e}svg text{fill:#fff;font-weight:600}#viz{z-index:-1;position:relative}#topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;transition:background-color .2s,border-color .2s}.controls-wrap{display:flex;flex-direction:column;gap:8px}#controls{display:flex;align-items:center;gap:6px}.btn-ctrl{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;padding:0;line-height:1}.btn-ctrl:hover:not(:disabled){background:#e313371f;border-color:#e3133773;color:var(--hive-red)}.btn-ctrl:disabled{opacity:.5;cursor:default}#speedgauge{width:auto;padding:0 12px;font-weight:700;font-size:13px;letter-spacing:.5px}#themeToggle{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;padding:0}#themeToggle:hover{background:#e313371f;border-color:#e3133773;color:var(--hive-red)}.form-check{display:flex;align-items:center;gap:6px;margin:0}.form-check-input{cursor:pointer}.form-check-label{color:var(--text-muted);font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.block-info{text-align:right}.block-heading{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:5px}.block-num-pill{background:var(--pill-bg);color:#fff;padding:4px 14px;border-radius:20px;font-size:1rem;font-weight:700;letter-spacing:.3px}.meta-line{font-size:.78rem;color:var(--text-muted);margin-bottom:2px}.meta-line .val{color:var(--text);font-weight:500}.footer-bar{background:var(--bg-surface);border-top:3px solid var(--hive-red);font-size:.83rem;color:var(--text-muted);transition:background-color .2s,border-color .2s}.footer-inner{max-width:960px;margin:0 auto;padding:28px 24px 0}.footer-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding-bottom:24px}@media (max-width: 680px){.footer-cols{grid-template-columns:1fr}}.footer-col-title{font-weight:700;color:var(--text);font-size:.82rem;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.footer-col-title .fa-hive{color:var(--hive-red);margin-right:4px}.footer-col p{margin:0 0 6px;line-height:1.6;font-size:.82rem}.footer-bar a{color:var(--hive-red);text-decoration:none}.footer-bar a:hover{color:var(--hive-red-hover);text-decoration:underline}.legend-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center}.legend-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff;letter-spacing:.3px}.lb-green{background:#43aa8b}.lb-red{background:#e31337}.lb-gray{background:#6c757d}.lb-blue{background:#277da1}.lb-bluegreen{background:#4d908e}.lb-yellow{background:#f9c74f;color:#333}.lb-orange{background:#f3722c}.lb-purple{background:#9128e7}.lb-navyblue{background:#14345b}.lb-hotpink{background:#ff69b4}.legend-label{font-size:.79rem;color:var(--text-muted)}.footer-credits p{margin:0 0 8px}.footer-bottom{border-top:1px solid var(--border);padding:12px 0;font-size:.75rem;color:var(--text-muted);opacity:.7;text-align:center}#inspector{color:var(--text-muted);font-size:.82rem}