.skills-builder{display:flex;flex-direction:column;gap:1.2rem}.skills-group{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.skills-group__header{display:flex;align-items:center;gap:0.6rem;padding:0.7rem 1rem;border-bottom:1px solid var(--border);font-family:'Cinzel',serif;font-size:0.9rem;color:var(--gold);background:rgba(0,0,0,0.2)}.skills-group__dot{width:10px;height:10px;border-radius:50%}.skills-group--hybrid{border-color:rgba(201,162,39,0.3)}.skills-group__header--hybrid{border-bottom-color:rgba(201,162,39,0.2)}.skill-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:0.8rem;padding:0.6rem 1rem;border-bottom:1px solid rgba(255,255,255,0.04);transition:background 0.15s}.skill-row:last-child{border-bottom:none}.skill-row:hover{background:rgba(255,255,255,0.02)}.skill-row__name{font-size:0.88rem;color:var(--text);display:inline-flex;align-items:center;gap:0.3rem}.skill-row__name .info-btn{flex-shrink:0}.skill-dashboard{display:flex;gap:1.5rem;align-items:stretch;margin-bottom:1rem;padding:1rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.skill-dashboard__points{text-align:center;flex-shrink:0;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:1.5rem;border-right:1px solid rgba(255,255,255,0.08)}.skill-dashboard__number{font-family:'Cinzel',serif;font-size:2.2rem;color:var(--gold);line-height:1}.skill-dashboard__number.warning{color:#e07070}.skill-dashboard__label{font-size:0.78rem;color:var(--text-muted);margin-top:0.2rem}.skill-dashboard__total{opacity:0.6}.skill-dashboard__bonuses{flex:1;display:flex;flex-direction:column;gap:0.5rem;justify-content:center}.skill-bonus-row{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.7rem;border-radius:6px;font-size:0.82rem}.skill-bonus-row--int{background:rgba(142,68,173,0.08);border:1px solid rgba(142,68,173,0.25)}.skill-bonus-row--class{background:rgba(201,162,39,0.06);border:1px solid rgba(201,162,39,0.2)}.skill-bonus-row--race{background:rgba(76,175,125,0.06);border:1px solid rgba(76,175,125,0.2)}.skill-bonus-row__icon{font-size:1rem;flex-shrink:0}.skill-bonus-row__title{font-weight:600;color:var(--text);white-space:nowrap;flex-shrink:0}.skill-bonus-row--int .skill-bonus-row__title{color:#a569bd}.skill-bonus-row--class .skill-bonus-row__title{color:var(--gold-light)}.skill-bonus-row--race .skill-bonus-row__title{color:#4caf7d}.skill-bonus-row__value{color:#a569bd;font-weight:600}.skill-bonus-row__chips{display:flex;flex-wrap:wrap;gap:0.3rem}.skill-chip{font-size:0.72rem;padding:0.15rem 0.45rem;border-radius:3px;white-space:nowrap}.skill-chip--class{background:rgba(201,162,39,0.12);color:var(--gold-light);border:1px solid rgba(201,162,39,0.3)}.skill-chip--race{background:rgba(76,175,125,0.12);color:#4caf7d;border:1px solid rgba(76,175,125,0.3)}.skill-chip--class,.skill-chip--race{cursor:pointer;transition:transform 0.15s,box-shadow 0.15s}.skill-chip--class:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(201,162,39,0.3)}.skill-chip--race:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(76,175,125,0.3)}.skill-row--highlight{animation:skill-highlight 1.5s ease-out}@keyframes skill-highlight{0%{background:rgba(201,162,39,0.2);box-shadow:inset 0 0 0 1px var(--gold)}100%{background:transparent;box-shadow:none}}.skill-row__bonus{font-size:0.72rem;color:var(--text-muted);font-style:italic}.skill-row__bonus--race{color:var(--green-bright,#4caf7d);font-style:normal}.sheet-skill__race-bonus{font-size:0.72rem;margin-left:auto;padding-left:0.4rem}.tier-bar{display:flex;gap:3px}.tier-pip{width:18px;height:18px;border-radius:3px;border:1px solid var(--border);background:var(--bg-deep);transition:background 0.15s,border-color 0.15s}.tier-pip.filled{background:var(--gold);border-color:var(--gold)}.tier-pip.bonus{background:rgba(201,162,39,0.35);border-color:var(--gold)}.skill-row__controls{display:flex;align-items:center;gap:0.4rem}.skill-tier-label{font-size:0.75rem;color:var(--text-muted);min-width:100px;width:100px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.15rem}.skill-dice-label{font-size:0.7rem;color:var(--gold-light,#e0c060);font-family:'Courier New',monospace;font-weight:700;letter-spacing:0.03em}