.class-1{color:#c79c6e}.class-2{color:#f58cba}.class-3{color:#abd473}.class-4{color:#fff569}.class-5{color:#fff}.class-6{color:#c41f3b}.class-7{color:#0070de}.class-8{color:#69ccf0}.class-9{color:#9482c9}.class-11{color:#ff7d0a}.roster-page{max-width:1500px;margin-inline:auto;padding-inline:1.5rem;padding-bottom:2rem}.roster-intro{margin-bottom:1.5rem}.roster-layout{display:grid;grid-template-columns:minmax(0,1fr)clamp(320px,24vw,380px);gap:2rem;align-items:start}.roster-left{min-width:0}.roster-right{position:sticky;top:calc(var(--hextra-navbar-height) + 1rem);align-self:start}.roster-staleness-warning{font-size:.82rem;color:#f59e0b;background:rgba(245,158,11,8%);border:1px solid rgba(245,158,11,.2);padding:.4rem .75rem;margin-bottom:.75rem;border-radius:.375rem;font-style:italic}.r-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.r-toolbar-left{flex:1}.r-toolbar-right{display:flex;align-items:center;gap:.5rem}.r-search-wrap{display:flex;align-items:center;gap:.4rem;background:#1c1e22;border:1px solid #2e3238;border-radius:.375rem;padding:.35rem .6rem;width:100%;max-width:320px}.r-search-icon{color:#6b7280;font-size:1.1rem;user-select:none}#r-search{background:0 0;border:none;outline:none;color:#fff;font-size:.875rem;width:100%;min-width:0}#r-search::placeholder{color:#4b5563}.r-btn{background:#1c1e22;border:1px solid #2e3238;color:#9ca3af;border-radius:.375rem;padding:.35rem .65rem;font-size:.8rem;cursor:pointer;transition:background 80ms}.r-btn:hover{background:#24282e;color:#d1d5db}.r-col-picker-wrap{display:none;position:absolute;top:calc(100% + 4px);right:0;background:#1c1e22;border:1px solid #2e3238;border-radius:.4rem;padding:.5rem;z-index:100;min-width:130px;box-shadow:0 8px 24px rgba(0,0,0,.6)}.r-col-picker-wrap.open{display:block}.r-col-option{display:flex;align-items:center;gap:.45rem;padding:.3rem .4rem;font-size:.82rem;color:#d1d5db;cursor:pointer;border-radius:.25rem;user-select:none}.r-col-option:hover{background:#2e3238}.r-col-option input{accent-color:#3b82f6;cursor:pointer;margin:0}.r-table-wrap{width:100%;overflow-x:auto}#r-table{width:100%;border-collapse:collapse;border:1px solid #2e3238;font-size:.875rem}.r-th{background:#1c1e22;color:#fff;font-weight:600;padding:8px 10px;border-bottom:2px solid #2e3238;white-space:nowrap;user-select:none;position:relative;vertical-align:middle}.r-th[data-sort]:hover{background:#24282e}.r-sort-arrow{font-size:.75rem;color:#4b5563;margin-left:.25rem;transition:color 120ms}.r-sort-arrow.active{color:#9ca3af}.r-th-chevron,.r-th-class,.r-th-role1,.r-th-role2{text-align:center!important}.r-row{transition:background 50ms ease;cursor:pointer}.r-main-row{background:#111214;color:#d1d5db}.r-main-row:hover{background:#1a1d22}.r-main-row.r-selected{background:#181c22;border-left:2px solid #3b82f6}.r-main-row.r-expanded{background:#161920}.r-alt-row{background:#0f1115;color:#c9cdd5}.r-alt-row:hover{background:#161920}.r-alt-row.r-selected{background:#14182a;border-left:2px solid #3b82f6}.r-td{padding:7px 10px;border-bottom:1px solid #2e3238;vertical-align:middle;white-space:nowrap;overflow:hidden}.r-td-chevron,.r-td-class,.r-td-role1,.r-td-role2{text-align:center!important;padding:4px 2px!important;overflow:visible!important}.r-td-chevron{cursor:default}.r-chevron{cursor:pointer;padding:4px 6px}.r-ctx-menu{position:fixed;background:#1c1e22;border:1px solid #2e3238;border-radius:.4rem;padding:.35rem;z-index:1000;min-width:165px;box-shadow:0 8px 24px rgba(0,0,0,.65);font-size:.82rem}.r-ctx-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:.25rem;cursor:pointer;color:#d1d5db;user-select:none}.r-ctx-item:hover{background:#2e3238}.r-ctx-check{width:.9rem;flex-shrink:0;text-align:center;color:#3b82f6;font-weight:700}.r-ctx-sep{height:1px;background:#2e3238;margin:.25rem 0}.r-filter-dot{display:inline-block;width:5px;height:5px;background:#3b82f6;border-radius:50%;margin-left:3px;vertical-align:middle}.r-filter-icon{font-size:.65rem;color:#374151;margin-left:2px;vertical-align:middle;pointer-events:none}.r-name{font-weight:600}.r-online{color:#10b981}.r-chevron{color:#4b5563;font-size:1.15rem;display:inline-block;transition:transform 150ms ease,color 150ms ease;user-select:none}.r-chevron.open{transform:rotate(90deg);color:#9ca3af}.dp-close-btn{display:none;align-items:center;justify-content:center;width:2rem;height:2rem;background:#1c1e22;border:1px solid #2e3238;border-radius:50%;color:#9ca3af;font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background 80ms,color 80ms}.dp-close-btn:hover{background:#24282e;color:#fff}.detail-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:199;cursor:pointer}.r-detail-row{display:none}.r-detail-td{white-space:normal}.detail-empty{color:#4b5563;font-style:italic;text-align:center;padding:2rem 0}.dp-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid #2e3238}.dp-name{font-size:1.05rem;font-weight:700;text-decoration:none;display:block;line-height:1.2}.dp-name:hover{text-decoration:underline}.dp-rank{font-size:.76rem;color:#9ca3af;margin-top:.15rem}.dp-status{font-size:.76rem;color:#6b7280;margin-top:.1rem}.dp-status.online{color:#10b981}.dp-specs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid #2e3238}.dp-spec{display:inline-flex;align-items:center;gap:.25rem;background:#1c1e22;border:1px solid #2e3238;border-radius:.25rem;padding:.18rem .4rem;font-size:.78rem;color:#d1d5db}.dp-body{display:flex;flex-direction:column;gap:.55rem}.dp-section-title{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:.2rem}.dp-text{color:#9ca3af;font-size:.83rem}.dp-armory{margin-top:.85rem;padding-top:.6rem;border-top:1px solid #2e3238;text-align:right}.dp-armory a{font-size:.75rem;color:#6b7280;text-decoration:none}.dp-armory a:hover{color:#9ca3af}.dp-prof{margin-bottom:.38rem}.dp-prof:last-child{margin-bottom:0}.dp-prof-label{font-size:.72rem;color:#9ca3af;margin-bottom:.12rem}.dp-bar-track{position:relative;height:.95rem;background:#1a1f2e;border:1px solid #2a3050;border-radius:2px;overflow:hidden}.dp-bar-fill{height:100%;background:linear-gradient(90deg,#1a4a8a 0%,#2060b8 60%,#2878d0 100%);transition:width 350ms ease}.dp-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#e5e7eb;text-shadow:0 0 4px rgba(0,0,0,.95);letter-spacing:.03em;pointer-events:none}@media(max-width:1200px){.roster-page{padding-inline:1rem}.roster-layout{grid-template-columns:1fr;gap:0}.roster-right{position:fixed;top:0;right:0;height:100dvh;width:min(380px,92vw);z-index:200;overflow-y:auto;background:#111214;border-left:1px solid #2e3238;padding:1.25rem 1rem;transform:translateX(110%);transition:transform 280ms cubic-bezier(.4,0,.2,1)}.roster-right.dp-open{transform:translateX(0)}.detail-backdrop.dp-open{display:block}.dp-close-btn{display:flex}}@media(max-width:700px){.roster-page{padding-inline:.75rem}.roster-intro{margin-bottom:1rem}.r-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.r-toolbar-left,.r-toolbar-right{width:100%}.r-toolbar-right{justify-content:space-between}.r-search-wrap{max-width:none}.r-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}#r-table{min-width:480px}.roster-right{width:100vw;border-left:none;border-top:1px solid #2e3238}}