.bi-roll{align-items:baseline;gap:3px;display:inline-flex}.bi-roll-num{font-variant-numeric:tabular-nums;letter-spacing:.5px}.bi-roll-unit{font-family:var(--font-sans);letter-spacing:.5px;color:var(--color-text-secondary);text-shadow:none;font-size:.56em;font-weight:600}.bi-roll.is-rolling .bi-roll-num{text-shadow:0 0 18px}.bi-status{justify-content:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.bi-status-bar{border-radius:var(--radius-full);background:var(--bi-track);height:14px;box-shadow:inset 0 0 0 1px var(--bi-line-soft), inset 0 2px 4px color-mix(in srgb, var(--bi-void) 60%, transparent);display:flex;overflow:hidden}.bi-status-seg{filter:saturate(165%)brightness(1.15);min-width:0;height:100%;transition:width var(--transition-slow), filter var(--transition-fast);position:relative}.bi-status-seg+.bi-status-seg{box-shadow:-1px 0 0 color-mix(in srgb, var(--bi-void) 65%, transparent)}.bi-status-seg:hover{filter:saturate(190%)brightness(1.35)}.bi-status-legend{gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.bi-status-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full);transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid transparent;display:flex}.bi-status-item:hover{border-color:var(--bi-line-soft);background:color-mix(in srgb, var(--bi-void-deep) 55%, transparent)}.bi-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 7px}.bi-status-label{color:var(--color-text-secondary)}.bi-status-count{color:var(--color-text);font-weight:700;font-family:var(--bi-font-num);font-variant-numeric:tabular-nums}.bi-trend{justify-content:center;gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.bi-trend-legend{gap:var(--space-4);letter-spacing:.5px;color:var(--color-text-tertiary);flex:none;font-size:10px;display:flex}.bi-trend-legend span{align-items:center;gap:4px;display:inline-flex}.bi-trend svg{width:100%;height:auto;max-height:100%;display:block}.bi-trend svg line{stroke-dasharray:3 5}.bi-trend-line{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--bi-green) 65%, transparent))}.bi-trend-node{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--bi-green) 78%, transparent))}.bi-trend-bar{filter:saturate(150%)brightness(1.16);transition:opacity var(--transition-fast), filter var(--transition-fast)}.bi-trend-bar:hover{opacity:1;filter:saturate(180%)brightness(1.3)}.bi-strip{grid-template-columns:1fr 1.3fr 1fr;gap:0;display:grid;position:relative;overflow:hidden}.bi-strip-cell{border-right:1px dashed var(--bi-line-soft);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.bi-strip-cell:last-child{border-right:none}.bi-strip-label{letter-spacing:2px;color:var(--color-text-tertiary);white-space:nowrap;font-size:13px}.bi-strip-cell.mid .bi-strip-label{color:color-mix(in srgb, var(--bi-amber) 70%, var(--color-text-inverse))}.bi-strip-val{font-family:var(--bi-font-num);letter-spacing:1px;color:var(--color-text-inverse);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 16px color-mix(in srgb, var(--bi-cyan) 34%, transparent);align-items:baseline;font-size:25px;font-weight:700;display:flex}.bi-strip-val .bi-roll-unit{font-size:13px}.bi-strip-delta{color:var(--bi-green);white-space:nowrap;font-size:12px}.bi-strip-delta.warn{color:var(--bi-rose);text-shadow:0 0 12px color-mix(in srgb, var(--bi-rose) 40%, transparent)}.bi-strip-delta.dim{color:var(--color-text-tertiary)}.bi-ring-wrap{flex:none;width:100px;height:100px;position:relative}.bi-ring-wrap svg{z-index:2;position:absolute;inset:0}.bi-ring-arc{transition:stroke-dasharray var(--transition-slow);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--bi-gold) 60%, transparent))}.bi-ring-arc.warn{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--bi-rose) 60%, transparent))}.bi-ring-ticks{transform-origin:50%;animation:42s linear infinite spin}.bi-ring-core{z-index:1;border-radius:var(--radius-full);background:radial-gradient(circle, color-mix(in srgb, var(--bi-gold) 40%, transparent), transparent 70%);pointer-events:none;animation:4.2s ease-in-out infinite bi-breathe;position:absolute;inset:16px}@keyframes bi-breathe{0%,to{opacity:.42;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}.bi-pulse-halo{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--bi-gold) 64%, transparent);box-shadow:inset 0 0 16px color-mix(in srgb, var(--bi-gold) 24%, transparent);pointer-events:none;animation:3.4s cubic-bezier(.22,.61,.36,1) infinite bi-pulse;position:absolute;inset:6px}.bi-pulse-halo.h2{animation-delay:1.13s}.bi-pulse-halo.h3{animation-delay:2.26s}@keyframes bi-pulse{0%{opacity:.85;transform:scale(.68)}65%{opacity:.22}to{opacity:0;transform:scale(1.42)}}.bi-ring-center{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.bi-ring-value{font-family:var(--bi-font-num);color:color-mix(in srgb, var(--bi-gold) 55%, var(--color-text-inverse));font-variant-numeric:tabular-nums;text-shadow:0 0 14px color-mix(in srgb, var(--bi-gold) 55%, transparent);font-size:18px;font-weight:800}.bi-ring-label{letter-spacing:1px;color:var(--color-text-secondary);white-space:nowrap;font-size:10px}.bi-ring-sub{letter-spacing:.5px;color:var(--color-text-tertiary);font-size:9px}