:root{--dp-color-stat:#c0392b;--dp-color-skill:#27ae60;--dp-color-ability:#e67e22;--dp-color-spell:#8e44ad;--dp-color-race:#2980b9;--dp-color-class:#c9a227;--dp-color-deity:#f1c40f;--dp-color-defense:#3498db;--dp-color-subrace:#1abc9c;--dp-color-innate:#e74c3c;--dp-color-default:var(--gold);--stat-strength:#c0392b;--stat-constitution:#2980b9;--stat-dexterity:#27ae60;--stat-intelligence:#8e44ad;--stat-wisdom:#e67e22;--dp-color-skill-str:#c0392b;--dp-color-skill-con:#2980b9;--dp-color-skill-dex:#27ae60;--dp-color-skill-int:#8e44ad;--dp-color-skill-wis:#e67e22}.detail-panel-container{position:fixed;top:80px;right:1rem;width:380px;max-height:calc(100vh - 100px);z-index:101;display:none;flex-direction:column;pointer-events:none}.detail-panel-container.open{display:flex;pointer-events:auto}.dp-panel{background:var(--bg-deep);border:1px solid rgba(212,175,55,0.25);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,0.7);overflow-y:auto;animation:dp-slide-in 0.25s ease;position:relative}.dp-panel--l1{display:none;max-height:calc(100vh - 120px)}.dp-panel--l1.open{display:block}.dp-panel--l2{display:none;max-height:50vh;margin-top:0.5rem;border-color:rgba(212,175,55,0.4)}.dp-panel--l2.open{display:block}.dp-panel--l1.open:has(~ .dp-panel--l2.open),.detail-panel-container.has-l2 .dp-panel--l1.open{max-height:calc(50vh - 60px)}.dp-panel[data-type="stat"]{border-left:3px solid var(--dp-color-stat)}.dp-panel[data-type="skill"]{border-left:3px solid var(--dp-color-skill)}.dp-panel[data-type="ability"]{border-left:3px solid var(--dp-color-ability)}.dp-panel[data-type="spell"]{border-left:3px solid var(--dp-color-spell)}.dp-panel[data-type="race"]{border-left:3px solid var(--dp-color-race)}.dp-panel[data-type="class"]{border-left:3px solid var(--dp-color-class)}.dp-panel[data-type="deity"]{border-left:3px solid var(--dp-color-deity)}.dp-panel[data-type="combat"]{border-left:3px solid var(--dp-color-stat)}.dp-panel[data-type="defense"]{border-left:3px solid var(--dp-color-defense)}.dp-panel[data-type="subrace"]{border-left:3px solid var(--dp-color-subrace)}.dp-panel[data-type="innate"]{border-left:3px solid var(--dp-color-innate)}.dp-panel__close{position:absolute;top:0.5rem;right:0.6rem;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;z-index:2;padding:0.2rem 0.4rem;border-radius:4px;transition:color 0.15s,background 0.15s}.dp-panel__close:hover{color:var(--gold);background:rgba(201,162,39,0.1)}.dp-panel__back{display:inline-flex;align-items:center;gap:0.3rem;background:none;border:none;color:var(--text-muted);font-size:0.75rem;cursor:pointer;padding:0.3rem 0.5rem;margin-bottom:0.3rem;border-radius:4px;transition:color 0.15s}.dp-panel__back:hover{color:var(--gold)}.dp-panel__content{padding:1.2rem}.dp-title{font-family:'Cinzel',serif;font-size:1rem;color:var(--gold);margin-bottom:0.8rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(212,175,55,0.2);padding-right:1.5rem;display:flex;align-items:center;gap:0.4rem}.dp-type-badge{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.08em;padding:0.15rem 0.45rem;border-radius:3px;font-family:'Crimson Text',serif;font-weight:600;flex-shrink:0}.dp-type-badge--stat{background:rgba(192,57,43,0.15);color:var(--dp-color-stat)}.dp-type-badge--skill{background:rgba(39,174,96,0.15);color:var(--dp-color-skill)}.dp-type-badge--ability{background:rgba(230,126,34,0.15);color:var(--dp-color-ability)}.dp-type-badge--spell{background:rgba(142,68,173,0.15);color:var(--dp-color-spell)}.dp-type-badge--race{background:rgba(41,128,185,0.15);color:var(--dp-color-race)}.dp-type-badge--class{background:rgba(201,162,39,0.15);color:var(--dp-color-class)}.dp-type-badge--deity{background:rgba(241,196,15,0.15);color:var(--dp-color-deity)}.dp-type-badge--defense{background:rgba(52,152,219,0.15);color:var(--dp-color-defense)}.dp-type-badge--subrace{background:rgba(26,188,156,0.15);color:var(--dp-color-subrace)}.dp-type-badge--innate{background:rgba(231,76,60,0.15);color:var(--dp-color-innate)}.dp-type-badge--weapon{background:rgba(192,192,192,0.15);color:#b0b0b0}.dp-weapon-modifiers{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.2rem}.dp-weapon-modifiers .modifier-badge{font-size:0.78rem}.dp-weapon-modifiers .modifier-badge .dp-link{color:inherit}.dp-section{margin-bottom:0.8rem}.dp-section__label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin-bottom:0.3rem}.dp-desc{font-size:0.82rem;color:var(--text-dim);line-height:1.5}.dp-desc--pre{white-space:pre-line}.dp-loading{color:var(--text-muted);font-size:0.85rem;padding:1rem 0;text-align:center}.dp-row{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;padding:0.2rem 0;color:var(--text-dim)}.dp-row--highlight{color:#fff}.dp-row__val{font-weight:600;color:var(--gold);font-family:'Courier New',monospace}.dp-row__val--green{color:#4caf50}.dp-row__val--red{color:#e07070}.dp-row__val--blue{color:#6fa8d0}.dp-divider{height:1px;background:rgba(255,255,255,0.06);margin:0.5rem 0}.dp-total{display:flex;justify-content:space-between;font-size:0.85rem;font-weight:700;color:var(--gold);border-top:1px solid rgba(212,175,55,0.25);margin-top:0.5rem;padding-top:0.5rem}.dp-total__val{font-family:'Cinzel',serif;font-size:1rem}.dp-inactive{opacity:0.35}.dp-icon{margin-right:0.3rem}.dp-link{color:var(--gold);cursor:pointer;text-decoration:none;border-bottom:1px dotted rgba(201,162,39,0.4);transition:color 0.15s,border-color 0.15s}.dp-link:hover{color:var(--gold-light);border-bottom-color:var(--gold)}.dp-link[data-type="stat"]{border-bottom-color:rgba(192,57,43,0.4)}.dp-link[data-type="stat"]:hover{filter:brightness(1.2);border-bottom-color:currentColor}.dp-link[data-type="skill"]{color:var(--dp-color-skill);border-bottom-color:rgba(39,174,96,0.4)}.dp-link[data-type="skill"]:hover{color:#2ecc71;border-bottom-color:var(--dp-color-skill)}.dp-link[data-type="ability"]{color:var(--dp-color-ability);border-bottom-color:rgba(230,126,34,0.4)}.dp-link[data-type="ability"]:hover{color:#f39c12;border-bottom-color:var(--dp-color-ability)}.dp-link[data-type="spell"]{color:var(--dp-color-spell);border-bottom-color:rgba(142,68,173,0.4)}.dp-link[data-type="spell"]:hover{color:#a569bd;border-bottom-color:var(--dp-color-spell)}.dp-link[data-type="race"]{color:var(--dp-color-race);border-bottom-color:rgba(41,128,185,0.4)}.dp-link[data-type="race"]:hover{color:#5dade2;border-bottom-color:var(--dp-color-race)}.dp-link[data-type="class"]{color:var(--dp-color-class);border-bottom-color:rgba(201,162,39,0.4)}.dp-link[data-type="class"]:hover{color:#d4ac0d;border-bottom-color:var(--dp-color-class)}.dp-link[data-type="deity"]{color:var(--dp-color-deity);border-bottom-color:rgba(241,196,15,0.4)}.dp-link[data-type="deity"]:hover{color:#f4d03f;border-bottom-color:var(--dp-color-deity)}.dp-link[data-type="defense"]{color:var(--dp-color-defense);border-bottom-color:rgba(52,152,219,0.4)}.dp-link[data-type="defense"]:hover{color:#5dade2;border-bottom-color:var(--dp-color-defense)}.dp-link[data-type="subrace"]{color:var(--dp-color-subrace);border-bottom-color:rgba(26,188,156,0.4)}.dp-link[data-type="subrace"]:hover{color:#48c9b0;border-bottom-color:var(--dp-color-subrace)}.dp-link[data-type="innate"]{color:var(--dp-color-innate);border-bottom-color:rgba(231,76,60,0.4)}.dp-link[data-type="innate"]:hover{color:#ec7063;border-bottom-color:var(--dp-color-innate)}.ct-stat-tag.dp-link{transition:transform 0.1s,box-shadow 0.15s}.ct-stat-tag.dp-link:hover{transform:scale(1.05);box-shadow:0 0 8px rgba(201,162,39,0.3)}.dp-skill-list{display:flex;flex-direction:column;gap:0.3rem}.dp-skill-item{display:flex;flex-direction:column;gap:0.15rem;padding:0.35rem 0.5rem;background:rgba(255,255,255,0.03);border-radius:4px;cursor:pointer;transition:background 0.15s}.dp-skill-item:hover{background:rgba(255,255,255,0.07)}.dp-skill-item__desc{font-size:0.7rem;color:var(--text-dim);line-height:1.3}.dp-stat-icon{font-size:0.9rem;margin-right:0.2rem}.dp-row--clickable{cursor:pointer;transition:background 0.15s;border-radius:4px;padding:0.3rem 0.4rem}.dp-row--clickable:hover{background:rgba(201,162,39,0.08)}.class-tooltip{text-align:center}.ct-name{font-family:'Cinzel',serif;color:var(--gold)!important;font-size:1.1rem!important;margin-bottom:0.5rem!important}.ct-tags{display:flex;gap:0.3rem;justify-content:center;flex-wrap:wrap;margin-bottom:0.8rem}.ct-stat-tag{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.72rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:20px;border:1px solid}.ct-stat-tag--spell{background:rgba(142,68,173,0.15)!important;border-color:rgba(142,68,173,0.4)!important;color:#bb6bd9!important}.ct-desc{color:var(--text-dim)!important;font-size:0.82rem!important;line-height:1.5!important;text-align:left;margin-bottom:0.8rem!important}.ct-section{text-align:left;margin-bottom:0.6rem;padding:0.5rem 0.6rem;background:rgba(255,255,255,0.02);border-radius:var(--radius);border-left:3px solid var(--border-dim)}.ct-section__label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--gold);margin-bottom:0.2rem}.ct-section__text{font-size:0.82rem!important;color:var(--text-dim)!important;margin-bottom:0!important;line-height:1.5!important}.ct-section--levels{border-left-color:var(--gold);background:rgba(201,162,39,0.04)}.ct-section--link{border-left:none;background:rgba(201,162,39,0.04);cursor:pointer;padding:0.6rem;display:flex;justify-content:center}.ct-section--link .dp-link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.88rem}.ct-levels{display:flex;flex-direction:column;gap:0.4rem;margin-top:0.3rem}.ct-level{display:flex;gap:0.5rem;align-items:center}.ct-level__badge{flex-shrink:0;font-size:0.68rem;font-weight:700;color:var(--bg-dark);background:var(--gold);border-radius:4px;padding:0.1rem 0.4rem;min-width:5.8rem;text-align:center}.ct-level__content{flex:1}.ct-level__abilities{font-size:0.82rem;color:#ddd}.ct-level__slots{margin-top:0.15rem}.ct-spell-slot{display:inline-block;font-size:0.68rem;background:rgba(142,68,173,0.15);color:#bb6bd9;border:1px solid rgba(142,68,173,0.3);border-radius:3px;padding:0.1rem 0.3rem;margin-right:0.25rem}.ct-subrace-thumb{width:45px;height:45px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#fff}.rl-subrace--clickable{cursor:pointer;transition:background 0.15s;border-radius:6px}.rl-subrace--clickable:hover{background:rgba(26,188,156,0.08)}.ct-level--clickable{transition:background 0.15s;border-radius:6px}.ct-level--clickable:hover{background:rgba(26,188,156,0.08)}.dp-nav-links{display:flex;gap:0.5rem;margin-top:0.8rem;padding-top:0.6rem;border-top:1px solid rgba(255,255,255,0.06)}.dp-nav-link{display:inline-flex;align-items:center;gap:0.3rem;color:var(--gold);font-size:0.78rem;font-family:'Cinzel',serif;text-decoration:none;padding:0.3rem 0.6rem;border:1px solid rgba(201,162,39,0.3);border-radius:6px;transition:background 0.15s,border-color 0.15s;flex:1;justify-content:center}.dp-nav-link:hover{background:rgba(201,162,39,0.1);border-color:var(--gold)}.dp-stat-tags{display:flex;gap:0.3rem;flex-wrap:wrap;margin-bottom:0.6rem}.rules-detail-trigger,.detail-trigger{cursor:pointer;transition:color 0.15s,text-shadow 0.15s}.rules-detail-trigger:hover,.detail-trigger:hover{color:var(--gold);text-shadow:0 0 6px rgba(201,162,39,0.25)}.detail-trigger::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--gold);opacity:0;transition:opacity 0.15s}.detail-trigger{position:relative}.detail-trigger:hover::after{opacity:0.4}.ct-lore-link,.dp-lore-link{display:inline-block;color:var(--gold);font-size:0.85rem;font-family:'Cinzel',serif;text-decoration:none;padding:0.35rem 0.8rem;border:1px solid rgba(201,162,39,0.35);border-radius:6px;transition:background 0.15s,border-color 0.15s}.ct-lore-link:hover,.dp-lore-link:hover{background:rgba(201,162,39,0.1);border-color:var(--gold)}.dp-backdrop{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,0.5)}@keyframes dp-slide-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes dp-flash{0%{box-shadow:inset 0 0 0 2px rgba(201,162,39,0.8)}50%{box-shadow:inset 0 0 20px 2px rgba(201,162,39,0.25)}100%{box-shadow:none}}.dp-panel.dp-flash{animation:dp-flash 0.6s ease-out}@keyframes dp-fade-in{from{opacity:0}to{opacity:1}}@media (max-width:900px){.detail-panel-container{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;flex-direction:column-reverse}.detail-panel-container.open ~ .dp-backdrop{display:block}.dp-panel--l1{border-radius:12px 12px 0 0;max-height:85vh}.dp-panel--l2{margin-top:0;margin-bottom:0.5rem;border-radius:12px 12px 0 0;max-height:60vh}.detail-panel-container.has-l2 .dp-panel--l1.open{max-height:40vh;border-radius:0}.dp-panel__close{top:0.4rem;right:0.4rem;font-size:1.5rem;line-height:1;padding:0.35rem 0.65rem;background:rgba(0,0,0,0.35);border-radius:6px}body.dp-open{overflow:hidden;touch-action:none}}@media (max-width:640px){.detail-panel-container{top:0;bottom:0;left:0;right:0;width:100%;max-height:100vh;max-height:100dvh;flex-direction:column}.dp-panel{animation:dp-fade-in 0.15s ease forwards}.detail-panel-container.open ~ .dp-backdrop{display:block;background:var(--bg-deep)}.dp-panel--l1{border-radius:0;border-top:none;border-right:none;max-height:100vh;max-height:100dvh;height:100%}.dp-panel--l2{position:absolute;inset:0;margin:0;border-radius:0;max-height:100vh;max-height:100dvh;height:100%}.detail-panel-container.has-l2 .dp-panel--l1.open{max-height:100vh;max-height:100dvh;border-radius:0}.dp-panel__close{top:0.5rem;right:0.5rem;font-size:1.6rem;line-height:1;padding:0.4rem 0.7rem;background:rgba(0,0,0,0.45);border:1px solid rgba(212,175,55,0.25);border-radius:8px}.dp-panel__close:hover,.dp-panel__close:active{background:rgba(201,162,39,0.15)}.dp-panel__content{padding-top:2.6rem}}.rules-detail-panel{display:none}.rules-detail-backdrop{display:none}.dp-skill-item .dp-link,.dp-skill-item .dp-link[data-type="skill"]{color:var(--gold);border-bottom-color:rgba(201,162,39,0.4)}.dp-skill-item .dp-link:hover{color:var(--gold-light);border-bottom-color:var(--gold)}


/* Companion popup stats - fixed-width icon column for alignment */
.dp-stat-icon-fixed{display:inline-block;width:1.6em;text-align:center;margin-right:.35rem;flex-shrink:0}


/* Companion popup ability — name on own line, trigger as small italic line below */
.dp-companion-ability-name{
  font-family:'Cinzel',serif;color:var(--gold-light,#f5dc82);
  font-size:1rem;letter-spacing:.04em;
  padding-bottom:.15rem;
  border-bottom:1px dashed rgba(212,175,55,.18);
}
.dp-companion-ability-trigger{
  margin-top:.25rem;
  font-size:.72rem;color:#aa9b75;font-style:italic;
  letter-spacing:.03em;
}

/* Dice audit details: section totals stay gold, individual row values read quieter. */
.dp-section .dp-row__val{color:#f0dfb2}
.dp-section .dp-row__val--green{color:#74d894}
.dp-section .dp-row__val--red{color:#ef8f8f}
.dp-section .dp-row__val--blue{color:#92c8ee}
.dp-section__summary{float:right;color:var(--gold-light,var(--gold));font-size:1rem;font-weight:800;text-transform:none;letter-spacing:0}

/* Tighten roll/breakdown detail layout: labels and totals stay on the same line
   without float causing extra vertical gap above the rows. */
.dp-section{margin-bottom:.45rem}
.dp-section__label{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.15rem;line-height:1.2}
.dp-section__label > span:last-child{float:none !important;flex:0 0 auto}
.dp-row{padding:.1rem 0;line-height:1.25}
.dp-total{margin-top:.35rem;padding-top:.35rem}