.roster-toolbar{position:sticky;top:var(--roster-header,72px);z-index:30;background:var(--ink);padding:18px 0 16px;border-bottom:1px solid var(--hairline)}.roster-search{display:flex;align-items:center;gap:9px;height:46px;max-width:420px;padding:0 16px;background:#ffffff08;border:1px solid var(--hairline);border-radius:100px}.roster-search svg{flex:none;color:var(--muted)}.roster-search input{border:0;background:none;outline:none;width:100%;font-family:inherit;font-size:15px;color:var(--cream)}.roster-search input::placeholder{color:var(--muted)}.roster-count{margin:14px 0 0;color:var(--muted);font-size:.85rem}.roster-layout{display:grid;grid-template-columns:270px 1fr;gap:44px;align-items:start;padding:38px 0 110px}.roster-nav{position:sticky;top:calc(var(--roster-header,72px) + 78px);display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - var(--roster-header,72px) - 110px);overflow-y:auto;padding-right:6px}.roster-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px 15px;border-radius:10px;border:1px solid transparent;background:none;color:var(--muted);font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.roster-tab:hover{color:var(--cream);border-color:var(--hairline)}.roster-tab.on{background:#d8a24a1f;border-color:#d8a24a66;color:var(--amber-bright)}.roster-tab .n{flex:none;font-size:.72rem;font-weight:700;color:var(--muted)}.roster-tab.on .n{color:var(--amber)}.roster-group{margin:0 0 46px}.roster-group{animation:roster-enter .38s ease both}.roster-group:nth-child(2){animation-delay:.04s}.roster-group:nth-child(3){animation-delay:.08s}@keyframes roster-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.roster-group:last-child{margin-bottom:0}.roster-group h2{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cream);padding-bottom:14px;border-bottom:1px solid var(--hairline);margin-bottom:18px;display:flex;align-items:baseline;gap:10px}.roster-group h2 span{font-size:.78rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted)}.roster-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 16px}.roster-item{padding:13px 16px;border:1px solid var(--hairline);border-radius:10px;background:#ffffff04;font-size:.9rem;color:var(--cream);font-weight:400;line-height:1.4;overflow-wrap:anywhere;transition:border-color .2s ease,background .2s ease}.roster-item:hover{border-color:#d8a24a73;background:#d8a24a0f}.roster-item mark{background:#d8a24a59;color:var(--cream);border-radius:3px;padding:0 1px}.roster-empty{padding:60px 0;text-align:center;color:var(--muted)}@media(max-width:860px){.roster-layout{grid-template-columns:1fr;gap:22px;padding-top:26px}.roster-nav{position:static;flex-direction:row;overflow-x:auto;max-height:none;padding:2px 2px 10px;gap:8px;-webkit-overflow-scrolling:touch}.roster-tab{flex:none;width:auto;white-space:nowrap;border-radius:100px;padding:10px 16px}.roster-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:480px){.roster-search{max-width:none}.roster-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.roster-group{animation:none}}