.builder-page button,.builder-page input{font-family:inherit;color:inherit;background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.builder-page input[type=number]::-webkit-outer-spin-button,.builder-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.builder-page input[type=number]{-moz-appearance:textfield}.builder-page{min-height:calc(100vh - var(--header-height));padding:var(--space-xl) 0 var(--space-3xl);background:radial-gradient(ellipse 70% 40% at 50% 10%,rgba(232,99,27,.06) 0%,transparent 60%),var(--bg-primary)}.builder-container{max-width:64rem;margin:0 auto;padding:0 var(--space-lg)}.progress-crumbs{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);min-height:1.4rem}.progress-crumbs.hidden{display:none}.crumb{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);padding:2px 8px;background:#e8631b14;border:1px solid var(--border-accent);border-radius:3px}.crumb-sep{color:var(--text-muted);font-size:.7rem}.step-nav{display:flex;gap:2px;margin-bottom:var(--space-xl);border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none}.step-nav::-webkit-scrollbar{display:none}.step-tab{font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;white-space:nowrap}.step-tab:hover{color:var(--text-secondary)}.step-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.step-tab.completed{color:var(--text-secondary)}.step-tab.completed:before{content:"// ";color:var(--accent-dim)}.step-panel{display:none}.step-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-panel h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.step-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:var(--space-xl)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.select-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--bg-elevated);border-radius:6px;padding:var(--space-lg) var(--space-md);cursor:pointer;transition:all .2s;text-align:left;position:relative}.select-card:hover{border-color:var(--border-accent);box-shadow:0 4px 20px #e8631b1a}.select-card.selected{border-color:var(--accent);border-top-color:var(--accent);background:#e8631b14;box-shadow:0 0 0 1px var(--accent),0 4px 20px #e8631b26}.select-card h3{font-family:var(--font-heading);font-size:1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.select-card .card-sub{font-size:.8rem;color:var(--text-muted);display:block}.select-card .card-tag{position:absolute;top:var(--space-sm);right:var(--space-sm);font-family:var(--font-mono);font-size:.7rem;color:var(--accent);background:var(--bg-elevated);padding:2px 6px;border-radius:3px;border:1px solid var(--border-accent)}.detail-box{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.detail-box.hidden{display:none}.detail-box h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.detail-bonus{color:var(--accent);font-family:var(--font-mono);font-size:.9rem;margin-bottom:var(--space-sm)}.detail-feature{color:var(--text-secondary);font-size:.9rem}.detail-box ul{list-style:none;padding:0}.detail-box li{padding:var(--space-xs) 0;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border)}.detail-box li:last-child{border-bottom:none}.choice-row{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.choice-btn{font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .2s}.choice-btn:hover{border-color:var(--border-accent);color:var(--text-secondary)}.choice-btn.selected{border-color:var(--accent);color:var(--accent);background:#e8631b1a}.class-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin:var(--space-md) 0}.stat-row{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-radius:3px;font-size:.85rem}.stat-label{color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.stat-row span:last-child{color:var(--text-secondary)}.tag{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin-left:var(--space-sm)}.feature-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-sm) 0}.feature-tag{font-family:var(--font-mono);font-size:.75rem;padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary)}.tree-block{margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:4px;border-left:2px solid var(--accent-dim)}.tree-block h5{font-size:.9rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.tree-focus{color:var(--text-muted);font-size:.8rem}.tree-block ul{padding-left:var(--space-md);margin:var(--space-xs) 0}.tree-block li{font-size:.82rem;color:var(--text-secondary)}.method-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.method-btn{font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s}.method-btn:hover{border-color:var(--border-accent)}.method-btn.active{background:#e8631b1a;border-color:var(--accent);color:var(--accent)}.attr-layout{display:grid;grid-template-columns:13rem 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl);align-items:start}.attr-pool h4{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.pool-values{display:flex;gap:var(--space-sm);flex-wrap:wrap}.pool-btn{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.pool-btn:hover{border-color:var(--accent)}.pool-btn.selected{border-color:var(--accent);background:#e8631b26;box-shadow:0 0 10px #e8631b4d}.pool-btn.used{border:2px dashed var(--border);color:transparent;cursor:default;background:none}.pool-btn.used:after{content:"—";color:var(--text-muted);opacity:.3}.attr-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-bottom:var(--space-xs);cursor:pointer;transition:all .2s;min-height:2.75rem}.attr-row:hover{border-color:var(--border-accent)}.attr-row.assignable{border-color:var(--border-accent);border-style:dashed}.attr-row.assignable:hover{border-color:var(--accent);background:#e8631b0d}.attr-row.filled{cursor:default}.attr-name{font-family:var(--font-heading);font-size:.9rem;color:var(--accent);width:3rem;letter-spacing:.06em;flex-shrink:0}.attr-full-name{color:var(--text-muted);font-size:.85rem;flex:1}.attr-score{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-primary);font-weight:700;width:2.5rem;text-align:center;flex-shrink:0}.attr-score.empty{color:var(--text-muted);font-size:.9rem}.attr-mod{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);width:2.5rem;text-align:center;flex-shrink:0}.attr-actions{width:1.5rem;flex-shrink:0;display:flex;justify-content:center}.attr-clear{font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s}.attr-clear:hover{color:var(--accent);border-color:var(--accent)}.pb-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);cursor:pointer;transition:all .15s}.pb-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pb-btn:disabled{opacity:.3;cursor:not-allowed}.pb-cost{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);width:4rem;text-align:right}.points-count{color:var(--accent);font-weight:700}.points-count.over{color:#f44}.manual-hint{font-size:.82rem;color:var(--text-muted);font-style:italic;margin-top:var(--space-xs)}.manual-input{font-family:var(--font-mono)!important;font-size:1.1rem!important;font-weight:700;color:var(--text-primary)!important;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:4px;width:3.5rem;height:2.2rem;text-align:center;padding:0 var(--space-xs);transition:border-color .2s}.manual-input::placeholder{color:var(--text-muted);opacity:.5}.manual-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 1px #e8631b4d}.manual-row{cursor:default}.derived-preview{margin-bottom:var(--space-xl)}.species-note{font-size:.85rem;color:var(--accent);font-style:italic;margin-bottom:var(--space-md)}.save-note{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:var(--space-xs)}.derived-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-sm)}.derived-item{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:var(--space-sm) var(--space-md);text-align:center}.derived-label{display:block;font-family:var(--font-heading);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}.derived-val{font-family:var(--font-mono);font-size:1.3rem;color:var(--text-primary);font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-lg)}.skill-category h4{font-size:.85rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.skill-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:3px;font-size:.85rem;border:1px solid transparent;cursor:pointer;background:none;width:100%;text-align:left;color:inherit;font-family:inherit}.skill-row:hover:not([disabled]){background:#e8631b0a;border-color:var(--border)}.skill-row.auto-prof{background:#e8631b0f;border-left:2px solid var(--accent-dim);cursor:default}.skill-row.chosen-prof{background:#4caf5014;border-left:2px solid #4caf50}.skill-name{color:var(--text-secondary);flex:1}.skill-attr{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;width:4rem}.skill-mod{color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;width:2.5rem;text-align:right}.skill-badge{font-family:var(--font-heading);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;background:var(--accent-dim);color:var(--text-primary);border-radius:3px}.skill-badge.chosen{background:#4caf50}.skill-badge.pick{background:var(--bg-card);color:var(--text-muted);border:1px dashed var(--border)}.prof-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:2px}.prof-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:.8rem;border-radius:3px}.prof-row.expert{background:#e8631b0f}.prof-name{flex:1;color:var(--text-secondary)}.prof-bonus{font-family:var(--font-mono);color:var(--text-primary);width:2.5rem;text-align:right}.prof-tier{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:1px 4px;background:var(--accent-dim);color:var(--text-primary);border-radius:2px}.prof-source{font-size:.65rem;color:var(--text-muted)}.prog-select{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:var(--space-xs) var(--space-sm);border-radius:3px;font-size:.8rem;width:100%;max-width:20rem}.prog-select:focus{border-color:var(--accent);outline:none}.equip-note{font-size:.8rem;color:var(--text-muted);margin:var(--space-xs) 0}.equip-warning{color:var(--accent)}.weapon-summary{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px}.weapon-slot{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--text-secondary)}.weapon-slot-label{font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);min-width:5.5rem}.weapon-remove-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:3px;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;padding:0;margin-left:auto}.weapon-remove-btn:hover{border-color:var(--accent);color:var(--accent)}.equip-note-inline{font-size:.75rem;color:#4caf50}.equip-warning-inline{font-size:.75rem;color:var(--accent)}.equip-item-wrap{display:flex;flex-direction:column}.weapon-qty{font-size:.7rem;color:var(--accent)}.weapon-qty-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:2px 0}.qty-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:3px;width:1.6rem;height:1.4rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;padding:0;font-family:var(--font-mono)}.qty-btn:hover:not([disabled]){border-color:var(--accent);color:var(--accent)}.qty-btn.disabled-aug{opacity:.4;cursor:not-allowed}.qty-display{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);min-width:1rem;text-align:center}.cp-budget{margin-bottom:var(--space-lg)}.cp-bar{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:var(--space-md) var(--space-lg)}.cp-label{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.cp-remaining{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent)}.cp-remaining.over{color:#f44}.cp-total{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted)}.skill-trees-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-lg)}.cp-trees-note{font-size:.85rem;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.cp-tree{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.cp-tree-recommended{border-color:var(--accent)}.recommended-badge{font-size:.7rem;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid var(--accent);border-radius:3px;padding:1px 5px;margin-left:6px;vertical-align:middle}.cp-tree-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.cp-tree-header h4{font-size:.95rem;color:var(--text-primary);margin:0}.cp-tree-abilities{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.cp-ability{display:block;width:100%;text-align:left;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.cp-ability:hover:not(:disabled){border-color:var(--border-accent)}.cp-ability.purchased{border-color:var(--accent);background:#e8631b1a;box-shadow:0 0 0 1px var(--accent)}.cp-ability.available{border-color:var(--border)}.cp-ability.available:hover{border-color:var(--accent);box-shadow:0 2px 12px #e8631b26}.cp-ability.locked{opacity:.45;cursor:not-allowed}.cp-ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.cp-ability-name{font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary)}.cp-ability-cost{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);padding:2px 6px;background:var(--bg-card);border-radius:3px;border:1px solid var(--border-accent)}.cp-ability-meta{display:flex;gap:var(--space-sm);align-items:baseline}.cp-ability-tier{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cp-ability-effect{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.cp-lock-reason{font-size:.7rem;color:var(--text-muted);font-style:italic;margin-top:var(--space-xs)}.cp-purchased-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);font-family:var(--font-heading);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;background:var(--accent);color:var(--bg-primary);border-radius:3px}.feature-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm)}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);flex-wrap:wrap;gap:var(--space-xs)}.feature-name{font-family:var(--font-heading);font-size:.95rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.feature-level{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);background:var(--bg-card);padding:1px 5px;border-radius:3px;border:1px solid var(--border-accent);margin-left:var(--space-xs)}.feature-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap}.feature-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.feature-choices{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.feature-choice-btn{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s;text-align:left;min-width:8rem;flex:1}.feature-choice-btn strong{font-family:var(--font-heading);font-size:.8rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.feature-choice-btn span{font-size:.75rem;color:var(--text-muted);line-height:1.3}.feature-choice-btn:hover{border-color:var(--border-accent)}.feature-choice-btn.selected{border-color:var(--accent);background:#e8631b1a;box-shadow:0 0 0 1px var(--accent)}.feature-choice-btn.selected strong{color:var(--accent)}.spec-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm)}.spec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.spec-header strong{font-family:var(--font-heading);font-size:.9rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.spec-role{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.spec-features{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.spec-feature-tag{font-family:var(--font-mono);font-size:.7rem;padding:2px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary)}.spell-slot-display{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.slot-badge{font-family:var(--font-mono);font-size:.78rem;padding:var(--space-xs) var(--space-sm);background:#6a5acd1a;border:1px solid rgba(106,90,205,.3);border-radius:4px;color:#b8a9e8}.cantrip-badge{background:#64c8961a;border-color:#64c8964d;color:#8fd4aa}.equipment-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.equip-section{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:var(--space-lg)}.equip-section.wide{grid-column:span 2}.equip-section h3{font-size:.9rem;color:var(--accent);margin-bottom:var(--space-sm)}.equip-section h5{font-size:.8rem;color:var(--text-secondary);margin:var(--space-sm) 0 var(--space-xs);text-transform:uppercase;letter-spacing:.04em}.equip-list{list-style:none;padding:0}.equip-list li{padding:var(--space-xs) 0;color:var(--text-secondary);font-size:.88rem;border-bottom:1px solid var(--border)}.equip-list li:last-child{border-bottom:none}.equip-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.equip-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s;text-align:left}.equip-item:hover{border-color:var(--border-accent)}.equip-item.selected{border-color:var(--accent);background:#e8631b1a;box-shadow:0 0 0 1px var(--accent)}.equip-name{font-family:var(--font-heading);font-size:.82rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.equip-stat{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.equip-props{font-size:.68rem;color:var(--text-muted);font-style:italic}.equip-range{font-size:.7rem;color:var(--text-muted)}.aug-warning{color:#f44}.aug-warning-sm{font-size:.75rem;color:#f44;font-weight:400}.aug-spell-warning{background:#ff444414;border:1px solid rgba(255,68,68,.2);border-radius:3px;padding:var(--space-xs) var(--space-sm);font-size:.8rem;color:#f66;margin-bottom:var(--space-sm)}.disabled-aug{opacity:.4;cursor:not-allowed}.lost-badge{background:#ff444426;color:#f44}.credit-budget{margin-bottom:var(--space-md)}.credits-input{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.85rem;width:5rem;text-align:center}.credits-input:focus{border-color:var(--accent);outline:none}.credit-bar{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #4caf50;padding:var(--space-sm) var(--space-md);border-radius:3px;font-size:.85rem;flex-wrap:wrap}.credit-bar.over-budget{border-left-color:#f44}.credit-remaining{font-family:var(--font-mono);font-weight:700;color:var(--text-primary)}.credit-remaining.negative{color:#f44}.cantrip-item.selected{border-color:#6a5acd99;background:#6a5acd1a;box-shadow:0 0 0 1px #6a5acd99}.equip-dv-preview{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px}.equip-dv-label{font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.equip-dv-value{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--accent)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--accent-dim);flex-wrap:wrap;gap:var(--space-md)}.name-input{font-family:var(--font-heading);font-size:1.5rem;background:transparent;border:none;border-bottom:2px solid var(--border);color:var(--text-primary);padding:var(--space-xs) 0;width:20rem;max-width:100%;outline:none;letter-spacing:.04em}.name-input:focus{border-bottom-color:var(--accent)}.sheet-name label{display:block;font-family:var(--font-heading);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-xs)}.sheet-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.meta-item{font-family:var(--font-mono);font-size:.78rem;padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary)}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.sheet-section{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:var(--space-lg)}.sheet-section.wide{grid-column:span 2}.sheet-section h3{font-size:.9rem;color:var(--accent);margin-bottom:var(--space-md)}.sheet-section h4{font-size:.85rem;color:var(--flame);margin-top:var(--space-md);margin-bottom:var(--space-sm)}.sheet-section ul{padding-left:var(--space-md)}.sheet-section li{font-size:.85rem;color:var(--text-secondary)}.sheet-attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.sheet-attr{text-align:center;padding:var(--space-sm);background:var(--bg-elevated);border-radius:4px;border:1px solid var(--border)}.combat-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.combat-stat{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-radius:3px;font-size:.85rem}.combat-stat span{color:var(--text-muted)}.combat-stat strong{color:var(--text-primary);font-family:var(--font-mono)}.save-list{display:flex;gap:var(--space-sm)}.save-row{flex:1;text-align:center;padding:var(--space-sm);background:var(--bg-elevated);border-radius:4px;border:1px solid var(--border)}.save-row.trained{border-color:var(--accent-dim);background:#e8631b0f}.save-row span{display:block;font-family:var(--font-heading);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.save-row strong{font-family:var(--font-mono);font-size:1.1rem;color:var(--text-primary)}.tree-summary{margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:4px;border-left:2px solid var(--accent-dim);font-size:.85rem}.tree-summary strong{color:var(--text-primary)}.tree-summary ul{margin:var(--space-xs) 0 0;padding-left:var(--space-md)}.tree-summary li{color:var(--text-muted);font-size:.8rem}.choice-notes{font-size:.85rem;color:var(--accent);font-style:italic}.summary-actions{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.combat-stats-prominent{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.combat-stat-big{text-align:center;padding:var(--space-md) var(--space-sm);background:var(--bg-elevated);border-radius:6px;border:1px solid var(--border)}.combat-stat-big .stat-value{display:block;font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--accent);line-height:1}.combat-stat-big .stat-label{display:block;font-family:var(--font-heading);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:var(--space-xs)}.sheet-attr-mod{display:block;font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--accent);line-height:1;margin:var(--space-xs) 0}.sheet-attr-score{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.sheet-attr-name{display:block;font-family:var(--font-heading);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.attacks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.attack-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md)}.attack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.attack-header strong{font-size:.9rem;color:var(--text-primary)}.attack-hand{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase}.attack-numbers{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.attack-roll,.attack-damage{flex:1;text-align:center;padding:var(--space-sm);background:var(--bg-card);border-radius:4px;border:1px solid var(--border)}.attack-roll-label,.attack-damage-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:var(--font-heading)}.attack-roll-value{display:block;font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--accent)}.attack-damage-value{display:block;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.attack-details{display:flex;gap:var(--space-sm);flex-wrap:wrap}.attack-details span{font-size:.7rem;color:var(--text-muted);padding:1px 6px;background:var(--bg-card);border-radius:3px;border:1px solid var(--border)}.spell-combat-stats{display:flex;gap:var(--space-sm);flex-wrap:wrap}.spell-stat{flex:1;min-width:8rem;text-align:center;padding:var(--space-sm);background:var(--bg-elevated);border-radius:4px;border:1px solid var(--border)}.spell-stat span{display:block;font-size:.65rem;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.06em}.spell-stat strong{display:block;font-family:var(--font-mono);font-size:1.1rem;color:var(--accent)}.tracker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-md)}.tracker-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md)}.tracker-block h4{font-size:.8rem;color:var(--accent);margin-bottom:var(--space-sm)}.tracker-hint{font-size:.7rem;color:var(--text-muted);margin-bottom:var(--space-sm);font-style:italic}.tracker-hp{display:flex;gap:var(--space-md);align-items:center}.tracker-hp>div{text-align:center}.tracker-hp label{display:block;font-size:.6rem;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.06em;margin-bottom:2px}.hp-input{width:4rem;text-align:center;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:var(--space-xs)}.hp-input:focus{border-color:var(--accent);outline:none}.hp-max span{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--text-muted)}.tracker-checkboxes{display:flex;flex-wrap:wrap;gap:4px}.tracker-check{display:inline-flex;align-items:center;gap:2px;cursor:pointer}.tracker-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.tracker-check span{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.tracker-check.slot span{display:block;width:18px;height:18px;border:2px solid var(--border);border-radius:50%}.tracker-check.slot input:checked+span{background:var(--accent);border-color:var(--accent)}.spell-slot-tracker{display:flex;align-items:center;gap:6px;margin-bottom:4px}.slot-level{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);min-width:2rem}.exhaustion-track{display:flex;flex-direction:column;gap:3px}.exhaust-level{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.75rem;color:var(--text-secondary);padding:2px 0}.exhaust-level input{accent-color:var(--accent);cursor:pointer}.exhaust-level:has(input:checked) span{color:var(--accent);font-weight:600}.session-notes{width:100%;min-height:5rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:var(--space-sm);font-family:var(--font-body);font-size:.8rem;resize:vertical}.session-notes:focus{border-color:var(--accent);outline:none}.action-ref-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.action-budget{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:2px solid var(--accent-dim);border-radius:6px;font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary)}.action-budget.reaction{border-color:var(--plasma-blue)}.action-budget.reaction .action-count{background:var(--plasma-blue)}.action-budget.free{border-color:var(--toxic-green)}.action-budget.free .action-count{background:var(--toxic-green)}.action-count{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;background:var(--accent);color:var(--bg-primary);border-radius:50%;font-size:1rem;font-weight:700;font-family:var(--font-mono)}.action-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.action-col h4{font-size:.8rem;color:var(--accent);margin-bottom:var(--space-sm)}.action-col ul{padding-left:var(--space-md)}.action-col li{font-size:.78rem;color:var(--text-secondary);margin-bottom:3px}.action-col li strong{color:var(--text-primary)}.combat-ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.ref-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md)}.ref-block h4{font-size:.8rem;color:var(--accent);margin-bottom:var(--space-sm)}.ref-block ul{padding-left:var(--space-md)}.ref-block li{font-size:.78rem;color:var(--text-secondary);margin-bottom:3px}.ref-block li strong{color:var(--text-primary)}.ref-note{font-size:.7rem;color:var(--text-muted);font-style:italic;margin-top:var(--space-sm)}.map-table{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-sm)}.map-row{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border-radius:3px;font-size:.8rem}.map-row span{color:var(--text-secondary)}.map-row strong{font-family:var(--font-mono);color:var(--text-primary)}.rest-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.rest-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md)}.rest-block h4{font-size:.8rem;color:var(--accent);margin-bottom:var(--space-sm)}.rest-block ul{padding-left:var(--space-md)}.rest-block li{font-size:.78rem;color:var(--text-secondary);margin-bottom:3px}.conditions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px var(--space-lg)}.conditions-grid div{font-size:.78rem;color:var(--text-secondary)}.conditions-grid div strong{color:var(--text-primary)}@media(max-width:768px){.combat-stats-prominent{grid-template-columns:repeat(2,1fr)}.action-columns,.combat-ref-grid,.rest-ref-grid,.conditions-grid,.tracker-grid,.attacks-grid{grid-template-columns:1fr}}.step-buttons{display:flex;justify-content:space-between;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.btn-primary,.btn-secondary{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm) var(--space-xl);border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-secondary)}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.muted{color:var(--text-muted);font-style:italic}@media(max-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}.attr-layout,.class-stats,.equipment-layout{grid-template-columns:1fr}.equip-section.wide{grid-column:span 1}.sheet-grid{grid-template-columns:1fr}.sheet-section.wide{grid-column:span 1}.sheet-header{flex-direction:column}.name-input{width:100%}.feature-choices{flex-direction:column}.equip-catalog{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}@media(max-width:480px){.card-grid{grid-template-columns:1fr}.step-nav{gap:0}.step-tab{padding:var(--space-xs) var(--space-sm);font-size:.7rem}}.doctrine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.doctrine-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-md);cursor:pointer;text-align:left;transition:all .2s}.doctrine-btn:hover{border-color:var(--border-accent);box-shadow:0 2px 12px #e8631b1a}.doctrine-btn.selected{border-color:var(--accent);background:#e8631b14;box-shadow:0 0 0 1px var(--accent)}.doctrine-btn strong{display:block;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.9rem}.doctrine-btn span{font-size:.8rem;color:var(--text-muted)}.doctrine-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg);opacity:.6}.preview-item{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:6px;padding:var(--space-sm) var(--space-md)}.preview-item strong{display:block;color:var(--text-secondary);margin-bottom:2px;font-size:.85rem}.preview-item span{font-size:.78rem;color:var(--text-muted)}.ref-panel{margin-bottom:var(--space-md);border:1px solid var(--border);border-radius:6px;overflow:hidden}.ref-panel summary{cursor:pointer;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border);list-style:none}.ref-panel summary::-webkit-details-marker{display:none}.ref-panel summary:before{content:"▶";display:inline-block;margin-right:var(--space-xs);font-size:.65rem;color:var(--accent);transition:transform .2s}.ref-panel[open] summary:before{transform:rotate(90deg)}.ref-panel summary h4{display:inline;font-size:.9rem;color:var(--text-primary)}.ref-panel summary h4 .feature-meta{font-weight:400;font-size:.75rem;color:var(--text-muted);margin-left:var(--space-xs)}.talent-list{padding:var(--space-md)}.talent-list h5{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:var(--space-md) 0 var(--space-xs)}.talent-list h5:first-child{margin-top:0}.talent-item{padding:var(--space-xs) 0;border-bottom:1px solid var(--border)}.talent-item:last-child{border-bottom:none}.talent-item strong{color:var(--text-primary);font-size:.85rem;display:block}.talent-enhances{display:block;font-size:.75rem;color:var(--accent-dim);font-style:italic}.talent-effect{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.talent-requires{display:block;font-size:.72rem;color:var(--accent);margin-top:2px}.mastery-list{padding:var(--space-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-sm)}.mastery-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-sm) var(--space-md)}.mastery-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.mastery-header strong{color:var(--text-primary);font-size:.9rem}.mastery-stats{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);background:var(--bg-card);padding:1px 6px;border-radius:3px}.mastery-narrative{display:block;font-size:.78rem;color:var(--text-muted);font-style:italic;margin-bottom:var(--space-xs)}.mastery-features{display:flex;flex-wrap:wrap;gap:4px}.mastery-feature-tag{font-size:.7rem;color:var(--text-secondary);background:var(--bg-card);padding:2px 6px;border-radius:3px;border:1px solid var(--border)}.ref-note{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-sm);font-style:italic}.cross-training-info{padding:var(--space-md)}.ref-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:var(--space-sm)}.ref-table th,.ref-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border);text-align:left}.ref-table th{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.ref-table td{color:var(--text-secondary)}.progression-ref{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.prog-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);background:var(--bg-elevated);padding:2px 8px;border-radius:3px;border:1px solid var(--border)}.ref-panel-inline{margin-top:var(--space-sm);margin-bottom:var(--space-xs)}.ref-panel-inline summary{cursor:pointer;font-size:.85rem;color:var(--accent);margin-bottom:var(--space-xs)}.ref-panel-inline ul{margin:0;padding-left:var(--space-lg);font-size:.82rem;color:var(--text-muted)}.ref-panel-inline li{margin-bottom:var(--space-xs);line-height:1.4}.ref-panel-inline li strong{color:var(--text-primary)}.config-section{margin-bottom:var(--space-lg);border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.config-section[open]{border-color:var(--border-accent)}.config-section-header{font-family:var(--font-heading);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);cursor:pointer;padding:var(--space-md) var(--space-lg);list-style:none;display:flex;align-items:center;gap:var(--space-sm)}.config-section-header::-webkit-details-marker{display:none}.config-section-header:before{content:"▶";font-size:.7rem;transition:transform .2s}.config-section[open]>.config-section-header:before{transform:rotate(90deg)}.config-section>.step-desc,.config-section>.cp-budget,.config-section>.skills-grid,.config-section>.skill-trees-panel,.config-section>.progression-timeline{padding:0 var(--space-lg) var(--space-lg)}.level-selector{margin-bottom:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:var(--space-lg)}.level-selector label{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);display:block;margin-bottom:var(--space-sm)}.level-slider-row{display:flex;align-items:center;gap:var(--space-md)}.level-slider-row input[type=range]{flex:1;height:6px;background:var(--border);border-radius:3px;cursor:pointer;accent-color:var(--accent);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.level-display{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--accent);min-width:2.5rem;text-align:center}.prog-stats-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px}.prog-stat{font-size:.85rem;color:var(--text-muted);padding-right:var(--space-md);border-right:1px solid var(--border)}.prog-stat:last-child{border-right:none;padding-right:0}.prog-stat strong{color:var(--text-primary)}.asi-summary{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.asi-badge{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);background:#e8631b1a;padding:2px 8px;border-radius:3px;border:1px solid var(--border-accent)}.asi-delta{font-size:.65rem;color:var(--accent);margin-left:2px}.timeline{position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:1.1rem;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.timeline-marker{position:absolute;left:-2.9rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:1}.timeline-marker span{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.timeline-item.milestone .timeline-marker{border-color:var(--accent);background:#e8631b26}.timeline-item.milestone .timeline-marker span{color:var(--accent)}.timeline-item.current .timeline-marker{border-color:var(--accent);background:var(--accent);box-shadow:0 0 10px #e8631b66}.timeline-item.current .timeline-marker span{color:var(--bg-primary);font-weight:700}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:var(--space-md)}.timeline-item.milestone .timeline-content{border-left:3px solid var(--accent)}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs)}.timeline-header strong{color:var(--text-primary);font-size:.95rem}.timeline-label{font-size:.78rem;color:var(--text-muted)}.timeline-features{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-xs)}.feature-tag-sm{font-size:.72rem;color:var(--text-secondary);background:var(--bg-elevated);padding:2px 8px;border-radius:3px;border:1px solid var(--border)}.timeline-choice{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border)}.timeline-choice label{display:block;font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:var(--space-xs)}.choice-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-xs)}.choice-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:var(--space-sm) var(--space-md);cursor:pointer;text-align:left;transition:all .15s}.choice-btn:hover{border-color:var(--border-accent)}.choice-btn.selected{border-color:var(--accent);background:#e8631b14}.choice-btn strong{display:block;color:var(--text-primary);font-size:.85rem}.choice-btn span{font-size:.75rem;color:var(--text-muted)}.choice-btn-sm{font-size:.75rem;color:var(--accent);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:4px;padding:2px 10px;cursor:pointer;transition:all .15s}.choice-btn-sm.selected{background:var(--accent);color:var(--bg-primary)}.spec-features-list{margin-top:var(--space-sm)}.spec-feature-item{padding:var(--space-xs) 0;font-size:.82rem;border-bottom:1px solid var(--border)}.spec-feature-item:last-child{border-bottom:none}.spec-feature-item strong{color:var(--text-primary)}.spec-feature-item span{color:var(--text-muted);margin-left:var(--space-xs)}.talent-select{margin-bottom:var(--space-xs)}.talent-selected{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:#e8631b0f;border:1px solid var(--border-accent);border-radius:6px;margin-bottom:var(--space-xs)}.talent-selected.legendary{border-color:var(--accent);background:#e8631b1f}.talent-selected strong{color:var(--text-primary);font-size:.85rem}.talent-enhances-sm{font-size:.72rem;color:var(--accent-dim);font-style:italic}.talent-effect-sm{font-size:.78rem;color:var(--text-muted);flex-basis:100%}.talent-picker{border:1px solid var(--border);border-radius:6px;overflow:hidden}.talent-picker summary{cursor:pointer;padding:var(--space-xs) var(--space-sm);font-size:.8rem;color:var(--accent);background:var(--bg-elevated)}.talent-options{max-height:20rem;overflow-y:auto;padding:var(--space-xs)}.talent-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding:var(--space-xs) var(--space-sm);margin-top:var(--space-xs)}.talent-option{display:block;width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;margin-bottom:2px;background:none}.talent-option:hover{background:var(--bg-elevated);border-color:var(--border)}.talent-option.selected{background:#e8631b14;border-color:var(--accent)}.talent-option.legendary{border-left:2px solid var(--accent)}.talent-option strong{display:block;font-size:.82rem;color:var(--text-primary)}.talent-option em{display:block;font-size:.72rem;color:var(--accent-dim)}.talent-option span{display:block;font-size:.75rem;color:var(--text-muted)}.asi-mode-toggle{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.asi-attrs{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;margin-bottom:var(--space-xs)}.asi-label{font-size:.78rem;color:var(--text-muted);margin-right:var(--space-xs)}.attr-btn{font-size:.78rem;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .15s}.attr-btn:hover{border-color:var(--border-accent)}.attr-btn.selected{border-color:var(--accent);background:#e8631b14;color:var(--text-primary)}.attr-btn.disabled{opacity:.3;cursor:not-allowed}.mastery-selected{padding:var(--space-sm);background:#e8631b0f;border:1px solid var(--border-accent);border-radius:6px;margin-bottom:var(--space-xs)}.mastery-selected strong{color:var(--text-primary);font-size:.9rem}.mastery-features-inline{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs);font-size:.78rem;color:var(--text-muted)}.mastery-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-xs);padding:var(--space-sm);max-height:30rem;overflow-y:auto}.mastery-option{display:block;text-align:left;padding:var(--space-sm);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;background:none}.mastery-option:hover{border-color:var(--border-accent);background:var(--bg-elevated)}.mastery-option.selected{border-color:var(--accent);background:#e8631b14}.mastery-opt-header{display:flex;justify-content:space-between;margin-bottom:2px}.mastery-opt-header strong{color:var(--text-primary);font-size:.85rem}.mastery-opt-header span{font-size:.7rem;color:var(--accent)}.mastery-option em{display:block;font-size:.72rem;color:var(--text-muted);font-style:italic;margin-bottom:4px}.mastery-opt-features{display:block;font-size:.7rem;color:var(--text-secondary)}