.bb{--bb-bg:#101823;--bb-panel:#182332;--bb-line:#334155;--bb-muted:#b2c1d3;--bb-accent:#a5f345;background:var(--bb-bg);color:#f1f5f9;padding:clamp(16px,3vw,36px);border-radius:20px;margin:24px 0 44px;font:15px/1.5 system-ui,sans-serif;color-scheme:dark}.bb *{box-sizing:border-box}.bb [hidden]{display:none!important}.bb h1{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.12;letter-spacing:-1.5px;margin:8px 0 14px}.bb h2{font-size:21px;font-weight:750;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}.bb p{margin:8px 0 14px}.bb a{color:#b9df81;text-decoration:underline;text-underline-offset:3px}.bb-breadcrumb{display:flex;gap:12px;font-size:13px;margin-bottom:28px;color:var(--bb-muted)}.bb-header,.bb-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.bb-header{margin-bottom:28px}.bb-header>div{max-width:720px}.bb-eyebrow{font-size:11px!important;font-weight:800;letter-spacing:2px;color:var(--bb-accent);margin:0 0 8px!important}.bb-pill{display:inline-block;flex-shrink:0;border:1px solid #536b43;border-radius:100px;padding:6px 11px;color:var(--bb-accent);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.bb-muted{color:var(--bb-muted);font-size:13px}.bb-notice{border-left:3px solid var(--bb-accent);background:#213127;padding:12px 16px;border-radius:0 8px 8px 0;font-size:13px;overflow-wrap:anywhere}.bb-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:24px 0}.bb label{display:block;font-size:12px;font-weight:650;color:var(--bb-muted)}.bb input:not([type=checkbox]),.bb select,.bb textarea{display:block;width:100%;min-width:0;background:#0d1622;border:1px solid #526176;border-radius:8px;padding:11px 12px;color:#fff;font:inherit;margin-top:5px}.bb-name-label{flex:1;min-width:180px}.bb button{cursor:pointer;border:1px solid #526176;background:#253449;color:#f1f5f9;padding:11px 15px;border-radius:8px;font-size:13px;font-weight:650;min-height:44px}.bb button:hover{border-color:var(--bb-accent);background:#30443f}.bb button:disabled{cursor:not-allowed;opacity:.5}.bb :focus-visible{outline:3px solid var(--bb-accent);outline-offset:3px}.bb button.bb-primary{background:var(--bb-accent);color:#15230b;border-color:var(--bb-accent)}.bb-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px}.bb-board-panel,.bb-stats-panel,.bb-library,.bb-evidence{background:var(--bb-panel);border:1px solid var(--bb-line);border-radius:14px;padding:22px;min-width:0}.bb-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.bb button.bb-part{display:flex;flex-direction:column;align-items:start;text-align:left;padding:15px;background:#111b28;min-width:0;width:100%}.bb-part:first-child{grid-column:1/-1}.bb-part small{font-size:10px;color:var(--bb-accent);text-transform:uppercase;letter-spacing:1.5px}.bb-part strong{font-size:17px;display:block;margin-top:8px;overflow-wrap:anywhere}.bb-part .bb-muted{display:block;font-size:11px;margin-top:4px}.bb-part-art{display:flex;align-items:center;justify-content:center;width:100%;height:130px;margin:10px 0}.bb-part:first-child .bb-part-art{height:190px}.bb-sprite{position:relative;overflow:hidden;background:#000;max-width:100%;border-radius:12px;flex-shrink:0}.bb-sprite img{position:absolute;max-width:none;height:auto}.bb-placeholder{border:1px dashed #526176;border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--bb-muted);font-size:10px;padding:14px;gap:4px}.bb-placeholder b{font-size:28px;color:#93a7c0}.bb-stat{margin:23px 0}.bb-stat-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.bb-stat-top strong{font-size:23px;font-variant-numeric:tabular-nums}.bb-stat-top small{color:var(--bb-accent);font-size:12px;margin-left:6px}.bb-track{height:6px;border-radius:10px;background:#354253;margin-top:8px;overflow:hidden}.bb-track span{display:block;height:100%;background:var(--bb-accent);border-radius:10px;transition:width .2s}.bb-dimensions{border-top:1px solid var(--bb-line);padding-top:12px;font-size:12px}.bb-dimensions div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.bb-dimensions dt{color:var(--bb-muted)}.bb-dimensions dd{margin:0;text-align:right}.bb details{font-size:13px}.bb summary{cursor:pointer;font-weight:700;padding:10px 0;min-height:44px}.bb-evidence,.bb-library{margin-top:18px}.bb-evidence-row{padding:16px 0;border-top:1px solid var(--bb-line)}.bb-evidence-row h3{font-size:15px;font-weight:700;margin:0 0 8px}.bb-evidence-row label{margin:8px 0;max-width:420px}.bb-source{display:block;margin:7px 0;overflow-wrap:anywhere}.bb-saved-row{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--bb-line);align-items:center}.bb-saved-row strong{flex:1 1 200px;overflow-wrap:anywhere}.bb dialog{background:#182332;color:#f1f5f9;border:1px solid #526176;border-radius:16px;padding:24px;width:min(760px,calc(100% - 28px));max-height:85dvh;margin:auto;box-shadow:0 30px 100px #0008}.bb dialog::backdrop{background:#050b14c9;backdrop-filter:blur(4px)}.bb-filters{display:flex;align-items:center;gap:22px;margin:12px 0}.bb-filters input[type=checkbox]{accent-color:var(--bb-accent)}.bb-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb button.bb-result{text-align:left;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.bb-result small{color:var(--bb-muted);font-size:11px}.bb-result em{font-size:11px;color:#fcd89c;font-style:normal}.bb-source-list{margin:8px 0}.bb-stats-panel details{margin-top:20px}.bb-evidence-row .bb-inline-rating{color:var(--bb-muted);font-variant-numeric:tabular-nums}.bb-error{color:#ffd1c9}
@media(min-width:1100px){.bb-stats-panel{align-self:start;position:sticky;top:20px}}@media(max-width:760px){.bb-layout{grid-template-columns:1fr}.bb-header>.bb-pill{display:none}.bb-board-panel,.bb-stats-panel,.bb-library,.bb-evidence{padding:16px}.bb-toolbar>label{flex:1 1 100%}.bb-toolbar>button{flex:1;padding:10px}.bb-panel-heading{gap:8px}.bb-panel-heading h2{font-size:18px}.bb-results{grid-template-columns:1fr}.bb-filters{align-items:start;gap:14px}.bb .bb-part:first-child .bb-part-art{height:160px}.bb .bb-part-art{height:115px}.bb-saved-row button{padding:9px 12px}.bb{border-radius:12px}.bb dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.bb-track span{transition:none}}
