:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #1c2128;--color-bg-panel: #151a21;--color-bg-slot: #0d1117;--color-bg-slot-hover: #1f2937;--color-border: #30363d;--color-border-light: #444c56;--color-border-active: #58a6ff;--color-border-equipped: #3fb950;--color-accent-primary: #58a6ff;--color-accent-secondary: #79c0ff;--color-accent-gold: #d29922;--color-accent-orange: #f0883e;--color-accent-red: #f85149;--color-accent-green: #3fb950;--color-text-primary: #c9d1d9;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-header: #f0f6fc;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .1s ease;--transition-normal: .2s ease;--color-bg-elevated: #1c2128;--color-accent: #58a6ff;--color-success: #3fb950;--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--color-accent-cyan: #56d4dd}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.header-brand{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo{width:48px;height:48px;object-fit:contain}.header-title-group{display:flex;flex-direction:column}.header-title{font-size:1.5rem;font-weight:600;color:var(--color-text-header);line-height:1.2}.header-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.header-actions{display:flex;gap:var(--spacing-sm)}.tab-nav{display:flex;gap:var(--spacing-xs);background:var(--color-bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-md)}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.tab-btn:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.tab-btn.active{background:var(--color-accent-primary);color:#fff}.view-container{display:none;flex:1;overflow:hidden;position:relative}.view-container.active{display:flex;flex-direction:column}.tool-description{padding:2px var(--spacing-xl);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex;gap:var(--spacing-md);align-items:center}.tool-description p{font-size:.8rem;color:var(--color-text-secondary);max-width:none;margin:0}.tool-description p+p{margin-top:var(--spacing-sm)}.tool-hint{color:var(--color-accent-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background:var(--color-bg-slot-hover);border-color:var(--color-border-light)}.btn-primary{background:var(--color-accent-gold);border-color:var(--color-accent-gold);color:#000}.btn-primary:hover{background:var(--color-accent-orange);border-color:var(--color-accent-orange)}.btn-danger{border-color:var(--color-accent-red);color:var(--color-accent-red)}.btn-danger:hover{background:#f8514926}.main-content{display:grid;grid-template-columns:auto 1fr 280px;gap:var(--spacing-md);padding:var(--spacing-md);flex:1;min-height:0;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h2{font-size:1rem;font-weight:600;color:var(--color-text-header);text-transform:uppercase;letter-spacing:.05em}.view-toggle{display:flex;gap:1px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{padding:var(--spacing-xs) var(--spacing-md);border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.toggle-btn.active{background:var(--color-bg-slot-hover);color:var(--color-accent-primary)}.quick-presets{display:flex;align-items:center;gap:4px}.quick-preset-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.quick-preset-btn:hover{background:var(--color-bg-slot-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.quick-preset-btn.clear-btn:hover{color:var(--color-accent-red);border-color:var(--color-accent-red)}.quick-preset-divider{width:1px;height:20px;background:var(--color-border);margin:0 4px}.stat-icon{flex-shrink:0;margin-left:4px}.stat-icon.ideal{color:var(--color-accent-green)}.stat-icon.caution{color:var(--color-accent-orange)}.stat-icon.wasted{color:var(--color-accent-red)}.armor-section{flex-shrink:0;min-height:0;overflow-y:auto;overflow-x:hidden}.slot-container{display:flex;flex-direction:column}.armor-visual{position:relative;width:400px;height:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.armor-visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);width:250px;height:350px;background:#28323ce6;clip-path:polygon(42% 0%,58% 0%,60% 4%,60% 9%,54% 10%,54% 12%,65% 13%,100% 28%,100% 32%,68% 18%,66% 25%,64% 42%,66% 45%,68% 95%,64% 100%,56% 100%,54% 95%,52% 52%,50% 50%,48% 52%,46% 95%,44% 100%,36% 100%,32% 95%,34% 45%,36% 42%,34% 25%,32% 18%,0% 32%,0% 28%,35% 13%,46% 12%,46% 10%,40% 9%,40% 4%,42% 0%);opacity:1;z-index:0}.slot-card{width:72px;height:44px;background:var(--color-bg-slot);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1px var(--spacing-xs);gap:0}.slot-card:hover{background:var(--color-bg-slot-hover);border-color:var(--color-border-active)}.slot-card.active{border-color:var(--color-accent-primary);box-shadow:0 0 12px #58a6ff66;background:var(--color-bg-slot-hover)}.slot-card.has-stats{border-color:var(--color-accent-green)}.slot-card.has-stats.active{border-color:var(--color-accent-primary)}.slot-name{font-size:.625rem;font-weight:600;text-align:center;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em}.slot-stats{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-xs)}.exotic-label{font-size:.5rem;font-weight:700;color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.02em;margin-top:0}.slot-card.exotic{border-color:var(--color-accent-gold)}.slot-card.exotic:hover{border-color:var(--color-accent-orange)}.slot-card.exotic.active{border-color:var(--color-accent-gold);box-shadow:0 0 12px #d2992280}.slot-wrapper{position:absolute;display:flex;align-items:center;gap:3px;z-index:1;cursor:pointer}.slot-wrapper.slot-right{flex-direction:row-reverse}.slot-wrapper.slot-center{flex-direction:row}.slot-tags-sidebar{display:flex;flex-direction:column;gap:1px;min-width:28px}.slot-wrapper.slot-center .slot-tags-sidebar{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);align-items:flex-end}.slot-wrapper.slot-right .slot-tags-sidebar{align-items:flex-start}.stat-tag{font-size:.5625rem;font-weight:700;padding:1px 3px;border-radius:2px;letter-spacing:.02em;line-height:1;white-space:nowrap}.stat-tag.core{background:#3fb9504d;color:var(--color-accent-green)}.stat-tag.exotic{background:#d299224d;color:var(--color-accent-gold)}.slot-wrapper[data-slot-id=helmet]{top:6px;left:50%;transform:translate(-50%)}.slot-wrapper[data-slot-id=chest]{top:68px;left:50%;transform:translate(-50%)}.slot-wrapper[data-slot-id=shirt]{top:126px;left:50%;transform:translate(-50%)}.slot-wrapper[data-slot-id=belt]{top:184px;left:50%;transform:translate(-50%)}.slot-wrapper[data-slot-id=pants]{top:262px;left:50%;transform:translate(-50%)}.slot-wrapper[data-slot-id=boots]{top:340px;left:50%;transform:translate(-50%)}.slot-wrapper[data-slot-id=lbicep]{top:84px;left:6px}.slot-wrapper[data-slot-id=lbracer]{top:145px;left:6px}.slot-wrapper[data-slot-id=gloves]{top:206px;left:6px}.slot-wrapper[data-slot-id=rbicep]{top:84px;right:6px}.slot-wrapper[data-slot-id=rbracer]{top:145px;right:6px}.slot-wrapper[data-slot-id=weapon]{top:206px;right:40px}.editor-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:0;display:flex;flex-direction:column;overflow:hidden}.editor-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1rem}.slot-editor{display:flex;flex-direction:column;height:100%}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.editor-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-header)}.editor-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--color-bg-secondary);color:var(--color-accent-green);border-color:var(--color-accent-green)}.btn-icon svg{flex-shrink:0}.editor-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px}.editor-close:hover{color:var(--color-accent-red)}.editor-body{padding:var(--spacing-md);flex:1;overflow-y:auto;min-height:0}.exotic-note{background:#d2992226;border:1px solid var(--color-accent-gold);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.875rem;color:var(--color-accent-gold)}.power-selector{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.power-selector label{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary)}.power-selector select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.9375rem;font-family:var(--font-body);cursor:pointer}.power-selector select:focus{outline:none;border-color:var(--color-accent-primary)}.stats-editor label{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-sm)}.stat-slots{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-slot{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-slot);border:1px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.stat-slot:hover{border-color:var(--color-accent-primary);border-style:solid;background:var(--color-bg-slot-hover)}.stat-slot .stat-name{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);text-transform:none}.stat-slot .stat-empty{color:var(--color-text-muted);font-style:italic}.stat-remove{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:var(--spacing-xs)}.stat-remove:hover{color:var(--color-accent-red)}.stats-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-height:0}.stats-section .section-header{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);margin-bottom:0;display:flex;justify-content:space-between;align-items:center}.stats-section .section-header h2{font-size:.85rem}.stats-section .section-header .btn{padding:2px var(--spacing-sm);font-size:.7rem;flex-shrink:0}.stat-summary{padding:var(--spacing-sm);flex:1;overflow-y:auto;min-height:0}.stat-group{margin-bottom:var(--spacing-lg)}.stat-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.9375rem}.stat-row.stat-zero{opacity:.5}.stat-row .stat-name{color:var(--color-text-secondary);text-transform:none;font-weight:400}.stat-value{font-weight:600;color:var(--color-text-primary)}.stat-value.zero{color:var(--color-text-muted)}.stat-value.at-cap{color:var(--color-accent-green)}.stat-value.over-cap{color:var(--color-accent-orange)}.empty-state{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--spacing-xl)}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#000000bf}.modal-content{position:relative;width:90%;max-width:520px;max-height:85vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.modal-content.modal-large{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-header)}.modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--color-accent-red)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.food-picker-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000bf}.food-picker-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.food-picker-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.food-picker-header h3{margin:0;color:var(--color-text-header);font-size:1.1rem}.food-picker-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer}.food-picker-close:hover{color:var(--color-accent-red)}.food-picker-search{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.food-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem}.food-search-input:focus{outline:none;border-color:var(--color-accent-primary)}.food-picker-list{flex:1;overflow-y:auto;padding:var(--spacing-sm);max-height:400px}.food-item{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:var(--color-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.food-item:hover{background:var(--color-bg-slot);border-color:var(--color-accent-primary)}.food-item.popular{border-left:3px solid var(--color-accent-gold)}.food-name{font-weight:600;color:var(--color-text-header);margin-bottom:2px;display:flex;align-items:center;gap:var(--spacing-xs)}.popular-badge{color:var(--color-accent-gold);font-size:.85rem}.food-effects{font-size:.85rem;color:var(--color-accent-green);margin-bottom:2px}.food-meta{font-size:.75rem;color:var(--color-text-muted);display:flex;gap:var(--spacing-md)}.food-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl)}.food-picker-other{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.food-other-btn{width:100%}.search-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-body);margin-bottom:var(--spacing-md)}.search-input:focus{outline:none;border-color:var(--color-accent-primary)}.search-input::placeholder{color:var(--color-text-muted)}.category-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-border-light)}.filter-btn.active{background:var(--color-bg-slot-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.modifier-list{display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-y:auto;background:var(--color-border);border-radius:var(--radius-sm)}.modifier-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-slot);cursor:pointer;transition:all var(--transition-fast)}.modifier-item:hover{background:var(--color-bg-slot-hover)}.modifier-item.popular{border-left:3px solid var(--color-accent-gold)}.modifier-info{display:flex;flex-direction:column}.modifier-name{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.modifier-category{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;margin-top:2px}.modifier-stats{text-align:right}.modifier-ratio{font-size:.875rem;color:var(--color-text-secondary)}.modifier-max{font-size:.75rem;color:var(--color-text-muted)}.export-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.crafter-output{font-size:.9375rem}.output-section{margin-bottom:var(--spacing-lg)}.output-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-header);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.03em}.shopping-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-xs)}.junk-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.junk-qty{font-weight:600;color:var(--color-accent-primary)}.slot-container.list-view .armor-visual{display:none}.slot-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast)}.slot-list-item:hover{background:var(--color-bg-slot-hover);border-color:var(--color-border-active)}.slot-list-item.active{border-color:var(--color-accent-primary)}.slot-list-item.has-stats{border-color:var(--color-accent-green)}.slot-list-item.exotic{border-color:var(--color-accent-gold)}.slot-list-header{display:flex;align-items:center;gap:var(--spacing-sm);min-width:120px}.slot-list-stats{flex:1;font-size:.875rem;color:var(--color-text-secondary)}.slot-list-power{font-size:.8125rem;color:var(--color-text-muted)}.exotic-badge{font-size:.625rem;font-weight:600;color:var(--color-accent-gold);padding:2px 6px;border:1px solid var(--color-accent-gold);border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-slot)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.crafter-tab-content{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;overflow-y:auto;flex:1}.crafter-header{margin-bottom:var(--spacing-xl)}.crafter-header h2{font-size:1.5rem;color:var(--color-text-header);margin-bottom:var(--spacing-sm)}.crafter-description{color:var(--color-text-secondary);font-size:.9375rem}.crafter-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.crafter-section{margin-bottom:var(--spacing-xl)}.crafter-section:last-child{margin-bottom:0}.crafter-section-title{font-size:1rem;font-weight:600;color:var(--color-text-header);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.stat-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border)}.stat-card-title{display:flex;align-items:center;gap:var(--spacing-md)}.stat-card-slot{font-weight:600;color:var(--color-text-header)}.stat-card-modifier{color:var(--color-accent-gold);font-weight:500}.stat-card-value{color:var(--color-accent-green);font-weight:600}.stat-card-body{padding:var(--spacing-lg)}.combo-selector{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg)}.combo-selector .plus{color:var(--color-text-muted);font-size:1.25rem;font-weight:600}.combo-select-wrap{position:relative}.combo-select{width:100%;padding:var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;appearance:none}.combo-select:focus{outline:none;border-color:var(--color-accent-primary)}.combo-select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-sm)}.searchable-select{position:relative;width:100%}.searchable-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer}.searchable-input::placeholder{color:var(--color-text-muted)}.searchable-input:focus{outline:none;border-color:var(--color-accent-primary)}.searchable-dropdown{display:none;position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-accent-primary);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100}.searchable-select.open .searchable-dropdown{display:block}.searchable-select.open .searchable-input{border-radius:var(--radius-md) var(--radius-md) 0 0;border-color:var(--color-accent-primary)}.searchable-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-text-primary)}.searchable-option:hover{background:var(--color-bg-tertiary)}.searchable-option.selected{background:var(--color-accent-primary);color:var(--color-bg-primary)}.stat-card-count{background:var(--color-accent-primary);color:var(--color-bg-primary);padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-left:var(--spacing-sm)}.split-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;margin-left:var(--spacing-sm);transition:all .2s ease}.split-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.crafter-shopping{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.shopping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.shopping-header h3{font-size:1.25rem;color:var(--color-text-header)}.shopping-list-table{overflow-x:auto}.shopping-table{width:100%;border-collapse:collapse}.shopping-table th,.shopping-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.shopping-table th{background:var(--color-bg-tertiary);color:var(--color-text-header);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.shopping-table td{color:var(--color-text-primary)}.shopping-table tr:hover td{background:var(--color-bg-tertiary)}.shopping-qty{font-weight:600;color:var(--color-accent-gold)}.shopping-for{color:var(--color-text-secondary);font-size:.875rem}.stat-card.invalid-combo{border-color:var(--color-accent-red)}.combo-select.invalid{border-color:var(--color-accent-red);background-color:#f851491a;color:var(--color-accent-red)}.combo-warning{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#f8514926;border:1px solid var(--color-accent-red);border-radius:var(--radius-sm);color:var(--color-accent-red);font-size:.875rem}.combo-valid{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#3fb95026;border:1px solid var(--color-accent-green);border-radius:var(--radius-sm);color:var(--color-accent-green);font-size:.875rem}.shopping-warning{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#f8514926;border:1px solid var(--color-accent-red);border-radius:var(--radius-sm);color:var(--color-accent-red);font-size:.875rem}.combo-count{margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:.8125rem}.stat-status-label,.stat-value{transition:color .3s ease}.stat-status-label.ideal,.stat-value.ideal{color:var(--color-accent-green)}.stat-status-label.diminishing,.stat-value.diminishing{color:var(--color-accent-gold)}.stat-status-label.hard-cap,.stat-value.hard-cap{color:var(--color-accent-red)}.stat-bar-fill.ideal{background:var(--color-accent-green);box-shadow:0 0 8px #3fb95066}.stat-bar-fill.diminishing{background:var(--color-accent-gold)}.stat-bar-fill.hard-cap{background:var(--color-accent-red)}.stat-bar{position:relative;overflow:visible!important}.stat-bar-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background-color:var(--color-bg-primary);z-index:2;opacity:.5}.stat-bar-marker.ideal{background-color:var(--color-accent-green)}.stat-bar-marker.diminishing{background-color:var(--color-accent-gold)}.stat-bar-marker.hard-cap{background-color:var(--color-accent-red)}.stat-legend{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.75rem;color:var(--color-text-secondary)}.legend-item{display:flex;align-items:center}.legend-item:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-right:6px}.legend-item.ideal:before{background:var(--color-accent-green)}.legend-item.diminishing:before{background:var(--color-accent-gold)}.legend-item.hard-cap:before{background:var(--color-accent-red)}.ham-pools{margin-top:var(--spacing-md)}.ham-bars{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.ham-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem}.ham-bar.health{background:linear-gradient(90deg,#ef44444d,#ef44441a);border-left:3px solid #ef4444}.ham-bar.action{background:linear-gradient(90deg,#22c55e4d,#22c55e1a);border-left:3px solid #22c55e}.ham-bar.mind{background:linear-gradient(90deg,#3b82f64d,#3b82f61a);border-left:3px solid #3b82f6}.ham-label{color:var(--color-text-secondary);font-weight:500}.ham-value{color:var(--color-text-header);font-weight:600;font-family:var(--font-mono)}.secondary-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.sec-stat{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);cursor:help}.stat-bar-container{flex:1;margin:0 var(--spacing-sm);min-width:80px}.stat-bar-track{position:relative;height:6px;background:var(--color-bg-slot);border-radius:3px;overflow:hidden}.stat-bar-target{position:absolute;top:0;height:100%;background:#3b82f640;border-left:1px solid rgba(59,130,246,.5);border-right:1px solid rgba(59,130,246,.5);z-index:1}.stat-bar-fill{position:relative;height:100%;border-radius:3px;transition:width .3s ease;z-index:2}.stat-bar-fill.under{background:var(--color-text-muted)}.stat-bar-fill.ideal{background:linear-gradient(90deg,var(--color-accent-green),#4ade80)}.stat-bar-fill.diminishing{background:linear-gradient(90deg,#eab308,var(--color-accent-gold))}.stat-bar-fill.hard-cap{background:linear-gradient(90deg,var(--color-accent-orange),var(--color-accent-red))}.stat-bar-fill.in-target{box-shadow:0 0 6px #3b82f699}.stat-value-group{display:flex;align-items:center;gap:var(--spacing-sm)}.external-buffs-container{margin-top:var(--spacing-xl);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.external-buffs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.external-buffs-header h3{font-size:1rem;color:var(--color-text-header);font-weight:600}.external-buffs-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.buff-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color .2s}.buff-row:hover{border-color:var(--color-border-light)}.buff-name{flex:1;font-weight:500;color:var(--color-text-primary)}.buff-value-input{display:flex;align-items:center;margin-right:var(--spacing-md);color:var(--color-text-secondary)}.buff-value-input .prefix{margin-right:4px}.buff-input{width:60px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--color-accent-green);font-family:var(--font-mono);font-weight:600;text-align:right}.buff-input:focus{outline:none;border-color:var(--color-accent-primary)}.remove-buff-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm)}.remove-buff-btn:hover{background:#f8514933;color:var(--color-accent-red)}.empty-state-sm{text-align:center;padding:var(--spacing-md);color:var(--color-text-muted);font-style:italic;font-size:.875rem}.armor-bonus-section{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.armor-bonus-row{display:flex;justify-content:space-between;align-items:center}.armor-bonus-label{color:var(--color-text-secondary);font-size:.875rem;cursor:help}.armor-bonus-input{display:flex;align-items:center;gap:4px}.armor-bonus-input .prefix{color:var(--color-accent-green);font-weight:600}.armor-bonus-input input{width:80px;padding:4px 8px;background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.875rem;text-align:right}.armor-bonus-input input:focus{outline:none;border-color:var(--color-accent-primary)}.buff-group{margin-bottom:var(--spacing-md)}.buff-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.buff-group-icon{font-size:1rem}.buff-group-label{font-weight:600;font-size:.8125rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.buff-tag{font-size:.625rem;padding:2px 6px;border-radius:10px;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.buff-tag.permanent{background:#3fb95033;color:var(--color-accent-green)}.buff-tag.temporary{background:#d2992233;color:var(--color-accent-gold)}.add-buff-dropdown{position:relative}.add-buff-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;z-index:100;min-width:160px;overflow:hidden}.add-buff-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:.875rem;transition:background .15s}.add-buff-option:hover{background:var(--color-bg-tertiary)}.add-buff-option:not(:last-child){border-bottom:1px solid var(--color-border)}.editor-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.editor-actions .btn{flex:1}.editor-actions .btn:disabled{opacity:.5;cursor:not-allowed}.preset-dropdown{position:relative}.preset-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:200;min-width:280px;overflow:hidden}.preset-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background .15s}.preset-option:hover{background:var(--color-bg-tertiary)}.preset-option:not(:last-child){border-bottom:1px solid var(--color-border)}.preset-icon{font-size:1.25rem;flex-shrink:0}.preset-info{display:flex;flex-direction:column;gap:2px}.preset-name{font-weight:600;font-size:.875rem}.preset-desc{font-size:.75rem;color:var(--color-text-muted)}.skill-import-modal{max-width:560px}.skill-import-modal .modal-body p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.profession-picker{display:flex;flex-direction:column;gap:var(--spacing-md)}.prof-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.prof-group-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.prof-chips{display:flex;flex-wrap:wrap;gap:4px}.prof-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.prof-chip:hover{background:var(--color-bg-slot-hover);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.prof-chip.selected{background:#58a6ff26;border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.prof-icon{font-size:.875rem;line-height:1}.prof-name{white-space:nowrap}.import-result{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.import-result h4{margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--color-text-primary)}.import-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--spacing-sm)}.import-note{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.import-result .stat-suggestion{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#3fb95033;color:var(--color-accent-green);border-radius:4px;font-size:.75rem;font-weight:600;margin:2px}.import-result .stat-suggestion.exotic{background:#d2992233;color:var(--color-accent-gold)}.jewelry-tab-content{max-width:1000px;margin:0 auto;padding:var(--spacing-xl);overflow-y:auto;flex:1}.jewelry-header{text-align:center;margin-bottom:var(--spacing-xl)}.jewelry-header h2{color:var(--color-text-header);margin-bottom:var(--spacing-sm)}.jewelry-description{color:var(--color-text-secondary);font-size:.9375rem}.jewelry-editor{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl)}@media(max-width:900px){.jewelry-editor{grid-template-columns:1fr}}.jewelry-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.jewelry-slot{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.jewelry-slot-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.jewelry-icon{font-size:1.25rem}.jewelry-name{font-weight:600;color:var(--color-text-header)}.jewelry-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.jewelry-stat-row{display:flex;gap:var(--spacing-sm);align-items:center}.jewelry-stat-select{flex:1;padding:6px 8px;background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.8125rem}.jewelry-stat-select:focus{outline:none;border-color:var(--color-accent-primary)}.jewelry-value-input{display:flex;align-items:center;gap:2px;min-width:70px}.jewelry-value-input .prefix{color:var(--color-accent-green);font-weight:600;font-size:.875rem}.jewelry-value{width:50px;padding:6px 4px;background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.8125rem;text-align:center}.jewelry-value:disabled{opacity:.4;cursor:not-allowed}.jewelry-value:focus{outline:none;border-color:var(--color-accent-primary)}.jewelry-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);height:fit-content;position:sticky;top:var(--spacing-lg)}.jewelry-summary h3{color:var(--color-text-header);margin-bottom:var(--spacing-md);font-size:1rem}.jewelry-totals-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.jewelry-total-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.jewelry-total-row:last-child{border-bottom:none}.total-stat{color:var(--color-text-secondary);font-size:.875rem}.total-value{color:var(--color-accent-green);font-weight:600;font-family:var(--font-mono)}.help-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:2px var(--spacing-md);overflow:hidden;flex-shrink:0}.help-panel-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:600;font-size:.8rem;list-style:none;transition:var(--transition-fast)}.help-panel-toggle::-webkit-details-marker{display:none}.help-panel-toggle:hover{background:var(--color-bg-slot-hover)}.help-panel-toggle .help-icon{color:var(--color-accent-primary)}.help-panel-toggle .expand-icon{margin-left:auto;transition:transform var(--transition-normal)}.help-panel[open] .expand-icon{transform:rotate(180deg)}.help-panel-content{padding:var(--spacing-lg);border-top:1px solid var(--color-border);font-size:.9375rem;line-height:1.6}.help-panel-content h4{color:var(--color-accent-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:1rem}.help-panel-content h4:first-child{margin-top:0}.help-panel-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.help-panel-content ul,.help-panel-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.help-panel-content li{margin-bottom:var(--spacing-xs)}.help-panel-content strong{color:var(--color-text-primary)}.help-panel-content .threshold-ideal{color:var(--color-accent-green);font-weight:600}.help-panel-content .threshold-diminishing{color:var(--color-accent-gold);font-weight:600}.help-panel-content .threshold-overcapped{color:var(--color-accent-red);font-weight:600}.backpack-container{margin-top:var(--spacing-lg)}.backpack-section{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.backpack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.backpack-header h3{font-size:.9375rem;font-weight:600;color:var(--color-text-header)}.backpack-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;min-width:160px}.backpack-select:focus{outline:none;border-color:var(--color-accent-primary)}.backpack-description{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-style:italic}.backpack-empty{color:var(--color-text-muted);font-size:.875rem;text-align:center;padding:var(--spacing-md)}.backpack-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.backpack-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-gold)}.backpack-stat-row.custom{border-left-color:var(--color-accent-primary)}.backpack-stat-name{font-size:.875rem;color:var(--color-text-secondary)}.backpack-stat-value{font-size:.875rem;font-weight:600;color:var(--color-accent-green);font-family:var(--font-mono)}.backpack-stat-input{display:flex;align-items:center;gap:var(--spacing-xs)}.backpack-stat-input .prefix{color:var(--color-text-muted);font-size:.875rem}.backpack-value-input{width:60px;padding:var(--spacing-xs);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-family:var(--font-mono);text-align:right}.backpack-value-input:focus{outline:none;border-color:var(--color-accent-primary)}.backpack-stat-row .remove-stat-btn{padding:2px 6px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.125rem;line-height:1}.backpack-stat-row .remove-stat-btn:hover{color:var(--color-accent-red)}.add-stat-btn{width:100%;margin-top:var(--spacing-sm)}.backpack-picker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.backpack-picker-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.backpack-picker-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.backpack-picker-header h3{margin:0;color:var(--color-text-header)}.backpack-picker-list{overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.backpack-option{background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .15s ease}.backpack-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.backpack-name{font-weight:600;color:var(--color-text-header);margin-bottom:var(--spacing-xs)}.backpack-description{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.backpack-stats{display:flex;flex-wrap:wrap;gap:6px}.backpack-stat{background:var(--color-bg-panel);padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);color:var(--color-accent-green)}.crafter-filter-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.heroic-filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.heroic-filter-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent-primary)}.heroic-filter-toggle span{-webkit-user-select:none;user-select:none}.filter-hint{color:var(--color-text-muted);font-size:.75rem;cursor:help}.jewelry-container{margin-top:var(--spacing-md)}.jewelry-section{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.jewelry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.jewelry-header h3{margin:0;font-size:1rem;color:var(--color-text-header)}.jewelry-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;min-width:160px}.jewelry-select:focus{outline:none;border-color:var(--color-accent-primary)}.jewelry-description{color:var(--color-text-muted);font-size:.8125rem;margin-bottom:var(--spacing-sm)}.jewelry-empty{color:var(--color-text-muted);font-size:.875rem;font-style:italic}.jewelry-stats{display:flex;flex-direction:column;gap:var(--spacing-xs)}.jewelry-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-slot);border-radius:var(--radius-sm)}.jewelry-stat-row.preset{background:var(--color-bg-slot)}.jewelry-stat-row.custom{background:var(--color-bg-tertiary)}.jewelry-stat-name{font-size:.875rem;color:var(--color-text-secondary)}.jewelry-stat-value{font-family:var(--font-mono);font-size:.875rem;color:var(--color-accent-green);font-weight:600}.jewelry-stat-input{display:flex;align-items:center;gap:var(--spacing-xs)}.jewelry-stat-input .prefix{color:var(--color-text-muted);font-size:.875rem}.jewelry-value-input{width:60px;padding:var(--spacing-xs);background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-family:var(--font-mono);text-align:right}.jewelry-value-input:focus{outline:none;border-color:var(--color-accent-primary)}.jewelry-stat-row .remove-stat-btn{padding:2px 6px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.125rem;line-height:1}.jewelry-stat-row .remove-stat-btn:hover{color:var(--color-accent-red)}.stat-card-right{display:flex;align-items:flex-start;gap:var(--spacing-md);height:100%}.powerbit-control{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-right:var(--spacing-sm)}.powerbit-info{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.powerbit-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.ratio-badge{font-size:.75rem;background:var(--color-bg-tertiary);padding:1px 4px;border-radius:var(--radius-sm);color:var(--color-accent-blue);font-family:var(--font-mono)}.powerbit-select-wrapper{display:flex;flex-direction:column;align-items:flex-end}.powerbit-select{padding:4px 8px;background:var(--color-bg-slot);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.9rem;font-family:var(--font-mono);min-width:140px;cursor:pointer}.powerbit-select:focus{outline:none;border-color:var(--color-accent-primary)}.powerbit-select option{font-size:.9rem;padding:4px}.powerbit-select option.recommended-option{font-weight:600;color:var(--color-accent-green);background-color:#4caf501a}.powerbit-hint{font-size:.75rem;color:var(--color-accent-green);opacity:.9;margin-top:2px;white-space:nowrap}.shopping-section-title{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:.875rem;color:var(--color-text-header);font-weight:600}.powerbit-table .powerbit-name{color:var(--color-accent-cyan);font-family:var(--font-mono)}.bakein-editor{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);margin-top:var(--spacing-sm);border:1px solid var(--color-border)}.bakein-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.bakein-header h4{font-size:.8rem;color:var(--color-text-header);margin:0}.bakein-hint{font-size:.7rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.bakein-hint-disabled{font-size:.7rem;color:var(--color-text-muted);font-style:italic}.bakein-global{margin-bottom:var(--spacing-xs)}.bakein-global-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.bakein-label{font-size:.75rem;color:var(--color-text-secondary)}.bakein-actions{margin-top:var(--spacing-xs)}.bakein-perslot{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.bakein-slot-row{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.bakein-slot-name{font-size:.7rem;color:var(--color-text-muted);min-width:50px}.bakein-select,.bakein-slot-select{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.75rem;color:var(--color-text-primary);cursor:pointer;min-width:80px}.bakein-select:hover,.bakein-slot-select:hover{border-color:var(--color-border-light)}.bakein-select:focus,.bakein-slot-select:focus{outline:none;border-color:var(--color-accent-primary)}.bakein-value-input{display:flex;align-items:center;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px}.bakein-value-input .prefix{color:var(--color-accent-cyan);font-size:.8rem;font-weight:600}.bakein-value-input input{width:40px;background:transparent;border:none;color:var(--color-text-primary);font-size:.8rem;text-align:center}.bakein-value-input input:focus{outline:none}.bakein-value-input input:disabled{color:var(--color-text-muted);opacity:.5}.bakein-slot-value-input{padding:2px 4px}.bakein-slot-value-input input{width:32px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-slot);border:1px solid var(--color-border);transition:var(--transition-normal);border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--color-text-muted);transition:var(--transition-normal);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background-color:#fff}.btn-accent{background:var(--color-accent-gold);color:var(--color-bg-primary);border:none;font-weight:500}.btn-accent:hover{background:var(--color-accent-orange)}.btn-ghost{background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted)}.btn-ghost:hover{border-color:var(--color-border-light);color:var(--color-text-secondary)}.familiar-section{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);border:1px solid var(--color-border)}.familiar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.familiar-header h4{font-size:.95rem;color:var(--color-text-header);margin:0}.familiar-hint{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.familiar-picker{position:relative}.familiar-current{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.familiar-current:hover{border-color:var(--color-border-light);background:var(--color-bg-slot-hover)}.familiar-current .familiar-icon{font-size:1.5rem}.familiar-info{flex:1;display:flex;flex-direction:column;gap:2px}.familiar-name{font-size:.9rem;color:var(--color-text-primary);font-weight:500}.familiar-stats{font-size:.75rem;color:var(--color-accent-cyan);font-family:var(--font-mono)}.familiar-arrow{color:var(--color-text-muted);font-size:.8rem}.familiar-dropdown{position:fixed;z-index:10000;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 -4px 16px #00000080;overflow:hidden}.familiar-option{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;cursor:pointer;transition:var(--transition-fast);text-align:left;font-size:.8rem}.familiar-option:hover{background:var(--color-bg-tertiary)}.familiar-option.selected{background:var(--color-accent-primary);color:#fff}.familiar-option.selected .familiar-desc{color:#fffc}.familiar-option .familiar-icon{font-size:1.3rem}.familiar-option-info{display:flex;flex-direction:column;gap:2px}.familiar-option .familiar-name{font-size:.85rem}.familiar-desc{font-size:.7rem;color:var(--color-text-muted)}.belt-type-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--spacing-sm)}.belt-toggle-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.belt-toggle-options{display:flex;gap:4px}.belt-option{padding:6px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;color:var(--color-text-secondary);transition:var(--transition-fast)}.belt-option:hover{background:var(--color-bg-slot-hover);border-color:var(--color-border-light)}.belt-option.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.implant-editor{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);border:1px solid var(--color-border)}.implant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.implant-header h4{font-size:.95rem;color:var(--color-text-header);margin:0}.implant-points{font-size:.85rem;font-weight:600;color:var(--color-text-muted);font-family:var(--font-mono)}.implant-points.full{color:var(--color-accent-cyan)}.implant-hint{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.implant-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.implant-stat-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.implant-stat-name{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);min-width:35px}.implant-controls{display:flex;align-items:center;gap:4px}.implant-btn{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.implant-btn:hover:not(.disabled){background:var(--color-bg-slot-hover);border-color:var(--color-border-light)}.implant-btn.disabled{opacity:.3;cursor:not-allowed}.implant-btn.increase:hover:not(.disabled){background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.implant-btn.decrease:hover:not(.disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.implant-value{min-width:24px;text-align:center;font-size:.85rem;font-weight:600;color:var(--color-text-muted);font-family:var(--font-mono)}.implant-value.has-value{color:var(--color-accent-cyan)}.implant-reset{margin-top:var(--spacing-sm);width:100%}.shopping-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}#modifier-list .modifier-item{position:relative;padding-left:calc(var(--spacing-md) + 4px)}#modifier-list .modifier-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px}#modifier-list .modifier-item.core-stat:before{background:linear-gradient(180deg,#22c55e,#16a34a)}#modifier-list .modifier-item.core-stat .modifier-category{color:#22c55e}#modifier-list .modifier-item.exotic-stat:before{background:linear-gradient(180deg,#f59e0b,#d97706)}#modifier-list .modifier-item.exotic-stat .modifier-category{color:#f59e0b}.belt-type-toggle.compact{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.belt-type-toggle .belt-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap}.belt-type-toggle .belt-btn:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.belt-type-toggle .belt-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.bracelet-picker{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.bracelet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.bracelet-header h4{margin:0;font-size:var(--font-size-md);color:var(--color-text-primary)}.bracelet-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.bracelet-slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.bracelet-slot label{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.bracelet-select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.bracelet-select:focus{border-color:var(--color-accent);outline:none}.bracelet-stats{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.bracelet-stat-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);padding:2px 0}.bracelet-stat-row .stat-name{color:var(--color-text-secondary)}.bracelet-stat-row .stat-value{color:var(--color-success);font-weight:600}.belt-toggle-inline{position:absolute;right:4px;top:4px;width:20px;height:20px;border:none;border-radius:4px;background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease;z-index:5}.belt-toggle-inline:hover{background:var(--color-accent);color:#fff}.belt-toggle-inline .toggle-icon{font-size:12px}.slot-card{position:relative}.jedi-toggle-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.jedi-toggle-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-accent)}.jedi-toggle-btn.active{background:linear-gradient(135deg,#a78bfa40,#8b5cf633);border-color:#a78bfa;color:#c4b5fd;box-shadow:0 0 12px #a78bfa4d}.jedi-toggle-btn .jedi-icon{font-size:14px}.jedi-toggle-btn .jedi-text{font-weight:500}.belt-toggle-inline.clothing{background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.belt-toggle-inline.armor{background:linear-gradient(135deg,#3b82f633,#2563eb33);border:1px solid rgba(59,130,246,.4)}.app-header{padding:var(--spacing-xs) var(--spacing-md)}.builder-bottom-bar{display:flex;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-shrink:0;max-height:220px;overflow:hidden;position:relative}.builder-bottom-bar .bracelet-build-section{flex-shrink:0;margin:0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);min-width:260px;max-width:300px;overflow-y:auto}.builder-bottom-bar .bracelet-build-section .bracelet-picker{margin-top:0;padding-top:0;border-top:none}.builder-bottom-bar .bracelet-header{margin-bottom:var(--spacing-xs)}.builder-bottom-bar .bracelet-header h4{font-size:.8rem;margin:0}.builder-bottom-bar .bracelet-hint{font-size:.65rem}.builder-bottom-bar .bracelet-slots{gap:var(--spacing-sm)}.builder-bottom-bar .bracelet-slot label{font-size:.7rem;margin-bottom:2px}.builder-bottom-bar .bracelet-select{padding:2px 4px;font-size:.75rem}.builder-bottom-bar .bracelet-stats{margin-top:var(--spacing-xs);padding:var(--spacing-xs);font-size:.65rem}.builder-bottom-bar .bracelet-stat-row{padding:1px 0;font-size:.65rem}.gear-sources-bar{display:flex;align-items:stretch;gap:var(--spacing-sm);flex:1;overflow:visible;min-width:0}.gear-sources-bar>div{flex:1;min-width:0;max-width:300px;overflow-y:auto;overflow-x:hidden;position:relative}.gear-sources-bar .backpack-section,.gear-sources-bar .jewelry-section,.gear-sources-bar .familiar-section,.gear-sources-bar .implant-editor{padding:var(--spacing-xs) var(--spacing-sm);margin:0;font-size:.75rem;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel)}.gear-sources-bar .backpack-header,.gear-sources-bar .jewelry-header,.gear-sources-bar .familiar-header,.gear-sources-bar .implant-header{margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.gear-sources-bar .backpack-header h3,.gear-sources-bar .jewelry-header h3,.gear-sources-bar .familiar-header h4,.gear-sources-bar .implant-header h4{font-size:.75rem}.gear-sources-bar .backpack-select,.gear-sources-bar .jewelry-select{font-size:.7rem;padding:2px 4px;min-width:auto}.gear-sources-bar .backpack-stat-row,.gear-sources-bar .jewelry-stat-row{padding:0 var(--spacing-xs);font-size:.65rem;line-height:1.3}.gear-sources-bar .backpack-stat-name,.gear-sources-bar .jewelry-stat-name,.gear-sources-bar .backpack-stat-value,.gear-sources-bar .jewelry-stat-value{font-size:.65rem}.gear-sources-bar .backpack-description,.gear-sources-bar .jewelry-description{font-size:.6rem;color:var(--color-text-muted);margin-bottom:2px}.gear-sources-bar .familiar-current{padding:var(--spacing-xs);gap:var(--spacing-xs);font-size:.75rem}.gear-sources-bar .familiar-current .familiar-icon{font-size:1rem}.gear-sources-bar .familiar-name{font-size:.75rem}.gear-sources-bar .familiar-stats{font-size:.7rem}.gear-sources-bar .familiar-hint{display:none}.gear-sources-bar .implant-stats{grid-template-columns:repeat(3,1fr);gap:1px}.gear-sources-bar .implant-stat-row{padding:1px 3px;border:none;background:var(--color-bg-secondary)}.gear-sources-bar .implant-stat-name{font-size:.7rem}.gear-sources-bar .implant-btn{width:16px;height:16px;font-size:.7rem}.gear-sources-bar .implant-value{font-size:.7rem;min-width:14px}.gear-sources-bar .implant-hint{display:none}.gear-sources-bar .implant-header h4{font-size:.75rem}.gear-sources-bar .implant-points{font-size:.7rem}.stat-summary .stat-row{padding:2px 0;font-size:.8125rem}.stat-summary .stat-group{margin-bottom:var(--spacing-sm)}.stat-summary .stat-group-title{font-size:.6875rem;margin-bottom:var(--spacing-xs)}.stat-summary .stat-legend{font-size:.625rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.stat-summary .ham-bar{padding:1px var(--spacing-xs);font-size:.75rem}.stat-summary .sec-stat{font-size:.625rem;padding:1px var(--spacing-xs)}.stat-bar-container{margin:0 var(--spacing-xs)}.buffs-modal-content{max-width:520px;max-height:80vh}.buffs-modal-content .modal-body{padding:var(--spacing-md);overflow-y:auto;max-height:calc(80vh - 60px)}.buffs-modal-content .external-buffs-container{border:none;background:none;padding:0}.bracelet-build-section{margin-top:0;padding:var(--spacing-sm);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.bracelet-build-section .bracelet-header{margin-bottom:var(--spacing-sm)}.bracelet-build-section .bracelet-header h3{font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.bracelet-build-section .bracelet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.bracelet-build-section .bracelet-slot{padding:var(--spacing-xs)}.editor-section .editor-placeholder+.bracelet-build-section{margin-top:var(--spacing-sm)}.jedi-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-xs) 0}.jedi-cloak-picker{display:flex;align-items:center;gap:var(--spacing-xs)}.jedi-cloak-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.jedi-cloak-select{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--font-size-xs);cursor:pointer;max-width:200px}.jedi-cloak-select:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 2px #a78bfa33}.jedi-cloak-stats{display:flex;gap:4px;flex-wrap:wrap;width:100%;padding:2px 0}.jedi-stat{font-size:.6875rem;padding:1px 5px;border-radius:3px;background:#a78bfa1f;color:#c4b5fd;border:1px solid rgba(167,139,250,.2);white-space:nowrap}.jedi-stat.health{background:#ef44441f;color:#fca5a5;border-color:#ef444433}.jedi-stat.force{background:#3b82f61f;color:#93c5fd;border-color:#3b82f633}.jedi-info{display:flex;gap:4px;align-items:center}.jedi-info-item{font-size:.6875rem;padding:1px 5px;border-radius:3px;background:#a78bfa14;color:var(--color-text-secondary);white-space:nowrap}.jedi-equip-toggles{display:flex;gap:6px;align-items:center}.jedi-equip-toggle{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:3px;font-size:.6875rem;cursor:pointer;background:#64646426;color:var(--color-text-secondary);border:1px solid transparent;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.jedi-equip-toggle input[type=checkbox]{display:none}.jedi-equip-toggle.equipped{background:#a78bfa26;color:#c4b5fd;border-color:#a78bfa4d}.jedi-equip-toggle:hover{background:#a78bfa33;border-color:#a78bfa66}.slot-wrapper.jedi-locked{cursor:default}.slot-card.jedi-locked-card{background:linear-gradient(135deg,#a78bfa1a,#8b5cf614);border:1px solid rgba(167,139,250,.3);opacity:.85;cursor:default;position:relative}.slot-card.jedi-locked-card:hover{transform:none;box-shadow:none}.jedi-locked-label{font-size:.6rem;color:#c4b5fd;font-weight:500;white-space:nowrap;display:block;margin-top:1px}.slot-card.jedi-weapon{border-color:#a78bfa4d}@media(max-width:1024px){body{height:auto;overflow:auto}#app{height:auto;overflow:visible;min-height:100vh}.view-container.active{overflow:visible}.main-content{grid-template-columns:1fr;overflow:visible;padding:var(--spacing-sm)}.armor-section{overflow:visible}.armor-visual{margin:0 auto}.editor-section{min-height:200px}.stats-section{max-height:none}.stat-summary{max-height:none;overflow:visible}.builder-bottom-bar{flex-wrap:wrap;max-height:none;overflow:visible}.bracelet-build-section{width:100%}.gear-sources-bar{flex-wrap:wrap}.gear-sources-bar>div{min-width:140px;flex:1 1 140px}.help-panel{margin:var(--spacing-xs)}.tool-description{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}}@media(max-width:640px){.app-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm)}.header-brand{justify-content:center}.header-title{font-size:1.25rem}.header-subtitle{display:none}.tab-nav{justify-content:center}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.header-actions{flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.header-actions .btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.preset-dropdown{position:relative}.preset-menu{right:auto;left:0;min-width:260px}.armor-visual{width:320px;height:320px;margin:0 auto}.armor-visual:before{width:200px;height:280px}.slot-card{width:58px;height:36px}.slot-name{font-size:.5rem}.exotic-label{font-size:.4375rem}.stat-tag{font-size:.4375rem;padding:0 2px}.slot-wrapper[data-slot-id=helmet]{top:4px}.slot-wrapper[data-slot-id=chest]{top:54px}.slot-wrapper[data-slot-id=shirt]{top:100px}.slot-wrapper[data-slot-id=belt]{top:146px}.slot-wrapper[data-slot-id=pants]{top:210px}.slot-wrapper[data-slot-id=boots]{top:272px}.slot-wrapper[data-slot-id=lbicep]{top:68px;left:4px}.slot-wrapper[data-slot-id=lbracer]{top:116px;left:4px}.slot-wrapper[data-slot-id=gloves]{top:164px;left:4px}.slot-wrapper[data-slot-id=rbicep]{top:68px;right:4px}.slot-wrapper[data-slot-id=rbracer]{top:116px;right:4px}.slot-wrapper[data-slot-id=weapon]{top:164px;right:30px}.section-header{flex-wrap:wrap;gap:var(--spacing-xs)}.section-header h2{font-size:.875rem}.quick-presets{order:3;width:100%;justify-content:center}.editor-header h3{font-size:.9375rem}.stat-slot{padding:var(--spacing-sm)}.builder-bottom-bar{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs)}.gear-sources-bar{flex-direction:column;gap:var(--spacing-xs)}.gear-sources-bar>div{min-width:auto}.modal-content{width:95%;max-height:90vh}.buffs-modal-content{max-height:90vh}.skill-import-modal{max-width:none;width:95%}.jewelry-tab-content{padding:var(--spacing-md)}.jewelry-editor,.jewelry-slots{grid-template-columns:1fr}.crafter-tab-content{padding:var(--spacing-md)}.crafter-content{gap:var(--spacing-sm)}.bakein-slot-row,.stats-section .section-header{flex-wrap:wrap}.jedi-controls{flex-wrap:wrap;gap:var(--spacing-xs)}.jedi-cloak-select{max-width:160px}}@media(max-width:400px){.armor-visual{width:280px;height:280px}.armor-visual:before{width:175px;height:245px}.slot-card{width:50px;height:32px}.slot-name{font-size:.4375rem}.slot-wrapper[data-slot-id=helmet]{top:2px}.slot-wrapper[data-slot-id=chest]{top:46px}.slot-wrapper[data-slot-id=shirt]{top:86px}.slot-wrapper[data-slot-id=belt]{top:126px}.slot-wrapper[data-slot-id=pants]{top:182px}.slot-wrapper[data-slot-id=boots]{top:238px}.slot-wrapper[data-slot-id=lbicep]{top:58px;left:2px}.slot-wrapper[data-slot-id=lbracer]{top:100px;left:2px}.slot-wrapper[data-slot-id=gloves]{top:142px;left:2px}.slot-wrapper[data-slot-id=rbicep]{top:58px;right:2px}.slot-wrapper[data-slot-id=rbracer]{top:100px;right:2px}.slot-wrapper[data-slot-id=weapon]{top:142px;right:24px}.stat-tag{display:none}.header-actions .btn{font-size:.6875rem}}*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}