.bb-section{min-width:0;max-width:1180px;--bb-lit:#c4c8cf;--bb-warm:#d9a04a;--bb-soft:rgba(127,140,160,.1)}body.theme-light .bb-section{--bb-lit:#5d6470;--bb-warm:#a8701f}.bb-section [hidden]{display:none!important}
.bb-section *{box-sizing:border-box}
.bb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.bb-view-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.bb-view-tabs button{font:650 13px var(--sans);padding:8px 16px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.bb-view-tabs button:hover{color:var(--text,var(--ink))}.bb-view-tabs button[aria-selected=true]{background:var(--v2-accent);color:var(--v2-on-accent,#06101d)}.bb-view-tabs button:focus-visible,.bb-seg button:focus-visible,.bb-chips button:focus-visible,.bb-btn:focus-visible{outline:2px solid var(--v2-accent);outline-offset:2px}
.bb-toolbar-note{font:400 12px/1.5 var(--sans);color:var(--muted)}
.bb-head{margin:0 0 20px}.bb-head h2{font:700 28.8px/1.1 var(--sans);letter-spacing:-.72px;margin:0 0 10px}.bb-lede{font:400 13px/1.6 var(--sans);color:var(--muted);margin:0;max-width:760px}
.bb-lbl{display:block;font:500 10px/1.3 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.bb-lbl-acc{color:var(--v2-accent)}
.bb-section.is-ko .bb-lbl{font-family:var(--sans);letter-spacing:0}
.bb-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 10px}.bb-wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 10px}
.bb-stat{position:relative;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;gap:8px}
.bb-val{font:650 22px/1.15 var(--sans);letter-spacing:-.3px;color:var(--text,var(--ink));overflow-wrap:anywhere}.bb-val i{font:500 11px var(--mono);font-style:normal;color:var(--muted);letter-spacing:.5px}
.bb-sub{font:400 11px/1.4 var(--sans);font-style:normal;color:var(--muted)}.bb-sub a{color:var(--v2-accent);text-decoration:none}.bb-sub a:hover{text-decoration:underline}
.bb-pill{align-self:flex-start;font:600 9.5px/1 var(--mono);letter-spacing:.6px;text-transform:uppercase;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--v2-accent)}
.bb-section.is-ko .bb-pill{font-family:var(--sans);letter-spacing:0;text-transform:none}
.bb-fire{margin:0 0 14px;padding:16px 18px;border:1px solid var(--v2-accent);border-radius:8px;background:linear-gradient(135deg,var(--bb-soft),transparent 70%),var(--panel)}
.bb-fire-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.bb-fire-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bb-fire-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0}.bb-fire-note{font:400 12px/1.6 var(--sans);color:var(--muted);margin:14px 0 0}
.bb-addrs{display:grid;gap:10px;margin:0 0 14px}.bb-addr{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.bb-addr .bb-lbl{flex:0 0 190px}.bb-addr-v{flex:1 1 240px;min-width:0;font:400 12px/1.5 var(--mono);overflow-wrap:anywhere;color:var(--text,var(--ink))}.bb-addr-v code{font:inherit}.bb-tba{font:400 12px var(--sans);color:var(--muted)}.bb-ext{font:600 12px var(--sans);color:var(--v2-accent);text-decoration:none;white-space:nowrap}.bb-ext:hover{text-decoration:underline}
.bb-card{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-width:0}
.bb-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}.bb-h3{font:650 14px var(--sans);margin:0}
.bb-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.bb-seg button{font:600 11px var(--mono);letter-spacing:.4px;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.bb-seg button:hover{color:var(--text,var(--ink))}.bb-seg button[aria-pressed=true]{background:var(--v2-accent);color:var(--v2-on-accent,#06101d)}
.bb-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 8px;font:400 11.5px/1.4 var(--sans);color:var(--muted)}.bb-legend span{display:inline-flex;align-items:center;gap:6px}
.bb-sw{display:inline-block;width:10px;height:10px;border-radius:2px;flex:none;margin-right:2px}.bb-sw-lit{background:var(--bb-lit)}.bb-sw-var{background:var(--v2-accent)}.bb-sw-cum{background:var(--bb-warm);height:3px;border-radius:2px;width:14px}
.bb-chart{position:relative;min-width:0}.bb-svg{display:block;max-width:100%;overflow:visible}
.bb-grid{stroke:var(--line);stroke-width:1;opacity:.7}.bb-ax{font:500 10px var(--mono);fill:var(--muted)}
.bb-bar-lit{fill:var(--bb-lit);opacity:.85}.bb-bar-var{fill:var(--v2-accent);opacity:.85}.bb-cum{fill:none;stroke:var(--bb-warm);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.bb-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.bb-line-lit{stroke:var(--bb-lit)}.bb-line-var{stroke:var(--v2-accent)}
.bb-hit{fill:transparent;cursor:crosshair}.bb-hit:hover{fill:var(--bb-soft)}
.bb-tip{position:absolute;z-index:3;pointer-events:none;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);box-shadow:0 4px 18px rgba(0,0,0,.28);font:400 11.5px/1.5 var(--sans);color:var(--text,var(--ink));display:flex;flex-direction:column;gap:1px;white-space:nowrap}.bb-tip b{font:600 11px var(--mono)}.bb-tip i{font:600 11.5px var(--mono);font-style:normal;margin-left:4px}
.bb-empty{position:absolute;inset:0 0 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:0 16px;background:color-mix(in srgb,var(--panel) 72%,transparent)}.bb-empty b{font:650 15px var(--sans)}.bb-empty span{font:400 12.5px/1.5 var(--sans);color:var(--muted)}
.bb-tablewrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.bb-table{width:100%;border-collapse:collapse;min-width:560px}
.bb-table th{font:500 10px/1.3 var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.bb-table td{font:400 12.5px/1.4 var(--sans);padding:9px 10px;border-bottom:1px solid var(--line);color:var(--text,var(--ink));white-space:nowrap}.bb-table td code{font:400 12px var(--mono)}.bb-table .bb-r{text-align:right;font-variant-numeric:tabular-nums}.bb-table tbody tr:last-child td{border-bottom:0}
.bb-table td.bb-td-empty{white-space:normal;text-align:center;color:var(--muted);padding:28px 12px}
.bb-section.is-ko .bb-table th{font-family:var(--sans);letter-spacing:0;text-transform:none}
.bb-cmp{min-width:620px}.bb-cmp th[scope=row]{font:500 11px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted);width:24%;white-space:normal}.bb-cmp thead th{font:650 12px var(--sans);letter-spacing:0;text-transform:none;color:var(--text,var(--ink))}.bb-cmp td{white-space:normal;font:550 13px/1.45 var(--sans)}.bb-cmp td em{display:block;font:400 11px var(--sans);font-style:normal;color:var(--muted)}.bb-cmp th .bb-sw{margin-right:7px}
.bb-yield-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bb-chips button{font:600 11px var(--mono);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.bb-chips button:hover{color:var(--text,var(--ink));border-color:var(--v2-accent)}.bb-chips button[aria-pressed=true]{background:var(--v2-accent);color:var(--v2-on-accent,#06101d);border-color:var(--v2-accent)}
.bb-note{font:400 11.5px/1.6 var(--sans);color:var(--muted);margin:10px 0 0;max-width:860px}
.bb-err{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border:1px solid #d9604a;border-radius:8px;background:rgba(217,96,74,.08);font:400 12.5px var(--sans)}.bb-err span{color:var(--muted);flex:1 1 160px;min-width:0;overflow-wrap:anywhere}.bb-btn{font:600 12px var(--sans);padding:7px 14px;border:1px solid var(--v2-accent);border-radius:6px;background:transparent;color:var(--v2-accent);cursor:pointer}.bb-btn:hover{background:var(--v2-accent);color:var(--v2-on-accent,#06101d)}
.bb-skel{border-radius:4px;background:linear-gradient(90deg,var(--bb-soft) 25%,rgba(127,140,160,.22) 50%,var(--bb-soft) 75%);background-size:200% 100%;animation:bb-sh 1.3s linear infinite;color:transparent}.bb-inline{display:inline-block;min-width:70px}.bb-chart-skel{height:260px}.bb-row-skel{height:120px}
@keyframes bb-sh{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.bb-skel{animation:none}}
@media(max-width:980px){.bb-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.bb-head h2{font-size:24px}.bb-view-tabs{width:100%}.bb-view-tabs button{flex:1}.bb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-stats .bb-stat:last-child{grid-column:1/-1}.bb-wins{grid-template-columns:1fr}.bb-fire-grid{grid-template-columns:1fr}.bb-yield-grid{grid-template-columns:1fr}.bb-addr .bb-lbl{flex-basis:100%}.bb-val{font-size:20px}.bb-card{padding:12px}.bb-seg button{padding:6px 8px}}

.bb-act .bb-card-top{margin-bottom:0}.bb-act.is-open .bb-card-top{margin-bottom:12px}
.bb-act-tog{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}
.bb-act-tog .bb-h3{flex:1;display:flex;align-items:center;gap:8px}
.bb-act-n{font:600 10px/1 var(--mono);padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.bb-act-hint{font:600 10px/1 var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--v2-accent)}
.bb-chev{width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);transition:transform .18s ease;flex:none}
.bb-act.is-open .bb-chev{transform:rotate(45deg)}
.bb-act-tog:hover .bb-h3{color:var(--v2-accent)}.bb-act-tog:focus-visible{outline:2px solid var(--v2-accent);outline-offset:4px;border-radius:4px}
