.bb-header{text-align:center;padding-bottom:24px}.bb-title{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);letter-spacing:.05em;line-height:1;background:linear-gradient(135deg,#fff 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.bb-updated{font-size:11px;color:var(--text-muted);margin-bottom:10px}.bb-desc{font-size:14px;color:var(--text-dim);max-width:540px;margin:0 auto;line-height:1.5}.bb-stats-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0;margin-bottom:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bb-stat{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:600}.bb-stat-sep{color:#2d3650;font-size:16px}.bb-config{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.bb-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.bb-panel-title{font-family:var(--font-display);font-size:22px;letter-spacing:.06em;color:var(--accent);margin-bottom:16px}.bb-team-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.bb-validation{font-size:11px;color:#f87171;margin-bottom:12px}.bb-team-controls{display:flex;gap:8px;flex-wrap:wrap}.bb-search-wrap{position:relative;flex:1;min-width:160px}.bb-search{width:100%;padding:8px 12px;background:#0d1017;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:12px;outline:none;transition:border-color .2s}.bb-search::placeholder{color:var(--text-muted)}.bb-search:focus{border-color:#f0b42980}.bb-btn{padding:8px 16px;border:none;border-radius:8px;font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.bb-btn-secondary{background:#f0b4291a;border:1px solid rgba(240,180,41,.25);color:var(--accent)}.bb-btn-secondary:hover{background:#f0b4292e;border-color:#f0b42973}.bb-difficulty{display:flex;flex-direction:column;gap:8px}.bb-radio-label{cursor:pointer}.bb-radio{display:none}.bb-radio-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0d1017;border:1px solid var(--border);border-radius:10px;transition:all .2s}.bb-radio:checked+.bb-radio-card{border-color:#f0b42980;background:#f0b4290f}.bb-radio-card:hover{border-color:#f0b4294d}.bb-radio-name{font-family:var(--font-display);font-size:16px;color:var(--text);letter-spacing:.03em}.bb-radio-desc{font-size:11px;color:var(--text-muted);flex:1}.bb-radio-count{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:#ffffff0d;padding:3px 8px;border-radius:4px}.bb-sim-config{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:28px}.bb-slider-row{display:flex;align-items:center;gap:16px}.bb-slider-label{font-size:13px;color:var(--text-dim);white-space:nowrap}.bb-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#ffffff14;border-radius:3px;outline:none}.bb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:0 0 8px #f0b42966}.bb-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:0 0 8px #f0b42966}.bb-slider-value{font-family:var(--font-mono);font-size:18px;color:var(--accent);font-weight:700;min-width:48px;text-align:right}.bb-slider-ticks{display:flex;justify-content:space-between;padding:6px 8px 0;font-size:9px;color:var(--text-muted);font-family:var(--font-mono)}.bb-run-wrap{text-align:center;margin-bottom:36px}.bb-run-btn{padding:16px 52px;font-family:var(--font-display);font-size:22px;letter-spacing:.08em;color:var(--bg);background:linear-gradient(135deg,var(--accent),#e09a0c);border:none;border-radius:12px;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px #f0b4294d}.bb-run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #f0b42973}.bb-run-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.bb-results{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:36px}.bb-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.bb-spinner{width:40px;height:40px;border:3px solid rgba(240,180,41,.15);border-top-color:var(--accent);border-radius:50%;animation:bb-spin .8s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-loading-text{font-size:13px;color:var(--text-dim)}.bb-results-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.bb-result-card{background:#0d1017;border:1px solid var(--border);border-radius:12px;padding:18px;text-align:center}.bb-result-primary{border-color:#f0b4294d}.bb-result-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.bb-result-value{font-family:var(--font-display);font-size:36px;color:var(--text);letter-spacing:.03em}.bb-result-primary .bb-result-value{color:var(--accent)}.bb-breakdown{margin-top:8px}.bb-breakdown-title{font-family:var(--font-display);font-size:18px;color:var(--text);letter-spacing:.04em;margin-bottom:12px}.bb-breakdown-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.bb-features{margin-bottom:40px}.bb-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bb-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:border-color .2s,transform .2s}.bb-feature-card:hover{border-color:#f0b42940;transform:translateY(-2px)}.bb-feature-icon{font-size:28px;margin-bottom:12px;color:var(--accent)}.bb-feature-name{font-family:var(--font-display);font-size:17px;color:var(--text);letter-spacing:.03em;margin-bottom:8px}.bb-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.5}@media(max-width:900px){.bb-config{grid-template-columns:1fr}.bb-features-grid{grid-template-columns:repeat(2,1fr)}.bb-results-overview{grid-template-columns:1fr}}@media(max-width:560px){.bb-team-slots{grid-template-columns:repeat(2,1fr)}.bb-features-grid{grid-template-columns:1fr}.bb-team-controls{flex-direction:column}.bb-slider-row{flex-wrap:wrap}.bb-stats-bar{flex-wrap:wrap;gap:6px 12px}.bb-run-btn{width:100%;padding:14px 24px}}.bb-slot{background:#0d1017;border:1px solid var(--border);border-radius:10px;overflow:hidden;position:relative;cursor:default;transition:border-color .2s}.bb-slot.empty{border-style:dashed;border-color:#ffffff14}.bb-slot.filled{border-color:#10b9814d}.bb-slot .bb-slot-art{height:64px;display:flex;align-items:center;justify-content:center;background:#07090f80}.bb-slot .bb-slot-placeholder{font-size:22px;color:#2d3650;font-weight:300}.bb-slot .bb-slot-sprite{height:52px;width:52px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.bb-slot .bb-slot-info{padding:6px 8px 8px}.bb-slot .bb-slot-name{display:block;font-family:var(--font-display);font-size:13px;color:var(--text);letter-spacing:.02em;text-transform:capitalize;line-height:1.1;margin-bottom:3px}.bb-slot.empty .bb-slot-name{color:#2d3650;font-family:var(--font-body);font-size:10px}.bb-slot .bb-slot-types{display:flex;gap:2px;flex-wrap:wrap}.bb-slot .bb-slot-type{color:#fff;font-size:7px;font-weight:700;padding:1px 4px;border-radius:2px;text-transform:uppercase}.bb-slot .bb-slot-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;border:none;background:#ef4444cc;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.bb-slot.filled:hover .bb-slot-remove{opacity:1}.bb-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:280px;overflow-y:auto;z-index:50;margin-top:4px;box-shadow:0 8px 24px #00000080}.bb-dropdown::-webkit-scrollbar{width:3px}.bb-dropdown::-webkit-scrollbar-thumb{background:#2d3650;border-radius:2px}.bb-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text);font-family:var(--font-body);font-size:12px;cursor:pointer;text-align:left;transition:background .15s}.bb-dd-item:hover:not(:disabled){background:#f0b42914}.bb-dd-item:disabled{opacity:.3;cursor:not-allowed}.bb-dd-sprite{width:32px;height:32px;object-fit:contain}.bb-dd-name{flex:1;font-weight:600;text-transform:capitalize}.bb-dd-types{display:flex;gap:3px}.bb-dd-type{color:#fff;font-size:7px;font-weight:700;padding:1px 5px;border-radius:2px;text-transform:uppercase}.bb-dd-empty{padding:12px;text-align:center;font-size:12px;color:var(--text-muted)}.bb-table-header{display:grid;grid-template-columns:1fr 120px 80px;gap:8px;padding:10px 14px;background:#ffffff08;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.bb-table-row{display:grid;grid-template-columns:1fr 120px 80px;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.04);align-items:center}.bb-table-row:hover{background:#ffffff05}.bb-col-opp{font-size:12px;color:var(--text);font-weight:600}.bb-col-record{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.bb-col-wr{font-family:var(--font-mono);font-size:12px;font-weight:700;text-align:right}.bb-col-wr.wr-high{color:#10b981}.bb-col-wr.wr-mid{color:#f59e0b}.bb-col-wr.wr-low{color:#ef4444}@media(max-width:560px){.bb-table-header,.bb-table-row{grid-template-columns:1fr 90px 60px;padding:8px 10px}.bb-col-opp{font-size:11px}}