@import "https://fonts.googleapis.com/css2?family=BenchNine:wght@400;600;700&family=Crimson+Text:wght@400;600;700&display=swap";.build-summary-container{padding:var(--spacing-12);max-height:calc(100vh - 32px)}.build-summary-header{margin-bottom:var(--spacing-12)}.build-summary-title{margin-bottom:var(--spacing-xs);font-size:1.1rem}.build-summary-badges{flex-wrap:wrap}.summary-section{margin-bottom:var(--spacing-sm)}.summary-text{font-size:.75rem}.summary-row{margin-bottom:var(--spacing-2xs)}.summary-value-bold{font-weight:700}.stats-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr 1fr;font-size:.7rem;display:grid}.stat-item{text-align:center}.stat-value{font-weight:700}.stat-value-health{color:var(--color-health)}.stat-value-magicka{color:var(--color-magicka)}.stat-value-stamina{color:var(--color-stamina)}.summary-actions{margin-top:var(--spacing-12);gap:var(--spacing-6);flex-direction:column;display:flex}.build-metadata{gap:var(--spacing-sm);flex-direction:column;display:flex}.tags-preview{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.tag-badge{padding:var(--spacing-xs)10px}.stats-manager-grid{gap:var(--spacing-12);grid-template-columns:repeat(5,1fr);display:grid}.stats-manager-info{margin-top:var(--spacing-xs);gap:var(--spacing-md);display:flex}.perk-tree-view{gap:var(--spacing-sm);flex-direction:column;display:flex}.perk-tree-tabs{gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-light);border:1px solid var(--color-metal-iron);box-shadow:var(--shadow-sm);flex-wrap:wrap;max-height:80px;display:flex;overflow:auto hidden}.perk-tree-tab{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);min-width:110px;height:32px;color:var(--color-text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.7rem;font-weight:700;display:flex;position:relative;overflow:hidden}.perk-tree-tab:hover{background:var(--color-stone-medium);border-color:var(--color-metal-silver);color:var(--color-text-primary)}.perk-tree-tab.active{background:var(--color-stone-medium);border-color:var(--color-metal-silver);color:var(--color-text-primary);box-shadow:var(--shadow-glow-gold)}.perk-tree-tab-badge{background:var(--color-metal-bronze);min-width:16px;height:16px;color:var(--color-text-primary);border:1px solid var(--color-metal-iron);flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex}.perk-tree-tab.active .perk-tree-tab-badge{background:var(--color-stone-dark);color:var(--color-text-primary);border-color:var(--color-stone-dark)}.perk-tree-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.perk-tree-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--color-text-primary);margin:0;font-size:1.05rem;font-weight:700}.perk-tree-stats{gap:var(--spacing-md);display:flex}.perk-tree-stat{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.8rem}.perk-tree-stat strong{color:var(--color-text-primary);font-weight:700}.perk-tree-canvas{background:radial-gradient(circle at 50% 40%,#ffffff0a,transparent 45%),var(--color-stone-dark);border:1px solid var(--color-metal-iron);padding:var(--spacing-sm);overscroll-behavior:contain;flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;overflow:auto}.perk-tree-canvas canvas{border:1px solid var(--color-metal-iron);background:var(--color-stone-dark);display:block}.perk-tree-info{padding:var(--spacing-md);background:var(--color-stone-light);border:1px solid var(--color-metal-silver);box-shadow:var(--shadow-sm);min-height:120px}.perk-tree-info h4{margin:0 0 var(--spacing-xs)0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary);font-size:.95rem;font-weight:700}.perk-info-level{margin:0 0 var(--spacing-xs)0;font-family:var(--font-body);color:var(--color-text-secondary);font-size:.8rem}.perk-info-desc{font-family:var(--font-body);color:var(--color-text-primary);margin:0;font-size:.85rem;line-height:1.4}.perk-info-placeholder{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;margin:0;font-size:.85rem;font-style:italic}.perk-tree-legend{gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-light);border:1px solid var(--color-metal-iron);justify-content:center;align-items:center;display:flex}.legend-item{align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);color:var(--color-text-muted);font-size:.75rem;display:flex}.legend-icon{border:2px solid;border-radius:50%;flex-shrink:0;width:16px;height:16px}.legend-icon-available{border-color:var(--color-metal-iron);background:#4a4a4a80}.legend-icon-selected{background:var(--color-selected);border-color:var(--color-metal-silver)}.legend-icon-locked{background:var(--color-stone-dark);border-color:var(--color-locked);opacity:.5}.legend-hint{font-family:var(--font-body);color:var(--color-text-muted);margin-left:auto;font-size:.75rem;font-style:italic}@media (max-width:1200px){.perk-tree-tabs{max-height:120px}.perk-tree-tab{width:110px;height:28px;padding:4px 6px;font-size:.65rem}.perk-tree-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.perk-tree-stats{gap:var(--spacing-sm);flex-wrap:wrap}}@media (max-width:768px){.perk-tree-canvas canvas{width:100%;height:auto}.perk-tree-legend{gap:var(--spacing-sm);flex-wrap:wrap}.legend-hint{text-align:center;width:100%;margin-left:0}}.gear-manager,.ability-manager,.guide-editor{gap:var(--spacing-sm);flex-direction:column;display:flex}.guide-editor .textarea-sm{min-height:60px;max-height:120px}.build-creator-wrapper{min-height:100vh;padding:var(--spacing-md)}.build-creator-grid{gap:var(--spacing-md);grid-template-columns:1fr 280px}.build-sections{gap:var(--spacing-12);flex-direction:column;display:flex}.build-creator-header{margin-bottom:var(--spacing-xs)}.build-creator-title{margin-bottom:var(--spacing-2xs);font-size:1.5rem}.section-padding{padding:var(--spacing-12)}.section-padding-sm{padding:var(--spacing-sm)}.section-title-spacing{margin-bottom:var(--spacing-sm)}.character-grid,.bottom-grid{gap:var(--spacing-12);grid-template-columns:1fr 1fr 1fr;display:grid}.perks-section{padding:var(--spacing-12)}.placeholder-text{font-size:.85rem}.placeholder-text-sm{font-size:.7rem}.build-creator-aside{top:var(--spacing-md);align-self:flex-start;position:sticky}.build-viewer-container{max-width:1200px;padding:var(--spacing-lg);min-height:100vh;margin:0 auto}.loading-message,.error-message{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.error-message h2{color:var(--color-metal-gold);font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.error-message p{margin-bottom:var(--spacing-lg)}.build-viewer-header{background:var(--color-stone-medium);border:var(--border-width-medium)var(--border-style)var(--color-metal-gold);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.header-content{max-width:800px}.build-title{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-metal-gold);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:2px}.build-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.build-meta{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.meta-item{color:var(--color-text-primary)}.meta-separator{color:var(--color-metal-iron)}.build-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);color:var(--color-metal-gold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.header-actions{gap:var(--spacing-sm);display:flex}.build-viewer-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.viewer-section{background:var(--color-stone-medium);border:var(--border-width-medium)var(--border-style)var(--color-metal-iron);padding:var(--spacing-lg)}.viewer-section .section-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-metal-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-metal-iron)}.info-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.info-label{font-size:var(--font-size-sm);color:var(--color-metal-gold);text-transform:uppercase;letter-spacing:1px;font-weight:bolder}.info-value{font-size:var(--font-size-base);color:var(--color-text-primary)}.stats-display{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-box{text-align:center;padding:var(--spacing-md);background:var(--color-stone-dark);border:2px solid}.stat-health{border-color:var(--color-health)}.stat-magicka{border-color:var(--color-magicka)}.stat-stamina{border-color:var(--color-stamina)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-priority{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize}.perks-list{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.perk-item{padding:var(--spacing-sm);background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);justify-content:space-between;align-items:center;display:flex}.perk-name{color:var(--color-text-primary);font-size:var(--font-size-sm)}.perk-rank{color:var(--color-metal-gold);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.gear-list{gap:var(--spacing-md);flex-direction:column;display:flex}.gear-item{padding:var(--spacing-md);background:var(--color-stone-dark);border:2px solid var(--color-metal-iron)}.gear-name{color:var(--color-metal-gold);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.gear-detail{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.gear-table{gap:4px;display:grid}.gear-row{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);grid-template-columns:1.2fr 1fr 1fr;align-items:center;padding:8px 10px;display:grid}.gear-row-head{background:var(--color-stone-medium);border:2px solid var(--color-metal-iron);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:var(--font-size-xs);color:var(--color-metal-gold)}.gear-cell{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-text-primary);padding-right:8px;overflow:hidden}.gear-cell-location,.gear-cell-enchant{color:var(--color-text-primary)}.gear-cell-name{font-weight:var(--font-weight-medium)}.gear-cell-location-header,.gear-cell-enchant-header,.gear-cell-name-header{color:var(--color-metal-gold);font-weight:700}.two-column-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.viewer-section .ability-list-viewer{gap:4px;display:grid}.viewer-section .ability-row{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);color:var(--color-text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;overflow:hidden}.guide-section{background:var(--color-stone-dark)}.guide-block{margin-bottom:var(--spacing-lg)}.guide-block:last-child{margin-bottom:0}.guide-title{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-metal-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.guide-text{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap}.empty-message{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}@media (max-width:768px){.build-viewer-container{padding:var(--spacing-md)}.build-title{font-size:var(--font-size-xl)}.stats-display,.info-grid,.perks-list{grid-template-columns:1fr}.header-actions{flex-direction:column}.header-actions .btn{width:100%}}.perk-mini-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.perk-mini-card{background:var(--color-stone-light);border:1px solid var(--color-metal-iron);padding:var(--spacing-sm);box-shadow:var(--shadow-sm);overflow:hidden}.perk-mini-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.perk-mini-title{font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:1px;color:var(--color-text-primary);text-transform:uppercase}.perk-mini-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.perk-mini-canvas{border:1px solid var(--color-metal-iron);background:var(--color-stone-dark);overscroll-behavior:contain;width:100%;max-height:240px;overflow:hidden}.perk-mini-canvas canvas{width:100%;height:auto;display:block}:root{--color-stone-dark:#0b0b0b;--color-stone-medium:#121212;--color-stone-light:#1c1c1c;--color-metal-gold:#e5e5e5;--color-metal-silver:#bfbfbf;--color-metal-iron:#444;--color-metal-bronze:#666;--color-health:#a83232;--color-magicka:#2e4fa5;--color-stamina:#2c8b4b;--color-valid:#3bcf75;--color-invalid:#f05252;--color-warning:#f0ad3d;--color-locked:#6e6e6e;--color-selected:#e5e5e5;--color-success:#22c55e;--color-danger:#ef4444;--color-text-primary:#f5f5f5;--color-text-secondary:#c7c7c7;--color-text-muted:#8f8f8f;--color-text-tertiary:#8f8f8f;--color-text-inverse:#0d0d0d;--color-bg-primary:#0d0d0d;--color-bg-secondary:#121212;--color-bg-tertiary:#1a1a1a;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-6:6px;--spacing-12:12px;--font-display:"BenchNine","Arial Narrow",sans-serif;--font-body:"Crimson Text","Georgia",serif;--font-mono:"Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-style:solid;--border-color:var(--color-metal-gold);--border-color-secondary:var(--color-metal-silver);--border-radius:0;--shadow-sm:0 2px 6px #00000073;--shadow-md:0 6px 12px #00000080;--shadow-lg:0 12px 20px #0000008c;--shadow-xl:0 16px 28px #0009;--shadow-glow-gold:0 0 18px #e5e5e580;--shadow-glow-blue:0 0 18px #2e4fa580;--shadow-focus:0 0 0 2px #e5e5e533;--shadow-focus-danger:0 0 0 2px #f0525240;--shadow-focus-success:0 0 0 2px #3bcf7540;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-tooltip:1070;--header-height:64px;--sidebar-width:400px;--max-content-width:1920px;--input-height-sm:32px;--input-height:38px;--input-height-lg:44px;--input-border-width:2px;--letter-spacing-tight:.5px;--letter-spacing-normal:1px;--letter-spacing-wide:1.5px;--letter-spacing-wider:2px}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 var(--spacing-md)0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-md)0}a{color:var(--color-metal-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-metal-bronze)}strong,b{font-weight:var(--font-weight-bold);color:var(--color-metal-gold)}em,i{font-style:italic}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code{background:var(--color-bg-secondary);border:1px solid var(--color-metal-iron);padding:2px 6px}pre{background:var(--color-bg-secondary);padding:var(--spacing-md);border:var(--border-width-thin)var(--border-style)var(--color-metal-iron);overflow-x:auto}ul,ol{margin:0 0 var(--spacing-md)0;padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary,.text-secondary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-metal-gold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}#root{flex-direction:column;display:flex}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--spacing-md);margin:0 auto}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--color-metal-iron);background:var(--color-stone-light);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){background:var(--color-stone-medium);border-color:var(--color-metal-silver);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--color-metal-silver)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-gold),var(--shadow-sm)}.btn-secondary{border-color:var(--color-metal-silver);background:var(--color-stone-medium)}.btn-danger{border-color:var(--color-invalid);color:var(--color-invalid)}.btn-success{border-color:var(--color-valid);color:var(--color-valid)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base)}.btn-icon{padding:var(--spacing-sm);width:40px;height:40px}.btn-icon-sm{padding:var(--spacing-xs);width:32px;height:32px}.btn-with-icon{gap:var(--spacing-sm)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-stone-medium);border-color:var(--color-metal-silver)}.btn-link{color:var(--color-metal-gold);background:0 0;border:none;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-metal-bronze);box-shadow:none;background:0 0;transform:none}.btn-link:before,.btn-link:after{display:none}.btn-group{gap:0;display:inline-flex}.btn-group .btn{border-right-width:0}.btn-group .btn:last-child{border-right-width:var(--border-width-medium)}.btn-group .btn:not(:first-child):before,.btn-group .btn:not(:last-child):after{display:none}.form-control,.input,.select,.textarea{width:100%;height:var(--input-height);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-dark);border:var(--input-border-width)solid var(--color-metal-iron);color:var(--color-text-primary);font-family:var(--font-body);font-size:.9rem;line-height:var(--line-height-tight);transition:all var(--transition-fast);box-sizing:border-box}.form-control:hover,.input:hover,.select:hover,.textarea:hover{border-color:var(--color-metal-bronze)}.form-control:focus,.input:focus,.select:focus,.textarea:focus{border-color:var(--color-metal-gold);box-shadow:var(--shadow-focus);outline:none}.form-control:disabled,.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-stone-medium)}.form-control::placeholder,.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.select-wrapper{width:100%;display:inline-block;position:relative}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%23d4af37%27 d=%27M0 0l6 8 6-8z%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm)center;padding-right:calc(var(--spacing-md) + 20px)}.select option{background:var(--color-stone-medium);color:var(--color-text-primary);padding:var(--spacing-xs)}.select-sm{height:var(--input-height-sm);padding:var(--spacing-xs)var(--spacing-sm);padding-right:calc(var(--spacing-sm) + 18px);font-size:.85rem}.select-lg{height:var(--input-height-lg);padding:var(--spacing-md)var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 24px);font-size:1rem}.input-sm{height:var(--input-height-sm);padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem}.input-lg{height:var(--input-height-lg);padding:var(--spacing-md)var(--spacing-lg);font-size:1rem}.input-icon-wrapper{width:100%;position:relative}.input-icon{left:var(--spacing-sm);color:var(--color-metal-gold);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon{padding-left:calc(var(--spacing-md) + 24px)}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.textarea{resize:vertical;height:auto;min-height:80px}.textarea:disabled{resize:none}.textarea-sm{padding:var(--spacing-xs)var(--spacing-sm);min-height:60px;font-size:.85rem}.textarea-lg{padding:var(--spacing-md)var(--spacing-lg);min-height:120px;font-size:1rem}.label{margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-family:var(--font-display);font-size:.85rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);display:inline-block}.label-required:after{content:" *";color:var(--color-danger)}.label-optional:after{content:" (Optional)";color:var(--color-text-tertiary);text-transform:none;letter-spacing:0;font-size:.75rem}.label-sm{margin-bottom:calc(var(--spacing-xs)/2);font-size:.75rem}.label-lg{margin-bottom:var(--spacing-sm);font-size:.95rem}.form-group{margin-bottom:var(--spacing-md)}.form-group-sm{margin-bottom:var(--spacing-sm)}.form-group-lg{margin-bottom:var(--spacing-lg)}.form-group-compact{margin-bottom:var(--spacing-sm);min-height:calc(var(--input-height) + var(--spacing-sm) + var(--spacing-xs));flex-direction:column;justify-content:flex-end;display:flex}.form-group-inline{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.form-group-inline .label{white-space:nowrap;flex-shrink:0;margin-bottom:0}.form-group-inline .input,.form-group-inline .select{flex:1}.form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-row-5{grid-template-columns:repeat(5,1fr)}.form-row-compact{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.checkbox-wrapper,.radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:var(--spacing-xs);align-items:center;display:inline-flex}.checkbox,.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--input-border-width)solid var(--color-metal-iron);background:var(--color-stone-dark);width:18px;height:18px;margin-right:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);position:relative}.radio{border-radius:50%}.checkbox:hover,.radio:hover{border-color:var(--color-metal-bronze)}.checkbox:checked,.radio:checked{background:var(--color-metal-gold);border-color:var(--color-metal-gold)}.checkbox:checked:after{content:"✓";color:var(--color-stone-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio:checked:after{content:"";width:var(--spacing-sm);height:var(--spacing-sm);background:var(--color-stone-dark);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox:disabled,.radio:disabled{opacity:.5;cursor:not-allowed}.checkbox-label,.radio-label{color:var(--color-text-primary);cursor:pointer;font-size:.9rem}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-metal-gold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:var(--input-border-width)solid var(--color-metal-iron)}.section-subtitle{font-family:var(--font-display);font-size:.95rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.section-title-compact{margin-bottom:var(--spacing-sm);padding-bottom:calc(var(--spacing-xs)/2);color:var(--color-metal-gold);font-size:.95rem}.section-subtitle-compact{margin-bottom:var(--spacing-xs);font-size:.85rem}.panel{background:var(--color-stone-medium);border:var(--input-border-width)solid var(--color-metal-iron);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.panel-compact{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.info-panel-container{min-height:120px;max-height:120px;margin-top:var(--spacing-sm);overflow-y:auto}.panel-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:var(--border-width-thin)solid var(--color-metal-iron)}.panel-body{color:var(--color-text-primary)}.panel-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:var(--border-width-thin)solid var(--color-metal-iron)}.help-text{margin-top:var(--spacing-xs);color:var(--color-text-tertiary);font-size:.8rem;font-style:italic;display:block}.error-text{margin-top:var(--spacing-xs);color:var(--color-danger);font-size:.8rem;font-weight:var(--font-weight-semibold);display:block}.success-text{margin-top:var(--spacing-xs);color:var(--color-success);font-size:.8rem;font-weight:var(--font-weight-semibold);display:block}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--color-danger)}.input.is-invalid:focus,.select.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:var(--shadow-focus-danger)}.input.is-valid,.select.is-valid,.textarea.is-valid{border-color:var(--color-success)}.input.is-valid:focus,.select.is-valid:focus,.textarea.is-valid:focus{box-shadow:var(--shadow-focus-success)}.form-section{margin-bottom:var(--spacing-lg)}.form-section-compact{margin-bottom:var(--spacing-md)}.form-section-divider{height:var(--input-border-width);background:var(--color-metal-iron);margin:var(--spacing-lg)0}.item-list{gap:var(--spacing-xs);max-height:200px;margin-top:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-stone-dark);border:var(--border-width-thin)solid var(--color-metal-iron);flex-direction:column;display:flex;overflow-y:auto}.item{padding:var(--spacing-6);background:var(--color-stone-medium);border:var(--border-width-thin)solid var(--color-metal-iron);justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.item-content{flex:1;min-width:0}.item-name{font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xs)}.item-detail{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xs);font-size:.75rem}.item-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.item-centered{align-items:center}.item-centered .item-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.badge{padding:var(--spacing-2xs)var(--spacing-6);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);border:var(--border-width-thin)solid;display:inline-block}.badge-gold{background:var(--color-stone-dark);border-color:var(--color-metal-gold);color:var(--color-metal-gold)}.badge-warning{border-color:var(--color-warning);color:#fef08a;background:#854d0e4d}.badge-danger{border-color:var(--color-danger);color:#fecaca;background:#7f1d1d4d}.badge-success{border-color:var(--color-success);color:#bbf7d0;background:#1665344d}.badge-info{border-color:var(--color-magicka);color:#bfdbfe;background:#1e3a8a4d}.empty-state{padding:var(--spacing-12);text-align:center;color:var(--color-text-tertiary);background:var(--color-stone-dark);border:var(--border-width-thin)solid var(--color-metal-iron);font-size:.75rem;font-style:italic}.status-message{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:var(--font-weight-semibold);text-align:center;border:var(--input-border-width)solid}.status-message-success{border-color:var(--color-success);color:var(--color-success);background-color:#22c55e1a}.status-message-error{border-color:var(--color-danger);color:var(--color-danger);background-color:#ef44441a}.status-message-warning{border-color:var(--color-warning);color:var(--color-warning);background-color:#f59e0b1a}.status-message-info{border-color:var(--color-magicka);color:var(--color-magicka);background-color:#1e3a8a1a}.error-box{margin-bottom:var(--spacing-sm);padding:var(--spacing-6);border:var(--border-width-thin)solid var(--color-danger);background-color:#7f1d1d4d}.error-box-title{color:#fecaca;margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:var(--font-weight-semibold)}.error-box-list{color:#fecaca;padding-left:var(--spacing-md);margin:0;font-size:.7rem}.action-group{gap:var(--spacing-6);margin-bottom:var(--spacing-sm);display:flex}@media (max-width:768px){.form-row{gap:var(--spacing-sm);grid-template-columns:1fr}.form-row-2,.form-row-3,.form-row-4,.form-row-5{grid-template-columns:1fr}.form-group-inline{flex-direction:column;align-items:flex-start}.form-group-inline .label{margin-bottom:var(--spacing-xs)}.form-group-compact{min-height:calc(var(--input-height) + var(--spacing-sm) + var(--spacing-xs));justify-content:flex-end}.info-panel-container{min-height:140px;max-height:140px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);background-image:linear-gradient(135deg,var(--color-stone-dark)0%,var(--color-stone-medium)50%,var(--color-stone-dark)100%);color:var(--color-text-primary);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron)}::-webkit-scrollbar-thumb{background:var(--color-stone-light);border:1px solid var(--color-metal-gold)}::-webkit-scrollbar-thumb:hover{background:var(--color-metal-bronze)}::selection{background:var(--color-metal-gold);color:var(--color-text-inverse);background:var(--color-metal-gold)}:focus-visible{outline:2px solid var(--color-metal-gold);outline-offset:2px}button{font-family:var(--font-display);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:var(--border-width-thin)var(--border-style)var(--color-metal-silver);padding:var(--spacing-sm)var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-metal-gold);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}img{max-width:100%;height:auto;display:block}hr{border:none;border-top:var(--border-width-thin)var(--border-style)var(--color-metal-iron);margin:var(--spacing-lg)0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}