.bsr{--bsr-bg: #f8f9fc;--bsr-card: #fff;--bsr-card-alt: #f8fafc;--bsr-border: #e2e8f0;--bsr-text: #1e293b;--bsr-text-sub: #334155;--bsr-text-muted: #64748b;--bsr-stat: #1e293b;--bsr-rank-bg: #f8fafc;--bsr-stat-bg: #f1f5f9;--bsr-nav-bg: #f8fafc;--bsr-nav-text: #334155;--bsr-nav-hover: #e2e8f0;--bsr-accent: #6366f1;max-width:900px;margin:0 auto}body.dark-mode .bsr{--bsr-bg: #0f172a;--bsr-card: #1e293b;--bsr-card-alt: #162032;--bsr-border: #334155;--bsr-text: #e2e8f0;--bsr-text-sub: #94a3b8;--bsr-text-muted: #64748b;--bsr-stat: #e2e8f0;--bsr-rank-bg: #0f172a;--bsr-stat-bg: #162032;--bsr-nav-bg: #1e293b;--bsr-nav-text: #94a3b8;--bsr-nav-hover: #334155;--bsr-accent: #6366f1}.bsr__top-bar{position:fixed;top:48px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:8px 16px;background:var(--bsr-card);border-bottom:1px solid var(--bsr-border);transform:translateY(-100%);transition:transform .25s ease;pointer-events:none}.bsr__top-bar.visible{transform:translateY(0);pointer-events:auto}.bsr__top-bar-btn{padding:6px 20px;border:1.5px solid var(--bsr-border);border-radius:6px;background:var(--bsr-accent);font-size:.78rem;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:opacity .15s}.bsr__top-bar-btn:hover{opacity:.85}.bsr__toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bsr__search{flex:1;max-width:280px;padding:6px 10px;border:1.5px solid var(--bsr-border);border-radius:6px;background:var(--bsr-card);font-size:.78rem;font-weight:500;color:var(--bsr-text);font-family:inherit;outline:none;transition:border-color .15s}.bsr__search::placeholder{color:var(--bsr-text-muted)}.bsr__search:focus{border-color:var(--bsr-accent)}.bsr__theme-btn{margin-left:auto;padding:4px 10px;border:1.5px solid var(--bsr-border);border-radius:6px;background:var(--bsr-card);font-size:.7rem;font-weight:600;color:var(--bsr-text-sub);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.bsr__theme-btn:hover{border-color:var(--bsr-accent);color:var(--bsr-accent)}.bsr__entry--clickable{cursor:pointer;border-radius:4px;transition:background .12s}.bsr__entry--clickable:hover{background:#6366f11f}.bsr__filter-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bsr__quick-btn{padding:6px 16px;border:1.5px solid var(--bsr-border);border-radius:6px;background:var(--bsr-card);font-size:.78rem;font-weight:700;color:var(--bsr-text-sub);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.bsr__quick-btn:hover{border-color:var(--bsr-accent);color:var(--bsr-accent)}.bsr__quick-btn.active{background:var(--bsr-accent);border-color:var(--bsr-accent);color:#fff}.bsr__filter-toggle{padding:6px 12px;border:1.5px solid var(--bsr-border);border-radius:6px;background:var(--bsr-card);font-size:.75rem;font-weight:600;color:var(--bsr-text-sub);cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.bsr__filter-toggle:hover{border-color:var(--bsr-accent);color:var(--bsr-text)}.bsr__filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bsr-accent);color:#fff;font-size:.65rem;font-weight:700}.bsr__filter-clear{padding:6px 10px;border:1.5px solid var(--bsr-border);border-radius:6px;background:transparent;font-size:.72rem;font-weight:600;color:var(--bsr-text-sub);cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap}.bsr__filter-clear:hover{border-color:#ef4444;color:#ef4444}.bsr__filter-panel{margin-bottom:8px;padding:10px;border:1.5px solid var(--bsr-border);border-radius:8px;background:var(--bsr-card);max-height:260px;overflow-y:auto}.bsr__filter-tabs{display:flex;gap:0;margin-bottom:10px;border-bottom:1.5px solid var(--bsr-border)}.bsr__filter-tab{flex:1;padding:8px 0;border:none;background:none;font-size:.78rem;font-weight:600;color:var(--bsr-text-muted);cursor:pointer;font-family:inherit;transition:all .12s;border-bottom:2px solid transparent;margin-bottom:-1.5px}.bsr__filter-tab:hover{color:var(--bsr-text)}.bsr__filter-tab.active{color:var(--bsr-accent);border-bottom-color:var(--bsr-accent)}.bsr__gen-list{display:flex;flex-direction:column;gap:4px}.bsr__gen-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1.5px solid var(--bsr-border);border-radius:6px;background:transparent;cursor:pointer;font-family:inherit;transition:all .12s;text-align:left}.bsr__gen-item:hover{border-color:var(--bsr-accent);background:#6366f10f}.bsr__gen-item.active{border-color:var(--bsr-accent);background:#6366f126}.bsr__gen-label{font-size:.78rem;font-weight:700;color:var(--bsr-text);white-space:nowrap;min-width:56px}.bsr__gen-titles{font-size:.7rem;font-weight:500;color:var(--bsr-text-muted)}.bsr__gen-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--bsr-border)}.bsr__gen-row:last-child{border-bottom:none}.bsr__title-btns{display:flex;flex-wrap:wrap;gap:6px}.bsr__title-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border:1.5px solid var(--bsr-border);border-radius:6px;background:transparent;font-size:.75rem;font-weight:600;color:var(--bsr-text-sub);cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap}.bsr__title-btn:hover{border-color:var(--bsr-accent);color:var(--bsr-text)}.bsr__title-btn.active{border-color:var(--bsr-accent);background:var(--bsr-accent);color:#fff}.bsr__title-count{font-size:.65rem;font-weight:500;opacity:.7}.bsr__title-btn.active .bsr__title-count{opacity:.85}.bsr__modal-overlay{position:fixed;inset:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.bsr__modal{background:var(--bsr-card);border:1px solid var(--bsr-border);border-radius:12px;padding:20px;width:100%;max-width:340px;position:relative}.bsr__modal-close{position:absolute;top:8px;right:12px;border:none;background:none;font-size:1.4rem;color:var(--bsr-text-muted);cursor:pointer;line-height:1}.bsr__modal-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.bsr__modal-name{font-weight:800;font-size:1rem;color:var(--bsr-text)}.bsr__modal-bst{margin-left:auto;font-weight:800;font-size:.9rem;color:var(--bsr-accent)}.bsr__modal-stats{display:flex;flex-direction:column;gap:8px}.bsr__modal-stat-row{display:flex;align-items:center;gap:8px}.bsr__modal-stat-label{width:56px;flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--bsr-text-sub)}.bsr__modal-stat-bar-wrap{flex:1;height:10px;background:var(--bsr-border);border-radius:5px;overflow:hidden}.bsr__modal-stat-bar{height:100%;background:var(--bsr-accent);border-radius:5px;transition:width .3s ease}.bsr__modal-stat-val{width:32px;flex-shrink:0;text-align:right;font-size:.78rem;font-weight:700;color:var(--bsr-text);font-variant-numeric:tabular-nums}.bsr__stat-nav{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:16px}.bsr__stat-link{padding:8px 0;border:1.5px solid var(--bsr-border);background:var(--bsr-nav-bg);font-size:.78rem;font-weight:600;color:var(--bsr-nav-text);cursor:pointer;text-decoration:none;text-align:center;transition:all .15s}.bsr__stat-link:first-child{border-radius:8px 0 0 8px}.bsr__stat-link:last-child{border-radius:0 8px 8px 0}.bsr__stat-link+.bsr__stat-link{border-left:none}.bsr__stat-link:hover{background:var(--bsr-nav-hover);color:var(--bsr-text)}.bsr__stat-link.active{background:var(--bsr-accent);border-color:var(--bsr-accent);color:#fff}.bsr__stat-link.active+.bsr__stat-link{border-left-color:var(--bsr-accent)}.bsr__list{display:flex;flex-direction:column;gap:2px}.bsr__group{display:flex;align-items:stretch;border:1px solid var(--bsr-border);border-radius:8px;background:var(--bsr-card);overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 44px}.bsr__group-rank{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--bsr-text-muted);font-variant-numeric:tabular-nums;border-right:1px solid var(--bsr-border);padding:6px 2px;background:var(--bsr-rank-bg)}.bsr__group-stat{width:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:800;color:var(--bsr-stat);font-variant-numeric:tabular-nums;border-right:1px solid var(--bsr-border);padding:6px 4px;background:var(--bsr-stat-bg)}.bsr__group-body{flex:1;min-width:0;padding:4px 10px;display:grid;grid-template-columns:repeat(auto-fill,160px);align-items:center;gap:2px 4px}.bsr__entry{display:flex;align-items:center;gap:4px;padding:3px 0;min-width:0}.bsr__sprite{flex-shrink:0;border-radius:4px}.bsr__entry-name{font-weight:700;font-size:.8rem;color:var(--bsr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bsr__count{margin-bottom:8px;font-size:.78rem;font-weight:600;color:var(--bsr-text-sub)}@media(max-width:640px){.bsr__stat-nav{grid-template-columns:repeat(4,1fr)}.bsr__stat-link{font-size:.7rem;padding:7px 0}.bsr__stat-link:first-child{border-radius:6px 0 0}.bsr__stat-link:last-child{border-radius:0 0 6px}.bsr__stat-link:nth-child(4){border-radius:0 6px 0 0}.bsr__stat-link:nth-child(5){border-radius:0 0 0 6px;border-left:1.5px solid var(--bsr-border)}.bsr__stat-link:nth-child(n+5){border-top:none}.bsr__group-rank{width:36px;font-size:.68rem}.bsr__group-stat{width:44px;font-size:.82rem}.bsr__group-body{padding:3px 6px;gap:1px 4px;grid-template-columns:repeat(auto-fill,120px)}.bsr__sprite{width:24px;height:24px}.bsr__entry-name{font-size:.74rem}.bsr__gen-row{flex-wrap:wrap;gap:6px}.bsr__gen-label{min-width:48px;font-size:.72rem}.bsr__title-btn{padding:4px 10px;font-size:.7rem}}