.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:fixed;z-index:10000;pointer-events:none;opacity:0;animation:tooltipFadeIn .2s ease forwards;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);contain:layout style paint;will-change:transform;isolation:isolate}.tooltip-content{background:#0a0a0ffa;color:#fffffff2;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;min-width:280px;max-width:min(400px,calc(100vw - 40px));width:max-content;max-height:min(500px,calc(100vh - 40px));overflow-y:auto;overflow-x:hidden;box-shadow:0 8px 24px #000000e6,0 0 0 2px #fff3,inset 0 0 20px #00000080;border:2px solid rgba(255,255,255,.3);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;backdrop-filter:blur(10px);box-sizing:border-box;hyphens:auto;text-overflow:ellipsis}.companion-tooltip{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;width:100%;box-sizing:border-box}.tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.1);min-width:0}.tooltip-header strong{font-size:1rem;color:var(--text-primary);flex:1;min-width:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.tooltip-rarity{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);background:#c9a96133;color:var(--accent-gold);font-weight:600}.tooltip-description{font-size:.8rem;color:var(--text-secondary);margin:var(--spacing-xs) 0;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.tooltip-info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:.8rem;padding:4px 0;min-width:0}.tooltip-info-row span:first-child{flex-shrink:0;white-space:nowrap}.tooltip-info-row span:last-child{flex:1;min-width:0;text-align:right;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.tooltip-info-row span:first-child{color:var(--text-secondary)}.tooltip-info-row span:last-child{color:var(--text-primary);font-weight:500}.tooltip-section-title{font-size:.85rem;font-weight:600;color:var(--accent-gold);margin-top:var(--spacing-xs);margin-bottom:4px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.tooltip-ritual,.tooltip-quest,.tooltip-shop,.tooltip-evolution{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);border-left:3px solid;min-width:0;box-sizing:border-box}.tooltip-ritual{border-left-color:#ff9800}.tooltip-quest{border-left-color:#2196f3}.tooltip-shop{border-left-color:#4caf50}.tooltip-evolution{border-left-color:#9c27b0}.tooltip-ritual-desc{font-size:.75rem;color:var(--text-secondary);margin:4px 0;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.tooltip-requirements{margin-top:var(--spacing-xs)}.tooltip-requirement-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);font-size:.75rem;padding:4px 0;color:var(--text-secondary);min-width:0}.tooltip-requirement-item span:first-child{flex:1;min-width:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.tooltip-requirement-item span:last-child{flex-shrink:0;white-space:nowrap}.tooltip-action-hint{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.05)}.tooltip-warning{font-size:.75rem;color:#ff6b6b;margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:#ff6b6b1a;border-radius:var(--radius-sm);border-left:3px solid #ff6b6b}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.tooltip-arrow-top{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:rgba(10,10,15,.98) transparent transparent transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.tooltip-arrow-bottom{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent rgba(10,10,15,.98) transparent;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.5))}.tooltip-arrow-left{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(10,10,15,.98);filter:drop-shadow(2px 0 4px rgba(0,0,0,.5))}.tooltip-arrow-right{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent rgba(10,10,15,.98) transparent transparent;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.5))}@media (max-width: 768px){.tooltip-content{min-width:240px;max-width:300px;font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.tooltip-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.tooltip-header strong{width:100%}}.skills{width:100%;padding:var(--spacing-lg) 0}.skills .page-header-desc{margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .65));max-width:560px;line-height:1.5}.skills-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.skills-tab{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:.95rem;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:.5rem}.skills-tab:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary)}.skills-tab.active{background:linear-gradient(135deg,#4a9eff40,#4a9eff1a);border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600;box-shadow:0 0 12px #c9a96133}.skills-tab-badge{background:#ffffff26;color:inherit;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.skills-tab.active .skills-tab-badge{background:#c9a9614d;color:var(--accent-gold)}.skills-empty-state{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-muted);background:var(--bg-tertiary);border:1px dashed var(--border-primary);border-radius:var(--radius-lg)}.skills-empty-state p{margin:0 0 var(--spacing-sm) 0;font-size:1rem}.skills-empty-state .hint{font-size:.9rem;opacity:.85}.skills-how-it-works{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.skills-how-it-works summary{cursor:pointer;font-weight:600;color:var(--text-primary);list-style:none;user-select:none}.skills-how-it-works summary::-webkit-details-marker{display:none}.skills-how-it-works summary:before{content:"▶ ";font-size:.75em;opacity:.8}.skills-how-it-works[open] summary:before{content:"▼ "}.skills-how-it-works-body{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.skills-how-it-works-body p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.skills-how-it-works-body p:last-child{margin-bottom:0}.skills-error-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#4a1a1a99;border:1px solid var(--text-danger, #f44336);border-radius:var(--radius-md);color:#ff6b6b;font-weight:500}.current-action{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0003}.current-action h3{margin-bottom:var(--spacing-sm);color:#ffffffe6;font-weight:600;font-size:1.1rem}.action-progress{display:flex;align-items:center;gap:var(--spacing-md)}.action-progress .progress-bar{flex:1;height:28px;background:var(--gradient-gold);border-radius:var(--radius-md);transition:width var(--transition-normal);box-shadow:0 0 8px #c9a96166}.btn-stop{padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-crimson);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-normal)}.btn-stop:hover{transform:translateY(-2px);box-shadow:0 4px 8px #8b263566}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.skills-runes-panel{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000059}.skills-runes-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.skills-runes-header h2{margin:0 0 var(--spacing-xs) 0;color:#ffffffe6;font-size:1.2rem;font-weight:600}.skills-runes-header p{margin:0;color:#fff9;font-size:.9rem}.skills-runes-empty{padding:var(--spacing-md);background:var(--bg-tertiary);border:1px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.skills-runes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.skills-runes-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-tertiary);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.skills-runes-card-header{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.skills-runes-card-icon{font-size:1.75rem}.skills-runes-card-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.skills-runes-card-header p{margin:.3rem 0 0;color:var(--text-secondary);font-size:.85rem}.skills-runes-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skills-rune-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.skills-rune-row.active{border-color:#2ecc7180;background:#2ecc7114}.skills-rune-row.locked{opacity:.7}.skills-rune-icon{font-size:1.2rem}.skills-rune-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.skills-rune-name{color:var(--text-primary);font-weight:600;font-size:.9rem}.skills-rune-desc{color:var(--text-secondary);font-size:.8rem}.skills-rune-status{display:flex;gap:var(--spacing-xs)}.status-chip{font-size:.7rem;padding:.2rem .45rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;font-weight:700;border:1px solid transparent}.status-chip.active{color:var(--text-success);border-color:#2ecc7166;background:#2ecc711f}.status-chip.locked{color:var(--text-muted);border-color:#7878784d;background:#7878781f}.skill-card{position:relative;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.skill-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #c9a96133}.skill-card-ability{border:2px solid var(--accent-purple);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(107,76,122,.2) 100%);box-shadow:0 4px 12px #6b4c7a33}.skill-card-ability:hover{border-color:#8b6c9a;box-shadow:0 6px 16px #6b4c7a66;transform:translateY(-3px)}.skill-card-ability .skill-header h3{color:#c8a8e8}.skill-card-ability .skill-header h3:before{content:"✨ ";margin-right:.25rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);text-align:left}.skill-header h3{font-size:1.15rem;color:var(--text-primary);margin:0;font-weight:600;text-align:left}.skill-level{color:var(--accent-gold);font-weight:700;font-size:1rem;margin:0;text-align:right;white-space:nowrap;min-width:3.5rem;flex-shrink:0}.skill-passive-desc{margin:.25rem 0 0;color:var(--text-secondary, rgba(255, 255, 255, .65));font-size:.875rem;line-height:1.4}.skill-progress{margin-bottom:var(--spacing-md)}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;text-align:left}.progress-bar-container{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-primary)}.progress-bar-fill{height:100%;background:var(--gradient-gold);transition:width var(--transition-normal);box-shadow:0 0 6px #c9a96180}.skill-actions{margin-top:var(--spacing-md)}.btn-action{width:100%;padding:var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal);font-weight:600}.btn-action:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-gold)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl);backdrop-filter:blur(4px)}.modal-content{background:var(--gradient-card);border:2px solid var(--accent-gold);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px var(--shadow-dark)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.modal-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:var(--radius-sm)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--border-primary)}.modal-header h2{margin:0;color:var(--accent-gold);font-size:1.5rem;font-weight:700;text-align:left}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.75rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.actions-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.action-item{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-normal)}.action-item:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.action-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-info h3{margin:0;color:var(--text-primary);font-size:1.15rem;font-weight:600;text-align:left}.action-info p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6;text-align:left}.action-details{display:flex;gap:var(--spacing-md);flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary);text-align:left}.action-details span{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-primary);margin:0}.action-resources,.action-rewards{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:.9rem;border:1px solid var(--border-primary);text-align:left}.action-resources strong,.action-rewards strong{color:var(--accent-gold);display:block;margin:0 0 var(--spacing-xs) 0;text-align:left}.action-resources ul,.action-rewards ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary);text-align:left}.action-resources li.insufficient{color:var(--text-danger)}.action-item .btn-primary{align-self:flex-end;padding:var(--spacing-sm) var(--spacing-lg)}.skill-card .tooltip-text{visibility:hidden;opacity:0;position:absolute;z-index:1000;top:100%;left:50%;transform:translate(-50%) translateY(.5rem);margin-top:2px;background:#1a1a2e;color:#fffffff2;text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(201,169,97,.4);box-shadow:0 8px 24px #0009;font-size:.85rem;line-height:1.6;min-width:260px;max-width:380px;white-space:pre-wrap;overflow:visible;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.skill-card:has(.rune-item:hover)>.tooltip-text{visibility:hidden!important;opacity:0!important}.skill-card .tooltip-text:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #1a1a2e transparent}.skill-card:hover .tooltip-text{visibility:visible;opacity:1}.ability-runes{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.runes-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.rune-item{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);font-size:.85rem}.rune-item:hover:not(.locked){border-color:var(--accent-gold);background:var(--bg-hover)}.rune-item.active{border-color:var(--text-success);background:#22c55e1a}.rune-item.locked{opacity:.6;cursor:not-allowed}.rune-icon{font-size:1rem}.rune-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.rune-name{color:var(--text-primary);font-weight:600}.rune-effect{font-size:.75rem;color:var(--text-secondary)}.rune-active{color:var(--text-success);font-weight:700;font-size:1.1rem}.rune-locked{color:var(--text-muted);font-size:.9rem}.rune-item .tooltip-text{visibility:hidden;opacity:0;position:absolute;z-index:1200;bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem);margin-bottom:4px;background:#1a1a2e;color:#fffffff2;text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(201,169,97,.4);box-shadow:0 8px 24px #0009;font-size:.85rem;line-height:1.5;min-width:240px;max-width:320px;white-space:normal;word-wrap:break-word;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.rune-item .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1a1a2e transparent transparent transparent}.rune-item:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.tooltip-description{color:var(--text-secondary);margin-bottom:.5rem}.tooltip-effect{color:var(--accent-gold);margin-bottom:.25rem}.tooltip-unlock{color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.tooltip-hint{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-top:.5rem}.tooltip-active{color:var(--text-success);font-weight:600;margin-top:.5rem}@media (max-width: 768px){.skills-grid,.skills-runes-list{grid-template-columns:1fr}.modal-overlay{padding:var(--spacing-md)}}.inventory{width:100%;padding:var(--spacing-lg) 0}.inventory-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.inventory-actions{margin-bottom:var(--spacing-xl)}.stat-card{padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:200px}.stat-label{color:var(--text-secondary);font-size:.9rem;margin:0;text-align:left}.stat-value{color:var(--text-primary);font-weight:700;font-size:1.1rem;margin:0;text-align:right}.stat-value.gold{color:var(--accent-gold);text-shadow:0 0 8px rgba(201,169,97,.4)}.empty-inventory{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:#fff9;font-style:italic;backdrop-filter:blur(5px)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}.item-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003;backdrop-filter:blur(5px)}.item-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:var(--bg-hover)}.item-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;min-width:60px;filter:drop-shadow(0 2px 4px rgba(201,169,97,.2))}.item-info h3{font-size:1.1rem;color:var(--text-primary);margin:0;font-weight:600;text-align:left}.item-name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.resource-quality{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.resource-quality.quality-common{background:#ffffff1a;color:var(--text-secondary);border-color:var(--border-primary)}.resource-quality.quality-quality{background:#3b82f633;color:#60a5fa;border-color:#3b82f6}.resource-quality.quality-superior{background:#a855f733;color:#a78bfa;border-color:#a855f7}.resource-quality.quality-legendary{background:#eab30833;color:#fbbf24;border-color:#eab308;box-shadow:0 0 8px #eab30866}.item-affixes{margin-top:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-affixes strong{font-size:.85rem;color:var(--text-secondary)}.affix-item{margin-bottom:var(--spacing-xs)}.affix-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-primary);margin-right:var(--spacing-xs);cursor:help}.affix-icon{font-size:.9rem}.affix-name{font-weight:600;color:var(--text-primary)}.affix-description{font-size:.7rem;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-lock-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#eab30833;color:#fbbf24;border:1px solid #eab308;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;margin-left:var(--spacing-xs);cursor:help}.item-details{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs);text-align:left}.item-type{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:uppercase;border:1px solid var(--border-primary);letter-spacing:.5px;margin:0;text-align:center}.item-quantity{font-weight:700;color:var(--accent-gold);font-size:.9rem;margin:0;text-align:right}@media (max-width: 768px){.inventory-grid{grid-template-columns:1fr}.stat-card{min-width:100%}.item-card{flex-direction:column;text-align:center}}.stats-page{width:100%;padding:var(--spacing-lg) 0;position:relative;overflow:visible}.stats-info{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #0003;backdrop-filter:blur(5px)}.gold-display{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-sm)}.gold-label{color:var(--text-secondary);font-size:.9rem;margin:0}.gold-value{color:var(--accent-gold);font-size:1.1rem;font-weight:700;text-shadow:0 0 8px rgba(201,169,97,.4);margin:0}.experience-display{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.experience-label{color:var(--text-secondary);font-size:.85rem;margin:0}.experience-level{color:var(--accent-gold);font-size:1.1rem;font-weight:700;margin:0}.experience-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-bar-container{width:100%;height:20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px var(--shadow-dark)}.progress-bar-container .progress-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6),1px 1px 2px rgba(0,0,0,.9);pointer-events:none}.progress-bar-fill{height:100%;background:var(--gradient-gold);transition:width var(--transition-normal);box-shadow:0 0 8px #c9a96180}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.error-message{background:#8b263533;border:1px solid var(--accent-crimson);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);color:var(--text-danger)}.combat-stats-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.combat-stats-section h2{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.25rem;font-weight:700;border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-xs)}.combat-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm);background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-lg);position:relative;overflow:visible;border:1.5px solid var(--border-primary);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a9611a,inset 0 0 20px #0000004d}.combat-stat-card{display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.combat-stat-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-align:center;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.combat-stat-value{font-size:1.2rem;font-weight:700;color:var(--accent-gold);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);align-items:stretch;position:relative;overflow:visible;width:100%;box-sizing:border-box;background:#0003;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stats-grid h2{grid-column:1 / -1;margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1.25rem;font-weight:700;border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.stat-card{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;overflow:visible;min-height:260px;min-width:0;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0003;box-sizing:border-box;isolation:isolate}.stat-header{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;text-align:left;overflow:visible}.stat-header .tooltip-container{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;position:relative;overflow:visible}.stat-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.stat-header h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600;text-align:left;white-space:normal;word-break:normal;overflow:visible;min-width:0;flex:1}.stat-value-display{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);text-align:left}.stat-current-value{font-size:1.75rem;margin:0;font-weight:700;color:var(--accent-gold)}.stat-next-value{font-size:1.1rem;color:var(--text-success);font-weight:600}.stat-description{flex:1 1 auto;min-height:4em;text-align:left;font-size:.9rem;line-height:1.4;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0}.stat-upgrade{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);text-align:left}.upgrade-cost{display:flex;justify-content:space-between;align-items:center;text-align:left}.cost-label{color:var(--text-secondary);font-size:.9rem;margin:0}.cost-value{color:var(--accent-gold);font-weight:700;font-size:1.1rem}.cost-value.insufficient{color:var(--text-danger)}.btn-upgrade{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;background:var(--gradient-gold);color:var(--bg-primary);border:1px solid var(--accent-gold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-weight:600}.btn-upgrade:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9a96166}.btn-upgrade:disabled,.btn-upgrade.disabled{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.stat-points-display{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);text-align:left}.stat-points-label{color:var(--text-secondary);font-size:.9rem;margin:0}.stat-points-value{color:var(--accent-gold);font-size:1.1rem;font-weight:700;margin:0}.tooltip-text{visibility:hidden;opacity:0;position:absolute;z-index:1000;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-card);color:var(--text-primary);text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:0 4px 16px var(--shadow-dark);font-size:.85rem;line-height:1.5;min-width:200px;max-width:350px;white-space:normal;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal);margin-left:0;margin-right:0}.tooltip-container{position:relative;display:inline-block;cursor:help;overflow:visible}.combat-stat-card{position:relative;overflow:visible}.combat-stat-card .tooltip-container{width:100%;display:flex;flex-direction:column;align-items:center;overflow:visible}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--bg-card) transparent transparent transparent}.tooltip-container:hover .tooltip-text,.combat-stat-card:hover .tooltip-text,.stat-card:hover .tooltip-text{visibility:visible;opacity:1}.stat-header .tooltip-text{bottom:calc(100% + 8px);left:0;transform:none;margin-left:0}.stat-header .tooltip-text:after{top:100%;left:20px;transform:none;border-color:var(--bg-card) transparent transparent transparent}.tooltip-title{font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-xs);font-size:.95rem}.tooltip-line{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.tooltip-formula{color:var(--text-success);font-family:monospace;font-size:.8rem;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary)}.combat-stat-card .tooltip-container{width:100%}.combat-stat-label.tooltip-container{cursor:help}.synergy-triads-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.synergy-triads-section h2{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.25rem;font-weight:700;border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-xs)}.triads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.triad-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a9611a,inset 0 0 20px #0000004d}.triad-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.triad-icon{font-size:1.5rem}.triad-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.triad-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.triad-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.triad-tier{display:flex;justify-content:space-between;align-items:center}.tier-label{color:var(--text-secondary);font-size:.85rem}.tier-value{color:var(--accent-gold);font-weight:700;font-size:1rem}.triad-stats-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.triad-stat{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-primary)}.triad-effects{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.triad-effect{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;color:var(--text-primary)}.effect-icon{font-size:1rem}.effect-text{color:var(--text-secondary)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.combat-stats-grid{grid-template-columns:repeat(2,1fr)}.triads-grid{grid-template-columns:1fr}}.equipment-context-menu{background:#0a0a0ffa;border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 8px 24px #000000e6;padding:var(--spacing-xs);min-width:150px;backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease forwards}.equipment-context-menu-item{width:100%;padding:var(--spacing-sm);background:transparent;border:none;color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.equipment-context-menu-item:hover{background:var(--bg-hover);color:var(--accent-gold)}.equipment-context-menu-item:active{background:var(--bg-tertiary)}.equipment-context-menu-item:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.comparison-modal-multi-panel{position:fixed;bottom:20px;right:20px;width:calc(100% - 40px);max-width:1200px;max-height:80vh;background:var(--gradient-card);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px #000c,0 0 0 1px #c9a9614d,inset 0 0 40px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.comparison-modal-multi-panel .multi-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-primary)}.comparison-modal-multi-panel .multi-comparison-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.comparison-modal-multi-panel .btn-close-multi-comparison{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.5rem;line-height:1;transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.comparison-modal-multi-panel .btn-close-multi-comparison:hover{color:var(--text-primary);background:var(--bg-hover);transform:scale(1.1)}.comparison-modal-multi-panel .multi-comparison-content{overflow-x:auto;overflow-y:auto;flex:1}.comparison-modal-multi-panel .multi-comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-modal-multi-panel .multi-comparison-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.comparison-modal-multi-panel .multi-comparison-table th{padding:var(--spacing-sm);text-align:left;color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-primary);border-right:1px solid var(--border-primary)}.comparison-modal-multi-panel .multi-comparison-table th:last-child{border-right:none}.comparison-modal-multi-panel .comparison-item-header-cell{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.comparison-modal-multi-panel .comparison-item-name-cell{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-modal-multi-panel .btn-remove-from-comparison{padding:2px 6px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;line-height:1;transition:all var(--transition-fast);flex-shrink:0}.comparison-modal-multi-panel .btn-remove-from-comparison:hover{background:var(--gradient-crimson);color:#fff;border-color:transparent}.comparison-modal-multi-panel .multi-comparison-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);color:var(--text-primary)}.comparison-modal-multi-panel .multi-comparison-table td:last-child{border-right:none}.comparison-modal-multi-panel .multi-comparison-table .stat-label{font-weight:600;background:var(--bg-tertiary);position:sticky;left:0;z-index:5;min-width:150px}.comparison-modal-multi-panel .multi-comparison-table .stat-value{text-align:center;min-width:120px}.comparison-modal-multi-panel .multi-comparison-table tbody tr:hover{background:var(--bg-hover)}.transmute-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.transmute-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #4a7c2a;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #4a7c2a4d;animation:slideUp .3s ease}.transmute-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #4a7c2a;background:linear-gradient(135deg,#4a7c2a33,#6ba33a1a)}.transmute-modal-header h3{margin:0;color:#8bc34a;font-size:1.5rem}.btn-close-modal{background:transparent;border:none;color:#e0e0e0;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-close-modal:hover{background:#ffffff1a;color:#fff}.transmute-modal-content{padding:20px}.transmute-modal-body{background:#00000059;border:1px solid rgba(74,124,42,.4);border-radius:10px;padding:16px 20px;margin-top:12px}.transmute-item-info{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;margin-bottom:20px}.transmute-item-icon{font-size:3rem;line-height:1}.transmute-item-details h4{margin:0 0 8px;color:#e0e0e0;font-size:1.3rem}.transmute-quality-info{color:#b0b0b0;font-size:.95rem}.transmute-quality-info strong{color:#8bc34a}.transmute-targets h5{color:#e0e0e0;margin-bottom:15px;font-size:1.1rem}.target-card.can-transmute{border-color:#4a7c2a;box-shadow:0 4px 12px #4a7c2a33}.target-card.can-transmute:hover{border-color:#6ba33a;box-shadow:0 6px 16px #4a7c2a4d;transform:translateY(-2px)}.target-card.cannot-transmute{opacity:.6;border-color:#555}.target-quality-badge{background:#4a7c2a4d;border:1px solid #4a7c2a;border-radius:4px;padding:4px 8px;font-size:.75rem;color:#8bc34a;text-transform:uppercase;letter-spacing:.5px}.btn-transmute-confirm{width:100%;padding:12px;background:linear-gradient(135deg,#4a7c2a,#6ba33a);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-transmute-confirm:hover:not(:disabled){background:linear-gradient(135deg,#6ba33a,#8bc34a);box-shadow:0 4px 12px #4a7c2a66;transform:translateY(-1px)}.btn-transmute-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.transmute-modal{width:95%;max-height:95vh}.targets-list{grid-template-columns:1fr}}.reincarnate-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.reincarnate-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #8b4513;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #8b45134d;animation:slideUp .3s ease}.reincarnate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #8b4513;background:linear-gradient(135deg,#8b451333,#a0522d1a)}.reincarnate-modal-header h3{margin:0;color:peru;font-size:1.5rem}.reincarnate-modal-content .reincarnate-modal-body{background:#00000059;border:1px solid rgba(139,69,19,.4);border-radius:10px;padding:16px 20px;margin-top:12px}.reincarnate-warning{display:flex;gap:15px;padding:15px;background:linear-gradient(135deg,#ff98001a,#ffc1070d);border:2px solid rgba(255,152,0,.5);border-radius:8px;margin-bottom:20px}.warning-icon{font-size:2.5rem;line-height:1}.warning-text h4{margin:0 0 8px;color:#ff9800;font-size:1.2rem}.warning-text p{margin:8px 0;color:#ffcc80;line-height:1.5}.reincarnate-item-info{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;margin-bottom:20px}.reincarnate-item-icon{font-size:3rem;line-height:1}.reincarnate-item-details h4{margin:0 0 8px;color:#e0e0e0;font-size:1.3rem}.reincarnate-level-info{color:#b0b0b0;font-size:.95rem;display:flex;flex-direction:column;gap:4px}.reincarnate-level-info strong{color:peru}.reincarnate-cost{margin-bottom:20px}.reincarnate-cost h5{color:#e0e0e0;margin-bottom:15px;font-size:1.1rem}.cost-gold{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:4px;margin-bottom:10px}.reincarnate-modal-actions{margin-top:20px}.btn-reincarnate-confirm{width:100%;padding:12px;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-reincarnate-confirm:hover:not(:disabled){background:linear-gradient(135deg,sienna,peru);box-shadow:0 4px 12px #8b451366;transform:translateY(-1px)}.btn-reincarnate-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.reincarnate-modal{width:95%;max-height:95vh}}.evolve-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.evolve-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #7b1fa2;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #7b1fa24d;animation:slideUp .3s ease}.evolve-modal-content .evolve-modal-body{background:#00000059;border:1px solid rgba(123,31,162,.4);border-radius:10px;padding:16px 20px;margin-top:12px}.evolve-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #7b1fa2;background:linear-gradient(135deg,#7b1fa233,#9c27b01a)}.evolve-modal-header h3{margin:0;color:#ba68c8;font-size:1.5rem}.evolve-item-info{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;margin-bottom:20px}.evolve-item-icon{font-size:3rem;line-height:1}.evolve-item-details h4{margin:0 0 8px;color:#e0e0e0;font-size:1.3rem}.evolve-quality-info{color:#b0b0b0;font-size:.95rem}.evolve-quality-info strong{color:#ba68c8}.evolve-targets h5{color:#e0e0e0;margin-bottom:15px;font-size:1.1rem}.targets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.target-card{background:#0006;border:2px solid #444;border-radius:8px;padding:15px;transition:all .3s}.target-card.can-evolve{border-color:#7b1fa2;box-shadow:0 4px 12px #7b1fa233}.target-card.can-evolve:hover{border-color:#9c27b0;box-shadow:0 6px 16px #7b1fa24d;transform:translateY(-2px)}.target-card.cannot-evolve{opacity:.6;border-color:#555}.target-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #444}.target-card-header h6{margin:0;color:#e0e0e0;font-size:1.1rem}.target-quality-badge{background:#7b1fa24d;border:1px solid #7b1fa2;border-radius:4px;padding:4px 8px;font-size:.75rem;color:#ba68c8;text-transform:uppercase;letter-spacing:.5px}.target-cost{margin-bottom:12px}.cost-gold,.cost-essence{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:4px;margin-bottom:10px}.cost-essence{background:#9c27b01a;border-color:#9c27b04d}.cost-label{color:#b0b0b0;font-weight:500}.cost-value{font-weight:600}.cost-value.sufficient{color:#8bc34a}.cost-value.insufficient{color:#f44336}.cost-materials{margin-top:10px}.cost-materials strong{display:block;color:#e0e0e0;margin-bottom:8px;font-size:.9rem}.material-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0000004d;border-radius:4px;margin-bottom:6px;font-size:.9rem}.material-item.sufficient{border-left:3px solid #8bc34a}.material-item.insufficient{border-left:3px solid #f44336}.material-icon{font-size:1.2rem}.material-name{flex:1;color:#e0e0e0}.material-quantity{font-weight:600}.material-item.sufficient .material-quantity{color:#8bc34a}.material-item.insufficient .material-quantity{color:#f44336}.material-warning{margin-left:4px}.btn-evolve-confirm{width:100%;padding:12px;background:linear-gradient(135deg,#7b1fa2,#9c27b0);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-evolve-confirm:hover:not(:disabled){background:linear-gradient(135deg,#9c27b0,#ba68c8);box-shadow:0 4px 12px #7b1fa266;transform:translateY(-1px)}.btn-evolve-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.evolve-modal{width:95%;max-height:95vh}.targets-list{grid-template-columns:1fr}}.legendary-powers-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.legendary-powers-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #ff6f00;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ff6f004d;animation:slideUp .3s ease}.legendary-powers-modal-content .legendary-powers-modal-body{background:#00000059;border:1px solid rgba(255,111,0,.4);border-radius:10px;padding:16px 20px;margin-top:12px}.legendary-powers-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #ff6f00;background:linear-gradient(135deg,#ff6f0033,#ff98001a)}.legendary-powers-modal-header h3{margin:0;color:#ffb74d;font-size:1.5rem}.legendary-item-info{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;margin-bottom:20px}.legendary-item-icon{font-size:3rem;line-height:1}.legendary-item-details h4{margin:0 0 8px;color:#e0e0e0;font-size:1.3rem}.current-power-info{color:#b0b0b0;font-size:.95rem;margin-top:8px}.current-power-name{color:#ffb74d;font-weight:600}.legendary-powers-list h5{color:#e0e0e0;margin-bottom:15px;font-size:1.1rem}.powers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.power-card{background:#0006;border:2px solid #444;border-radius:8px;padding:15px;transition:all .3s}.power-card.current{border-color:#ff6f00;box-shadow:0 4px 12px #ff6f004d;background:#ff6f001a}.power-card.on-cooldown{opacity:.6;border-color:#666}.power-card-header{display:flex;gap:12px;margin-bottom:12px}.power-icon{font-size:2.5rem;line-height:1}.power-card-info{flex:1}.power-card-info h6{margin:0 0 6px;color:#e0e0e0;font-size:1.1rem}.power-description{margin:0 0 8px;color:#b0b0b0;font-size:.9rem;line-height:1.4}.power-cooldown{color:#b0b0b0;font-size:.85rem}.power-cooldown strong{color:#e0e0e0}.cooldown-remaining{color:#ff9800;font-weight:600}.power-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid #444}.power-status{display:inline-block;padding:8px 16px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.power-status.current{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;width:100%;text-align:center}.btn-assign-power{width:100%;padding:12px;background:linear-gradient(135deg,#ff6f00,#ff8f00);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-assign-power:hover:not(:disabled){background:linear-gradient(135deg,#ff8f00,#ffb74d);box-shadow:0 4px 12px #ff6f0066;transform:translateY(-1px)}.btn-assign-power:disabled{opacity:.5;cursor:not-allowed}.loading-message,.empty-message,.error-message{text-align:center;padding:40px 20px;color:#b0b0b0}@media (max-width: 768px){.legendary-powers-modal{width:95%;max-height:95vh}.powers-grid{grid-template-columns:1fr}}.soul-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.soul-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #6a1b9a;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #6a1b9a4d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.soul-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #6a1b9a;background:linear-gradient(135deg,#6a1b9a33,#7b1fa21a)}.soul-modal-header h3{margin:0;color:#ba68c8;font-size:1.5rem}.soul-modal-content .soul-modal-body{background:#00000059;border:1px solid rgba(106,27,154,.4);border-radius:10px;padding:16px 20px;margin-top:12px}.soul-item-info{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;margin-bottom:20px}.soul-item-icon{font-size:3rem;line-height:1}.soul-item-details h4{margin:0 0 8px;color:#e0e0e0;font-size:1.3rem}.soul-level-info{color:#b0b0b0;font-size:.95rem}.soul-level-info strong{color:#ba68c8}.soul-progress{margin-bottom:20px;padding:15px;background:#0000004d;border-radius:8px}.soul-progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:#b0b0b0}.soul-progress-bar{width:100%;height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid #444}.soul-progress-fill{height:100%;background:linear-gradient(90deg,#6a1b9a,#9c27b0,#ba68c8);transition:width .3s ease;box-shadow:0 0 10px #ba68c880}.soul-bonuses{margin-bottom:20px;padding:15px;background:#0000004d;border-radius:8px}.soul-bonuses.current{border-left:4px solid #ba68c8}.soul-bonuses.next{border-left:4px solid #9c27b0;opacity:.8}.soul-bonuses h5{margin:0 0 12px;color:#e0e0e0;font-size:1rem}.bonuses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.bonus-item{display:flex;justify-content:space-between;padding:6px 10px;background:#6a1b9a33;border-radius:4px;font-size:.9rem}.bonus-stat{color:#b0b0b0;text-transform:capitalize}.bonus-value{font-weight:600}.bonus-value.positive{color:#8bc34a}.soul-add-xp{margin-top:20px;padding:15px;background:#0000004d;border-radius:8px}.soul-add-xp h5{margin:0 0 12px;color:#e0e0e0;font-size:1rem}.xp-input-group{display:flex;gap:10px;margin-bottom:10px}.xp-input{flex:1;padding:10px;background:#00000080;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:1rem}.xp-input:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 0 2px #9c27b033}.btn-add-xp{padding:10px 20px;background:linear-gradient(135deg,#6a1b9a,#9c27b0);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-add-xp:hover:not(:disabled){background:linear-gradient(135deg,#9c27b0,#ba68c8);box-shadow:0 4px 12px #6a1b9a66;transform:translateY(-1px)}.btn-add-xp:disabled{opacity:.5;cursor:not-allowed}.xp-hint{margin:0;font-size:.85rem;color:#888;font-style:italic}.loading-message,.error-message{text-align:center;padding:40px 20px;color:#b0b0b0}.error-message{color:#f44336}@media (max-width: 768px){.soul-modal{width:95%;max-height:95vh}.bonuses-list{grid-template-columns:1fr}.xp-input-group{flex-direction:column}}.equipment-page{width:100%;padding:var(--spacing-lg) 0;--equipment-parchment: #2a2520;--equipment-parchment-light: #352f2a;--accent-silver: #c0c0c0;--accent-bronze: #cd7f32}.equipment-combat-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#00000040;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.equipment-stat-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);font-size:.9rem;transition:all var(--transition-fast)}.equipment-stat-pill .equipment-stat-label{color:var(--text-secondary)}.equipment-stat-pill .equipment-stat-value{color:var(--accent-gold);font-weight:600;font-family:IBM Plex Mono,Courier New,monospace}.equipment-stat-pill.stat-changed{animation:statPulse 1.5s ease-in-out;border-color:#22c55e99;background:#22c55e1f}.equipment-page__layout{display:grid;grid-template-columns:minmax(320px,45%) minmax(0,55%);gap:var(--spacing-lg);align-items:start;width:100%;box-sizing:border-box}@media (max-width: 1024px){.equipment-page__layout{grid-template-columns:1fr;grid-template-rows:auto auto}.equipment-page__layout .equipment-page__right{order:0}.equipment-page__layout .equipment-page__left{order:1}}.equipment-page__left{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0;background:var(--equipment-parchment);border:1px solid var(--accent-bronze);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:inset 0 0 40px #0006,0 4px 20px #00000080}.equipment-page__left .equipment-combat-bar{margin-bottom:0;margin-top:auto}.equipment-page__right{min-width:0;overflow:hidden;display:flex;flex-direction:column}.equipment-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--spacing-lg);align-items:start;width:100%;box-sizing:border-box}.equipment-layout .equipment-inventory{min-width:0;overflow:hidden}.equipment-character-panel{display:flex;flex-direction:column;gap:0;min-width:0}.equipment-character-frame{position:relative;min-height:540px;background:var(--equipment-parchment-light);border:2px solid var(--accent-bronze);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:inset 0 0 30px #00000059,0 4px 12px #0006,inset 0 1px #ffffff0f;overflow:hidden}.character-silhouette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:180px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md)}.character-silhouette-placeholder{color:var(--text-muted);font-size:.9rem;text-align:center}.character-slot{position:absolute;min-width:100px;max-width:130px;box-sizing:border-box;background:linear-gradient(145deg,#0006,#00000040);border:2px solid var(--accent-bronze);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);min-height:56px;display:flex;flex-direction:column;justify-content:flex-start;transition:all .2s ease;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff14;overflow:hidden}.character-slot:hover{border-color:var(--accent-silver);background:linear-gradient(145deg,#00000080,#00000059);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a}.character-slot.drag-over{border-color:var(--accent-gold);background:#c9a9611f;box-shadow:0 0 16px #c9a96159,0 0 0 2px #c9a96133}.character-slot.slot-highlighted{border-color:var(--accent-gold);box-shadow:0 0 14px #c9a96166,0 0 0 2px #c9a96140}.character-slot.drag-over-invalid{opacity:.5;border-color:var(--text-muted);box-shadow:none}.character-slot .slot-row{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;flex:1}.character-slot .slot-label{font-size:.65rem;margin:0;line-height:1.2;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--accent-bronze);text-align:center}.character-slot .slot-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:0;flex:1;min-width:0;overflow:hidden}.character-slot .empty-slot{font-size:.7rem;color:var(--text-muted);margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-slot .equipped-item{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-width:0}.character-slot .equipped-item .item-icon{font-size:1.4rem;flex-shrink:0}.character-slot .equipped-item .item-name-row{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:2px}.character-slot .equipped-item .item-name{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.character-slot .equipped-item .item-stats-preview{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;width:100%}.character-slot .equipped-item .item-stat-small{font-size:.6rem;white-space:nowrap}.character-slot .equipped-item .btn-unequip{font-size:.7rem;padding:3px 6px;flex-shrink:0;width:100%;min-width:0;white-space:nowrap}.equipment-slots-panel{display:flex;flex-direction:column;gap:0;min-width:0}.equipment-slots-title{color:var(--accent-gold);font-size:1.15rem;margin:0 0 var(--spacing-sm) 0;font-weight:600;flex-shrink:0;padding:0;border:none;line-height:1.3;font-family:Cinzel,Georgia,serif}.equipment-slots-frame{background:#00000040;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.equipment-slots h2,.equipment-inventory h2{color:var(--text-primary);font-size:1.15rem;margin:0 0 var(--spacing-sm) 0;font-family:Cinzel,Georgia,serif;font-weight:600;border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-xs);flex-shrink:0}.slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.equipment-slot{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);min-height:88px;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:none}.equipment-slot:hover{border-color:#ffffff1f;background:#00000059}.equipment-slot.drag-over{border-color:var(--accent-gold);background:#c9a96114;box-shadow:0 0 12px #c9a96133}.equipped-item[draggable=true]{cursor:grab}.equipped-item[draggable=true]:active{cursor:grabbing}.slot-label{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--spacing-sm) 0;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.slot-content{flex:1;display:flex;align-items:center;justify-content:center}.empty-slot{color:var(--text-muted);font-style:italic;text-align:center;font-size:.9rem}.equipped-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:100%}.equipped-item .item-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.equipped-item .item-name-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%}.equipped-item .item-name{color:var(--text-primary);font-weight:600;text-align:center;font-size:.9rem;margin:0}.equipped-item .item-quality{font-size:1rem;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.equipped-item .item-quality.quality-common{color:#9ca3af}.equipped-item .item-quality.quality-quality{color:#3b82f6}.equipped-item .item-quality.quality-superior{color:#a855f7}.equipped-item .item-quality.quality-legendary{color:#fbbf24}.btn-unequip{padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-crimson);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-normal)}.btn-unequip:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #8b263566}.btn-unequip:disabled{opacity:.5;cursor:not-allowed}.equipment-inventory{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;min-height:400px;box-shadow:0 4px 20px #0009,0 0 0 1px #c9a9611a,inset 0 0 20px #0000004d;overflow:hidden}.equipment-inventory--three-zones{min-height:0;flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.equipment-inventory--three-zones .inventory-top-bar{flex:0 0 auto;min-height:0}.equipment-inventory--three-zones .inventory-grid{flex:1;min-height:120px;width:100%;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,72px);gap:var(--spacing-sm);align-content:start;justify-content:start;padding:var(--spacing-xs) 0}.equipment-inventory--three-zones .inventory-detail-panel{flex:0 0 auto;min-height:180px;max-height:35vh;overflow-y:auto;overflow-x:hidden;border-top:2px solid var(--border-primary);padding-top:var(--spacing-md);width:100%;min-width:0;box-sizing:border-box}.inventory-grid-cell{position:relative;width:72px;height:72px;border-radius:var(--radius-md);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-tertiary);box-shadow:0 2px 8px #0006}.inventory-grid-cell:hover{border-color:var(--accent-gold);background:var(--bg-hover);transform:scale(1.05)}.inventory-grid-cell.selected{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold),0 0 16px #c9a9614d;background:var(--bg-hover)}.inventory-grid-cell.item-incompatible{opacity:.6;cursor:not-allowed}.inventory-grid-cell .inventory-cell-icon{font-size:2.25rem;line-height:1;pointer-events:none}.inventory-grid-cell .inventory-cell-quantity{position:absolute;bottom:2px;right:4px;font-size:.75rem;font-weight:700;color:var(--text-primary);background:#000000b3;padding:0 4px;border-radius:4px}.inventory-grid-cell.quality-common{border-color:#6b7280}.inventory-grid-cell.quality-uncommon{border-color:#22c55e}.inventory-grid-cell.quality-rare{border-color:#3b82f6}.inventory-grid-cell.quality-epic{border-color:#a855f7}.inventory-grid-cell.quality-legendary{border-color:#eab308}.inventory-grid-cell.quality-mythic{border-color:#ef4444}.inventory-grid-cell.quality-unique{border-color:#f59e0b}.inventory-grid-cell.quality-quality{border-color:#3b82f6}.inventory-grid-cell.quality-superior{border-color:#a855f7}.inventory-detail-placeholder{color:var(--text-secondary);text-align:center;padding:var(--spacing-xl);font-style:italic;font-size:1rem}.equipment-item-card--detail .item-icon--large{font-size:3.5rem}.inventory-header{margin-bottom:var(--spacing-md);flex-shrink:0;position:sticky;top:0;background:var(--gradient-card);z-index:10;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-primary);margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);padding-top:var(--spacing-md);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.inventory-header h2{margin-bottom:var(--spacing-sm);font-family:Cinzel,Georgia,serif;color:var(--accent-gold)}@keyframes equipmentSlotEquip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes equipmentSlotShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.character-slot.slot-equip-success{animation:equipmentSlotEquip .4s ease-out}.character-slot.slot-drop-invalid{animation:equipmentSlotShake .4s ease-in-out}.inventory-controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md);align-items:center}.btn-auto-equip{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-normal);box-shadow:0 2px 8px #3b82f64d;white-space:nowrap}.btn-auto-equip:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f680;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-auto-equip:active:not(:disabled){transform:translateY(0)}.btn-auto-equip:disabled{opacity:.5;cursor:not-allowed}.btn-filter-stats{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap}.btn-filter-stats:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-hover)}.btn-filter-stats:active:not(:disabled){transform:translateY(1px)}.min-stats-filter{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.min-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.min-stats-header h4{margin:0;color:var(--text-primary);font-size:.95rem}.btn-clear-filter{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}.btn-clear-filter:hover{border-color:var(--accent-gold);color:var(--text-primary)}.search-controls{display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.search-controls label{color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.search-input{padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-lg);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.9rem;min-width:200px;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #daa52033}.search-input::placeholder{color:var(--text-muted)}.btn-clear-search{position:absolute;right:var(--spacing-xs);background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-clear-search:hover{background:var(--bg-hover);color:var(--text-primary)}.min-stats-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.min-stat-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.min-stat-input label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.min-stat-input input{padding:var(--spacing-xs);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.min-stat-input input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a96133}.min-stat-input input:hover{border-color:var(--accent-gold)}.btn-sets{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap}.btn-sets:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-hover)}.equipment-sets-panel{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.sets-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.sets-panel-header h4{margin:0;color:var(--text-primary);font-size:1rem}.btn-close-panel{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;line-height:1;transition:all var(--transition-fast)}.btn-close-panel:hover{color:var(--text-primary);background:var(--bg-hover)}.sets-panel-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.save-set-section h5,.sets-list-section h5{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:.9rem;font-weight:600}.save-set-input{display:flex;gap:var(--spacing-sm)}.save-set-input input{flex:1;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.save-set-input input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a96133}.btn-save-set{padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-gold);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn-save-set:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.btn-save-set:disabled{opacity:.5;cursor:not-allowed}.empty-sets-message{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-md)}.sets-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.set-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.set-item:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.set-item-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.set-item-name{color:var(--text-primary);font-weight:600;font-size:.9rem}.set-item-date{color:var(--text-secondary);font-size:.8rem}.set-item-actions{display:flex;gap:var(--spacing-xs);align-items:center}.btn-apply-set{padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-gold);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn-apply-set:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.btn-apply-set:disabled{opacity:.5;cursor:not-allowed}.btn-delete-set{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.btn-delete-set:hover{background:var(--gradient-crimson);color:#fff;border-color:transparent}@keyframes statPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e00}50%{transform:scale(1.02);box-shadow:0 0 15px #22c55e80}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.comparison-stat.better{color:#22c55e;font-weight:600;background:#22c55e1a;padding:var(--spacing-xs);border-radius:var(--radius-sm);border-left:3px solid #22c55e}.comparison-stat.worse{color:#ef4444;font-weight:600;background:#ef44441a;padding:var(--spacing-xs);border-radius:var(--radius-sm);border-left:3px solid #ef4444}.stat-preview-item.positive{color:#22c55e}.stat-preview-item.negative{color:#ef4444}.stat-preview-diff.positive{color:#22c55e;font-weight:600}.stat-preview-diff.negative{color:#ef4444;font-weight:600}.equipment-tutorial{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-content{background:var(--gradient-card);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #000000e6,0 0 0 1px #c9a9614d,inset 0 0 40px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-primary)}.tutorial-header h3{margin:0;color:var(--text-primary);font-size:1.3rem;font-weight:600}.btn-close-tutorial{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.5rem;line-height:1;transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close-tutorial:hover{color:var(--text-primary);background:var(--bg-hover);transform:scale(1.1)}.tutorial-steps{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tutorial-step{padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);border-left:4px solid var(--accent-gold)}.tutorial-step strong{display:block;color:var(--text-primary);font-size:1rem;margin-bottom:var(--spacing-xs);font-weight:600}.tutorial-step p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.btn-tutorial-complete{width:100%;padding:var(--spacing-md);background:var(--gradient-gold);color:#000;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal)}.btn-tutorial-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9a96166}.btn-show-tutorial{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast);margin-left:var(--spacing-md)}.btn-show-tutorial:hover{border-color:var(--accent-gold);color:var(--text-primary);background:var(--bg-hover)}.btn-history{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap}.btn-history:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-hover)}.equipment-history-panel{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.history-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.history-panel-header h4{margin:0;color:var(--text-primary);font-size:1rem}.history-panel-content{max-height:500px;overflow-y:auto}.history-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm)}.history-stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-stat-label{color:var(--text-secondary);font-size:.85rem}.history-stat-value{color:var(--accent-gold);font-size:1.1rem;font-weight:600}.loading-message,.empty-history-message{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-entry{padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.history-entry:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.history-entry-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.history-entry-item{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.history-item-icon{font-size:1.5rem;flex-shrink:0}.history-item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-item-name{color:var(--text-primary);font-weight:600;font-size:.95rem}.history-item-slot{color:var(--text-secondary);font-size:.85rem}.history-entry-status{flex-shrink:0}.history-status-equipped{padding:var(--spacing-xs) var(--spacing-sm);background:#22c55e33;color:#22c55e;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.history-status-unequipped{padding:var(--spacing-xs) var(--spacing-sm);background:#6b728033;color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.history-entry-dates{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.history-date,.history-duration{color:var(--text-secondary);font-size:.85rem}.history-date strong,.history-duration strong{color:var(--text-primary);margin-right:var(--spacing-xs)}.history-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.btn-history-page{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.btn-history-page:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-hover)}.btn-history-page:disabled{opacity:.5;cursor:not-allowed}.history-page-info{color:var(--text-secondary);font-size:.9rem}.item-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.btn-upgrade{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#8b45134d,#a0522d66);color:var(--accent-gold);border:1px solid rgba(218,165,32,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-upgrade:hover:not(:disabled){background:linear-gradient(135deg,#8b451380,#a0522d99);border-color:var(--accent-gold);transform:translateY(-1px)}.btn-upgrade:disabled{opacity:.5;cursor:not-allowed}.upgrade-level-badge{background:#daa5204d;padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.upgrade-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.upgrade-modal{background:var(--bg-primary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.upgrade-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.upgrade-modal-header h3{margin:0;color:var(--accent-gold);font-size:1.3rem}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-close-modal:hover{background:var(--bg-hover);color:var(--text-primary)}.upgrade-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.upgrade-item-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.upgrade-item-icon{font-size:3rem;flex-shrink:0}.upgrade-item-details{flex:1}.upgrade-item-details h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.upgrade-level-info{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.upgrade-level-info strong{color:var(--accent-gold)}.max-level{color:var(--accent-gold);font-weight:600}.upgrade-materials,.upgrade-stats-bonus{padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.upgrade-materials h5,.upgrade-stats-bonus h5{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1rem}.materials-list,.stats-bonus-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.material-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.material-item.sufficient{border-color:#22c55e80;background:#22c55e1a}.material-item.insufficient{border-color:#ef444480;background:#ef44441a}.material-icon{font-size:1.5rem;flex-shrink:0}.material-name{flex:1;color:var(--text-primary);font-weight:500}.material-quantity{color:var(--text-secondary);font-size:.9rem}.material-warning{color:#ef4444;margin-left:var(--spacing-xs)}.stat-bonus-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.stat-bonus{font-weight:600;font-size:1rem}.stat-bonus.positive{color:#22c55e}.upgrade-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-upgrade-confirm{padding:var(--spacing-md);background:linear-gradient(135deg,#daa5204d,#ffd70066);color:var(--accent-gold);border:2px solid var(--accent-gold);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:700;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.btn-upgrade-confirm:hover:not(:disabled){background:linear-gradient(135deg,#daa52080,#ffd70099);transform:translateY(-2px);box-shadow:0 4px 12px #daa52066}.btn-upgrade-confirm:disabled{opacity:.5;cursor:not-allowed}.upgrade-error{color:#ef4444;font-size:.9rem;text-align:center;margin:0}.max-level-message{text-align:center;color:var(--accent-gold);font-size:1.1rem;font-weight:600;padding:var(--spacing-lg)}.btn-enchant{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#9333ea4d,#a855f766);color:#a855f7;border:1px solid rgba(168,85,247,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-enchant:hover:not(:disabled){background:linear-gradient(135deg,#9333ea80,#a855f799);border-color:#a855f7;transform:translateY(-1px)}.btn-enchant:disabled{opacity:.5;cursor:not-allowed}.enchant-badge{background:#a855f74d;padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.btn-transmute{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#4a7c2a4d,#6ba33a66);color:#8bc34a;border:1px solid rgba(107,163,58,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-transmute:hover:not(:disabled){background:linear-gradient(135deg,#4a7c2a80,#6ba33a99);border-color:#8bc34a;transform:translateY(-1px)}.btn-transmute:disabled{opacity:.5;cursor:not-allowed}.btn-reincarnate{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#8b45134d,#a0522d66);color:peru;border:1px solid rgba(160,82,45,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-reincarnate:hover:not(:disabled){background:linear-gradient(135deg,#8b451380,#a0522d99);border-color:peru;transform:translateY(-1px)}.btn-reincarnate:disabled{opacity:.5;cursor:not-allowed}.btn-evolve{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#7b1fa24d,#9c27b066);color:#ba68c8;border:1px solid rgba(156,39,176,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-evolve:hover:not(:disabled){background:linear-gradient(135deg,#7b1fa280,#9c27b099);border-color:#ba68c8;transform:translateY(-1px)}.btn-evolve:disabled{opacity:.5;cursor:not-allowed}.btn-legendary{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#ff6f004d,#ff980066);color:#ffb74d;border:1px solid rgba(255,152,0,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-legendary:hover:not(:disabled){background:linear-gradient(135deg,#ff6f0080,#ff980099);border-color:#ffb74d;transform:translateY(-1px)}.btn-legendary:disabled{opacity:.5;cursor:not-allowed}.btn-soul{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#6a1b9a4d,#9c27b066);color:#ba68c8;border:1px solid rgba(156,39,176,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.btn-soul:hover:not(:disabled){background:linear-gradient(135deg,#6a1b9a80,#9c27b099);border-color:#ba68c8;transform:translateY(-1px)}.btn-soul:disabled{opacity:.5;cursor:not-allowed}.enchant-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.enchant-modal{background:var(--bg-primary);border:2px solid #a855f7;border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.enchant-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.enchant-modal-header h3{margin:0;color:#a855f7;font-size:1.3rem}.enchant-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.enchant-item-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.enchant-item-icon{font-size:3rem;flex-shrink:0}.enchant-item-details{flex:1}.enchant-item-details h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.existing-affix-info{color:var(--text-secondary);font-size:.9rem;margin-top:var(--spacing-xs)}.existing-affix-info .affix-name{color:#a855f7;font-weight:600}.available-affixes-list{padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.available-affixes-list h5{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1rem}.affixes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.affix-card{padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.affix-card.can-enchant{border-color:#a855f780;background:#a855f70d}.affix-card.cannot-enchant{opacity:.7;border-color:#6b728080}.affix-card-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.affix-icon{font-size:2rem;flex-shrink:0}.affix-card-info{flex:1}.affix-card-info h6{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1rem}.affix-description{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:.85rem}.affix-effect{margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-card);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-primary)}.affix-effect strong{color:#a855f7}.affix-materials{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.affix-materials strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.9rem}.btn-enchant-affix{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#a855f74d,#c084fc66);color:#a855f7;border:2px solid #a855f7;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:700;transition:all var(--transition-normal)}.btn-enchant-affix:hover:not(:disabled){background:linear-gradient(135deg,#a855f780,#c084fc99);transform:translateY(-2px);box-shadow:0 4px 12px #a855f766}.btn-enchant-affix:disabled{opacity:.5;cursor:not-allowed}.empty-message{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.btn-sets-info{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap}.btn-sets-info:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-hover)}.sets-info-panel{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.sets-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.sets-info-header h4{margin:0;color:var(--text-primary);font-size:1rem}.sets-info-content{max-height:400px;overflow-y:auto}.active-sets-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.active-set-card{padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.active-set-card:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.set-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.set-card-header h5{margin:0;color:var(--accent-gold);font-size:1.1rem}.set-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.set-count{color:var(--text-secondary);font-size:.9rem;font-weight:600;min-width:60px;text-align:right}.set-progress-bar{width:150px;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-primary)}.set-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold) 0%,rgba(218,165,32,.8) 100%);transition:width var(--transition-normal)}.set-active-bonus,.set-next-bonus{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.set-active-bonus strong,.set-next-bonus strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.set-bonus-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.set-bonus-stat{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.85rem}.set-bonus-stat .stat-name{color:var(--text-secondary);text-transform:capitalize}.set-bonus-stat .stat-value{color:var(--text-primary);font-weight:600}.set-bonus-stat .stat-value.positive{color:#22c55e}.set-next-bonus{opacity:.7}.set-next-bonus .stat-value{color:var(--text-secondary)}.multi-comparison-panel{position:fixed;bottom:20px;right:20px;width:calc(100% - 40px);max-width:1200px;max-height:80vh;background:var(--gradient-card);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px #000c,0 0 0 1px #c9a9614d,inset 0 0 40px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.multi-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-primary)}.multi-comparison-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.btn-close-multi-comparison{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.5rem;line-height:1;transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close-multi-comparison:hover{color:var(--text-primary);background:var(--bg-hover);transform:scale(1.1)}.multi-comparison-content{overflow-x:auto;overflow-y:auto;flex:1}.multi-comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.multi-comparison-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.multi-comparison-table th{padding:var(--spacing-sm);text-align:left;color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-primary);border-right:1px solid var(--border-primary)}.multi-comparison-table th:last-child{border-right:none}.comparison-item-header-cell{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.comparison-item-name-cell{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-from-comparison{padding:2px 6px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;line-height:1;transition:all var(--transition-fast);flex-shrink:0}.btn-remove-from-comparison:hover{background:var(--gradient-crimson);color:#fff;border-color:transparent}.multi-comparison-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);color:var(--text-primary)}.multi-comparison-table td:last-child{border-right:none}.multi-comparison-table .stat-label{font-weight:600;background:var(--bg-tertiary);position:sticky;left:0;z-index:5;min-width:150px}.multi-comparison-table .stat-value{text-align:center;min-width:120px}.multi-comparison-table tbody tr:hover{background:var(--bg-hover)}.btn-add-to-comparison{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-fast);white-space:nowrap;margin-left:var(--spacing-xs)}.btn-add-to-comparison:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-hover);transform:translateY(-1px)}.btn-add-to-comparison:disabled{opacity:.5;cursor:not-allowed}.filter-controls,.sort-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-controls label,.sort-controls label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.filter-controls select,.sort-controls select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.filter-controls select:hover,.sort-controls select:hover{border-color:var(--accent-gold)}.filter-controls select:focus,.sort-controls select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a96133}.equipment-inventory::-webkit-scrollbar,.equipment-list::-webkit-scrollbar{width:8px}.equipment-inventory::-webkit-scrollbar-track,.equipment-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.equipment-inventory::-webkit-scrollbar-thumb,.equipment-list::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:var(--radius-sm)}.empty-message{color:var(--text-secondary);text-align:center;padding:var(--spacing-xl);font-style:italic}.equipment-list{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:var(--spacing-xs);max-height:70vh}.equipment-item-card{background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:flex-start;transition:all var(--transition-normal);box-shadow:0 3px 15px #00000080,0 0 0 1px #c9a9611a,inset 0 0 15px #0000004d}.equipment-item-card:hover{border-color:var(--accent-gold);background:var(--bg-hover);transform:translate(4px);box-shadow:0 5px 20px #0009,0 0 0 1.5px #c9a96133,0 0 20px #c9a96126,inset 0 0 20px #0006}.equipment-item-card:not(.item-incompatible){cursor:pointer;user-select:none}.equipment-item-card:not(.item-incompatible):active{transform:translate(2px) scale(.98)}.equipment-item-card .item-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(201,169,97,.2))}.item-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:left}.item-info h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;text-align:left}.item-description{text-align:left}.equipment-item-card--detail .item-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.item-slot,.item-class,.item-quantity{display:flex;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem;text-align:left;margin:0}.item-slot span:first-child,.item-class span:first-child{color:var(--text-muted)}.item-properties{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.property{background:var(--bg-card);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--accent-gold);font-size:.8rem;border:1px solid var(--border-primary);font-weight:500}.btn-equip{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);color:var(--bg-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-normal);align-self:center;white-space:nowrap;border:1px solid var(--accent-gold)}.btn-equip:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9a96166}.btn-equip:disabled{opacity:.5;cursor:not-allowed}.equipment-item-card.equipment-item-card--detail{min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-sm)}.equipment-item-card--detail .item-detail-line{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--spacing-sm);min-width:0;width:100%}.equipment-item-card--detail .item-detail-line .item-icon--large{flex-shrink:0}.equipment-item-card--detail .item-name-inline{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:12em}.equipment-item-card--detail .item-description-inline{color:var(--text-muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.equipment-item-card--detail .item-meta-inline{color:var(--text-secondary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:20em}.equipment-item-card>.item-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:stretch;min-width:0;max-width:100%;flex-shrink:0}.equipment-item-card>.item-actions>.item-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);align-items:flex-start;max-width:100%}.equipment-item-card>.item-actions>.item-actions>.btn-equip{flex:1 1 100%;min-width:0;max-width:100%}.equipment-item-card>.item-actions>.item-actions>.btn-upgrade,.equipment-item-card>.item-actions>.item-actions>.btn-enchant,.equipment-item-card>.item-actions>.item-actions>.btn-transmute,.equipment-item-card>.item-actions>.item-actions>.btn-reincarnate,.equipment-item-card>.item-actions>.item-actions>.btn-evolve,.equipment-item-card>.item-actions>.item-actions>.btn-legendary,.equipment-item-card>.item-actions>.item-actions>.btn-soul{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;white-space:nowrap;flex:1 1 calc(50% - var(--spacing-xs) / 2);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.equipment-item-card>.item-actions>.btn-compare,.equipment-item-card>.item-actions>.btn-add-to-comparison{min-width:0;max-width:100%}.equipment-item-card>.item-actions>.disassemble-section{margin-top:var(--spacing-xs);min-width:0;max-width:100%}.equipment-item-card--detail .item-info{min-width:0;overflow-wrap:break-word}.disassemble-section{display:flex;gap:var(--spacing-xs);align-items:center}.disassemble-quantity-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;text-align:center}.disassemble-quantity-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a96133}.disassemble-quantity-input:disabled{opacity:.5;cursor:not-allowed}.btn-disassemble{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-card);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.85rem;transition:all var(--transition-normal);white-space:nowrap}.btn-disassemble:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-gold);transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.btn-disassemble:disabled{opacity:.5;cursor:not-allowed}.player-combat-stats{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0003}.player-combat-stats h3{color:var(--accent-gold);font-size:1.1rem;margin-bottom:var(--spacing-xs);text-align:center;font-weight:700}.combat-stats-note{color:var(--text-secondary);font-size:.8rem;text-align:center;margin-bottom:var(--spacing-sm);font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-xs)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all var(--transition-fast)}.stat-item.stat-changed{animation:statPulse 1.5s ease-in-out;background:linear-gradient(90deg,#22c55e26,#22c55e4d,#22c55e26);border:2px solid rgba(34,197,94,.6);border-radius:var(--radius-sm);padding:var(--spacing-xs);position:relative;overflow:hidden}.stat-item.stat-changed:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.stat-item .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.stat-item .stat-value{color:var(--accent-gold);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.stat-diff-positive{background:#4ade8033;color:#4ade80}.stat-diff-negative{background:#f8717133;color:#f87171}@keyframes statDiffAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.equipped-item .item-stats-preview{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-xs)}.item-stat-small{font-size:.75rem;color:var(--accent-gold);background:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.item-tooltip-header{display:flex;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.item-tooltip-name{color:var(--accent-gold);font-size:1rem;font-weight:700;margin:0;flex:1}.item-tooltip-header .item-quality{font-size:1.1rem;flex-shrink:0}.item-tooltip-requirements{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-tooltip-requirements strong{color:var(--accent-gold);font-size:.85rem;margin-bottom:var(--spacing-xs)}.tooltip-requirement{padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:.8rem;display:flex;align-items:center;gap:var(--spacing-xs)}.tooltip-affix-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:.8rem;color:var(--text-primary)}.item-affix-badge{background:#c9a96133!important;border-color:var(--accent-gold)!important}.stat-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.85rem}.stat-preview-title{color:var(--accent-gold);font-weight:600;margin-bottom:var(--spacing-xs);font-size:.9rem}.stat-preview-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.stat-preview-item.positive{background:#4ade801a;border-left:3px solid #4ade80}.stat-preview-item.negative{background:#f871711a;border-left:3px solid #f87171}.stat-preview-label{color:var(--text-secondary);font-size:.8rem}.stat-preview-value{color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.stat-preview-diff{font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm)}.stat-preview-diff.positive{background:#4ade8033;color:#4ade80}.stat-preview-diff.negative{background:#f8717133;color:#f87171}.btn-compare{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap}.btn-compare:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-gold);transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.btn-compare.active{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.btn-compare:disabled{opacity:.5;cursor:not-allowed}.item-comparison{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 4px 12px #c9a96133}.comparison-header h5{color:var(--accent-gold);font-size:1rem;margin:0;font-weight:700}.btn-close-comparison{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-close-comparison:hover{background:var(--bg-hover);color:var(--text-primary)}.comparison-content{display:flex;align-items:center;gap:var(--spacing-md)}.comparison-item{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.comparison-item-name{color:var(--text-primary);font-weight:600;font-size:.9rem}.comparison-vs{color:var(--accent-gold);font-weight:700;font-size:1.2rem;flex-shrink:0}.comparison-stat{padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:.8rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.equipment-item-card .item-name-row{display:flex;align-items:center;gap:var(--spacing-xs)}.equipment-item-card .item-quality{font-size:.9rem;flex-shrink:0}.equipment-item-card .item-badges{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.equipment-item-card .item-upgrade-badge{background:linear-gradient(135deg,#daa5204d,#ffd70066);color:var(--accent-gold);padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;border:1px solid rgba(218,165,32,.5);white-space:nowrap}.equipment-item-card[draggable=true]{cursor:grab}.equipment-item-card[draggable=true]:active{cursor:grabbing;opacity:.7}.equipment-item-card.item-incompatible{opacity:.6;border-color:#f87171;background:#f871711a}.equipment-item-card.item-incompatible:hover{border-color:#f87171;background:#f8717126}.item-requirement-error{color:#f87171;font-size:.8rem;font-weight:600;margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:#f871711a;border-radius:var(--radius-sm);border-left:3px solid #f87171}.item-requirements{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs)}.requirement-badge{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;border:1px solid}.requirement-badge.met{background:#4ade801a;color:#4ade80;border-color:#4ade80}.requirement-badge.not-met{background:#f871711a;color:#f87171;border-color:#f87171}.btn-equip.disabled-incompatible{background:var(--bg-tertiary);color:var(--text-secondary);border-color:#f87171;cursor:not-allowed;opacity:.6}.btn-equip.disabled-incompatible:hover{transform:none;box-shadow:none}.context-menu-item:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.item-affixes-list{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.affixes-header{color:var(--accent-gold)!important;font-weight:600!important;font-size:.85rem!important}.affixes-items{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.affix-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;background:#c9a96126;border:1px solid var(--accent-gold);border-radius:var(--radius-sm);font-size:.75rem;color:var(--accent-gold);font-weight:500;cursor:help;transition:all var(--transition-fast)}.affix-badge:hover{background:#c9a96140;transform:translateY(-1px)}.affix-badge-icon{font-size:.8rem}.affix-badge-name{font-weight:600}@media (max-width: 1024px){.equipment-layout{grid-template-columns:1fr}}@media (max-width: 768px){.slots-grid{grid-template-columns:1fr}.equipment-item-card{flex-direction:column;align-items:center;text-align:center}.btn-equip{width:100%}}.achievements-page{width:100%;margin:0 auto;padding:var(--spacing-lg) 0}.achievements-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.achievements-stats .stat-card{text-align:center}.achievements-stats .stat-label{margin-bottom:var(--spacing-xs)}.achievements-stats .stat-value{color:var(--accent-gold);font-size:1.5rem;font-weight:700}.achievements-section{margin-bottom:var(--spacing-xl)}.achievements-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.achievement-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0003;transition:all var(--transition-normal);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a9611a,inset 0 0 20px #0000004d}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #000c,0 0 0 1.5px #c9a9614d,0 0 30px #c9a96133,inset 0 0 30px #0006}.achievement-card.completed{border-width:2px;box-shadow:0 4px 20px #0009,0 0 0 2px currentColor,inset 0 0 20px #0000004d}.achievement-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.achievement-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.achievement-info{flex:1}.achievement-info h3{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:1.1rem}.achievement-rarity{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievement-progress{margin-bottom:var(--spacing-md)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;transition:width var(--transition-normal);box-shadow:0 0 8px currentColor}.progress-text{color:var(--text-secondary);font-size:.85rem;text-align:center;display:block}.btn-claim{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-gold);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-claim:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9a96166}.btn-claim:disabled{opacity:.6;cursor:not-allowed}.reward-claimed{text-align:center;color:var(--text-success);font-weight:600;padding:var(--spacing-sm)}.companions-page{width:100%;padding:var(--spacing-lg) 0;margin:0 auto}.companions-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 2px 8px #0003;backdrop-filter:blur(5px)}.stat-item{flex:1;text-align:center;padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05)}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-gold);text-shadow:0 0 10px rgba(201,169,97,.5)}.companions-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid rgba(255,255,255,.1)}.companions-tabs button{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;transition:all .3s ease}.companions-tabs button:hover:not(:disabled){color:var(--text-primary)}.companions-tabs button.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.companions-tabs button:disabled{opacity:.5;cursor:not-allowed}.companions-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.companions-section{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 2px 8px #0003;backdrop-filter:blur(5px)}.companions-section h2{margin:0;color:var(--text-primary);font-size:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.limit-warning{font-size:.85rem;color:#ff9800;padding:var(--spacing-xs) var(--spacing-sm);background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-sm)}.empty-state{color:var(--text-secondary);text-align:center;padding:var(--spacing-xl);font-style:italic}.companions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.companion-card{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.companion-card:hover{border-color:var(--accent-gold);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.companion-card.active{border-color:var(--accent-gold);background:#c9a9611a}.companion-card.available.owned{opacity:.7}.companion-card.unavailable{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.companion-card.unavailable:hover{border-color:#ffffff14;transform:none;box-shadow:none}.unavailable-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:#ff6b6b;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.unavailable-reason{margin-top:var(--spacing-sm);padding:var(--spacing-xs);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);font-size:.8rem;color:#ff6b6b;text-align:center}.companion-icon{margin-bottom:var(--spacing-sm);filter:drop-shadow(0 0 10px rgba(201,169,97,.3))}.companion-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.companion-info h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.companion-rarity{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.companion-level{font-size:.9rem;color:var(--accent-gold);font-weight:600}.active-badge,.owned-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:var(--accent-gold);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.owned-badge{background:var(--text-secondary)}@media (max-width: 768px){.companions-page{padding:var(--spacing-md)}.companions-stats{flex-direction:column;gap:var(--spacing-sm)}.stat-item{padding:var(--spacing-xs)}.stat-value{font-size:1.2rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.companions-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.companion-card{padding:var(--spacing-sm)}.companion-icon{font-size:2rem!important}.tooltip-content{max-width:280px;max-height:400px}}.evolution-section,.equipment-section,.rituals-section,.quest-chains-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.evolution-info{margin-top:var(--spacing-md)}.requirements{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#0000004d;border-radius:var(--radius-sm)}.requirements ul{list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0}.requirements li{padding:var(--spacing-xs) 0;color:var(--text-secondary)}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.equipment-slot{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);text-align:center}.equipment-items{margin-top:var(--spacing-lg)}.equipment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#0003;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.rituals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.ritual-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.quest-chains-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.quest-chain-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.friendship-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.friendship-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.dialogs-section,.companion-quests-section{padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm)}.dialogs-list,.companion-quests-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dialog-card,.companion-quest-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.current-dialog{grid-column:1 / -1;padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.dialog-content{margin-top:var(--spacing-md)}.dialog-responses{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.prestige-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.prestige-info{margin-top:var(--spacing-md)}.prestige-status{padding:var(--spacing-md);background:#0000004d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.prestige-success{color:var(--accent-gold);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.prestige-error{color:var(--error-color);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.prestige-details{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm)}.prestige-details p{margin:var(--spacing-sm) 0;color:var(--text-primary)}.prestige-bonus{color:var(--accent-gold);font-weight:600}.prestige-warning{color:var(--warning-color);font-size:.9rem;margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#ffc1071a;border-left:3px solid var(--warning-color);border-radius:var(--radius-sm)}.prestige-requirements{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm)}.prestige-requirements h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.prestige-requirements ul{margin-left:var(--spacing-md);color:var(--text-secondary)}.prestige-requirements li{margin:var(--spacing-xs) 0}.prestige-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.specializations-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.current-specialization{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#0000004d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.current-specialization h3{color:var(--accent-gold);margin-bottom:var(--spacing-md)}.current-specialization pre{background:#0000004d;padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto;color:var(--text-secondary);font-size:.9rem}.available-specializations h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.specializations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.specialization-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:all .3s ease}.specialization-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.specialization-card.selected{border-color:var(--accent-gold);background:#c9a9611a}.specialization-card.disabled{opacity:.6;cursor:not-allowed}.specialization-card h4{color:var(--accent-gold);margin-bottom:var(--spacing-sm);font-size:1.2rem}.specialization-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-style:italic}.specialization-details{margin:var(--spacing-md) 0}.specialization-details p{margin:var(--spacing-xs) 0;color:var(--text-primary);font-size:.9rem}.stat-bonuses,.specialization-talents{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm)}.stat-bonuses ul,.specialization-talents ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);color:var(--text-secondary);font-size:.85rem}.stat-bonuses li,.specialization-talents li{margin:var(--spacing-xs) 0}.specialization-selected{color:var(--accent-gold);font-weight:600;text-align:center;margin-top:var(--spacing-md)}.specialization-requirement{color:var(--warning-color);text-align:center;margin-top:var(--spacing-md);font-size:.9rem}.synergies-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.active-synergies,.all-synergies{margin-bottom:var(--spacing-lg)}.active-synergies h3,.all-synergies h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.3rem}.synergies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.synergy-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:all .3s ease}.synergy-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.synergy-card.active{border-color:var(--accent-gold);background:#c9a9611a;box-shadow:0 0 15px #c9a9614d}.synergy-card.available{border-color:var(--success-color);background:#4caf501a}.synergy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.synergy-header h4{color:var(--accent-gold);margin:0;font-size:1.2rem}.synergy-rarity{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.rarity-common{background:#95a5a64d;color:#95a5a6}.rarity-rare{background:#3498db4d;color:#3498db}.rarity-epic{background:#9b59b64d;color:#9b59b6}.rarity-legendary{background:#ff6b354d;color:#ff6b35}.synergy-status{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-gold);color:#000;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.synergy-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-style:italic}.synergy-requirements,.synergy-bonus{margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm)}.synergy-requirements p,.synergy-bonus p{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.synergy-requirements ul,.synergy-bonus ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.synergy-requirements li{margin:var(--spacing-xs) 0}.synergy-requirements li.has-companion{color:var(--success-color)}.synergy-requirements li.missing-companion{color:var(--text-secondary);opacity:.6}.synergy-active{color:var(--success-color);font-weight:600;margin-left:var(--spacing-xs)}.synergy-missing{color:var(--error-color);font-weight:600;margin-left:var(--spacing-xs)}.synergy-bonus li{margin:var(--spacing-xs) 0;color:var(--accent-gold)}.synergy-hint{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#4caf501a;border-left:3px solid var(--success-color);border-radius:var(--radius-sm);color:var(--success-color);font-size:.9rem;text-align:center}.souls-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.souls-info{margin-bottom:var(--spacing-lg)}.souls-balance{padding:var(--spacing-md);background:#0000004d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);text-align:center}.souls-balance h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.souls-amount{font-size:2rem;font-weight:700;color:var(--accent-gold);text-shadow:0 0 10px rgba(201,169,97,.5);margin:var(--spacing-md) 0}.souls-description{color:var(--text-secondary);font-size:.9rem;margin-top:var(--spacing-sm)}.convert-companions,.soul-exchange{margin-bottom:var(--spacing-lg)}.convert-companions h3,.soul-exchange h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.3rem}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem}.companions-to-convert{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.companion-convert-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:all .3s ease}.companion-convert-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.companion-convert-card.disabled{opacity:.6;cursor:not-allowed}.companion-convert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.companion-convert-header h4{color:var(--accent-gold);margin:0;font-size:1.1rem}.rarity-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.rarity-badge.rarity-common{background:#95a5a64d;color:#95a5a6}.rarity-badge.rarity-rare{background:#3498db4d;color:#3498db}.rarity-badge.rarity-epic{background:#9b59b64d;color:#9b59b6}.rarity-badge.rarity-legendary{background:#ff6b354d;color:#ff6b35}.companion-convert-info{color:var(--text-secondary);font-size:.9rem;margin:var(--spacing-sm) 0}.convert-warning{color:var(--warning-color);font-size:.85rem;margin:var(--spacing-sm) 0;text-align:center}.exchange-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.exchange-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.exchange-card h4{color:var(--accent-gold);margin-bottom:var(--spacing-md);font-size:1.2rem}.exchange-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.exchange-option{padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.exchange-option.disabled{opacity:.6}.exchange-details{flex:1}.exchange-details p{margin:var(--spacing-xs) 0;color:var(--text-primary);font-size:.9rem}.exchange-warning{color:var(--error-color);font-size:.85rem;margin-top:var(--spacing-xs)}.tactics-section{padding:var(--spacing-lg);background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.selected-companion-tactics,.all-tactics{margin-bottom:var(--spacing-lg)}.selected-companion-tactics h3,.all-tactics h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.3rem}.tactics-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.tactic-card{padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:all .3s ease}.tactic-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.tactic-card.has-companion{border-color:#4caf504d}.tactic-card.missing-companion{opacity:.7;border-color:#ffffff0d}.tactic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.tactic-header h4{color:var(--accent-gold);margin:0;font-size:1.1rem;flex:1}.tactic-priority{padding:var(--spacing-xs) var(--spacing-sm);background:#c9a96133;border:1px solid rgba(201,169,97,.3);border-radius:var(--radius-sm);font-size:.85rem;color:var(--accent-gold);font-weight:600}.tactic-details{color:var(--text-secondary);font-size:.9rem}.tactic-details p{margin:var(--spacing-xs) 0;line-height:1.5}.tactic-details strong{color:var(--text-primary)}.tactic-hint{margin-top:var(--spacing-sm);padding:var(--spacing-xs);background:#ff98001a;border-left:3px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-color);font-size:.85rem;text-align:center}.slots-expansion-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.slots-expansion-section h3{color:var(--accent-gold);margin-bottom:var(--spacing-md);font-size:1.2rem}.slots-info-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.slots-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--accent-gold);font-weight:600;font-size:1rem}.purchase-slot{padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm);text-align:center}.slot-cost-info{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem}.slot-cost-info strong{color:var(--accent-gold);font-size:1.2rem}.insufficient-funds{margin-top:var(--spacing-sm);color:var(--error-color);font-size:.9rem}.max-slots-reached{padding:var(--spacing-md);background:#4caf501a;border-left:3px solid var(--success-color);border-radius:var(--radius-sm);color:var(--success-color);text-align:center;font-weight:600}@media (max-width: 768px){.friendship-content{grid-template-columns:1fr}}.prestige-page{width:100%;padding:var(--spacing-lg) 0;margin:0 auto}.prestige-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.prestige-section{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-card);backdrop-filter:blur(5px)}.prestige-section h2{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.5rem}.prestige-status-card,.prestige-next-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.prestige-level-display{text-align:center;padding:var(--spacing-lg);background:var(--bg-hover);border-radius:var(--radius-md);border:2px solid var(--accent-gold)}.prestige-level-label{display:block;font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.prestige-level-value{font-size:3rem;font-weight:700;color:var(--accent-gold);line-height:1}.prestige-level-max{font-size:1.5rem;color:var(--text-secondary);margin-left:var(--spacing-sm)}.prestige-bonuses,.prestige-requirements,.prestige-next-bonuses{padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md)}.prestige-bonuses h3,.prestige-requirements h3,.prestige-next-bonuses h3{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--accent-gold);font-size:1.2rem}.prestige-bonuses ul,.prestige-requirements ul,.prestige-next-bonuses ul{list-style:none;padding:0;margin:0}.prestige-bonuses li,.prestige-requirements li,.prestige-next-bonuses li{padding:var(--spacing-sm) 0;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.prestige-bonuses li:last-child,.prestige-requirements li:last-child,.prestige-next-bonuses li:last-child{border-bottom:none}.prestige-requirements li.met{color:var(--text-success)}.prestige-requirements li.not-met{color:var(--text-danger)}.prestige-button{width:100%;padding:var(--spacing-md);font-size:1.2rem;font-weight:600;margin-top:var(--spacing-md)}.prestige-button:disabled{opacity:.5;cursor:not-allowed}.prestige-info{color:var(--text-secondary);line-height:1.8}.prestige-info p{margin-bottom:var(--spacing-md)}.prestige-info strong{color:var(--text-primary)}@media (max-width: 768px){.prestige-page{padding:var(--spacing-md)}.prestige-level-value{font-size:2rem}.prestige-level-max{font-size:1.2rem}.prestige-button{font-size:1rem;padding:var(--spacing-sm)}}.quests-page{width:100%;padding:var(--spacing-lg) 0;margin:0 auto}.quests-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-primary)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;bottom:-2px}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.quests-content{min-height:400px}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.quest-card{background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.quest-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-card-hover)}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.quest-header h3{margin:0;color:var(--text-primary);font-size:1.3rem}.quest-faction{font-size:.9rem;color:var(--text-secondary);background:var(--bg-hover);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.quest-progress{margin-bottom:var(--spacing-md)}.progress-bar{width:100%;height:24px;background:var(--bg-hover);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-primary)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#d4af37);transition:width var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:600;font-size:.85rem}.progress-text{margin-top:var(--spacing-xs);text-align:center;color:var(--text-secondary);font-size:.9rem}.quest-objectives,.quest-rewards{margin-bottom:var(--spacing-md)}.quest-objectives h4,.quest-rewards h4{margin:0 0 var(--spacing-sm) 0;color:var(--accent-gold);font-size:1rem}.quest-objectives ul,.quest-rewards ul{list-style:none;padding:0;margin:0}.quest-objectives li,.quest-rewards li{padding:var(--spacing-xs) 0;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.quest-objectives li:last-child,.quest-rewards li:last-child{border-bottom:none}.quest-objectives li.completed{color:var(--text-success);text-decoration:line-through;opacity:.7}.quest-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.quest-completed{color:var(--text-success);font-weight:600;text-align:center;padding:var(--spacing-sm);background:#4caf501a;border-radius:var(--radius-md)}@media (max-width: 768px){.quests-page{padding:var(--spacing-md)}.quests-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.quest-card{padding:var(--spacing-md)}.quest-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.quest-actions{flex-direction:column}.quest-actions button{width:100%}}.resource-bar{position:relative;overflow:hidden;border-radius:var(--radius-sm, 6px);border:2px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 4px #00000080}.resource-fill{height:100%;transition:width var(--transition-normal, .3s ease)}.resource-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;z-index:2;pointer-events:none}.energy-bar.resource-bar{background:var(--bg-tertiary, rgba(0, 0, 0, .3))}.energy-fill.resource-fill{background:linear-gradient(90deg,#c9a961,#e8c872);box-shadow:0 0 6px #c9a96180}.ability-slot-wrapper,.trial-ability-slot-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.ability-cost{font-size:.7rem;color:var(--accent-gold, #c9a961);text-align:center}.ability-slot.insufficient-energy,.trial-ability-slot.insufficient-energy{border-color:#c8645099;opacity:.8}.overview-tab{width:100%}.overview-title{margin:0 0 var(--spacing-xl) 0;font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.overview-section{margin-bottom:var(--spacing-xl)}.key-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.metric-card{text-align:center}.metric-card.highlight{border-color:var(--accent-gold);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a96133,0 0 30px #c9a96133}.metric-icon{font-size:2rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.metric-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--accent-gold);text-shadow:0 0 8px rgba(201,169,97,.4)}.combat-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.combat-stat-card{text-align:center}.combat-stat-card .stat-label{font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.combat-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-gold);text-shadow:0 0 8px rgba(201,169,97,.4)}.ability-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}.ability-slot-card{padding:var(--spacing-md);border-radius:var(--radius-md);border:1.5px solid var(--border-primary);background:var(--bg-card);transition:all var(--transition-normal)}.ability-slot-card:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.ability-slot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.ability-slot-label{font-size:.8125rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.ability-slot-saving{font-size:.75rem;color:var(--accent-gold)}.ability-slot-body{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ability-slot-icon{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.ability-slot-name{font-weight:700;color:var(--text-primary);margin-bottom:2px}.ability-slot-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.ability-cost{margin-top:.35rem;font-size:.8rem;color:var(--accent-gold, #c9a961)}.ability-slot-select{width:100%;padding:.55rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem}.ability-slot-select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a96133}.ability-slots-error{color:var(--text-error, #ff6b6b);margin-bottom:var(--spacing-sm)}.ability-slots-hint{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.stat-item:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.stat-item .stat-label{font-size:.9375rem;color:var(--text-secondary)}.stat-item .stat-value{font-size:1.125rem;font-weight:700;color:var(--accent-gold)}@media (max-width: 768px){.key-metrics-grid,.combat-stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid,.ability-slots-grid{grid-template-columns:1fr}}.mercenaries-container{width:100%;padding:var(--spacing-md)}.experience-vial-section{margin-bottom:var(--spacing-lg)}.experience-vial-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-card)}.vial-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.vial-icon{font-size:1.5rem}.vial-header h3{font-size:1.2rem;color:var(--text-primary);margin:0}.vial-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vial-experience{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#60a5fa1a;border-radius:var(--radius-md);border:1px solid rgba(96,165,250,.2)}.vial-label{color:var(--text-secondary);font-weight:500}.vial-value{color:#60a5fa;font-size:1.2rem;font-weight:700}.vial-description{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.mercenaries-header{margin-bottom:var(--spacing-xl);text-align:center}.mercenaries-header h2{font-size:2rem;font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(201,169,97,.3)}.mercenaries-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-primary)}.mercenaries-tab{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--transition-normal)}.mercenaries-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.mercenaries-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.mercenaries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.mercenary-card,.mercenary-hire-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-card);position:relative}.mercenary-card:before,.mercenary-hire-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,#c9a96126,#c9a9610d,#c9a96126);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}.mercenary-card:hover,.mercenary-hire-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--accent-gold)}.mercenary-card:hover:before,.mercenary-hire-card:hover:before{opacity:1}.mercenary-card.active{border-color:var(--accent-gold);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a96133,0 0 30px #c9a96133}.mercenary-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mercenary-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.mercenary-info{flex-grow:1}.mercenary-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mercenary-type{font-size:.875rem;color:var(--text-secondary)}.mercenary-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase}.mercenary-status.status-active{background:#9fcc9f33;color:var(--text-success);border:1px solid rgba(159,204,159,.3)}.mercenary-status.status-benched{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-primary)}.mercenary-status.status-dead{background:#8b263533;color:var(--text-danger);border:1px solid rgba(139,38,53,.35)}.mercenary-status.status-on_mission{background:#c9a96133;color:var(--accent-gold);border:1px solid rgba(201,169,97,.3)}.mercenary-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.mercenary-loyalty{margin-bottom:var(--spacing-md)}.mercenary-loyalty-bar{height:8px;background:var(--bg-hover);border-radius:var(--radius-pill);border:1px solid var(--border-primary);overflow:hidden}.mercenary-loyalty-fill{height:100%;background:linear-gradient(90deg,#c9a96166,#c9a961e6);box-shadow:0 0 8px #c9a96166;transition:width var(--transition-normal)}.mercenary-command,.mercenary-mission{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.mercenary-command select,.mercenary-mission select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary)}.mercenary-mission button{width:100%}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:600;color:var(--accent-gold)}.mercenary-description,.mercenary-requirements{margin-bottom:var(--spacing-md)}.requirement-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-primary);margin-bottom:var(--spacing-xs)}.requirement-label{font-size:.875rem;color:var(--text-secondary)}.requirement-value{font-size:.875rem;font-weight:600}.requirement-value.met{color:var(--text-success)}.requirement-value.not-met{color:var(--text-danger)}.mercenary-cost{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.mercenary-cost h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.cost-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cost-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary)}.cost-item .met{color:var(--text-success);font-weight:600}.cost-item .not-met{color:var(--text-danger);font-weight:600}.mercenary-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.mercenary-equipment-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.mercenary-equipment-section h4{color:var(--accent-gold);font-size:1rem;margin-bottom:var(--spacing-sm)}.mercenary-combat-stats{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.mercenary-combat-stats h4{color:var(--accent-gold);font-size:.95rem;margin-bottom:var(--spacing-sm);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-xs)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all var(--transition-fast)}.stat-item.stat-changed{animation:statChangePulse .5s ease-in-out;border-color:var(--accent-gold);background:#c9a9611a}@keyframes statChangePulse{0%,to{transform:scale(1);box-shadow:0 0 #c9a96166}50%{transform:scale(1.02);box-shadow:0 0 8px 2px #c9a96199}}.stat-item .stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.stat-item .stat-value{color:var(--accent-gold);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.stat-previous{color:var(--text-secondary);text-decoration:line-through;font-size:.75rem;opacity:.7}.stat-current{transition:color var(--transition-fast)}.stat-current.stat-increase{color:#4ade80;font-weight:700}.stat-current.stat-decrease{color:#f87171;font-weight:700}.stat-diff{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);animation:statDiffAppear .3s ease-out}.stat-diff-positive{color:#4ade80;background:#4ade8033;border:1px solid rgba(74,222,128,.4)}.stat-diff-negative{color:#f87171;background:#f8717133;border:1px solid rgba(248,113,113,.4)}@keyframes statDiffAppear{0%{opacity:0;transform:translateY(-5px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.equipment-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary);flex-wrap:wrap;align-items:center}.equipment-sort,.equipment-filter{display:flex;align-items:center;gap:var(--spacing-xs)}.control-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;white-space:nowrap}.control-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.control-select:focus{outline:none;border-color:var(--accent-gold)}.control-select:hover{border-color:var(--accent-gold)}.item-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.btn-compare{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;align-items:center;gap:var(--spacing-xs)}.btn-compare:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.btn-compare.active{background:#c9a96133;border-color:var(--accent-gold);color:var(--accent-gold)}.item-comparison{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#0a0a0ffa;border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 8px 24px #000000e6;z-index:200;backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease forwards}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.comparison-header h5{color:var(--accent-gold);font-size:.9rem;margin:0}.btn-close-comparison{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-close-comparison:hover{color:var(--text-primary)}.comparison-content{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:start}.comparison-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.comparison-item-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.comparison-item-name{color:var(--text-primary);font-weight:600;font-size:.85rem}.comparison-vs{color:var(--accent-gold);font-weight:700;font-size:1rem;align-self:center;padding:var(--spacing-xs)}.comparison-item-stats{display:flex;flex-direction:column;gap:var(--spacing-xs)}.comparison-stat{padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:.8rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.comparison-stat.better{background:#4ade801a;border-color:#4ade8066;color:#4ade80}.comparison-stat.worse{background:#f871711a;border-color:#f8717166;color:#f87171}.comparison-stat.empty{color:var(--text-secondary);font-style:italic}.comparison-diff{font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.comparison-stat.better .comparison-diff{background:#4ade8033;color:#4ade80}.comparison-stat.worse .comparison-diff{background:#f8717133;color:#f87171}.context-menu{background:#0a0a0ffa;border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 8px 24px #000000e6;padding:var(--spacing-xs);min-width:150px;backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease forwards}.context-menu-item{width:100%;padding:var(--spacing-sm);background:transparent;border:none;color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.context-menu-item:hover{background:var(--bg-hover);color:var(--accent-gold)}.context-menu-item:active{background:var(--bg-tertiary)}.available-items-draggable{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.draggable-items-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-align:center}.draggable-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:150px;overflow-y:auto}.draggable-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:grab;transition:all var(--transition-fast);font-size:.8rem}.draggable-item:hover{background:var(--bg-hover);border-color:var(--accent-gold);transform:translate(4px)}.draggable-item:active{cursor:grabbing;transform:scale(.98)}.draggable-item-icon{font-size:1rem;flex-shrink:0}.draggable-item-name{color:var(--text-primary);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-item.disabled{opacity:.5;cursor:not-allowed;background:#8b26351a;border-color:#8b263566}.draggable-item.disabled:hover{transform:none;border-color:#8b263566}.draggable-item-requirement{font-size:.7rem;color:var(--text-secondary);padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);white-space:nowrap}.mercenary-equipment-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.mercenary-equipment-slot{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:all var(--transition-fast);position:relative}.mercenary-equipment-slot.drag-over{border-color:var(--accent-gold);background:#c9a9611a;box-shadow:0 0 12px #c9a96166;transform:scale(1.02)}.equipped-item-small{cursor:grab}.equipped-item-small:active{cursor:grabbing}.equipped-item-small[draggable=true]{user-select:none}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.slot-name{color:var(--text-primary);font-size:.85rem;font-weight:600;text-transform:capitalize}.btn-unequip-small{background:transparent;border:1px solid var(--accent-crimson);color:var(--accent-crimson);border-radius:var(--radius-sm);padding:2px 6px;font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.btn-unequip-small:hover:not(:disabled){background:var(--accent-crimson);color:var(--text-dark)}.btn-unequip-small:disabled{opacity:.5;cursor:not-allowed}.slot-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.equipped-item-small{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.equipped-item-small:hover{background:var(--bg-hover);border:1px solid var(--accent-gold)}.equipped-item-small .item-icon{font-size:1.2rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(201,169,97,.2))}.equipped-item-small .item-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.equipped-item-small .item-name-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.equipped-item-small .item-name{color:var(--accent-gold);font-size:.85rem;font-weight:600;word-break:break-word;line-height:1.2}.equipped-item-small .item-quality{font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;border:1px solid;flex-shrink:0}.equipped-item-small .item-quality.quality-common{background:#ffffff1a;color:var(--text-secondary);border-color:var(--border-primary)}.equipped-item-small .item-quality.quality-quality{background:#3b82f633;color:#60a5fa;border-color:#3b82f6}.equipped-item-small .item-quality.quality-superior{background:#a855f733;color:#a78bfa;border-color:#a855f7}.equipped-item-small .item-quality.quality-legendary{background:#eab30833;color:#fbbf24;border-color:#eab308;box-shadow:0 0 8px #eab30866}.equipped-item-small .item-quality.quality-uncommon{background:#22c55e33;color:#22c55e;border-color:#22c55e}.equipped-item-small .item-quality.quality-rare{background:#3b82f633;color:#3b82f6;border-color:#3b82f6}.equipped-item-small .item-quality.quality-epic{background:#8b5cf633;color:#8b5cf6;border-color:#8b5cf6}.equipped-item-small .item-quality.quality-mythic{background:#f9731633;color:#f97316;border-color:#f97316;box-shadow:0 0 8px #f9731666}.equipped-item-small .item-quality.quality-unique{background:#ef444433;color:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef444466}.equipped-item-small .item-badges{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.equipped-item-small .item-tier{font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;background:#eab30833;color:#fbbf24;border:1px solid #eab308;flex-shrink:0}.equipped-item-small .item-upgrade-level{font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;background:#22c55e33;color:#22c55e;border:1px solid #22c55e;flex-shrink:0}.item-upgrade-section{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.1)}.btn-upgrade-equipment{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-upgrade-equipment:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-upgrade-equipment:disabled{opacity:.5;cursor:not-allowed}.equipped-item-small .item-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.equipped-item-small .item-stat{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.7rem;font-weight:500;white-space:nowrap}.equipped-item-small .item-affix-badge{background:#a855f733;border-color:#a855f7;color:#a78bfa}.item-tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:300px}.item-tooltip-name{color:var(--accent-gold);font-size:1rem;font-weight:700;margin:0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.item-tooltip-description{color:var(--text-secondary);font-size:.85rem;margin:0;line-height:1.4}.item-tooltip-properties{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.tooltip-property{color:var(--text-primary);font-size:.8rem;padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.item-tooltip-affixes{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-tooltip-affixes strong{color:var(--accent-gold);font-size:.85rem;margin-bottom:var(--spacing-xs)}.tooltip-affix-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:.8rem}.tooltip-affix-item .affix-icon{font-size:.9rem;flex-shrink:0}.tooltip-affix-item .affix-name{color:var(--accent-gold);font-weight:600;flex:1}.tooltip-affix-item .affix-description{color:var(--text-secondary);font-size:.75rem;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-tooltip-requirements{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-tooltip-requirements strong{color:var(--accent-gold);font-size:.85rem}.tooltip-requirement{padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:.8rem;color:var(--text-primary)}.tooltip-requirement.met{background:#4ade801a;border-color:#4ade8066;color:#4ade80}.tooltip-requirement.not-met{background:#f871711a;border-color:#f8717166;color:#f87171}.requirement-status{font-size:.75rem;opacity:.8;font-style:italic}.empty-slot-small{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-sm)}.empty-slot-small>span{color:var(--text-secondary);font-size:.8rem;font-style:italic}.equip-select{padding:var(--spacing-xs);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.equip-select:focus{outline:none;border-color:var(--accent-gold)}.equip-select:disabled{opacity:.5;cursor:not-allowed}.equip-select-wrapper{position:relative;width:100%}.stat-preview{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#0a0a0ffa;border:2px solid var(--accent-gold);border-radius:var(--radius-md);box-shadow:0 8px 24px #000000e6;z-index:100;min-width:250px;backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease forwards}.stat-preview-title{color:var(--accent-gold);font-size:.85rem;font-weight:700;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.stat-preview-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.8rem}.stat-preview-item.positive{color:#4ade80}.stat-preview-item.negative{color:#f87171}.stat-preview-label{color:var(--text-secondary);font-weight:500}.stat-preview-value{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600}.stat-preview-diff{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:700}.stat-preview-diff.positive{color:#4ade80;background:#4ade8033;border:1px solid rgba(74,222,128,.4)}.stat-preview-diff.negative{color:#f87171;background:#f8717133;border:1px solid rgba(248,113,113,.4)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-primary,.btn-secondary,.btn-danger{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.mercenaries-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.mercenaries-error{background:#8b263533;border:1px solid var(--accent-crimson);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--text-danger)}@media (max-width: 768px){.mercenaries-grid{grid-template-columns:1fr}.mercenary-card-header{flex-direction:column;align-items:center;text-align:center}.mercenary-icon{font-size:2.5rem}}.reputation-container{width:100%;padding:var(--spacing-md)}.reputation-header{margin-bottom:var(--spacing-xl);text-align:center}.reputation-header h2{font-size:2rem;font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(201,169,97,.3)}.reputation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.reputation-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-card);position:relative}.reputation-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,#c9a96126,#c9a9610d,#c9a96126);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}.reputation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--accent-gold)}.reputation-card:hover:before{opacity:1}.reputation-card.selected{border-color:var(--accent-gold);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a96133,0 0 30px #c9a96133}.reputation-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.faction-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.faction-info{flex-grow:1}.faction-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.reputation-level-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.reputation-level-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--bg-primary);background:var(--gradient-gold);text-shadow:0 1px 2px rgba(0,0,0,.5)}.reputation-value{font-size:1.25rem;font-weight:700;color:var(--accent-gold);text-shadow:0 0 8px rgba(201,169,97,.4)}.reputation-progress-section{margin-bottom:var(--spacing-md)}.reputation-progress-bar{height:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-xs);border:1px solid var(--border-primary)}.reputation-progress-fill{height:100%;transition:width var(--transition-slow);border-radius:var(--radius-sm);background:var(--gradient-gold)}.reputation-progress-text{font-size:.75rem;color:var(--text-secondary);text-align:center}.reputation-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reputation-benefits h4,.faction-relationships h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.reputation-benefits ul{list-style:none;padding:0;margin:0}.reputation-benefits li{font-size:.875rem;color:var(--text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.reputation-benefits li:before{content:"✓";position:absolute;left:0;color:var(--text-success);font-weight:700}.no-benefits{font-size:.875rem;color:var(--text-muted);font-style:italic}.faction-relationships{margin-top:var(--spacing-md)}.relationship-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.relationship-tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:500}.relationship-tag.enemy{background:#8b263533;color:var(--text-danger);border:1px solid var(--accent-crimson)}.relationship-tag.ally{background:#9fcc9f33;color:var(--text-success);border:1px solid rgba(159,204,159,.3)}.reputation-levels-info{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-primary)}.reputation-levels-info h3{font-size:1.5rem;font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-lg);text-align:center;text-shadow:0 0 10px rgba(201,169,97,.3)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.level-card{background:var(--gradient-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.level-card:hover{transform:translateY(-2px);border-color:var(--accent-gold);box-shadow:var(--shadow-card-hover)}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.level-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.level-range{font-size:.75rem;color:var(--text-secondary);font-weight:500}.level-description{margin-bottom:var(--spacing-sm)}.level-benefits{list-style:none;padding:0;margin:0}.level-benefits li{font-size:.75rem;color:var(--text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.level-benefits li:before{content:"•";position:absolute;left:0;color:var(--accent-gold)}.reputation-error{background:#8b263533;border:1px solid var(--accent-crimson);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--text-danger)}@media (max-width: 768px){.reputation-grid,.levels-grid{grid-template-columns:1fr}.reputation-card-header{flex-direction:column;align-items:center;text-align:center}.faction-icon{font-size:2.5rem}}.appearance-container{width:100%;padding:var(--spacing-md)}.appearance-header{margin-bottom:var(--spacing-xl);text-align:center}.appearance-header h2{font-size:2rem;font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(201,169,97,.3)}.appearance-preview{margin-bottom:var(--spacing-xl)}.preview-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);position:relative}.preview-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,#c9a96126,#c9a9610d,#c9a96126);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.preview-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.preview-content{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.preview-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.preview-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.appearance-categories{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-primary);flex-wrap:wrap}.appearance-category{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--transition-normal)}.appearance-category:hover{color:var(--text-primary);background:var(--bg-hover)}.appearance-category.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.appearance-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.appearance-item-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-card);position:relative}.appearance-item-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,#c9a96126,#c9a9610d,#c9a96126);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}.appearance-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--accent-gold)}.appearance-item-card:hover:before{opacity:1}.appearance-item-card.current{border-color:var(--accent-gold);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a96133,0 0 30px #c9a96133}.appearance-item-card.locked{opacity:.6;filter:grayscale(.5)}.appearance-item-icon{font-size:3rem;text-align:center;margin-bottom:var(--spacing-md);filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.appearance-item-info{text-align:center;margin-bottom:var(--spacing-md)}.appearance-item-info h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.appearance-item-description{margin-bottom:var(--spacing-xs)}.appearance-item-preview{width:100%;height:40px;border-radius:var(--radius-md);margin-top:var(--spacing-xs);border:1px solid var(--border-primary);background:var(--bg-hover)}.appearance-item-actions{display:flex;justify-content:center}.appearance-item-lock-info{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.lock-text{font-size:.75rem;color:var(--status-warning);text-align:center;font-style:italic}.appearance-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.appearance-error{background:#8b263533;border:1px solid var(--accent-crimson);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--text-danger)}.btn-primary,.btn-secondary,.btn-danger{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:var(--gradient-gold);color:var(--bg-primary);border:1px solid var(--accent-gold)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-gold)}.btn-danger{background:var(--gradient-crimson);color:#fff;border:1px solid var(--accent-crimson)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b263566}@media (max-width: 768px){.appearance-items-grid{grid-template-columns:1fr}.appearance-categories{overflow-x:auto}}.background-container{width:100%;padding:var(--spacing-md)}.background-header{margin-bottom:var(--spacing-xl);text-align:center}.background-header h2{font-size:2rem;font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(201,169,97,.3)}.background-description{margin-top:var(--spacing-sm)}.awakening-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:var(--spacing-md) 0;flex-wrap:wrap}.awakening-step{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.awakening-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-primary);font-weight:600}.awakening-step.done .awakening-step-num{background:#4caf5033;border-color:var(--accent-gold);color:var(--accent-gold)}.awakening-step.active .awakening-step-num{background:#c9a96140;border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 12px #c9a9614d}.awakening-step-connector{width:24px;height:1px;background:var(--border-primary);margin:0 4px;opacity:.6}.awakening-step.done+.awakening-step-connector,.awakening-step.active+.awakening-step-connector{opacity:1}.backgrounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.background-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-card);position:relative}.background-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,#c9a96126,#c9a9610d,#c9a96126);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}.background-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--accent-gold)}.background-card:hover:before{opacity:1}.background-card.selected{border-color:var(--accent-gold);box-shadow:0 4px 20px #0009,0 0 0 1px #c9a96133,0 0 30px #c9a96133}.background-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.background-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(201,169,97,.3))}.background-info{flex-grow:1}.background-info h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.background-story{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.background-story h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.background-story p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;font-style:italic}.background-bonuses{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#9fcc9f1a;border:1px solid rgba(159,204,159,.3);border-radius:var(--radius-md)}.background-bonuses h4{font-size:.875rem;font-weight:600;color:var(--text-success);margin-bottom:var(--spacing-xs)}.bonus-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.bonus-stat{display:flex;gap:var(--spacing-xs);font-size:.875rem}.stat-name{color:var(--text-secondary);text-transform:capitalize}.stat-value{color:var(--text-success);font-weight:600}.bonus-gold{font-size:.875rem;color:var(--accent-gold);font-weight:600}.selected-background{margin-bottom:var(--spacing-xl)}.background-quests{margin-top:var(--spacing-xl)}.background-quests h3{font-size:1.5rem;font-weight:700;color:var(--accent-gold);margin-bottom:var(--spacing-lg);text-shadow:0 0 10px rgba(201,169,97,.3)}.quests-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quest-card{background:var(--gradient-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.quest-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.quest-card.completed{border-color:var(--text-success);background:var(--gradient-card);box-shadow:0 4px 20px #0009,0 0 0 1px #9fcc9f33,0 0 30px #9fcc9f1a}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.quest-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.quest-completed-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#9fcc9f33;color:var(--text-success);border:1px solid rgba(159,204,159,.3);border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.quest-description,.quest-objectives{margin-bottom:var(--spacing-md)}.quest-objectives h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.objective-item{margin-bottom:var(--spacing-sm)}.objective-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.objective-progress{font-size:.875rem;color:var(--text-primary);font-weight:600}.objective-progress-bar{height:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-primary)}.objective-progress-fill{height:100%;background:var(--gradient-gold);transition:width var(--transition-slow);border-radius:var(--radius-sm)}.quest-rewards{padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.quest-rewards h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.rewards-list{display:flex;gap:var(--spacing-md);font-size:.875rem;color:var(--accent-gold);font-weight:600}.quest-claim-reward{margin-top:var(--spacing-md)}.background-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.background-error{background:#8b263533;border:1px solid var(--accent-crimson);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--text-danger)}.btn-primary{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);color:var(--bg-primary);border:1px solid var(--accent-gold);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9a96166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.backgrounds-grid{grid-template-columns:1fr}.background-card-header{flex-direction:column;align-items:center;text-align:center}.background-icon{font-size:2.5rem}}