/* Compact raid workspace. Model, sources and share format stay in their own modules. */
.rp{--rp-bg:#101215;--rp-surface:#1b1e23;--rp-surface-2:#252a31;--rp-well:#14171b;--rp-ink:#f0e7d8;--rp-muted:#b4b1aa;--rp-brass:#e8c26d;--rp-link:#80d4ef;--rp-line:#69604b;--rp-line-strong:#a38b55;--rp-ok:#8bd5a0;--rp-miss:#f5b599;--rp-warn:#ecbc67;position:relative;color:var(--rp-ink);background:var(--rp-bg);font:14px/1.5 FieldSans,system-ui,sans-serif;max-width:1360px;margin:0 auto;padding:8px 0 24px;box-sizing:border-box}
.rp *,.rp *::before,.rp *::after{box-sizing:border-box}
.rp h2,.rp h3,.rp h4{font-family:FieldSerif,Georgia,serif;margin:0;color:var(--rp-ink);font-weight:700}
.rp a{color:var(--rp-link)}.rp button{font:inherit;color:inherit;cursor:pointer}.rp :focus-visible{outline:2px solid var(--rp-brass);outline-offset:2px}.rp [hidden]{display:none!important}
.rp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rp-dim{color:var(--rp-muted)}.rp-small{font-size:12px;margin:8px 0 0}
/* Title and primary actions remain a single short row on desktop. */
.rp-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--rp-line)}
.rp-intro{min-width:0}.rp-intro h2{font-size:32px;line-height:1.1}.rp-intro p{font-size:13px;line-height:1.4;color:var(--rp-muted);margin:5px 0 0}
.rp-toolbar{display:flex;gap:12px;align-items:center;flex:none}.rp-sizes{display:flex;border:1px solid var(--rp-line-strong);border-radius:4px;overflow:hidden}
.rp-sizes button{display:flex;align-items:center;gap:6px;justify-content:center;min-width:84px;min-height:44px;padding:6px 10px;background:var(--rp-surface);border:0;border-right:1px solid var(--rp-line)}
.rp-sizes button:last-child{border-right:0}.rp-sizes b{font-size:17px;line-height:1.1}.rp-sizes span{font-size:12px;color:var(--rp-muted)}.rp-sizes button[aria-pressed=true]{background:#4c4127;color:#f5dfaa}.rp-sizes button[aria-pressed=true] span{color:#e7d3a0}
.rp-actions{display:flex;gap:8px}.rp-btn{min-height:44px;padding:8px 13px;background:#2d2a23;border:1px solid #a38b557a;border-radius:4px;color:#e8d7ad;font-weight:700!important;font-size:13px!important;white-space:nowrap}.rp-btn:hover{border-color:var(--rp-brass);background:#393327}.rp-reset.is-armed{border-color:var(--rp-miss);color:var(--rp-miss)}
.rp-linkout{margin:10px 0}.rp-linkout label{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--rp-muted)}.rp-linkout input{flex:1;min-width:0;min-height:44px;background:var(--rp-well);border:1px solid #696558;color:var(--rp-ink);padding:8px 10px;font:13px FieldSans,system-ui,sans-serif}
.rp-alert{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:12px 0 0;padding:12px 14px;border:1px solid #9a5b45;background:#2a1c18;border-radius:4px}.rp-alert p{margin:0;color:#f3d3c4}
.rp-summary{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.rp-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:3px 9px;border:1px solid var(--rp-line);border-radius:4px;background:var(--rp-surface);font-size:12px;color:#d9d2c4;text-decoration:none}.rp-chip-strong{color:var(--rp-brass);border-color:#a38b55;font-weight:700}.rp-chip.is-warn{color:var(--rp-warn);border-color:#a5874a}.rp-role{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:3px;background:#111316;border:1px solid #ffffff24;font-size:12px;font-weight:700;line-height:1;color:#e0d8c8;flex:none}
/* Quick add is a control strip, not a wall of specializations. */
.rp-addbar{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;background:var(--rp-surface);border:1px solid var(--rp-line);border-radius:5px}
.rp-quick-class-label{display:flex;gap:8px;align-items:center;min-width:185px;border-left:3px solid var(--cc);padding-left:8px}.rp-quick-class-label img{width:26px;height:26px;object-fit:cover;border:1px solid var(--cc);border-radius:4px;flex:none}.rp-addbar label{margin:0}.rp-quick-spec-label{min-width:185px;max-width:255px;flex:1}
.rp-addbar select{display:block;width:100%;min-height:44px;border:1px solid #69675b;border-radius:4px;padding:7px 9px;background:#111418;color:var(--rp-ink);font:13px FieldSans,system-ui,sans-serif}.rp-quick-class-label select{min-width:0;flex:1}
.rp-quick-add{border-color:#bc9b51;background:#544628;color:#f6e1aa!important}.rp-quick-add span{font-size:20px;margin-left:8px;line-height:1}.rp-palette-open{background:#21323b;border-color:#557b8c;color:#b6e5f3!important}.rp-target{font-size:12px;color:var(--rp-muted);margin-left:auto;max-width:210px;line-height:1.4}
.rp-mobile-views{display:none}
/* Four columns show all40 positions in two compact group rows at1440. */
.rp-board{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.rp-roster{min-width:0}.rp-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;min-height:24px}.rp-board-heading h3{font-size:22px;line-height:1.1}.rp-board-heading>span{font-size:12px;color:var(--rp-muted)}
.rp-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.rp-group{background:var(--rp-surface);border:1px solid var(--rp-line);border-radius:5px;padding:6px;min-width:0}.rp-group.is-drop{border-color:var(--rp-brass)}
.rp-group>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;min-height:20px}.rp-group h3{font-size:18px;line-height:20px}.rp-group>header>span{font-size:12px;color:var(--rp-muted);font-weight:700}
.rp-group ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.rp-group li{display:flex;gap:3px;min-width:0}.rp-slot{flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:44px;padding:3px 5px;background:var(--rp-well);border:1px solid #45494e;border-left:3px solid var(--cc,#65665b);border-radius:3px;text-align:left}
.rp-slot img{width:22px;height:22px;border-radius:3px;flex:none}.rp-slot-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2;font-size:12px}.rp-slot-name>span,.rp-slot-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-slot-name>span{font-weight:700;color:var(--rp-ink)}.rp-slot-name small{color:var(--cc);font-size:12px}
.rp-slot.is-empty{border-style:dashed;border-left-width:1px;color:#b4b1aa;justify-content:center;font-size:12px}.rp-slot:hover{border-color:#b29b64}.rp-slot.is-selected{outline:2px solid var(--rp-brass);outline-offset:1px;background:#302b1e}.rp-slot.is-drop{border-color:var(--rp-brass);background:#302b1e}
.rp-remove{flex:none;width:44px;min-height:44px;background:#202328;border:1px solid #45494e;border-radius:3px;color:#c1b9aa;font-size:20px!important;line-height:1}.rp-remove:hover{color:var(--rp-miss);border-color:#9a5b45}
.rp-group-party{display:flex;flex-wrap:wrap;gap:3px;min-height:18px;margin:4px 0 0;font-size:12px;line-height:18px}.rp-group-party:empty{display:none}.rp-group-party img{width:18px;height:18px;border-radius:3px;border:1px solid #00000099}
/* Coverage stays beside the roster with its own clearly labelled views. */
.rp-coverage{display:flex;flex-direction:column;min-width:0;margin:0;background:var(--rp-surface);border:1px solid var(--rp-line);border-top:2px solid var(--rp-brass);border-radius:5px;position:sticky;top:68px;max-height:600px;overflow:hidden}
.rp-coverage-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px 9px}.rp-coverage-heading h3{font-size:23px;line-height:1.1}.rp-coverage-heading>span{font-size:12px;color:var(--rp-muted)}.rp-coverage-heading b{color:var(--rp-ink)}
.rp-coverage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #635c48;border-bottom:1px solid #635c48;padding:0 5px;flex:none}.rp-coverage-tabs button{min-height:44px;padding:6px 4px;background:none;border:0;border-bottom:2px solid transparent;font:700 13px FieldSans,system-ui,sans-serif}.rp-coverage-tabs button[aria-selected=true]{color:var(--rp-brass);border-bottom-color:var(--rp-brass);background:#3b3423}.rp-coverage-tabs button b{font-size:12px;padding:1px 4px;border-radius:3px;background:#6f5426;color:#ffdfa1}
.rp-coverage-view{min-width:0;overflow:auto;overscroll-behavior:contain;max-height:510px;scrollbar-width:thin;padding:12px}.rp-panel{background:transparent;border:0;border-radius:0;padding:0;min-width:0;margin:0 0 18px}.rp-panel:last-child{margin-bottom:0}.rp-panel h3{font-size:20px;line-height:1.3;margin:0 0 9px}.rp-panel h3 small{font:400 12px FieldSans,system-ui,sans-serif;color:var(--rp-muted);margin-left:5px}.rp-panel h3.rp-sub{font-size:18px;margin-top:16px}.rp-legend{margin:0 0 11px;font-size:12px;line-height:1.5;color:var(--rp-muted)}
.rp-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rp-tile{position:relative;width:100%;display:flex;align-items:center;gap:7px;min-height:58px;padding:7px 6px;background:var(--rp-well);border:1px solid #45494e;border-radius:3px;text-align:left}.rp-tile img,.rp-noicon{flex:none;border-radius:3px;border:1px solid #000}.rp-tile img{width:27px;height:27px}.rp-noicon{display:inline-grid;place-items:center;width:27px;height:27px;background:#2b2e33;color:#c1b9aa;font-size:12px}.rp-tile-text{display:flex;flex-direction:column;min-width:0}.rp-tile-name{font-size:12px;line-height:1.35;overflow-wrap:anywhere}.rp-tile-sub{font-size:12px;line-height:1.4;color:var(--rp-muted)}
.rp-tile.is-active{border-left:3px solid var(--rp-ok)}.rp-tile.is-active .rp-tile-sub{color:var(--rp-ok)}.rp-tile.is-available{border-left:3px solid #bba267}.rp-tile.is-available .rp-tile-sub{color:#e1c994}.rp-tile.is-missing{border-left:3px dashed #87604e}.rp-tile.is-missing img{filter:grayscale(1);opacity:.7}.rp-tile.is-missing .rp-tile-sub{color:var(--rp-miss)}.rp-tile.is-personal{border-left:3px solid #b09ae3}.rp-tile.is-personal .rp-tile-sub{color:#d2c4f1}.rp-tile:hover{border-color:#b29b64}.rp-tile:has(.rp-flag){padding-right:20px}.rp-legend .rp-flag{position:static;display:inline-block;margin:0 3px;vertical-align:middle}.rp-flag{position:absolute;top:3px;right:3px;font-size:12px;font-weight:700;color:var(--rp-brass);border:1px solid #a38b55;border-radius:2px;padding:0 3px;line-height:16px}
.rp-scroll{position:relative;overflow-x:auto;max-width:100%;scrollbar-width:thin}.rp-matrix{border-collapse:collapse;width:100%;font-size:12px}.rp-matrix th,.rp-matrix td{border-bottom:1px solid #ffffff1c;padding:4px 5px;text-align:center}.rp-matrix thead th:first-child{text-align:left}.rp-matrix thead th{color:#ead29a;font-weight:700;font-size:12px;white-space:nowrap}.rp-matrix thead th.is-idle{color:#b4b1aa}.rp-matrix tbody th{text-align:left;font-weight:400;position:sticky;left:0;background:var(--rp-surface);min-width:145px}.rp-mrow{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;background:none;border:0;padding:0;text-align:left}.rp-mrow img{border-radius:3px;border:1px solid #000;width:20px;height:20px}.rp-mrow small{color:#e1c994;font-size:12px;margin-left:auto;white-space:nowrap}.rp-matrix td{min-width:30px}.rp-matrix td.is-on{color:var(--rp-ok);font-weight:700}.rp-matrix td.is-off{color:var(--rp-miss)}.rp-matrix td.is-idle{color:#8a877f}.rp-bless thead th{vertical-align:bottom}.rp-th-icon{display:block}.rp-th-icon img{border-radius:3px}.rp-group-party .rp-noicon,.rp-matrix .rp-noicon{width:20px;height:20px;font-size:12px}
.rp-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px}.rp-notes li{padding:8px 10px;background:var(--rp-well);border-left:3px solid #777368;border-radius:3px;overflow-wrap:anywhere}.rp-notes li.is-conflict{border-left-color:var(--rp-miss)}.rp-notes li.is-warning{border-left-color:var(--rp-warn)}.rp-sev{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.6px;margin-right:4px;color:#e0d8c8}.rp-notes li.is-conflict .rp-sev{color:var(--rp-miss)}.rp-notes li.is-warning .rp-sev{color:var(--rp-warn)}.rp-about summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:700 17px FieldSerif,Georgia,serif;color:#eddfc3}.rp-about p,.rp-about li{font-size:13px;color:#c1bcb1;overflow-wrap:anywhere}.rp-sources a{color:var(--rp-link)}
/* Full spec browsing is off the board. Desktop remains nonmodal for drag/drop. */
.rp-palette-dialog{position:fixed;inset:140px max(16px,calc((100vw - 1360px)/2)) auto auto;width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 164px);margin:0;padding:0;border:1px solid var(--rp-brass);border-radius:7px;background:var(--rp-surface);color:var(--rp-ink);box-shadow:0 15px 70px #000b;z-index:90;overflow:auto}.rp-palette-dialog:not([open]){display:none}.rp-palette-dialog::backdrop{background:#050708c9}
.rp-palette{padding:15px;min-width:0}.rp-palette>header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.rp-palette h3{font-size:25px;line-height:1.2}.rp-palette-count{font-size:12px;color:var(--rp-muted);margin:5px 0 0}.rp-palette-close{width:44px;height:44px;flex:none;border:1px solid #8a7954;border-radius:4px;background:#2b2d2b;font-size:24px!important;line-height:1;color:var(--rp-ink)}
.rp-palette-search-label{display:grid;gap:7px;font-size:12px;color:var(--rp-muted)}.rp-palette-search{min-height:44px;width:100%;min-width:0;border:1px solid #8e805e;border-radius:4px;background:#111418;padding:9px 11px;color:var(--rp-ink);font:14px FieldSans,system-ui,sans-serif}.rp-hint{font-size:12px;color:var(--rp-muted);margin:10px 0 12px;line-height:1.6}.rp-class{border-top:1px solid #6b644d;padding:12px 0 8px}.rp-class h4{display:flex;align-items:center;gap:8px;font:700 14px FieldSans,system-ui,sans-serif;color:var(--cc);letter-spacing:.2px;margin-bottom:8px}.rp-class h4 img{width:24px;height:24px;border-radius:3px;border:1px solid var(--cc)}.rp-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rp-specs button{display:flex;align-items:center;gap:6px;min-height:44px;padding:7px;background:var(--rp-surface-2);border:1px solid #63645b;border-left:3px solid var(--cc);border-radius:3px;font-size:13px;line-height:1.4;text-align:left;min-width:0;overflow-wrap:anywhere}.rp-specs button:hover{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 12%,#252a31)}
/* Tooltip stays outside the scrollable coverage views. */
.rp-tip{position:absolute;z-index:100;background:#0c0e11;border:1px solid #b69b59;border-radius:4px;padding:10px 12px;box-shadow:0 10px 30px #000a;font-size:13px;line-height:1.5;pointer-events:none}.rp-tip p{margin:0 0 5px}.rp-tip p:last-child{margin:0}.rp-tip-title{font:700 17px FieldSerif,Georgia,serif;color:#f4e4ba}.rp-tip-title small{font:400 12px FieldSans,system-ui,sans-serif;color:var(--rp-muted)}.rp-tip-scope{color:var(--rp-brass);font-weight:700}.rp-tip-status.is-active{color:var(--rp-ok)}.rp-tip-status.is-missing{color:var(--rp-miss)}.rp-tip-status.is-available{color:#e1c994}.rp-tip-status.is-personal{color:#d2c4f1}.rp-tip-note{color:#b9d3da}.rp-tip-flag{color:var(--rp-warn)}.rp-tip-src{color:#b4b1aa;font-size:12px}
/* Atwide-desktop, all8groups remain in the first1000px viewport. */
@media(min-width:1201px){
.rp{padding-top:2px}
.rp-head{padding-bottom:6px}
.rp-intro p{display:none}
.rp-summary{margin:6px 0}
.rp-addbar{padding:4px 10px;margin-bottom:6px}
.rp-board-heading{display:none}
}
@media(max-width:1200px){.rp-board{grid-template-columns:minmax(0,1fr) 320px;gap:12px}.rp-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.rp-target{display:none}.rp-quick-class-label{min-width:170px}.rp-board-heading>span{display:none}}
@media(max-width:1000px){.rp-intro h2{font-size:29px}.rp-toolbar{gap:8px}.rp-sizes button{min-width:62px;padding:7px}.rp-sizes span{display:none}.rp-quick-class-label{min-width:155px}.rp-quick-spec-label{min-width:155px}.rp-addbar{gap:6px}.rp-btn{padding:8px 10px}}
@media(max-width:900px){.rp{padding:8px 0 22px}.rp-head{flex-wrap:wrap;gap:13px}.rp-toolbar{width:100%;justify-content:space-between}.rp-actions{margin-left:auto}.rp-sizes span{display:inline}.rp-summary{margin:12px 0;gap:6px}.rp-chip{min-height:32px;padding:4px 7px}.rp-addbar{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:9px;margin-bottom:12px}.rp-addbar>.rp-quick-class-label,.rp-addbar>.rp-quick-spec-label,.rp-quick-add{display:none}.rp-palette-open{grid-column:1;grid-row:1;text-align:left;min-height:44px;padding:8px 12px;background:#294351;border-color:#80d4ef}.rp-target{display:block;margin:0;grid-column:2;grid-row:1;font-size:12px;max-width:120px}.rp-mobile-views{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#1b1e23;border:1px solid var(--rp-line);border-radius:5px;padding:4px;margin:0 0 15px}.rp-mobile-views button{min-height:44px;border:1px solid transparent;border-radius:3px;background:none;font-size:14px;font-weight:700}.rp-mobile-views button[aria-pressed=true]{background:#4a4028;border-color:#a38b55;color:#f5dfaa}.rp-board{grid-template-columns:1fr;gap:0}.rp-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rp-board-heading{margin-bottom:10px}.rp-board-heading h3{font-size:25px}.rp-board-heading>span{display:none}.rp-group{padding:9px}.rp-group>header{min-height:24px;margin-bottom:6px}.rp-group h3{font-size:21px;line-height:1.2}.rp-group ol{gap:5px}.rp-slot{min-height:48px;padding:5px 7px}.rp-slot img{width:26px;height:26px}.rp-slot-name{font-size:13px}.rp-slot-name small{font-size:12px}.rp-remove{width:44px;min-height:48px}.rp-group-party{min-height:22px;margin-top:8px;font-size:12px;line-height:1.5}.rp-coverage{position:static;max-height:none}.rp-coverage-view{max-height:none;overflow:visible;padding:15px}.rp-coverage-heading{padding:14px 15px}.rp-coverage-heading h3{font-size:26px}.rp-coverage-tabs button{min-height:46px;font-size:14px}.rp[data-board-view=roster] .rp-coverage{display:none}.rp[data-board-view=coverage] .rp-roster{display:none}.rp-palette-dialog{inset:12px 12px auto;width:auto;max-width:none;max-height:calc(100dvh - 24px);margin:0;border-radius:8px}.rp-palette{padding:17px}.rp-palette h3{font-size:27px}.rp-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rp-specs button{padding:8px 7px;font-size:13px}.rp-palette-classes{padding-bottom:8px}.rp-class h4 img{width:28px;height:28px}.rp-class h4{font-size:15px}}
@media(max-width:520px){.rp-intro h2{font-size:31px}.rp-intro p{font-size:13px}.rp-head{gap:12px}.rp-sizes button{min-width:52px;min-height:44px;padding:5px 8px;flex-direction:column;gap:1px}.rp-sizes b{font-size:16px}.rp-sizes span{font-size:12px}.rp-toolbar{gap:8px}.rp-actions{gap:5px}.rp-actions .rp-btn{font-size:12px!important;padding:8px 9px}.rp-summary .rp-chip{font-size:12px;min-height:30px;gap:4px;padding:3px 6px}.rp-summary .rp-role{width:16px;height:16px;font-size:12px}.rp-groups{grid-template-columns:1fr;gap:13px}.rp-slot{min-height:48px}.rp-slot-name{font-size:14px}.rp-slot img{width:28px;height:28px}.rp-group h3{font-size:23px}.rp-group>header>span{font-size:13px}.rp-coverage-heading h3{font-size:24px}.rp-tiles{grid-template-columns:1fr}.rp-tile{min-height:54px;padding:8px 10px;gap:10px}.rp-tile img{width:30px;height:30px}.rp-tile-name{font-size:14px}.rp-tile-sub{font-size:12px}.rp-palette-dialog{inset:10px;max-height:calc(100dvh - 20px)}.rp-palette{padding:15px}.rp-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-specs button{min-height:46px;font-size:13px}.rp-coverage-tabs button{font-size:13px}.rp-target{max-width:110px}.rp-legend{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rp *{transition:none!important;scroll-behavior:auto!important}}

/* Spec strip: every class and spec visible, one click adds a player. */
.rp-strip{margin:0 0 12px;padding:10px 12px 12px;background:var(--rp-surface);border:1px solid var(--rp-line);border-radius:6px}
.rp-strip-head{display:flex;align-items:center;gap:12px;margin:0 0 10px;flex-wrap:wrap}
.rp-strip-head p{margin:0;flex:1;min-width:220px;font-size:13px;color:var(--rp-muted)}.rp-strip-head b{color:var(--rp-ink)}
.rp-strip-head .rp-target{font-size:12px;color:var(--rp-brass);white-space:nowrap}
.rp-strip-head .rp-palette-open{min-height:36px;padding:6px 12px;font-size:12px}
.rp-strip-classes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.rp-sc{min-width:0;padding:6px;border:1px solid #ffffff12;border-top:3px solid var(--cc);border-radius:5px;background:var(--rp-well)}
.rp-sc-name{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:var(--cc);font:700 13px/1.2 FieldSans,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-sc-name img{width:22px;height:22px;border-radius:4px;border:1px solid var(--cc);flex:none}
.rp-sc-specs{display:grid;gap:4px}
.rp-sc-specs button{display:flex;align-items:center;gap:6px;width:100%;min-height:32px;padding:4px 6px;border:1px solid #ffffff1c;border-radius:4px;background:#1e2228;color:var(--rp-ink);font:600 12px/1.15 FieldSans,system-ui,sans-serif;text-align:left;cursor:pointer;overflow:hidden}
.rp-sc-specs button:hover{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 14%,#1e2228)}
.rp-sc-specs button:focus-visible{outline:2px solid var(--rp-brass);outline-offset:1px}
.rp-sc-specs button:active{transform:translateY(1px)}
.rp-sc-specs button[data-role=tank] .rp-role{color:#8ec5ff;border-color:#8ec5ff66}
.rp-sc-specs button[data-role=healer] .rp-role{color:#8bd5a0;border-color:#8bd5a066}
.rp-sc-specs button[data-role=melee] .rp-role{color:#f5a08a;border-color:#f5a08a66}
.rp-sc-specs button[data-role=ranged] .rp-role{color:#ecbc67;border-color:#ecbc6766}
@media(max-width:1180px){.rp-strip-classes{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.rp-strip-classes{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;gap:8px}.rp-sc{flex:0 0 132px;scroll-snap-align:start}.rp-strip-head span{display:none}}
@media(max-width:520px){.rp-sc{flex-basis:118px}.rp-sc-specs button{min-height:40px}}