/* Compact labels, readable sentences, and one attribute per row. */
#viewport#viewport#viewport#viewport#viewport .player-name{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;align-items:center}
#viewport#viewport#viewport#viewport#viewport .player-name .class-name{grid-column:1;grid-row:1}
#viewport#viewport#viewport#viewport#viewport .player-name .compact-level{grid-column:2;grid-row:1}
#viewport#viewport#viewport#viewport#viewport #power-label{display:block;grid-column:1/-1;grid-row:2;color:#d9c89c;font-size:11px;line-height:16px;white-space:nowrap;margin:0}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .inventory-heading-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .bag-tools{flex:0 0 auto;min-width:0}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .bag-tools summary{width:auto;height:auto;min-height:30px;box-sizing:border-box;padding:5px 8px;font-size:12px;line-height:18px;white-space:nowrap;color:#e5d5ad;border-radius:3px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .bag-tools[open] .dismantle-toolbar{top:34px;max-width:calc(100vw - 30px);font-size:12px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .inventory-heading-actions>button{font-size:12px;min-height:30px;white-space:nowrap}
:root[data-side-panel=inventory-dialog][data-inspector-kind=stats]{--compare-width:min(380px,40vw)}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .all-character-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-width:0}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .all-character-stats .compact-value{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;min-width:0;margin:0;padding:7px 0;border-bottom:1px solid #304454}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .all-character-stats .compact-value>span{font-size:12px;line-height:18px;white-space:nowrap;word-break:normal;overflow:visible}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .all-character-stats .compact-value>b{font-size:12px;line-height:18px;text-align:right;white-space:nowrap;word-break:normal;overflow:visible;font-variant-numeric:tabular-nums}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .skill-description{font-size:13px;line-height:1.65;margin:8px 0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .trait-entry{min-width:0;border:1px solid #3f5669;background:#152735;border-radius:3px;overflow:hidden}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .trait-entry>:is(.trait-option,.core-option){width:100%;box-sizing:border-box;border:0;margin:0;min-height:0;height:auto;padding:8px;display:flex;align-items:flex-start;text-align:left}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .compact-trait-copy{flex:1;min-width:0}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .compact-trait-copy>small{display:block;font-size:12px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;margin-top:5px;white-space:normal}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .compact-trait-heading{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .compact-trait-heading strong{font-size:13px;line-height:18px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .trait-state{font-size:11px;line-height:16px;padding:2px 4px;white-space:nowrap;width:auto}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .core-trait-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .core-number,#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .trait-number{width:26px;height:26px;flex:0 0 26px}
.skill-rule-details{margin:0;padding:4px 8px;border-top:1px solid #6a80912c;color:#a9bfce;font-size:11px;line-height:17px}
.skill-rule-details summary{cursor:pointer;min-height:22px;display:list-item;list-style-position:inside}
.skill-rule-details p{font-size:12px;line-height:1.65;margin:5px 0;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;color:#cfdae2}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .point-copy small{font-size:12px;line-height:1.6;word-break:keep-all}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .skill-equipment-sources{font-size:12px;padding:6px 0}
.pendant-gauge-track i{will-change:width}
@media(max-width:760px){
 #skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog .trait-list{grid-template-columns:minmax(0,1fr)}
 #inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .inventory-heading-actions>button,#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .bag-tools summary{padding:4px 6px;font-size:11px}
}