:root{--bg-base:#0d0f0e;--bg-surface:#141816;--bg-raised:#1c201d;--bg-overlay:#252a26;--border-subtle:#2a302b;--border-strong:#3a4a3b;--accent-red:#cc1a1a;--accent-red-dim:#7a1010;--accent-red-glow:#cc1a1a59;--accent-amber:#d4a820;--accent-amber-glow:#d4a8204d;--accent-green:#4caf6e;--text-primary:#dce8dc;--text-secondary:#8a9e8b;--text-muted:#546055;--gold-border:#c8a830;--gold-glow:#c8a83073;--orange-border:#e05010;--orange-glow:#e0501073}body{background:radial-gradient(ellipse at 50% 0%, #161a16 0%, var(--bg-base) 70%);color:var(--text-primary);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Saira Condensed,Saira,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;top:0;bottom:0;left:0;right:0}h3{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:.7em;display:flex}h4{color:var(--accent-red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5em;font-size:.7em}.container{flex-direction:column;max-width:1600px;margin:0 auto;padding:0 2em 3em;display:flex}.site-header{border-bottom:1px solid var(--border-strong);margin-bottom:2em;padding:2em 0 1.5em;position:relative}.site-header-top{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.home-link{border:1px solid var(--border-strong);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);background:#ffffff0a;border-radius:10px;flex-shrink:0;padding:.4em .9em;font-size:.65em;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.home-link:hover{color:var(--text-primary);background:#ffffff14}.donate-link:hover{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2466}#donation-banner{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;background:#111111f7;border-bottom:1px solid #fbbf2433;justify-content:center;align-items:center;gap:1em;padding:.65em 1em;font-size:.7em;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}#donation-banner-cta{color:#fbbf24;white-space:nowrap;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;padding:.4em .9em;text-decoration:none;transition:background .15s,border-color .15s}#donation-banner-cta:hover{background:#fbbf2433;border-color:#fbbf2499}#donation-banner-dismiss{color:#555;cursor:pointer;background:0 0;border:none;padding:0 .2em;font-size:1.3em;line-height:1;transition:color .15s}#donation-banner-dismiss:hover{color:#aaa}.site-header:after{content:"";background:var(--accent-red);width:120px;height:2px;position:absolute;bottom:-1px;left:0}h1{color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .2em;font-size:2.2em;font-weight:700}.site-tagline{color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.85em;font-weight:300}.top-section{background:var(--bg-surface);border:1px solid var(--border-strong);border-top:2px solid var(--accent-red);border-radius:0 0 6px 6px;margin-bottom:2em;padding:1.5em}#build-form{flex-direction:column;gap:.5em;width:100%;display:flex}.trends{flex-direction:row;gap:1em;width:68%;display:flex}#results{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.2em;display:grid}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-top:2px solid var(--accent-red);border-radius:0 0 6px 6px;flex-direction:column;padding:0;transition:box-shadow .2s,border-color .2s;animation:.25s both card-enter;display:flex}.card:hover{box-shadow:0 4px 24px #00000080}.card:first-child{animation-delay:0s}.card:nth-child(2){animation-delay:40ms}.card:nth-child(3){animation-delay:80ms}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(6){animation-delay:.2s}.card:nth-child(7){animation-delay:.24s}.card:nth-child(8){animation-delay:.28s}.card:nth-child(9){animation-delay:.32s}.card:nth-child(10){animation-delay:.36s}.card:nth-child(11){animation-delay:.4s}.card:nth-child(12){animation-delay:.44s}.card-header{justify-content:space-between;padding:1em;display:flex}.card-content{flex-grow:1;padding:1em}.card-damage{color:var(--accent-red);letter-spacing:-.01em;padding:1.2em 1.5em .8em;font-family:Share Tech Mono,Courier New,monospace;font-size:2em;font-weight:700;position:relative}.card-damage:before{content:"◆";vertical-align:middle;color:var(--accent-red);opacity:.7;margin-right:.3em;font-size:.45em}.card-damage .damage-label{opacity:0;visibility:hidden;background-color:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;z-index:1;letter-spacing:.05em;border-radius:4px;padding:.5em .7em;font-family:Saira Condensed,sans-serif;font-size:.4em;font-weight:400;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% - .5em);left:30%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.card-damage:hover .damage-label{opacity:1;visibility:visible}.damage-secondary{opacity:.7;font-size:.55em;font-weight:400;display:block;position:relative}.card-cost{border-top:1px solid var(--border-subtle);color:var(--accent-amber);flex-direction:column;gap:.5em;padding:.7em 1.5em;font-family:Share Tech Mono,Courier New,monospace;font-size:1.1em;font-weight:600;display:flex}.cost-top{justify-content:space-between;align-items:center;display:flex}.cost-left{align-items:center;gap:.3em;display:flex}.cost-sublabel{opacity:.6;letter-spacing:.03em;font-family:Saira Condensed,sans-serif;font-size:.7em;font-weight:400}.net-cost-value{margin-left:0}.cost-breakdown{opacity:.85;letter-spacing:.03em;border-top:1px solid var(--border-subtle);flex-direction:column;gap:.4em;padding-top:.4em;font-family:Saira Condensed,sans-serif;font-size:.85em;font-weight:400;display:flex}.cost-icon{vertical-align:middle;width:1.4em;height:1.4em;margin-right:.2em}.cost-line{position:relative}.cost-line:hover .tooltip{opacity:1;visibility:visible}.cost-line.positive{color:var(--accent-green)}.cost-line.negative{color:#c05050}.loot-line{cursor:default;position:relative}.loot-tooltip{opacity:0;visibility:hidden;background-color:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;z-index:10;pointer-events:none;letter-spacing:.03em;border-radius:4px;padding:.4em .6em;font-family:Saira Condensed,sans-serif;font-size:.85em;font-weight:600;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000080}.loot-line:hover .loot-tooltip{opacity:1;visibility:visible}.card-efficiency{color:var(--accent-amber);font-family:Share Tech Mono,Courier New,monospace;font-size:1em;font-weight:600;position:relative}.card-efficiency .efficiency-label{opacity:0;visibility:hidden;background-color:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;z-index:1;letter-spacing:.03em;border-radius:4px;padding:.4em .6em;font-family:Saira Condensed,sans-serif;font-size:.75em;font-weight:400;transition:opacity .15s,visibility .15s;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #00000080}.card-efficiency:hover .efficiency-label{opacity:1;visibility:visible}.card-skills{border-top:1px solid var(--border-subtle);padding:1em 1.5em}.card-skills h3{margin-bottom:.7em}.card-items{border-top:1px solid var(--border-subtle);padding:1em 1.5em 1.5em}.card-items h3{margin-bottom:.7em}.skills-grid{grid-template-columns:repeat(9,1fr);gap:.4em;margin-bottom:0;display:grid}.skill{color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.15em;padding:.4em .2em;font-size:.95em;font-weight:600;transition:border-color .15s;display:flex;position:relative}.skill:hover{border-color:var(--border-strong)}.skill svg{flex-shrink:0;width:1.4em;height:1.4em;overflow:visible}.skill .skill-name{opacity:0;visibility:hidden;background-color:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;z-index:1;letter-spacing:.03em;border-radius:4px;padding:.4em .6em;font-family:Saira Condensed,sans-serif;font-size:.85em;font-weight:600;transition:opacity .15s,visibility .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.trends-grid .skill .skill-name{left:20%}.skill:hover .skill-name{opacity:1;visibility:visible}.gear-tooltip svg.stat-skill-icon{vertical-align:middle;width:1em;height:1em;overflow:visible}.gear-tooltip{opacity:0;visibility:hidden;background-color:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;z-index:10;letter-spacing:.03em;pointer-events:none;text-align:left;border-radius:4px;padding:.4em .6em;font-family:Saira Condensed,sans-serif;font-size:.8em;font-weight:600;line-height:1.6;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.gear-item:hover .gear-tooltip,.td-gear:hover .gear-tooltip{opacity:1;visibility:visible}.items-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em;display:grid}.gear-item,.consumable-item{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:4px;transition:transform .15s;position:relative}.gear-item:hover,.consumable-item:hover{transform:scale(1.05)}.quantity-label{text-align:center;color:#fff;white-space:nowrap;background:#000000a6;flex-direction:column;align-items:center;gap:0;padding:2px 0;font-size:.7em;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.quantity-label .qty-stats{justify-content:center;align-items:center;gap:4px;padding:1px 4px;line-height:1.4;display:flex}.quantity-label .qty-stats svg.stat-skill-icon{width:.9em;height:.9em}.quantity-label .qty-divider{background:#ffffff4d;width:70%;height:1px;display:block}.quantity-label .qty-dur{padding:1px 4px;line-height:1.4;display:block}.gear-item img,.consumable-item img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block;overflow:hidden}.tooltip{opacity:0;visibility:hidden;background-color:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);white-space:normal;word-wrap:break-word;z-index:10;pointer-events:none;text-align:center;letter-spacing:.03em;text-transform:none;border-radius:4px;width:max-content;max-width:220px;padding:.4em .6em;font-family:Saira Condensed,sans-serif;font-size:.75em;font-weight:400;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.input-group:hover .tooltip,.checkbox-wrapper:hover .tooltip,.pill-wrapper:hover .tooltip,.slider-container:hover .tooltip,.filter-tab:hover .tooltip,.optimize-btn:hover .tooltip{opacity:1;visibility:visible}.subtitle{color:var(--text-secondary);margin-top:.2em;font-size:.7em}.trend-card{background-color:var(--bg-surface);border:1px solid var(--accent-red);border-top:2px solid var(--accent-red);border-radius:0 0 5px 5px;width:33%;padding:1em}.trends-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr);gap:1em;margin-top:.5em;display:grid}table{border-collapse:collapse;width:100%;margin-top:1em}th,td{border:1px solid var(--border-strong);text-align:left;padding:.5em}.form-sliders-row{align-items:flex-end;gap:.8em;margin-top:.5em;display:flex}.form-sliders-row .slider-container{flex:180px;min-width:150px}.form-controls-row{flex-wrap:wrap;align-items:flex-start;gap:.8em;margin-top:.8em;display:flex}.form-controls-row .input-group{flex:0 0 120px;min-width:100px}.form-controls-row .checkbox-wrapper{flex:none}.form-controls-row .pill-wrapper{flex:160px;min-width:150px;max-width:260px}#dev-mode-wrapper{background:var(--bg-base);border:1px solid var(--border-subtle);border-left:2px solid var(--accent-red-dim);border-radius:4px;flex:100%;padding:.7em .9em}.dev-mode-header{justify-content:space-between;align-items:center;margin-bottom:.5em;display:flex}.dev-mode-title{color:var(--accent-red);text-transform:uppercase;letter-spacing:.1em;font-size:1em;font-weight:700}.dev-toggle{background:var(--bg-raised);border:1px solid var(--border-strong);cursor:pointer;border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .25s;position:relative}.dev-toggle.active{background:var(--accent-red);border-color:var(--accent-red)}.dev-toggle-knob{background:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:left .25s;position:absolute;top:3px;left:3px}.dev-toggle.active .dev-toggle-knob{background:#fff;left:19px}.dev-mode-desc{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.72rem;line-height:1.5;display:flex}.dev-mode-desc b{color:var(--text-secondary)}.dev-mode-desc code{color:var(--accent-green);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:2px;padding:0 3px;font-family:Share Tech Mono,monospace}.input-group{flex-direction:column;display:flex;position:relative}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3em;font-size:.85em;font-weight:600}.input-group select{background-color:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;text-transform:uppercase;box-sizing:border-box;border-radius:4px;width:100%;height:40px;padding:0 .5em;font-family:Saira Condensed,sans-serif;font-size:1em;font-weight:700;transition:border-color .2s,box-shadow .2s}.input-group select:focus{border-color:var(--accent-red);box-shadow:0 0 0 2px var(--accent-red-glow);outline:none}.companies-section{flex-direction:column;flex:auto;display:flex;position:relative}.companies-header{align-items:baseline;gap:.6em;margin-bottom:.3em;display:flex}.companies-header label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.85em;font-weight:600}.companies-info{color:var(--text-secondary);align-items:center;gap:.15em;font-size:.8em;display:flex}.companies-info svg{color:var(--accent-amber)}.companies-row{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.company-tile{background:var(--bg-raised);border:1px solid var(--border-strong);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.company-tile:hover{border-color:var(--accent-red);box-shadow:0 0 6px var(--accent-red-glow)}.company-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6em;line-height:1}.company-level{color:var(--text-primary);font-size:1em;font-weight:700;line-height:1.2}.company-remove{background:var(--accent-red-dim);border:1px solid var(--accent-red);width:18px;height:18px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75em;font-weight:700;line-height:1;transition:background .1s;display:flex;position:absolute;top:-7px;right:-7px}.company-remove:hover{background:var(--accent-red)}.company-add-btn{background:var(--bg-raised);border:1px dashed var(--border-strong);width:56px;height:56px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1.4em;font-weight:300;transition:border-color .15s,color .15s;display:flex}.company-add-btn:hover:not(:disabled){border-color:var(--accent-green);color:var(--accent-green)}.company-add-btn:disabled{opacity:.3;cursor:not-allowed}.company-picker{grid-template-columns:repeat(7,1fr);gap:4px;min-width:0;padding:6px;display:grid}.company-picker .constraint-picker-option{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;height:52px;padding:0;display:flex}.company-picker-level{color:var(--text-primary);font-size:1em;font-weight:700;line-height:1}.company-picker-sub{color:var(--text-secondary);text-align:center;font-size:.65em;line-height:1}.pill-wrapper{flex-direction:column;display:flex;position:relative}.pill-wrapper label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3em;font-size:.85em;font-weight:600}.pill-toggle{background:var(--bg-raised);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0;display:flex;position:relative;overflow:hidden}.pill-slider{background:var(--bg-overlay);z-index:1;border-radius:3px;width:calc(50% - 4px);height:34px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.pill-toggle.active .pill-slider{background:var(--accent-red-dim);box-shadow:0 0 8px var(--accent-red-glow);left:calc(50% + 2px)}.pill-label{text-align:center;z-index:2;pointer-events:none;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:.9em;font-weight:700;transition:color .3s}.pill-toggle.active .pill-label.off,.pill-toggle:not(.active) .pill-label.on{color:var(--text-muted)}select,button{background-color:var(--bg-raised);border:1px solid var(--accent-red);color:var(--text-primary);cursor:pointer;text-transform:uppercase;border-radius:4px;margin:0;padding:.5em 1em;font-family:Saira Condensed,sans-serif}.optimize-btn{background:var(--accent-red-dim);border:1px solid var(--accent-red);color:var(--text-primary);letter-spacing:.15em;cursor:pointer;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:.5em;padding:.9em 2em;font-family:Saira Condensed,sans-serif;font-size:1.1em;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s;display:flex;position:relative;overflow:hidden}.optimize-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.optimize-btn:hover{background:var(--accent-red);box-shadow:0 0 16px var(--accent-red-glow)}.optimize-btn:active{transform:scale(.98)}.optimize-btn:disabled{background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}#overflow-mult-wrapper{align-items:flex-end;gap:.5em;display:flex}.step-input{background:var(--bg-raised);border:1px solid var(--border-strong);width:3.5em;color:var(--text-primary);text-align:center;box-sizing:border-box;border-radius:4px;padding:.2em .4em;font-family:Share Tech Mono,monospace;font-size:1em;transition:border-color .2s,box-shadow .2s}.step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step-input[type=number]{-moz-appearance:textfield}.step-input:focus{border-color:var(--accent-red);box-shadow:0 0 0 2px var(--accent-red-glow);outline:none}.step-input-row{align-items:center;gap:.5em;margin-top:.3em;display:flex}.step-input-row:first-child{margin-top:0}.step-input-label{color:var(--text-secondary);white-space:nowrap;font-size:.85em}.dev-steps-panel{margin-top:.4em;display:none}.filter-row{flex-wrap:nowrap;align-items:flex-end;gap:.8em;margin-top:.5em;display:flex}.filter-tabs-wrapper{flex-direction:column;flex:none;gap:.3em;display:flex}.filter-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.85em;font-weight:600}.filter-tabs{flex-wrap:wrap;gap:.4em;display:flex}.filter-tab{white-space:nowrap;background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-secondary);text-transform:uppercase;cursor:pointer;letter-spacing:.08em;border-radius:4px;flex:none;margin:0;padding:.5em;font-family:Saira Condensed,sans-serif;font-size:.85em;font-weight:600;transition:background .15s,border-color .15s,color .15s;position:relative;overflow:visible}.filter-tab.active{background:var(--accent-red-dim);border-color:var(--accent-red);color:var(--text-primary)}.filter-tab:hover:not(.active){border-color:var(--accent-red);color:var(--text-primary)}.filter-apply-btn{background:var(--accent-red-dim);border:1px solid var(--accent-red);color:var(--text-primary);text-transform:uppercase;cursor:pointer;border-radius:4px;flex:none;align-self:flex-end;padding:.5em 1.2em;font-family:Saira Condensed,sans-serif;font-size:.9em;font-weight:700;transition:background .15s,box-shadow .15s}.filter-apply-btn:hover{background:var(--accent-red);box-shadow:0 0 10px var(--accent-red-glow)}.filter-slider-wrapper{flex-direction:column;flex:0 220px;gap:.3em;min-width:140px;display:flex}.filter-display{cursor:default;min-width:60px}@media (max-width:1024px){.form-controls-row .pill-wrapper{flex:140px;max-width:none}.filter-row,.filter-tabs{flex-wrap:wrap}}@media (max-width:768px){.container{padding:0 .75em 2em}.site-header{padding:1.5em 0 1em}h1{font-size:1.6em}.top-section{flex-direction:column;gap:1em}.trends{flex-direction:column;width:100%}.trend-card{width:95%}.trends-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)}.form-sliders-row{flex-direction:column;align-items:stretch}.form-sliders-row .slider-container{flex:auto;min-width:0}.form-controls-row .pill-wrapper{flex:100%;max-width:none}.filter-slider-wrapper{flex:100%}#results{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.constraints-skills,.constraints-panel>div{width:100%;min-width:0}}@media (max-width:480px){.form-sliders-row .slider-container,.form-controls-row .input-group,.form-controls-row .checkbox-wrapper,.form-controls-row .pill-wrapper{flex:100%}.filter-tab{flex:40%}#results{grid-template-columns:1fr}.btn-row{flex-direction:column}.skills-grid{grid-template-columns:repeat(5,1fr)}.constraint-picker{max-width:calc(100vw - 16px)}}.spinner{vertical-align:middle;border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:.9em;height:.9em;animation:.7s linear infinite spinner-border;display:inline-block}@keyframes spinner-border{to{transform:rotate(360deg)}}#skill-svg-1,#skill-svg-2{color:#edb59e}#skill-svg-3,#skill-svg-4{color:#ed8b8b}#skill-svg-5,#skill-svg-6{color:#9dadbb}#skill-svg-7{color:#2f804d}#skill-svg-8{color:#a2d2a0}#skill-svg-9{color:#974035}.slider-container{flex-direction:column;gap:.3em;display:flex;position:relative}.slider-container.small .slider-label{font-size:.9em}.slider-container.small .slider-input{width:50px;margin-left:.5em;padding:.1em;font-size:.9em}.slider-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;justify-content:flex-start;align-items:center;margin-bottom:.2em;font-size:.85em;font-weight:600;display:flex}.slider-input{background-color:var(--bg-raised);border:1px solid var(--border-strong);width:80px;color:var(--text-primary);text-align:center;border-radius:4px;margin-left:.8em;padding:.25em;font-family:Share Tech Mono,Courier New,monospace;font-size:1em;font-weight:700;transition:border-color .2s,box-shadow .2s}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right, var(--accent-red) 0%, var(--bg-raised) 0%);opacity:1;border:none;border-radius:3px;outline:none;width:100%;height:6px;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-red);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:box-shadow .15s}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--accent-red-glow)}.slider::-moz-range-thumb{background:var(--accent-red);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:box-shadow .15s}.slider-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-input[type=number]{-moz-appearance:textfield}.slider-input:focus{border-color:var(--accent-red);box-shadow:0 0 0 2px var(--accent-red-glow);outline:none}.checkbox-wrapper{flex-direction:column;display:flex;position:relative}.checkbox-wrapper input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-wrapper label{cursor:pointer;width:100%;color:var(--text-secondary);text-transform:uppercase;-webkit-user-select:none;user-select:none;letter-spacing:.1em;flex-direction:column;align-items:center;gap:.3em;font-size:.85em;font-weight:600;display:flex}.checkbox-wrapper label:after{content:"";background:var(--bg-raised);border:1px solid var(--border-strong);text-align:center;box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4em;line-height:40px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.checkbox-wrapper input[type=checkbox]:checked+label:after{content:"✓";background:var(--accent-red-dim);border-color:var(--accent-red);color:#fff;box-shadow:0 0 8px var(--accent-red-glow)}.btn-row{gap:.8em;margin-top:.5em;display:flex}.max-damage-card{border-color:var(--gold-border);border-top-color:var(--gold-border);box-shadow:0 0 0 1px var(--gold-border), 0 0 20px var(--gold-glow)}.highest-damage-card{border-color:var(--orange-border);border-top-color:var(--orange-border);box-shadow:0 0 0 1px var(--orange-border), 0 0 20px var(--orange-glow)}#view-controls{border:1px solid var(--border-strong);border-radius:4px;gap:0;width:-moz-fit-content;width:fit-content;margin-bottom:1.2em;display:flex;overflow:hidden}.view-btn{opacity:1;background:var(--bg-surface);color:var(--text-secondary);letter-spacing:.1em;border:none;border-radius:0;margin:0;padding:.4em 1.2em;font-family:Saira Condensed,sans-serif;font-size:.8em;font-weight:600;transition:background .15s,color .15s;position:relative}.view-btn:hover .tooltip{opacity:1;visibility:visible}.view-btn+.view-btn{border-left:1px solid var(--border-strong)}.view-btn.active{background:var(--accent-red);color:var(--text-primary)}.view-btn:hover:not(.active){background:var(--bg-raised);color:var(--text-primary)}.table-wrapper{grid-column:1/-1;overflow-x:auto}.builds-table{border-collapse:collapse;width:100%;font-size:.85em}.builds-table th{background-color:var(--bg-base);color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;border:1px solid var(--border-subtle);letter-spacing:.1em;padding:.5em .6em;font-size:.72em}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background-color:var(--bg-surface);color:var(--text-primary)}.sort-indicator{opacity:0;margin-left:.3em;font-size:.75em}.sort-indicator-visible{opacity:1}.sort-active{background-color:var(--bg-surface);color:var(--accent-red)}.builds-table td{border:1px solid var(--border-subtle);text-align:center;white-space:nowrap;padding:.4em .6em}.builds-table .td-damage{color:var(--accent-red);font-family:Share Tech Mono,monospace;font-weight:700}.builds-table .td-cost,.builds-table .td-eff{color:var(--accent-amber);font-family:Share Tech Mono,monospace;font-weight:700}.builds-table .td-gear{color:#fff;width:2.8em;min-width:2.8em;max-width:2.8em;padding:0;position:relative;overflow:hidden}.builds-table .td-gear-inner{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.builds-table .td-gear img{object-fit:cover;width:100%;height:100%;display:block}.builds-table .td-gear-qty{text-align:center;color:#fff;pointer-events:none;white-space:nowrap;background:#0009;flex-direction:column;align-items:center;gap:0;padding:1px 0;font-size:.7em;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.builds-table .td-gear-qty .qty-stats{justify-content:center;align-items:center;gap:3px;padding:1px 2px;line-height:1.4;display:flex}.builds-table .td-gear-qty .qty-stats svg.stat-skill-icon{width:.9em;height:.9em}.builds-table .td-gear-qty .qty-divider{background:#ffffff4d;width:70%;height:1px;display:block}.builds-table .td-gear-qty .qty-dur{padding:1px 2px;line-height:1.4;display:block}.builds-table tr:hover td{background-color:var(--bg-raised)}.builds-table tr.max-damage-card td{border-color:var(--gold-border)}.builds-table tr.highest-damage-card td{border-color:var(--orange-border)}.constraints-panel{background:var(--bg-base);border:1px solid var(--border-subtle);border-left:2px solid var(--accent-red-dim);border-radius:4px;flex-direction:column;gap:.8em;margin-top:.8em;padding:1em 1em 1.2em;display:flex}@media (min-width:1600px){.constraints-panel{flex-direction:row;justify-content:space-around;align-items:flex-start}}.constraints-panel h3{align-items:center;gap:.5em;margin-bottom:.7em;display:flex}.skill-budget{color:var(--accent-green);letter-spacing:.03em;font-family:Share Tech Mono,monospace;font-size:1em;font-weight:400}.skill-budget.over{color:var(--accent-red)}.constraints-skills .skills-grid{grid-template-columns:repeat(10,64px);gap:.6em}@media (max-width:960px){.constraints-skills .skills-grid{grid-template-columns:repeat(10,minmax(0,1fr));width:100%}}.constraint-skill-tile{aspect-ratio:1;border:1px solid var(--border-subtle);cursor:pointer;background:var(--bg-raised);border-radius:4px;flex-direction:row;justify-content:center;align-items:center;gap:.25em;width:100%;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.constraint-skill-tile:hover{border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red-glow);transform:scale(1.07)}.constraint-skill-tile svg{flex-shrink:0;width:1.5em;height:1.5em;overflow:visible}.constraint-skill-tile svg svg{width:100%;height:100%}.constraint-skill-tile .skill-val{color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:1em;font-weight:700;line-height:1}@media (max-width:960px){.constraint-skill-tile{font-size:clamp(.35em,1.5vw,1em)}}.constraint-skill-tile .skill-val.any-label{color:var(--text-muted);font-weight:400}.constraints-header{cursor:default;justify-content:space-between;align-items:center;gap:.6em;display:flex;position:relative}.constraints-header-left{position:relative}.constraints-header:hover .tooltip,.constraints-header-left:hover .tooltip{opacity:1;visibility:visible}.constraints-header .tooltip,.constraints-header-left .tooltip{max-width:280px;font-size:.75rem;left:0;transform:none}.constraint-items-grid{grid-template-columns:repeat(10,64px);gap:.6em;display:grid}@media (max-width:960px){.constraint-items-grid{grid-template-columns:repeat(10,minmax(0,1fr));width:100%}}.constraint-slot{flex-direction:column;align-items:center;gap:.3em;display:flex}.constraint-slot-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;font-size:.65em;font-weight:600}.constraint-tile{aspect-ratio:1;border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;width:100%;transition:transform .12s,border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.constraint-tile:hover{border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red-glow);transform:scale(1.07)}.reset-pins-btn{aspect-ratio:1;border:1px dashed var(--border-subtle);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s;display:flex;position:relative}.reset-pins-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.reset-pins-btn:hover .tooltip{opacity:1;visibility:visible}.constraint-tile-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.constraint-tile-inner img{object-fit:cover;width:100%;height:100%;display:block}.any-tile{background:repeating-linear-gradient(45deg, var(--bg-raised), var(--bg-raised) 4px, var(--bg-overlay) 4px, var(--bg-overlay) 8px)}.none-tile{background:#0a0a0a}.tile-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:0 2px;font-size:.55em;font-weight:700;line-height:1.1}.any-label{color:var(--text-secondary)}.constraint-picker{z-index:200;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;grid-template-columns:repeat(4,54px);gap:.35em;padding:.5em;display:grid;position:absolute;box-shadow:0 8px 32px #000000b3}.constraint-picker-option{cursor:pointer;border:1px solid var(--border-subtle);border-radius:4px;width:54px;height:54px;transition:border-color .1s,transform .1s,box-shadow .1s;overflow:hidden}.constraint-picker-option:hover{border-color:var(--accent-red);box-shadow:0 0 6px var(--accent-red-glow);transform:scale(1.08)}.constraint-picker-option .constraint-tile-inner{width:100%;height:100%}.constraint-skill-picker{grid-template-columns:repeat(6,54px);gap:.7em .35em}.constraint-skill-picker .constraint-picker-option{background:var(--bg-raised);flex-direction:row;justify-content:center;align-items:center;gap:.25em;display:flex;overflow:visible}.constraint-skill-picker .constraint-picker-option svg{flex-shrink:0;width:1.3em;height:1.3em;overflow:visible}.constraint-skill-picker .constraint-picker-option .skill-val{color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:.9em;font-weight:700;line-height:1}.set-controls{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.set-save-btn{background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:.3em;padding:.25em .6em;font-size:.75em;font-weight:600;transition:border-color .12s,color .12s;display:inline-flex}.set-save-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.set-select{background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:4px;max-width:140px;padding:.25em .4em;font-size:.75em}.set-select:focus{border-color:var(--accent-red);outline:none}.set-delete-btn{background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.2em .45em;font-size:.75em;transition:border-color .12s,color .12s}.set-delete-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.pin-build-btn{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-raised);border:1px solid var(--border-default);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:4px;margin-top:.6em;padding:.4em .8em;font-size:.78em;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:block;position:relative}.pin-build-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:var(--bg-surface)}.pin-build-btn:hover .tooltip{opacity:1;visibility:visible}.constraint-skill-picker .constraint-picker-option:nth-child(n+7){border-top:2px solid var(--border-strong);margin-top:-.35em;padding-top:.3em}