/* DragonRise – RPG class assignment overview, DESIGN ATLAS */
#drachen-rollen .role-assignment-atlas { max-width:1320px; color:#e7f1fa; }
#drachen-rollen .role-atlas-head { padding:clamp(22px,3vw,36px); border:1px solid #34536f; border-radius:17px; background:radial-gradient(circle at 93% 12%,rgba(62,133,197,.15),transparent 35%),linear-gradient(125deg,#12283b,#0b1623 78%); }
#drachen-rollen .role-atlas-kicker { font-size:11px;letter-spacing:.105em;color:#93beda;font-weight:700; }
#drachen-rollen .role-atlas-heading {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:9px;}
#drachen-rollen .role-atlas-heading h1 {font-size:clamp(29px,3.25vw,46px);letter-spacing:-.045em;margin:4px 0 13px;}
#drachen-rollen .role-atlas-heading p {font-size:15px;max-width:780px;color:#b7c9d9;line-height:1.7;margin:0;}
#drachen-rollen .role-edit-link {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid #527da2;background:#1a3d59;border-radius:9px;color:#e6f5ff;font-size:13px;font-weight:650;text-decoration:none;}
#drachen-rollen .role-edit-link:hover {background:#275779;border-color:#7cadd5;}
#drachen-rollen .role-atlas-facts {display:flex;flex-wrap:wrap;gap:12px;margin-top:27px;}
#drachen-rollen .role-atlas-facts span {font-size:12px;color:#a7bed1;display:flex;align-items:baseline;gap:8px;border-top:1px solid #38546c;padding:12px 14px 0 0;min-width:133px;}
#drachen-rollen .role-atlas-facts strong {font-size:21px;color:#e3f4ff;font-weight:740;}
#drachen-rollen .role-atlas-note {margin:17px 0 20px;border-left:3px solid #63a7d7;padding:14px 18px;background:#101e2c;border-radius:0 10px 10px 0;color:#b9d0e1;line-height:1.65;font-size:13px;}
#drachen-rollen .role-atlas-note strong {color:#eff8ff;}
#drachen-rollen .role-atlas-note a {color:#94d3ff;text-decoration:underline;text-decoration-color:#4c8bb7;}
#drachen-rollen .role-atlas-toolbar {display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
#drachen-rollen .role-search-field {display:flex;align-items:center;gap:9px;border:1px solid #314b64;background:#0e1c2b;color:#9dc4df;border-radius:10px;padding:0 14px;flex:1 1 250px;min-width:190px;}
#drachen-rollen .role-search-field>span{font-size:24px;line-height:1.1;}
#drachen-rollen .role-search-field input{width:100%;height:45px;background:transparent;outline:0;border:0;color:#ecf7ff;font-size:13px;}
#drachen-rollen .role-search-field input::placeholder{color:#829aaf}
#drachen-rollen .role-select-field {display:flex;align-items:center;gap:9px;color:#a9bfd2;font-size:12px;border:1px solid #314b64;border-radius:10px;padding:0 12px;background:#0e1c2b;min-height:47px;}
#drachen-rollen .role-select-field select {max-width:220px;min-width:155px;border:0;color:#e3f2ff;background:#0e1c2b;padding:10px 3px;font-size:13px;outline:0;}
#drachen-rollen .role-expand-button {cursor:pointer;border:1px solid #2f4c67;border-radius:9px;color:#bed9ed;background:#12263a;padding:11px 13px;min-height:47px;font-size:12px;font-weight:600;}
#drachen-rollen .role-expand-button:hover {border-color:#6b9cbd;color:#fff;}
#drachen-rollen .role-atlas-result {font-size:12px;color:#93aec4;margin:0 0 14px;}
#drachen-rollen .role-rarity-groups {display:grid;gap:13px;}
#drachen-rollen .role-rarity-group {border:1px solid #2b4157;background:#0c1825;border-radius:12px;overflow:hidden;min-width:0;}
#drachen-rollen .role-rarity-group[hidden], #drachen-rollen .role-assignment-card[hidden] {display:none!important;}
#drachen-rollen .role-rarity-group>summary {list-style:none;cursor:pointer;display:flex;gap:13px;align-items:center;padding:18px 20px;background:#101f30;min-height:67px;}
#drachen-rollen .role-rarity-group>summary::-webkit-details-marker {display:none;}
#drachen-rollen .role-rarity-group>summary:hover {background:#152a40;}
#drachen-rollen .role-rarity-group[open]>summary{border-bottom:1px solid #2a465e;}
#drachen-rollen .role-rarity-mark {width:10px;height:10px;border-radius:50%;background:var(--role-rarity);box-shadow:0 0 0 4px color-mix(in srgb,var(--role-rarity) 12%,transparent);flex:0 0 10px;}
#drachen-rollen .role-rarity-title {font-size:18px;font-weight:700;color:#e6f3ff;}
#drachen-rollen .role-rarity-count{color:#9bb5cb;font-size:12px;margin-left:auto;white-space:nowrap;}
#drachen-rollen .role-rarity-chevron{font-size:24px;color:#83b4d7;transition:transform .15s ease;margin-left:7px;}
#drachen-rollen .role-rarity-group[open] .role-rarity-chevron{transform:rotate(180deg);}
#drachen-rollen .role-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:17px;align-items:start;}
#drachen-rollen .role-assignment-card {min-width:0;border:1px solid #29445d;background:#0c1b2b;border-radius:11px;padding:22px;overflow-wrap:anywhere;}
#drachen-rollen .role-assignment-card-top{display:flex;justify-content:space-between;align-items:center;gap:13px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #263d52;}
#drachen-rollen .role-assignment-card-top h3{font-size:23px;color:#f3f9ff;margin:0;}
#drachen-rollen .role-card-index{font-size:10px;letter-spacing:.13em;color:#789bb7;font-weight:760;}
#drachen-rollen .role-role-label{font-size:10px;letter-spacing:.11em;color:#83a7c1;font-weight:750;text-transform:uppercase;margin:0 0 9px;}
#drachen-rollen .role-role-badges{display:flex;flex-wrap:wrap;gap:7px;min-height:30px;}
#drachen-rollen .role-role-badge{padding:5px 11px;border-radius:7px;background:#19354c;border:1px solid #386183;color:#cae9ff;font-size:12px;font-weight:680;}
#drachen-rollen .role-role-badge.role-empty{color:#a8bac7;background:#1b2734;border-color:#334252;}
#drachen-rollen .role-specialization-label{margin-top:22px;}
#drachen-rollen .role-card-specializations{display:grid;gap:11px;}
#drachen-rollen .role-variant{padding:15px 17px;background:#101f2e;border:1px solid #2b4156;border-radius:9px;min-width:0;}
#drachen-rollen .role-variant h4{font-size:16px;line-height:1.4;margin:0 0 7px;color:#c6e7ff;}
#drachen-rollen .role-variant-text{font-size:13px;line-height:1.65;color:#cfdeea;white-space:pre-wrap;margin:0;overflow-wrap:anywhere;}
#drachen-rollen .role-stat-breakdown{display:grid;gap:7px;padding-top:11px;margin-top:11px;border-top:1px solid #2e465b;}
#drachen-rollen .role-stat-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;line-height:1.5;color:#c1d5e5;font-size:12px;}
#drachen-rollen .role-stat-label{font-size:11px;font-weight:750;color:#91b6d2;}
#drachen-rollen .role-stat-high{color:#9bd8fd;}
#drachen-rollen .role-stat-low{color:#b2bac5;}
#drachen-rollen .role-empty{font-size:13px;color:#a4b7c7;margin:0;}
#drachen-rollen .role-concept-archive{max-width:1320px;margin-top:25px;border:1px solid #344a5d;background:#0c1926;border-radius:12px;padding:0 20px;}
#drachen-rollen .role-concept-archive>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:20px;cursor:pointer;padding:18px 0;color:#c4def0;}
#drachen-rollen .role-concept-archive>summary::-webkit-details-marker{display:none;}
#drachen-rollen .role-concept-archive>summary strong{font-size:16px;display:block;color:#e6f1fa;}
#drachen-rollen .role-concept-archive>summary small{color:#93aabd;font-size:12px;display:block;margin-top:3px;}
#drachen-rollen .role-concept-archive[open]>summary{border-bottom:1px solid #2b3d50;margin-bottom:23px;}
#drachen-rollen .role-concept-archive>summary>span:last-child{font-size:23px;}
#drachen-rollen .role-concept-archive[open]>summary>span:last-child{transform:rotate(180deg);}
#drachen-rollen .role-concept-archive .ra-wrap{padding-bottom:23px;}
@media(max-width:1050px){#drachen-rollen .role-cards{grid-template-columns:1fr}}
@media(max-width:680px){#drachen-rollen .role-atlas-heading{display:block}#drachen-rollen .role-edit-link{margin-top:16px}#drachen-rollen .role-atlas-toolbar{align-items:stretch}#drachen-rollen .role-search-field,#drachen-rollen .role-select-field{flex:1 1 100%}#drachen-rollen .role-select-field select{flex:1;max-width:none}#drachen-rollen .role-expand-button{flex:1 1 42%}#drachen-rollen .role-cards{padding:10px;gap:10px}#drachen-rollen .role-assignment-card{padding:16px}#drachen-rollen .role-rarity-group>summary{padding:15px 12px;gap:9px}#drachen-rollen .role-rarity-title{font-size:16px}#drachen-rollen .role-rarity-count{font-size:11px}#drachen-rollen .role-stat-row{grid-template-columns:1fr;gap:2px}#drachen-rollen .role-concept-archive{padding:0 14px}}