.browse-page{--browse-bg:#0a0b12;--browse-surface:#12141f;--browse-surface-2:#171a28;--browse-line:#242838;--browse-ink:#edeff7;--browse-muted:#878da3;--browse-faint:#4c5167;--browse-brand:#ff7a1a;--browse-radius:14px;--browse-maxw:1280px;--discover-t1:#ffc53d;--discover-t2:#ff8a1f;--discover-t3:#ff5a3c;--discover-t4:#f2466e;--discover-t5:#8b5cf6;--discover-t6:#3b82f6;--discover-t7:#14b8a6;--discover-t8:#64748b;min-height:100vh;padding-bottom:3rem;background:var(--browse-bg);color:var(--browse-ink)}.browse-page .browse-wrap{max-width:var(--browse-maxw);margin:0 auto;padding:0 28px}.browse-page .browse-hero{padding:40px 0 28px;border-bottom:1px solid var(--browse-line)}.browse-page .browse-eyebrow{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--browse-brand);margin-bottom:10px}.browse-page .browse-title{font-weight:900;font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:-1px;margin:0 0 10px}.browse-page .browse-thesis{color:var(--browse-muted);font-size:16px;max-width:620px;margin:0 0 24px}.browse-page .browse-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.browse-page .browse-search-wrap{position:relative;flex:1;min-width:220px;max-width:480px}.browse-page .browse-search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--browse-muted);pointer-events:none}.browse-page .browse-search{width:100%;height:46px;border-radius:10px;border:1px solid var(--browse-line);background:var(--browse-surface);color:var(--browse-ink);padding:0 14px 0 42px;font-size:15px;outline:none}.browse-page .browse-search:focus{border-color:var(--browse-brand);box-shadow:0 0 0 3px rgba(255,122,26,.12)}.browse-page .browse-sel select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--browse-surface-2);color:var(--browse-ink);border:1px solid var(--browse-line);border-radius:10px;padding:10px 36px 10px 12px;font-size:14px;font-weight:600;cursor:pointer}.browse-page .browse-sel{position:relative}.browse-page .browse-sel:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--browse-muted);pointer-events:none;font-size:11px}.browse-page .browse-count{margin-left:auto;font-family:var(--font-mono),monospace;font-size:13px;color:var(--browse-muted)}.browse-page .browse-count b{color:var(--browse-ink)}.browse-page .browse-body{position:relative;padding:28px 0 48px}.browse-page .browse-section{margin-bottom:36px}.browse-page .browse-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--browse-line)}.browse-page .browse-section-title{font-weight:800;font-size:15px;letter-spacing:.3px;text-transform:uppercase}.browse-page .browse-section-meta{font-size:12px;color:var(--browse-muted)}.browse-page .browse-tier-chip{font-weight:800;font-size:11px;color:#0a0b12;padding:4px 8px;border-radius:6px}.browse-page .browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.browse-page .browse-league-card,.browse-page .browse-team-card{background:var(--browse-surface);border:1px solid var(--browse-line);border-radius:var(--browse-radius);padding:14px 16px;display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.browse-page .browse-league-card:hover,.browse-page .browse-team-card:hover{border-color:var(--browse-brand);transform:translateY(-2px)}.browse-page .browse-avatar{width:44px;height:44px;border-radius:10px;background:var(--browse-surface-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--browse-brand);flex-shrink:0;overflow:hidden}.browse-page .browse-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.browse-page .browse-card-name{font-weight:700;font-size:14px;line-height:1.2}.browse-page .browse-card-meta{font-size:12px;color:var(--browse-muted);margin-top:2px}.browse-page .browse-back{color:var(--browse-muted);font-size:13px;text-decoration:none;display:inline-block;margin-bottom:16px}.browse-page .browse-back:hover{color:var(--browse-brand)}.browse-page .browse-empty{text-align:center;padding:48px 20px;color:var(--browse-muted)}.browse-page .browse-link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.browse-page .browse-link-btn{color:var(--browse-brand);font-size:13px;font-weight:600;text-decoration:none}.browse-page .browse-link-btn:hover{text-decoration:underline}.browse-page .browse-tier-block{margin-bottom:32px}.browse-page .browse-tier-band-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--browse-line)}.browse-page .browse-tier-band-title{font-weight:800;font-size:18px;letter-spacing:-.3px}.browse-page .browse-section--nested{margin-bottom:20px}.browse-page .browse-section--nested .browse-section-head{margin-bottom:10px}.browse-page .browse-expand-tier{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:8px 0 24px;padding:16px 20px;border:1px dashed var(--browse-line);border-radius:var(--browse-radius);background:var(--browse-surface);color:var(--browse-ink);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.browse-page .browse-expand-tier:hover:not(:disabled){border-color:var(--browse-brand);background:var(--browse-surface-2)}.browse-page .browse-expand-tier:disabled{opacity:.7;cursor:wait}.browse-page .browse-expand-tier-meta{color:var(--browse-muted);font-weight:500}.browse-page .browse-body--loading{opacity:.55;pointer-events:none}.browse-page .browse-tier{margin:20px 0}.browse-page .browse-tier-bar{display:flex;align-items:center;border-bottom:1px solid var(--browse-line)}.browse-page .browse-tier-toggle{flex:1;display:flex;align-items:center;gap:10px;padding:12px 4px 14px;margin:0 -4px;background:none;border:none;color:inherit;font-family:inherit;cursor:pointer;text-align:left;border-radius:10px;transition:background .15s;min-width:0}.browse-page .browse-tier-toggle:hover{background:rgba(255,255,255,.03)}.browse-page .browse-tier-rail-label{font-weight:800;font-size:12px;letter-spacing:1px;color:#0a0b12;padding:4px 9px;border-radius:6px;white-space:nowrap}.browse-page .browse-tier-diff,.browse-page .browse-tier-meta{font-size:12px;color:var(--browse-muted);white-space:nowrap}.browse-page .browse-tier-meta{margin-left:auto;margin-right:4px}.browse-page .browse-tier-toggle-icon{width:26px;height:26px;flex-shrink:0;border-radius:7px;border:1px solid var(--browse-line);background:var(--browse-surface-2);position:relative;transition:border-color .2s,background .2s}.browse-page .browse-tier-toggle-icon--sm{width:22px;height:22px;margin-left:8px}.browse-page .browse-tier-toggle-icon:after,.browse-page .browse-tier-toggle-icon:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:2px;background:var(--browse-muted);border-radius:1px;transition:transform .25s ease}.browse-page .browse-tier-toggle-icon:before{transform:translate(-50%,-50%)}.browse-page .browse-tier-toggle-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.browse-page .browse-league.is-open .browse-tier-toggle-icon:after,.browse-page .browse-tier.is-open .browse-tier-toggle-icon:after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}.browse-page .browse-tier.is-open .browse-tier-toggle-icon{border-color:color-mix(in srgb,var(--rail) 50%,var(--browse-line));background:color-mix(in srgb,var(--rail) 10%,var(--browse-surface-2))}.browse-page .browse-tier-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.browse-page .browse-tier.is-open .browse-tier-panel{grid-template-rows:1fr}.browse-page .browse-tier-panel-inner{overflow:hidden;min-height:0}.browse-page .browse-tier.is-open .browse-tier-panel-inner{padding-top:14px}.browse-page .browse-league{margin-bottom:10px;border:1px solid var(--browse-line);border-radius:12px;background:var(--browse-surface);overflow:hidden}.browse-page .browse-league-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:none;border:none;color:inherit;font-family:inherit;cursor:pointer;text-align:left}.browse-page .browse-league-toggle:hover{background:var(--browse-surface-2)}.browse-page .browse-league-toggle-label{font-weight:700;font-size:15px;color:var(--browse-brand);text-decoration:none}.browse-page .browse-league-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.browse-page .browse-league.is-open .browse-league-panel{grid-template-rows:1fr}.browse-page .browse-league-panel-inner{overflow:hidden;min-height:0}.browse-page .browse-league.is-open .browse-league-panel-inner{padding:0 14px 14px}.browse-page .browse-roster-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--browse-line)}.browse-page .browse-roster-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--browse-line);background:var(--browse-surface);color:var(--browse-muted);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.browse-page .browse-roster-tab:hover{border-color:#39405a;color:var(--browse-ink)}.browse-page .browse-roster-tab--active{border-color:var(--browse-brand);background:color-mix(in srgb,var(--browse-brand) 12%,var(--browse-surface));color:var(--browse-ink)}.browse-page .browse-roster-tab-count{font-family:var(--font-mono),monospace;font-size:12px;color:var(--browse-muted);background:var(--browse-surface-2);padding:2px 7px;border-radius:6px}.browse-page .browse-roster-tab--active .browse-roster-tab-count{color:var(--browse-brand)}.browse-page .browse-roster-view-desc{margin:4px 0 0;font-size:13px;color:var(--browse-muted);font-weight:400}.browse-page .browse-roster-filters{margin-bottom:20px}.browse-page .browse-roster-clear{background:none;border:none;color:var(--browse-brand);font-size:13px;font-weight:600;cursor:pointer;padding:8px 4px}.browse-page .browse-roster-clear:hover{text-decoration:underline}@media (max-width:720px){.browse-page .browse-count{width:100%;margin-left:0}}