.calculator-container{max-width:min(1620px,95vw);margin:0 auto;padding:0 clamp(.75rem,2vw,1.5rem)}.main-layout{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem);align-items:stretch}.material-inputs-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:clamp(.75rem,1.8vw,1.5rem);align-items:start}.material-inputs-row .calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.8vw,1.5rem)}.material-inputs-row .chest-grid{display:flex;align-self:stretch}.material-inputs-row .chest-grid>.material-island{flex:1;width:100%}.material-inputs-column{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.5rem)}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.5rem)}.work-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1fr) minmax(320px,1.2fr) minmax(300px,1.1fr);gap:clamp(.75rem,1.8vw,1.5rem);align-items:stretch}.work-col{display:flex;flex-direction:column;min-width:0}.work-col>*{flex:1}.work-row .work-col .material-island>.island-header,.work-row .work-col .loadout-container>.island-header{min-height:48px;padding:0 0 clamp(.5rem,1vw,.75rem);margin-bottom:clamp(.6rem,1.2vw,.9rem);align-items:center;white-space:nowrap;flex-wrap:nowrap}.work-row .work-col .island-header>span:first-child,.work-row .work-col .island-header{min-width:0}.work-col--stats #total-stats-island{display:flex;flex-direction:column}.work-col--stats #total-stats-container{flex:1 1 auto}.work-col--stats .stats-conversion-note{margin-top:auto;margin-bottom:0;padding-top:clamp(.5rem,1vw,.75rem);font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic;line-height:1.45}.material-island{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:clamp(.75rem,2.2vw,1.5rem);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}[data-theme=light] .material-island{box-shadow:var(--shadow-sm)}#equipment-selector-wrapper{margin-top:0;flex:1 1 0;display:flex;flex-direction:column;min-height:0}.island-header{font-size:clamp(1rem,2vw + .5rem,var(--font-size-xl));font-weight:600;color:var(--text-primary);margin-bottom:clamp(.75rem,2vw,1.5rem);display:flex;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);border-bottom:1px solid var(--border-color);padding-bottom:clamp(.5rem,2vw,1rem)}#shopping-list-island .island-header,.loadout-container .island-header{justify-content:space-between;width:100%}#screenshot-btn{margin-top:auto;align-self:center;padding:8px 18px;min-width:0;min-height:0;height:34px;font-size:13px;gap:6px;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}#screenshot-btn i{font-size:13px}#screenshot-btn>span{white-space:nowrap}.island-header img{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px)}.island-content{display:grid;gap:var(--spacing-4)}.material-inputs-row .calculator-grid .material-island{flex-direction:column;align-items:stretch;gap:clamp(.4rem,.9vw,.65rem);padding:clamp(.5rem,1vw,.75rem) clamp(.6rem,1.2vw,.9rem)}.material-inputs-row .calculator-grid .material-island>.island-header{display:flex;width:100%;margin:0;padding:0 0 clamp(.35rem,.8vw,.5rem);border-bottom:1px solid var(--color-border);font-size:var(--text-md);font-weight:var(--weight-semibold);align-items:center;justify-content:flex-start;gap:var(--space-4);color:var(--color-text);letter-spacing:.01em}.material-inputs-row .calculator-grid .material-island>.island-header img{width:22px;height:22px;flex-shrink:0}.material-inputs-row .calculator-grid .material-island>.island-content{flex:1 1 auto;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.4rem,1vw,.75rem);align-items:start}.material-inputs-row .calculator-grid .rarity-input-group{flex-direction:row;align-items:center;gap:var(--space-4);min-width:0}.material-inputs-row .calculator-grid .rarity-input-group .rarity-label{margin:0;flex-shrink:0}.material-inputs-row .calculator-grid .rarity-input-group input{flex:1 1 auto;min-width:0;width:100%;text-align:center;padding:4px 6px;font-size:var(--text-sm);height:30px;line-height:1}.material-inputs-row .calculator-grid .material-icon-wrapper{width:30px;height:30px}.material-inputs-row .calculator-grid .material-icon-wrapper img{width:20px;height:20px}.chest-content{display:grid;grid-template-columns:1fr}.material-inputs-row .chest-grid .material-island{padding:clamp(.5rem,1vw,.75rem) clamp(.5rem,1.1vw,.75rem);gap:clamp(.4rem,.9vw,.65rem)}.material-inputs-row .chest-grid .material-island>.island-header{display:flex;width:100%;margin:0;padding:0 0 clamp(.35rem,.8vw,.5rem);border-bottom:1px solid var(--color-border);font-size:var(--text-md);font-weight:var(--weight-semibold);align-items:center;justify-content:flex-start;gap:var(--space-4);color:var(--color-text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-inputs-row .chest-grid .material-island>.island-header img{width:22px;height:22px;flex-shrink:0}.material-inputs-row .chest-grid .island-content.chest-content{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(.3rem,.8vw,.5rem);align-items:stretch;flex:1}.material-inputs-row .chest-grid .chest-content .rarity-input-group{flex-direction:row;align-items:center;gap:6px;min-width:0}.material-inputs-row .chest-grid .chest-content .rarity-input-group:nth-child(5){grid-column:span 2}.material-inputs-row .chest-grid .chest-content .rarity-input-group .rarity-label{flex-shrink:0;margin:0}.material-inputs-row .chest-grid .chest-content .rarity-input-group input{flex:1 1 auto;min-width:0;width:100%;text-align:center;padding:4px 6px;font-size:var(--text-sm);height:30px;line-height:1}.material-inputs-row .chest-grid .chest-content .material-icon-wrapper{width:30px;height:30px}.material-inputs-row .chest-grid .chest-content .material-icon-wrapper img{width:20px;height:20px}.rarity-input-group{display:flex;align-items:center;gap:var(--spacing-3)}.rarity-input-group .rarity-label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500;color:var(--text-secondary);flex-shrink:0}.rarity-input-group .rarity-label span{display:none}.material-icon-wrapper{position:relative;width:40px;height:40px;background-size:cover;flex-shrink:0}.rarity-label.common .material-icon-wrapper{background-image:url(/images/materials/common_background.webp)}.rarity-label.advanced .material-icon-wrapper{background-image:url(/images/materials/advanced_background.webp)}.rarity-label.elite .material-icon-wrapper{background-image:url(/images/materials/elite_background.webp)}.rarity-label.epic .material-icon-wrapper{background-image:url(/images/materials/epic_background.webp)}.rarity-label.legendary .material-icon-wrapper{background-image:url(/images/materials/legendary_background.webp)}.material-icon-wrapper img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}#chest-island .material-icon-wrapper{background-image:none;display:flex;align-items:center;justify-content:center}#chest-island .material-icon-wrapper img{position:static;transform:none;width:30px;height:30px}#chest-island .rarity-label{gap:var(--spacing-2);align-items:center}.rarity-input-group input{width:100%;background:color-mix(in oklch,var(--color-accent-fill) 5%,var(--color-surface-inset));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-4);color:var(--color-text);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.rarity-input-group input::-webkit-outer-spin-button,.rarity-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rarity-input-group input[type=number]{-moz-appearance:textfield}.rarity-input-group input::placeholder{color:var(--color-text-placeholder)}.rarity-input-group input:focus{outline:none;border-color:color-mix(in oklch,var(--color-accent-400) 70%,var(--color-border-strong));box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 20%,transparent);background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface-inset))}[data-theme=light] .rarity-input-group input{background:color-mix(in oklch,var(--color-accent-fill) 4%,var(--color-surface))}[data-theme=light] .rarity-input-group input:focus{background:color-mix(in oklch,var(--color-accent-fill) 7%,var(--color-surface))}.equipment-loadout-column,.shopping-list-column{display:flex;flex-direction:column;overflow:hidden}.loadout-container{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:clamp(.75rem,3vw,1.5rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,1rem)}.loadout-grid{position:relative;width:280px;height:480px;margin:0 auto}.loadout-slot{background:transparent;border:none;width:90px;height:90px;cursor:pointer;transition:transform .2s ease,z-index 0s .2s;display:flex;align-items:center;justify-content:center;padding:0;transform:rotate(45deg);position:absolute;z-index:1}.loadout-slot:hover{transform:rotate(45deg) scale(1.1);z-index:10;transition:transform .2s ease,z-index 0s}.loadout-slot img{max-width:70px;max-height:70px;object-fit:contain;transform:rotate(-45deg);transition:filter .3s ease}.loadout-slot[data-slot=helmet]{top:-10px;left:95px}.loadout-slot[data-slot=weapon]{top:185px;left:25px}.loadout-slot[data-slot=chest]{top:115px;left:95px}.loadout-slot[data-slot=gloves]{top:185px;left:165px}.loadout-slot[data-slot=legs]{top:255px;left:95px}.loadout-slot[data-slot=boots]{top:400px;left:95px}.loadout-slot[data-slot=accessory1]{top:330px;left:25px}.loadout-slot[data-slot=accessory2]{top:330px;left:165px}.loadout-instructions{font-style:italic;color:var(--text-secondary);text-align:center;font-size:var(--font-size-sm);margin-top:var(--spacing-4);padding:0 var(--spacing-4)}.actions-container{margin-top:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.5rem);min-height:0}#calculate-btn.btn-primary{width:100%;max-width:420px;background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);border:1px solid rgba(255,255,255,.55);color:var(--color-text);font-weight:var(--weight-semibold);letter-spacing:.02em}#calculate-btn.btn-primary:hover{background:color-mix(in oklch,var(--color-accent-500) 50%,transparent);box-shadow:0 12px 28px -10px color-mix(in oklch,var(--color-accent-500) 55%,transparent),0 0 0 1px color-mix(in oklch,var(--color-accent-400) 40%,transparent)}[data-theme=light] #calculate-btn.btn-primary{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#00000073}[data-theme=light] #calculate-btn.btn-primary:hover{background:color-mix(in oklch,var(--color-accent-500) 38%,transparent);border-color:#0000008c}#materials-result{width:100%;padding:clamp(.75rem,3vw,1.5rem);background:var(--color-surface-inset);border-radius:var(--radius-lg);box-shadow:inset 0 1px 2px #00000026;border:1px solid var(--color-border-strong);min-height:100px;position:relative;color:var(--color-text)}#materials-result:empty,#materials-result[style*="display: none"]{display:none!important}.result-success:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid transparent;animation:glow-border 1.2s ease-out;pointer-events:none}@keyframes glow-border{0%{border-color:transparent;box-shadow:0 0 0 0 transparent}25%{border-color:var(--accent-green);box-shadow:0 0 15px 0 var(--accent-green)}to{border-color:transparent;box-shadow:0 0 0 0 transparent}}.result-status{display:flex;align-items:center;justify-content:center;gap:var(--space-6);text-align:center;margin-bottom:var(--space-6);font-size:clamp(1rem,1.5vw + .4rem,1.35rem);font-weight:var(--weight-bold)}.result-status.craftable{color:var(--color-text)}.result-status.craftable i{color:var(--color-success)}.result-status.not-craftable{color:var(--color-error)}.result-layout{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap}.material-items-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-4);flex:1 1 0;min-width:0}.material-items-grid>.result-item{flex:1 1 0;min-width:0}.material-items-grid>.result-or-divider{flex:0 0 auto;padding:0 var(--space-2)}.summary-items{display:flex;flex-direction:column;gap:var(--space-5);flex:0 0 auto;align-items:stretch;justify-content:center;padding-left:var(--space-6);border-left:1px solid var(--color-border-subtle)}.result-separator{display:none}.result-item{text-align:left;display:grid;grid-template-columns:36px 1fr;column-gap:var(--space-4);align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4);min-width:0}.result-item img{width:32px;height:32px;grid-row:1 / span 4;align-self:center;margin:0}.result-item .label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:flex-start;align-items:center;gap:var(--space-4);width:100%;line-height:1.5}.result-item .label .value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-left:auto}.result-item .value{font-size:var(--text-md);font-weight:var(--weight-semibold)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:var(--space-6);align-items:start}.summary-items .result-item{grid-template-columns:34px 1fr;grid-template-rows:auto auto;background:transparent;border:none;padding:0;column-gap:var(--space-4);row-gap:2px;align-items:center}.summary-items .result-item img{width:34px;height:34px;grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center}.summary-items .result-item .label{grid-column:2;grid-row:1;align-self:end;justify-self:start;text-transform:uppercase;letter-spacing:.08em;font-size:10px;white-space:nowrap;line-height:1.25}.summary-items .result-item .value{grid-column:2;grid-row:2;align-self:start;justify-self:start;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text);margin-left:0;text-transform:none;letter-spacing:0;line-height:1.1}.summary-items .result-item .label .value{font-size:var(--text-md);color:var(--color-text);margin-left:0;text-transform:none;letter-spacing:0}@media(max-width:900px){.material-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-items{flex:1 1 100%;border-left:none;padding-left:0;padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.result-layout{gap:var(--space-6)}}@media(max-width:540px){.material-items-grid{grid-template-columns:minmax(0,1fr)}.summary-items{flex-wrap:wrap;gap:var(--space-6)}}.result-item .value.shortage{color:#ef4444}.result-item .value.surplus{color:#57f287}#total-stats-container{display:flex;flex-direction:column;gap:var(--spacing-4);overflow:auto;flex-grow:1;overflow-y:hidden}.stats-group{border-left:none;padding-left:0}[data-theme=light] h5.stat-cavalry,[data-theme=light] .stat-pair.cavalry span,[data-theme=light] .comparison-stat-row.cavalry .stat-value,[data-theme=light] .filter-option.stat-cavalry,[data-theme=light] .filter-option-btn.stat-cavalry,[data-theme=light] .filter-option-btn.stat-cavalry:hover,[data-theme=light] .filter-option-btn.stat-cavalry.active,[data-theme=light] .result-item .value.surplus{color:#15803d}[data-theme=light] .filter-option-btn.stat-cavalry:hover,[data-theme=light] .filter-option-btn.stat-cavalry.active{background-color:#15803d1f}.stats-group h5{display:flex;align-items:center;gap:var(--spacing-2);font-size:1.1em;font-weight:600;margin-bottom:var(--spacing-2)}.stats-group h5 img{width:1.2em;height:1.2em;vertical-align:middle}.stats-group .stat-pair{justify-content:space-between}#total-stats-container .special-stat{font-size:.9em}h5.stat-cavalry{color:#57f287}h5.stat-infantry{color:#5aa0ff}h5.stat-archer{color:#ef4444}h5.stat-siege{color:#a855f7}h5.legendary-text,h5.set-bonus-title{background:linear-gradient(90deg,#fff,#a1a7b7);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] h5.legendary-text,[data-theme=light] h5.set-bonus-title{background:linear-gradient(90deg,#3b3f47,#6c747f);-webkit-background-clip:text;background-clip:text;color:transparent}.selected-item{display:flex;align-items:center;gap:var(--spacing-3);background:transparent;padding:var(--space-5) var(--space-4);border-radius:0;position:relative;margin-bottom:0;border-top:1px solid var(--color-border-subtle)}.selected-item:first-child{border-top:none}[data-theme=light] .selected-item{border-top-color:var(--color-border-subtle)}.selected-item.item-just-added:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid transparent;animation:glow-border 1.2s ease-out;pointer-events:none}.selected-item-icon{width:36px;height:36px;flex-shrink:0}.selected-item-details{display:flex;flex-direction:column;gap:var(--spacing-1);flex-grow:1;min-width:0}.selected-item-header{display:flex;align-items:center;justify-content:space-between}.item-name{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-name.Normal{color:var(--text-secondary)}.item-name.Advanced{background:linear-gradient(90deg,#57f287,#bde8bd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.item-name.Elite{background:linear-gradient(90deg,#5aa0ff,#a4c6f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.item-name.Epic{background:linear-gradient(90deg,#ce6cff,#e1b4f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.item-name.Legendary{background:linear-gradient(90deg,#ffb833,#fcd38b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .item-name.Legendary,[data-theme=light] .text-legendary{background:linear-gradient(90deg,#b45309,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .item-name.Advanced,[data-theme=light] .text-advanced{background:linear-gradient(90deg,#15803d,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .item-name.Elite,[data-theme=light] .text-elite{background:linear-gradient(90deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .item-name.Epic,[data-theme=light] .text-epic{background:linear-gradient(90deg,#7c2d92,#a21caf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.item-quantity{color:var(--accent-blue);font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.selected-item-cost{display:flex;align-items:center;gap:var(--spacing-3)}.cost-pair{display:flex;align-items:center;gap:var(--spacing-1)}.cost-pair img{width:14px;height:14px}.cost-pair span{font-size:var(--font-size-xs);font-weight:600}.remove-item-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s ease;padding:var(--spacing-2);min-width:auto;min-height:auto}.remove-item-btn:hover{color:#ef4444}.text-normal{color:var(--text-secondary)}.text-advanced{background:linear-gradient(90deg,#57f287,#bde8bd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-elite{background:linear-gradient(90deg,#5aa0ff,#a4c6f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-epic{background:linear-gradient(90deg,#ce6cff,#e1b4f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-legendary{background:linear-gradient(90deg,#ffb833,#fcd38b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-clear-shopping-list{background:color-mix(in oklch,var(--color-error) 28%,transparent);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);min-height:0;min-width:0;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);font-family:inherit}.btn-clear-shopping-list span{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.btn-clear-shopping-list i{font-size:var(--text-sm)}.btn-clear-shopping-list:hover{background:color-mix(in oklch,var(--color-error) 48%,transparent);transform:translateY(-1px);box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-error) 50%,transparent);border-color:#ffffff80}[data-theme=light] .btn-clear-shopping-list{background:color-mix(in oklch,var(--color-error) 18%,transparent);border-color:#00000059;color:var(--color-text)}[data-theme=light] .btn-clear-shopping-list:hover{background:color-mix(in oklch,var(--color-error) 32%,transparent);border-color:#00000080}.search-filter-wrapper{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);position:relative}.modal-search{flex-grow:1}.modal-preview-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;margin:0 auto var(--space-6);font-style:italic;width:100%}.filter-toggle-btn{flex-shrink:0;min-width:44px;padding:0}.selector-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:var(--spacing-3);overflow-y:auto;padding-right:var(--spacing-1);padding-top:5px;overflow-x:hidden}.selector-grid::-webkit-scrollbar{width:8px;background:transparent}.selector-grid::-webkit-scrollbar-track{background:transparent}.selector-grid::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:10px}.selector-grid::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}@keyframes item-glow-green{0%{border-color:var(--accent-blue);box-shadow:0 0 0 0 transparent}25%{border-color:var(--accent-green);box-shadow:0 0 15px 0 var(--accent-green)}to{border-color:var(--border-color);box-shadow:0 0 0 0 transparent}}.selector-item.item-added-glow{animation:item-glow-green 1.2s ease-out}.selector-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);height:clamp(100px,12vw,120px);min-height:0;min-width:0}.selector-item:hover{border-color:color-mix(in oklch,var(--color-accent-400) 70%,var(--color-border-strong));transform:translateY(-2px);background:color-mix(in oklch,var(--color-accent-fill) 10%,var(--color-surface-alt));box-shadow:0 0 0 1px color-mix(in oklch,var(--color-accent-400) 35%,transparent),0 12px 28px -14px color-mix(in oklch,var(--color-accent-500) 45%,transparent)}.selector-item img{width:36px;height:36px;margin-bottom:var(--spacing-1)}.selector-item span{font-size:12px;color:var(--text-secondary);line-height:1.25}.selector-item .item-name{font-size:12px;white-space:normal;word-break:break-word;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-content{max-width:1100px;max-height:85vh;display:flex;flex-direction:column;padding:0}.modal-body{overflow-y:auto;display:flex;flex-direction:column}.modal-search{width:100%;background:color-mix(in oklch,var(--color-accent-fill) 5%,var(--color-surface-inset));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);color:var(--color-text);font-family:inherit;font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.modal-search::placeholder{color:var(--color-text-placeholder)}.modal-search:focus{outline:none;border-color:color-mix(in oklch,var(--color-accent-400) 70%,var(--color-border-strong));box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 20%,transparent);background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface-inset))}[data-theme=light] .modal-search{background:color-mix(in oklch,var(--color-accent-fill) 4%,var(--color-surface))}[data-theme=light] .modal-search:focus{background:color-mix(in oklch,var(--color-accent-fill) 7%,var(--color-surface))}.modal-grid{margin-top:var(--spacing-4);padding:5px var(--spacing-2) var(--spacing-2) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-3);overflow-y:auto;overflow-x:hidden}.modal-virtual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-3)}.modal-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-2);text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;height:clamp(90px,15vw,115px)}.modal-item:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.modal-item img{width:48px;height:48px;margin-bottom:var(--spacing-2);align-self:center}.modal-item .item-name{font-size:11px;display:block;white-space:normal;word-break:break-word;line-height:1.3}.selected-item-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-3);padding-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.stat-pair{display:flex;align-items:center;gap:var(--spacing-1)}.stat-pair img{height:1em;width:1em;margin-right:.5em}.stat-name-wrapper{display:flex;align-items:center}.stat-pair span{font-weight:600}.stat-pair.cavalry span{color:#57f287}.stat-pair.infantry span{color:#5aa0ff}.stat-pair.archer span{color:#ef4444}.stat-pair.siege span{color:#a855f7}.stat-pair.troop span{background:linear-gradient(90deg,#ffb833,#fcd38b);-webkit-background-clip:text;background-clip:text;color:transparent}.special-stat{font-style:italic;color:var(--accent-blue-bright);width:100%}.set-bonus-stat{color:var(--accent-yellow);font-style:italic;width:100%}.filter-panel{position:absolute;top:calc(100% + 5px);right:0;width:320px;z-index:100;background:#101216b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;display:none}.filter-panel.visible{display:block}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color)}.filter-panel-header h4{margin:0;font-size:var(--font-size-base)}.filter-reset-btn{min-width:auto;height:auto;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.filter-options{padding:var(--spacing-4);max-height:300px;overflow-y:auto}.filter-category{break-inside:avoid}.filter-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-1) var(--spacing-3)}.filter-category h5{color:var(--accent-blue-bright);margin-top:var(--spacing-4);margin-bottom:var(--spacing-3);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:1px}.filter-category:first-child h5{margin-top:0}.filter-option{display:block;margin-bottom:var(--spacing-2);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap}.filter-option input{margin-right:var(--spacing-2);accent-color:var(--accent-blue)}.filter-option.stat-cavalry{color:#57f287}.filter-option.stat-infantry{color:#5aa0ff}.filter-option.stat-archer{color:#ef4444}.filter-option.stat-siege{color:#a855f7}.screenshot-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:1100px;display:flex;flex-direction:column}.screenshot-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.screenshot-header h3{font-size:var(--font-size-xl)}.screenshot-actions{display:flex;align-items:center;gap:var(--spacing-4)}#copy-image-btn,#download-image-btn{min-width:140px}#screenshot-capture-area{position:relative;background-color:var(--bg-primary);padding:var(--spacing-4);display:flex;gap:var(--spacing-4);align-items:stretch}.screenshot-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3);text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}#screenshot-loadout-grid,#screenshot-shopping-list,#screenshot-total-stats{flex-grow:1;min-height:0}.screenshot-loadout-column{display:flex;flex-direction:column}#screenshot-loadout-grid{transform:scale(.95);transform-origin:top center;margin-bottom:-24px;height:500px;margin-top:var(--spacing-4)}.screenshot-details-column{flex:1;display:flex;flex-direction:row;gap:var(--spacing-4);min-width:0}.screenshot-shopping-list-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);display:flex;flex-direction:column;width:50%;box-sizing:border-box}.screenshot-summary-fader{position:relative;width:50%;box-sizing:border-box}.screenshot-total-stats-wrapper,.screenshot-total-cost-wrapper{position:absolute;inset:0;width:100%;height:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);display:flex;flex-direction:column;box-sizing:border-box}#screenshot-shopping-list,#screenshot-total-stats{display:flex;flex-direction:column;gap:var(--spacing-2);overflow-y:auto;flex-grow:1;justify-content:center}.screenshot-list-item{display:flex;align-items:center;gap:var(--spacing-2)}.screenshot-list-item img{width:32px;height:32px;flex-shrink:0}.screenshot-item-details{display:flex;flex-direction:column;gap:2px;flex-grow:1}.screenshot-item-details .item-name{font-size:var(--font-size-sm)}.screenshot-item-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-2);font-size:11px;color:var(--text-secondary)}#screenshot-capture-area.view-materials .screenshot-item-stats,.screenshot-item-cost{display:none}#screenshot-capture-area.view-materials .screenshot-item-cost{display:flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-2)}#screenshot-total-stats{gap:var(--spacing-3)}#screenshot-total-stats .stats-group h5{font-size:1em;margin-bottom:var(--spacing-1)}#screenshot-total-stats .stats-group h5 img{width:1.2em;height:1.2em}#screenshot-total-stats .stat-pair{font-size:var(--font-size-xs);justify-content:space-between}#screenshot-total-stats .special-stat{font-size:11px}#screenshot-total-cost{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);align-items:flex-start;justify-content:center;flex-grow:1}.screenshot-cost-item{display:flex;align-items:center;gap:var(--spacing-3)}.screenshot-cost-item img{width:32px;height:32px}.screenshot-cost-item span{font-size:var(--font-size-lg);font-weight:600}.screenshot-watermark{position:absolute;bottom:var(--spacing-2);left:var(--spacing-3);display:none;align-items:center;gap:var(--spacing-1);opacity:.6}.screenshot-watermark.visible{display:flex}.screenshot-watermark img{width:20px;height:20px}.screenshot-watermark span{font-size:10px;font-weight:500;color:var(--text-secondary)}.custom-alert-content{max-width:420px;display:flex;flex-direction:column;padding:0}.screenshot-toggle-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}#screenshot-toggle-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:color .2s ease}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-blue)}input:checked+.slider:before{transform:translate(20px)}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-out-down{animation:fade-out-down .4s ease-out forwards}.fade-in-up{animation:fade-in-up .4s ease-out forwards}#equipment-tooltip{position:fixed;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);z-index:1002;pointer-events:none;display:none;opacity:0;transition:opacity .2s ease;width:250px;box-shadow:0 5px 15px #0000004d}#equipment-tooltip.visible{display:block;opacity:1}#equipment-tooltip h4{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}#equipment-tooltip .tooltip-section{margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-color)}#equipment-tooltip .tooltip-stats{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:11px}#equipment-tooltip .tooltip-cost{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;font-size:var(--font-size-sm)}#equipment-tooltip .cost-pair{gap:var(--spacing-1)}#equipment-tooltip .cost-pair span{font-size:var(--font-size-base)}#equipment-tooltip .cost-pair img{width:18px;height:18px}#equipment-tooltip .tooltip-set-info{font-size:11px}#equipment-tooltip .set-name{color:var(--accent-yellow);font-weight:600;margin-bottom:var(--spacing-1)}#equipment-tooltip .set-bonus{color:var(--text-secondary)}.generator-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-6);justify-content:center}.generator-tab-btn{padding:var(--spacing-3) var(--spacing-4);cursor:pointer;background:none;border:none;color:var(--text-secondary);font-weight:600;position:relative;transition:color .2s ease}.generator-tab-btn:hover{color:var(--text-primary)}.generator-tab-btn.active{color:var(--accent-blue)}.generator-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-blue)}.generator-view{display:none}.generator-view.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compare-layout-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:clamp(.75rem,2vw,1.5rem);align-items:flex-start}.comparison-stats-column .material-island{height:100%;min-height:620px;display:flex;flex-direction:column}#comparison-stats-container{flex-grow:1;overflow:visible;position:relative}#comparison-main-stats-grid,#comparison-extra-bonuses-grid{padding-right:var(--spacing-3);transition:opacity .4s ease}#comparison-main-stats-grid.fade-out-down,#comparison-extra-bonuses-grid.fade-out-down{opacity:0;pointer-events:none}.comparison-grid{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:0;align-items:stretch;align-content:start}.comparison-header{position:sticky;top:0;z-index:10;background-color:var(--color-surface);padding:var(--spacing-2);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-end;justify-content:center}.comparison-header:first-child{justify-content:flex-start;text-align:left}.comparison-stat-row{display:contents}.comparison-stat-row>div{padding:var(--spacing-2) var(--spacing-2);min-height:44px;display:flex;align-items:center;font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color)}.comparison-stat-row>div:first-child{padding-left:0}.comparison-stat-row>div{border-bottom:1px solid var(--border-color)}.comparison-stat-row .stat-name{font-weight:500;color:var(--text-secondary);justify-content:flex-start;gap:var(--spacing-2)}.stat-icon-mini{width:1.2em;height:1.2em}.comparison-stat-row .stat-value,.comparison-stat-row .delta-value{justify-content:center;font-weight:600}.comparison-stat-row.cavalry .stat-value{color:#57f287}.comparison-stat-row.infantry .stat-value{color:#5aa0ff}.comparison-stat-row.archer .stat-value{color:#ef4444}.comparison-stat-row.siege .stat-value{color:#a855f7}.delta-value .stat-increase{color:var(--accent-green)}.delta-value .stat-decrease{color:#ef4444}.delta-value .stat-no-change{color:var(--text-muted)}.delta-value i{margin-right:var(--spacing-1)}.comparison-special-row{display:contents}.comparison-special-row>div{font-size:var(--font-size-xs);justify-content:center;text-align:center}.comparison-special-row .special-stat-name{grid-column:1 / 2;justify-content:flex-start;text-align:left;white-space:normal;word-break:break-word;line-height:1.4;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.comparison-stat-row>div:first-child,.comparison-special-row .special-stat-name{justify-content:flex-start;text-align:left;padding-left:var(--spacing-1);white-space:normal}.comparison-stat-row>div,.comparison-special-row>div{padding:var(--spacing-2) var(--spacing-2);min-height:44px;height:auto;display:flex;align-items:center;border-bottom:1px solid var(--border-color);box-sizing:border-box}.comparison-special-row .iconic-value{color:var(--accent-blue-bright);font-weight:600}.comparison-special-row .special-stat-value{color:var(--accent-green);justify-content:center;align-items:center;height:100%}.comparison-special-row .stat-value{font-weight:600;color:var(--accent-green);justify-content:center}.comparison-special-title{grid-column:1 / -1;font-size:var(--font-size-sm);font-weight:var(--weight-bold);color:#fcd38b;text-shadow:0 1px 2px rgba(0,0,0,.35);padding:var(--space-3);background:#ffb8331a;border-top:1px solid rgba(255,184,51,.2);border-bottom:1px solid rgba(255,184,51,.2);display:flex;align-items:center;justify-content:center;letter-spacing:.02em}[data-theme=light] .comparison-special-title{color:#9a3412;text-shadow:0 1px 0 rgba(255,255,255,.6);background:#d977061f;border-top-color:#b4530947;border-bottom-color:#b4530947}#comparison-filter-toggle-btn{padding:var(--spacing-2) var(--spacing-3);min-width:auto;height:auto;font-size:var(--font-size-sm);transition:opacity .2s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease}#comparison-filter-toggle-btn.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-2px)}#comparison-filter-toggle-btn.has-active-filter{box-shadow:0 0 10px 2px #facc1580,inset 0 0 8px #facc151a;border-color:#facc1599}#comparison-stats-island .island-header{position:relative;display:flex;justify-content:space-between;align-items:center}.comparison-header-controls{display:flex;align-items:center;gap:var(--spacing-3)}.comparison-filter-wrapper{position:relative}#comparison-filter-panel{position:absolute;top:calc(100% + 5px);right:0;width:200px;z-index:100;background:#101216b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;display:none}#comparison-filter-panel.visible{display:block}#comparison-filter-panel .filter-options{padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1)}#comparison-filter-panel .filter-options{padding:var(--spacing-2);gap:var(--spacing-1)}.filter-option-btn{width:100%;background:transparent;border:none;color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-3);text-align:left;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease}.filter-option-btn:hover{background-color:var(--accent-blue-light);color:var(--text-primary)}.filter-option-btn.active{background-color:var(--accent-blue);color:var(--text-primary)}.filter-option-btn{display:flex;align-items:center;gap:var(--spacing-2)}.filter-option-btn .filter-icon-mini{width:20px;height:20px}.filter-option-btn.stat-cavalry{color:#57f287}.filter-option-btn.stat-infantry{color:#5aa0ff}.filter-option-btn.stat-archer{color:#ef4444}.filter-option-btn.stat-siege{color:#a855f7}.filter-option-btn.stat-cavalry:hover,.filter-option-btn.stat-cavalry.active{background-color:#57f28726;color:#57f287}.filter-option-btn.stat-infantry:hover,.filter-option-btn.stat-infantry.active{background-color:#5aa0ff26;color:#5aa0ff}.filter-option-btn.stat-archer:hover,.filter-option-btn.stat-archer.active{background-color:#ef444426;color:#ef4444}.filter-option-btn.stat-siege:hover,.filter-option-btn.stat-siege.active{background-color:#a855f726;color:#a855f7}.filter-option-btn[data-filter-type=all].active{background-color:var(--accent-blue);color:var(--text-primary)}.loadout-container .island-header{display:flex;justify-content:space-between;align-items:center;width:100%}.loadout-view-wrapper{position:relative;width:min(380px,100%);height:560px}.loadout-grid{transition:opacity .3s ease-in-out}.loadout-details-list{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:var(--spacing-1);overflow-y:auto;padding:var(--spacing-2);transition:opacity .3s ease-in-out}.details-item{display:flex;align-items:center;gap:var(--spacing-2);background:var(--bg-secondary);padding:.4em;border-radius:var(--radius-sm);flex-shrink:0}.details-item-icon{width:2.5em;height:2.5em;flex-shrink:0}.details-item-details{display:flex;flex-direction:column;gap:.2em;flex-grow:1;min-width:0}.details-item-details .item-name{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.details-item-stats{font-size:.85em}.details-item-stats .details-tier-header{font-weight:var(--weight-bold);color:#fcd38b;text-shadow:0 1px 2px rgba(0,0,0,.35);margin-top:.5em;margin-bottom:.2em;font-size:.9em}[data-theme=light] .details-item-stats .details-tier-header{color:#9a3412;text-shadow:0 1px 0 rgba(255,255,255,.6)}.details-item-stats .special-stat{font-size:.95em}.details-item-stats .stat-pair{justify-content:space-between}@media(max-width:1200px){.main-layout{grid-template-columns:1fr}.equipment-loadout-column,.shopping-list-column{position:static;height:auto}.compare-layout-grid{grid-template-columns:1fr}.comparison-stats-column .material-island{min-height:auto}.compare-layout-grid>.equipment-loadout-column:first-of-type{order:1}.compare-layout-grid>.equipment-loadout-column:last-of-type{order:2}.compare-layout-grid>.comparison-stats-column{order:3}}@media(max-width:1024px){#screenshot-capture-area,.screenshot-details-column{flex-direction:column}.screenshot-details-column{width:100%;min-height:auto;height:auto}.screenshot-shopping-list-wrapper,.screenshot-summary-fader{max-height:300px;width:100%}.screenshot-loadout-column{margin-bottom:var(--spacing-4)}}@media(max-width:768px){.chest-content{grid-template-columns:1fr}.result-layout{flex-direction:column}.result-separator{width:80%;height:1px;margin:var(--spacing-4) auto}.calculator-grid{grid-template-columns:1fr 1fr}#screenshot-btn{display:none}.work-col--selector #equipment-selector-wrapper,.work-col--shopping #shopping-list-island{height:480px;flex:0 0 auto}#equipment-selector-grid{max-height:none;flex:1 1 auto;overflow-y:auto}.shopping-list-column #shopping-list-island{flex:0 0 auto;height:600px}#selected-items-list{flex-grow:1;overflow-y:auto;min-height:0}.shopping-list-column #total-stats-island{flex:0 0 auto;min-height:250px;height:auto;max-height:none}#total-stats-container{overflow:visible;flex-grow:0}.modal-content{max-height:85vh}.modal-body{overflow-y:auto}#modal-grid{min-height:300px}.compare-layout-grid .loadout-container{display:flex;justify-content:center;align-items:flex-start;min-height:450px}.compare-layout-grid .loadout-view-wrapper{width:100%}.compare-layout-grid .loadout-grid{transform:scale(.9);transform-origin:top center}.comparison-stat-row .stat-value,.comparison-stat-row .delta-value,.comparison-header{white-space:nowrap}.compare-layout-grid #comparison-stats-island{min-height:0;max-height:none}.compare-layout-grid #comparison-stats-container{min-height:80px}.kvk-season-selector label,.loadout-view-selector label{white-space:nowrap;padding:var(--space-3) var(--space-4);font-size:clamp(11px,2.8vw,13px)}.compare-mode-btn{white-space:nowrap;padding:var(--spacing-2)}.compare-mode-btn span{font-size:clamp(11px,2.8vw,13px)}}@media(max-width:480px){.material-items-grid,.result-grid{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1.6fr 1fr 1fr .6fr}#comparison-extra-bonuses-grid{grid-template-columns:3fr 1fr 1fr .1fr!important}.comparison-grid>div{padding:var(--spacing-1) 4px!important;font-size:11px}.comparison-grid .comparison-header{font-size:10px;white-space:normal!important}.compare-layout-grid #comparison-stats-island{max-height:none}#comparison-stats-container{overflow:visible;max-height:none}}#selector-filter-toggle-btn:before,#selector-filter-toggle-btn:after{display:none!important;content:""!important;animation:none!important}#shopping-list-island .selected-item{padding:var(--spacing-1);gap:var(--spacing-2)}#shopping-list-island .selected-item-icon{width:30px;height:30px}#shopping-list-island .item-name{font-size:calc(var(--font-size-sm) * .9)}#shopping-list-island .cost-pair img{width:12px;height:12px}#shopping-list-island .selected-item-stats{font-size:calc(var(--font-size-xs) * .95);gap:2px var(--spacing-2)}.shopping-list-column{display:flex;flex-direction:column;gap:var(--spacing-6);min-height:0}#shopping-list-island{display:flex;flex-direction:column;flex:1 1 0;min-height:0}#selected-items-list{overflow-y:auto;overflow-x:hidden;flex-grow:1;min-height:0}#total-stats-island{display:flex;flex-direction:column;flex-shrink:0;height:630px}#total-stats-container{flex-grow:1;overflow-y:auto;min-height:0}#screenshot-capture-area.view-materials .screenshot-item-cost{gap:var(--spacing-1) var(--spacing-2)}#screenshot-capture-area.view-materials .screenshot-item-cost .cost-pair img{width:20px;height:20px}#screenshot-capture-area.view-materials .screenshot-item-cost .cost-pair span{font-size:12px}.result-or-divider{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:var(--text-secondary)}.comparison-controls{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-4);padding:clamp(.75rem,2.2vw,1.5rem);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.comparison-controls-top-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.kvk-season-selector,.loadout-view-selector{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);font-weight:500;justify-content:center;flex-wrap:wrap}.kvk-season-selector .radio-group,.loadout-view-selector .radio-group{display:flex;gap:var(--space-2);background-color:var(--color-surface-inset);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.kvk-season-selector input[type=radio],.loadout-view-selector input[type=radio]{display:none}.kvk-season-selector label,.loadout-view-selector label{padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);min-height:0;min-width:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.kvk-season-selector .radio-group label[for]:hover,.loadout-view-selector .radio-group label[for]:hover{color:var(--color-text);background:color-mix(in oklch,var(--color-accent-500) 10%,transparent)}.kvk-season-selector input[type=radio]:checked+label,.loadout-view-selector input[type=radio]:checked+label{background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);color:var(--color-text);font-weight:var(--weight-semibold);box-shadow:0 0 0 1px color-mix(in oklch,var(--color-accent-400) 40%,transparent)}[data-theme=light] .kvk-season-selector input[type=radio]:checked+label,[data-theme=light] .loadout-view-selector input[type=radio]:checked+label{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent)}.compare-mode-selector{display:flex;justify-content:center;gap:var(--spacing-2)}.compare-mode-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#181a208c;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.compare-mode-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 16%,transparent);border-color:color-mix(in oklch,var(--color-accent-400) 45%,transparent);color:var(--color-text);transform:translateY(-1px)}.compare-mode-btn.active{background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);border-color:#ffffff8c;color:var(--color-text);box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-accent-500) 50%,transparent)}.compare-mode-btn.active:hover{background:color-mix(in oklch,var(--color-accent-500) 42%,transparent)}[data-theme=light] .compare-mode-btn{background:#ffffffb3;border-color:#00000024;color:var(--color-text-secondary)}[data-theme=light] .compare-mode-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 12%,rgba(255,255,255,.8));border-color:#00000052;color:var(--color-text)}[data-theme=light] .compare-mode-btn.active{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#0000008c;color:var(--color-text)}[data-theme=light] .compare-mode-btn.active:hover{background:color-mix(in oklch,var(--color-accent-500) 32%,transparent)}.compare-mode-btn img{width:20px;height:20px}.compare-mode-btn span{font-weight:600;font-size:var(--font-size-sm)}.compare-mode-instructions{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-4) auto 0;max-width:44ch;line-height:1.4}[data-theme=light] .compare-mode-instructions{color:var(--color-text-secondary);text-shadow:0 1px 0 rgba(255,255,255,.6)}.details-toggle-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.details-toggle-wrapper .toggle-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary)}.refined-bonus{background:linear-gradient(90deg,#ffb833,#fcd38b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:600}[data-theme=light] .refined-bonus{background:linear-gradient(90deg,#b45309,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#awaken-level-modal .awaken-level-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);width:200px;max-width:90vw}#awaken-level-modal h4{text-align:center;margin-bottom:var(--spacing-2);font-size:var(--font-size-base)}#awaken-level-modal button{width:100%;padding:var(--spacing-2);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}#awaken-level-modal button:hover{background:var(--accent-blue);border-color:var(--accent-blue)}#awaken-level-modal button.remove-awaken{margin-top:var(--spacing-1);background:#ef444433;border-color:#ef444480}#awaken-level-modal button.remove-awaken:hover{background:#ef444466;border-color:#ef4444b3}.loadout-slot.refined img{filter:drop-shadow(0 0 8px #f59e0b) drop-shadow(0 0 4px #f59e0b)}[data-theme=light] .loadout-slot.refined img{filter:drop-shadow(0 0 8px #d97706) drop-shadow(0 0 3px #b45309)}.loadout-slot .awaken-level{position:absolute;bottom:5px;right:5px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg);z-index:2;pointer-events:none;color:#fff;font-family:serif;font-weight:700;font-size:.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.9);line-height:18px}.loadout-slot .awaken-level:before{content:"";position:absolute;top:50%;left:50%;width:17px;height:17px;background:linear-gradient(145deg,#ffc94a,#d48b00);border:1px solid #4a3000;transform:translate(-50%,-50%) rotate(45deg);z-index:-1}#compare-sets-view .loadout-slot[data-slot=helmet]{top:0}.compare-layout-grid .comparison-stats-column{display:flex;flex-direction:column;height:100%;gap:var(--spacing-4)}.compare-layout-grid #comparison-stats-island{flex:1 1 0;display:flex;flex-direction:column;min-height:0;max-height:100%}#comparison-stats-container{flex:1;overflow-y:auto;min-height:0}#comparison-extra-bonuses-grid{grid-template-columns:4.5fr 1fr 1fr .1fr!important;align-items:stretch}.set-bonus-label{display:inline;line-height:1.4}.set-bonus-label strong{color:var(--color-accent-400);font-weight:var(--weight-semibold);margin-right:4px}.set-bonus-star{color:var(--color-accent-400);font-weight:var(--weight-bold);margin-left:2px;cursor:help}.set-bonus-footnote{font-size:11px;font-style:italic;color:var(--color-text-secondary);padding:4px 8px 8px;text-align:left}#comparison-extra-bonuses-grid .comparison-header:first-child{justify-content:center!important;text-align:center;padding-left:0}.comparison-special-row>div{height:auto!important;min-height:60px;padding:12px 8px!important;display:flex;align-items:center;box-sizing:border-box}.comparison-special-row .special-stat-name{white-space:normal!important;word-break:break-word;line-height:1.5;text-align:left;justify-content:flex-start}.comparison-special-row .special-stat-value{justify-content:center;height:auto!important}.details-item-stats .special-stat{color:#fff!important;font-weight:500}.loadout-slot,.loadout-slot img{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;image-rendering:-webkit-optimize-contrast;transform-style:preserve-3d}.comparison-controls-top-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:var(--spacing-8);width:100%;flex-wrap:wrap}.kvk-season-selector,.loadout-view-selector{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);margin:0}.kvk-season-selector>label,.loadout-view-selector>label{margin-bottom:0;padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:var(--weight-semibold);cursor:default;background:transparent!important;min-width:0;min-height:0;transition:none}.kvk-season-selector>label:hover,.loadout-view-selector>label:hover{background:transparent!important;color:var(--color-text-secondary)}.compare-mode-selector{display:flex;width:100%;gap:var(--spacing-4);margin-top:var(--spacing-1)}.compare-mode-btn{flex:1;justify-content:center;height:40px;font-size:var(--font-size-sm)}.btn-clear-loadout{background:color-mix(in oklch,var(--color-error) 22%,transparent);border:1px solid rgba(255,255,255,.35);color:var(--color-text);padding:8px 18px;border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:var(--weight-semibold);min-height:0;min-width:0;margin-top:var(--space-6);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);width:auto;align-self:center;font-family:inherit}.btn-clear-loadout:hover{background:color-mix(in oklch,var(--color-error) 42%,transparent);border-color:#ffffff8c;box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-error) 50%,transparent);transform:translateY(-1px)}[data-theme=light] .btn-clear-loadout{background:color-mix(in oklch,var(--color-error) 16%,transparent);border-color:#0006;color:var(--color-text)}[data-theme=light] .btn-clear-loadout:hover{background:color-mix(in oklch,var(--color-error) 28%,transparent);border-color:#0000008c}.btn-clear-loadout i{font-size:12px}.comparison-special-title{min-height:35px!important;height:auto!important;padding:8px 12px!important;line-height:1.2}#comparison-main-stats-grid,#comparison-extra-bonuses-grid{align-content:start!important;grid-auto-rows:min-content!important}.comparison-grid .comparison-header{height:auto!important;min-height:35px!important;padding-top:8px!important;padding-bottom:8px!important}.delta-number{color:var(--accent-yellow);margin-left:4px}.stats-conversion-note{font-size:12px;color:var(--text-secondary);font-style:italic;line-height:1.4}#total-stats-island .stats-conversion-note{border-bottom:none;padding-bottom:0}#comparison-stats-island .stats-conversion-note{text-align:center;padding:0 var(--spacing-2) var(--spacing-2);flex-shrink:0;font-size:clamp(9px,.78vw,10.5px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){#comparison-stats-island .stats-conversion-note{white-space:normal;text-overflow:clip;font-size:11px}}.ra-layout{display:flex;flex-direction:column;gap:clamp(.85rem,1.8vw,1.5rem);max-width:1480px;margin:0 auto}.ra-inputs-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:clamp(.75rem,2vw,1.5rem);grid-auto-rows:clamp(340px,42vh,420px);align-items:stretch}.ra-inputs-right{display:contents}#ra-shopping-list-panel,#ra-equipment-island,#ra-refining-island,#ra-awakening-island{min-width:0;min-height:0;height:100%;overflow:hidden}#ra-awakening-island{overflow:visible}@media(max-width:1300px){.ra-inputs-column{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}#ra-equipment-island{grid-column:1 / -1;order:-1}}@media(max-width:900px){.ra-inputs-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#ra-equipment-island,#ra-shopping-list-panel{grid-column:1 / -1}}@media(max-width:640px){.ra-inputs-column{grid-template-columns:1fr}#ra-equipment-island,#ra-shopping-list-panel{grid-column:auto}}#ra-equipment-island .island-header{flex-shrink:0}.ra-shopping-list-panel .btn-clear-shopping-list{padding:3px 10px;line-height:1.2;min-height:0;height:auto;border-radius:var(--radius-sm)}.ra-shopping-list-panel .btn-clear-shopping-list span,.ra-shopping-list-panel .btn-clear-shopping-list i{font-size:11px;line-height:1.3}#ra-equipment-island .ra-select-equipment-btn{flex-shrink:0}.ra-results-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"empty   empty" "refining awakening" "total   total";gap:clamp(.75rem,2vw,1.5rem)}#ra-results-empty{grid-area:empty}#ra-refining-results-island{grid-area:refining}#ra-awakening-results-island{grid-area:awakening}#ra-grand-total-island{grid-area:total}@media(max-width:1100px){.ra-results-column{grid-template-columns:1fr;grid-template-areas:"empty" "refining" "awakening" "total"}}.ra-disabled{pointer-events:none;filter:grayscale(.35)}.ra-disabled .island-header,.ra-disabled .ra-field-label,.ra-disabled .ra-level-btn,.ra-disabled .ra-select-trigger{color:var(--color-text-tertiary)}.ra-disabled .ra-level-btn,.ra-disabled .ra-select-trigger{background:var(--color-surface-inset);border-color:var(--color-border-subtle)}.ra-disabled .ra-level-buttons input[type=radio]:checked+.ra-level-btn,[data-theme=light] .ra-disabled .ra-level-buttons input[type=radio]:checked+.ra-level-btn{background:var(--color-surface-inset);border-color:var(--color-border-subtle);color:var(--color-text-tertiary);box-shadow:none}.ra-equipment-empty{text-align:center;padding:var(--spacing-6) var(--spacing-4)}.ra-equipment-empty p{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.ra-selected-equipment-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:0;flex-shrink:0;text-align:center}.ra-equipment-img-sm{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-md)}.ra-equipment-info-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;max-width:100%}.ra-equipment-info-compact .item-name{font-size:var(--font-size-base);font-weight:var(--weight-bold);text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.2}.ra-slot-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-semibold)}.ra-change-btn{flex-shrink:0;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);min-width:0;min-height:0}.ra-change-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);border-color:color-mix(in oklch,var(--color-accent-400) 45%,transparent);color:var(--color-text)}.ra-select-equipment-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-5) var(--space-6);background:transparent;border:1.5px dashed color-mix(in oklch,var(--color-accent-500) 40%,transparent);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);min-height:44px}.ra-select-equipment-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 10%,transparent);border-color:color-mix(in oklch,var(--color-accent-500) 65%,transparent);color:var(--color-text)}.ra-field-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-2);display:block}.ra-level-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1.5vw,.75rem)}.ra-level-buttons input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ra-level-buttons label{position:relative;cursor:pointer}.ra-level-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(6px,1.5vw,10px) clamp(4px,1vw,8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#181a208c;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);font-size:clamp(12px,1.5vw + 5px,15px);font-weight:var(--weight-semibold);color:var(--color-text);min-height:44px}.ra-level-sublabel{font-size:clamp(10px,1.2vw + 4px,12px);font-weight:400;color:var(--color-text-secondary);margin-top:2px}.ra-level-buttons label:hover .ra-level-btn{background:color-mix(in oklch,var(--color-accent-500) 16%,transparent);border-color:color-mix(in oklch,var(--color-accent-400) 45%,transparent)}.ra-level-buttons input[type=radio]:checked+.ra-level-btn{background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);border-color:#ffffff8c;color:var(--color-text);box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-accent-500) 50%,transparent)}[data-theme=light] .ra-level-btn{background:#ffffffb3;border-color:#00000024;color:var(--color-text)}[data-theme=light] .ra-level-buttons label:hover .ra-level-btn{background:color-mix(in oklch,var(--color-accent-500) 12%,rgba(255,255,255,.82));border-color:#0000004d}[data-theme=light] .ra-level-buttons input[type=radio]:checked+.ra-level-btn{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#0000008c}.ra-skip-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:40px;margin-top:auto;padding:clamp(6px,1.5vw,10px) clamp(4px,1vw,8px);background:#181a2066;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text);font-size:clamp(12px,1.5vw + 5px,15px);font-weight:var(--weight-semibold);cursor:pointer;position:relative;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ra-skip-btn input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ra-skip-btn-label{font-weight:var(--weight-semibold)}.ra-skip-btn-sublabel{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:500}.ra-skip-btn:hover{background:color-mix(in oklch,var(--color-success, #22c55e) 14%,transparent);border-color:color-mix(in oklch,var(--color-success, #22c55e) 45%,transparent);border-style:solid}.ra-refine-skip:has(input[type=radio]:checked),.ra-awaken-skip.ra-awaken-skip-active{background:color-mix(in oklch,var(--color-success, #22c55e) 26%,transparent);border-color:color-mix(in oklch,var(--color-success, #22c55e) 55%,transparent);border-style:solid;box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-success, #22c55e) 45%,transparent)}.ra-refine-skip:has(input[type=radio]:checked) .ra-skip-btn-sublabel,.ra-awaken-skip.ra-awaken-skip-active .ra-skip-btn-sublabel{color:var(--color-text-secondary)}.ra-disabled .ra-skip-btn{color:var(--color-text-tertiary);background:var(--color-surface-inset);border-color:var(--color-border-subtle)}.ra-disabled .ra-refine-skip:has(input[type=radio]:checked),.ra-disabled .ra-awaken-skip.ra-awaken-skip-active{box-shadow:none;background:var(--color-surface-inset);border-color:var(--color-border-subtle)}[data-theme=light] .ra-skip-btn{background:#ffffff8c;border-color:#0003}[data-theme=light] .ra-skip-btn:hover{background:color-mix(in oklch,var(--color-success, #22c55e) 12%,rgba(255,255,255,.82));border-color:color-mix(in oklch,var(--color-success, #22c55e) 45%,rgba(0,0,0,.22))}[data-theme=light] .ra-refine-skip:has(input[type=radio]:checked),[data-theme=light] .ra-awaken-skip.ra-awaken-skip-active{background:color-mix(in oklch,var(--color-success, #22c55e) 22%,transparent);border-color:color-mix(in oklch,var(--color-success, #22c55e) 50%,rgba(0,0,0,.4))}.ra-status-msg{font-size:var(--font-size-sm);color:var(--text-muted);min-height:1.5em;margin-top:var(--spacing-2)}.ra-awaken-skipped .ra-tier-row{opacity:.45;pointer-events:none}.ra-tier-row{display:flex;flex-direction:column;gap:var(--space-4)}.ra-tier-field{display:flex;flex-direction:column}.ra-custom-select{position:relative}.ra-select-trigger{display:flex;align-items:center;gap:var(--space-3);background:#181a208c;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);color:var(--color-text);font-size:var(--font-size-sm);min-height:44px;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.ra-select-trigger:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.5em 1.5em;width:1.5em;height:1.5em;margin-left:auto;color:var(--color-text-secondary);transition:transform var(--duration-fast) var(--ease-out)}.ra-select-trigger:hover{border-color:color-mix(in oklch,var(--color-accent-400) 45%,transparent)}.ra-select-trigger.ra-select-open{border-color:var(--color-accent-500);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 18%,transparent)}.ra-select-trigger.ra-select-open:after{transform:rotate(180deg)}[data-theme=light] .ra-select-trigger{background:#ffffffb8;border-color:#00000024;color:var(--color-text)}[data-theme=light] .ra-select-trigger:hover{border-color:#00000052}.ra-select-dropdown{position:absolute;background:#101216e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);top:calc(100% + 4px);left:0;right:0;z-index:99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 16px 48px #0000008c,0 0 0 1px #0003;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:var(--space-2)}[data-theme=light] .ra-select-dropdown{background:#ffffffe0;border-color:#00000014;box-shadow:0 14px 36px #00000024,0 0 0 1px #0000000a}.ra-select-hide{display:none}.ra-select-option{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .15s ease,color .15s ease}.ra-select-option:hover{background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);color:var(--color-text)}.ra-select-option.ra-select-active{color:var(--color-text);background:color-mix(in oklch,var(--color-accent-500) 22%,transparent)}[data-theme=light] .ra-select-option{color:var(--color-text-secondary)}[data-theme=light] .ra-select-option:hover{background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);color:var(--color-text)}.ra-select-option.ra-select-disabled{opacity:.35;pointer-events:none}.ra-results-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:300px;padding:clamp(1.5rem,4vw,3rem)}.ra-results-empty-state p{color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--font-size-base);text-align:center;text-wrap:balance;max-width:48ch;margin:0;font-style:normal;line-height:1.5}#ra-refining-results-island{display:flex;flex-direction:column;gap:var(--space-5)}.ra-prob-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:0}.ra-prob-card{display:inline-flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:color-mix(in oklch,var(--color-accent-500) 7%,transparent);border:1px solid color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-radius:999px;font-size:var(--font-size-sm);flex:0 0 auto;white-space:nowrap;min-width:0}.ra-prob-outcome{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--weight-bold);color:var(--color-text)}.ra-prob-chance{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.ra-prob-crit{background:color-mix(in oklch,#f59e0b 12%,transparent);border-color:color-mix(in oklch,#f59e0b 38%,transparent)}.ra-prob-crit .ra-prob-outcome{background:linear-gradient(90deg,#ffb833,#fcd38b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme=light] .ra-prob-card{background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface));border-color:color-mix(in oklch,var(--color-accent-500) 28%,transparent)}[data-theme=light] .ra-prob-crit{background:color-mix(in oklch,#f59e0b 14%,var(--color-surface));border-color:color-mix(in oklch,#f59e0b 45%,transparent)}[data-theme=light] .ra-prob-crit .ra-prob-outcome{background:linear-gradient(90deg,#b45309,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ra-per-attempt{display:flex;align-items:center;gap:var(--space-4);margin:0;padding-top:var(--space-3);border-top:1px dashed var(--color-border-subtle);background:transparent;border-radius:0;flex-wrap:wrap}.ra-per-attempt-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-400);font-weight:var(--weight-semibold);white-space:nowrap}[data-theme=light] .ra-per-attempt-label{color:color-mix(in oklch,var(--color-accent-500) 85%,var(--color-text))}.ra-attempt-costs{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.ra-attempt-costs .ra-cost-pair{display:flex;align-items:center;gap:var(--space-2)}.ra-attempt-costs .ra-cost-pair img{width:18px;height:18px}.ra-attempt-costs .ra-cost-pair span{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}.ra-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.ra-scenario-card{position:relative;background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.ra-scenario-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:currentColor;opacity:.7}.ra-scenario-best{color:#16a34a}.ra-scenario-expected{color:var(--color-accent-500)}.ra-scenario-worst{color:#dc2626}.ra-scenario-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--weight-bold);color:currentColor;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);margin:0;letter-spacing:-.01em}.ra-scenario-detail{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.ra-scenario-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-weight:var(--weight-semibold)}.ra-scenario-value{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.ra-scenario-materials{display:flex;flex-direction:column;gap:var(--space-2)}.ra-scenario-materials .ra-cost-line{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.ra-scenario-materials .cost-pair{display:flex;align-items:center;gap:var(--space-2)}.ra-scenario-materials .cost-pair img{width:20px;height:20px}.ra-scenario-materials .cost-pair span{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}[data-theme=light] .ra-scenario-best{color:#15803d}[data-theme=light] .ra-scenario-worst{color:#b91c1c}.ra-gold-value{color:#fcd38b;font-weight:var(--weight-semibold)}[data-theme=light] .ra-gold-value{color:#b45309}.ra-tier-breakdown{display:flex;flex-direction:column;gap:0}.ra-tier-header-row,.ra-tier-row-data,.ra-tier-total-row{display:grid;grid-template-columns:3.5rem 1fr 5rem 5rem 6rem;gap:var(--spacing-2);align-items:center;padding:var(--spacing-2) var(--spacing-3)}.ra-tier-header-row{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-1)}.ra-tier-col-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ra-tier-row-data{border-bottom:1px solid var(--color-border-subtle);transition:opacity .2s ease}.ra-tier-row-data:last-of-type{border-bottom:none}.ra-tier-row-data.ra-tier-dimmed{opacity:.25}.ra-tier-label{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.ra-tier-materials,.ra-tier-crystals,.ra-tier-blueprints{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.ra-tier-gold{font-size:var(--font-size-sm);color:#fcd38b;font-weight:500;font-variant-numeric:tabular-nums}[data-theme=light] .ra-tier-gold{color:#b45309}.ra-tier-total-row{border-top:1px solid var(--border-color);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.ra-total-label{font-size:var(--font-size-base);font-weight:700}.ra-tier-total-row .ra-tier-materials,.ra-tier-total-row .ra-tier-crystals,.ra-tier-total-row .ra-tier-blueprints{font-weight:600;color:var(--text-primary)}.ra-tier-total-row .ra-tier-gold{font-weight:700;font-size:var(--font-size-base)}.ra-grand-total{background:var(--color-surface-alt);border:1px solid color-mix(in oklch,var(--color-accent-500) 35%,var(--color-border));box-shadow:0 8px 24px -12px color-mix(in oklch,var(--color-accent-500) 35%,transparent)}[data-theme=light] .ra-grand-total{background:var(--color-surface-alt);border-color:color-mix(in oklch,var(--color-accent-500) 32%,var(--color-border));box-shadow:0 10px 28px -16px color-mix(in oklch,var(--color-accent-500) 30%,transparent)}.ra-grand-total .island-header{font-size:clamp(1.05rem,2vw + .5rem,var(--font-size-xl));color:var(--color-text);border-bottom-color:color-mix(in oklch,var(--color-accent-500) 22%,var(--color-border))}.ra-grand-total-grid{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:var(--space-3)}.ra-grand-total-grid .result-item{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ra-grand-total-grid .result-item .label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-weight:var(--weight-semibold)}.ra-grand-total-grid .result-item .value{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.ra-grand-total-grid .result-item .value.ra-gold-value{color:#fcd38b}[data-theme=light] .ra-grand-total-grid .result-item .value.ra-gold-value{color:#b45309}.ra-grand-total-grid .ra-mat-icon{margin:0}.ra-mat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-1)}.ra-mat-icon img{width:24px;height:24px}.ra-equipment-actions{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-3);flex-shrink:0;width:100%}.ra-add-btn,.ra-equipment-actions .ra-change-btn{flex:1 1 0;min-width:0}.ra-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);color:var(--color-text);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);min-height:40px;white-space:nowrap}[data-theme=light] .ra-add-btn{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#0000008c}.ra-add-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 42%,transparent);box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-accent-500) 50%,transparent)}.ra-add-btn i{font-size:10px}.ra-shopping-list-panel .island-header{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-start;flex-shrink:0}.ra-shopping-list-panel .island-header #ra-clear-list-btn{margin-left:auto}.ra-shopping-list{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:var(--space-2)}.ra-shopping-list-panel .ra-list-grand-total{display:none!important}.ra-shopping-list:empty{display:none}.ra-shopping-list-empty{margin:auto;padding:var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;text-wrap:balance;max-width:32ch;line-height:1.45}#ra-shopping-list:not(:empty)+.ra-shopping-list-empty{display:none}.ra-list-item{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);padding:var(--space-3);border-radius:var(--radius-md)}.ra-list-item-icon{width:36px;height:36px;flex-shrink:0}.ra-list-item-details{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ra-list-item-name{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ra-list-item-config{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;gap:var(--spacing-3)}.ra-list-item-cost{display:flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.ra-list-item-cost .cost-pair span{font-size:var(--font-size-xs)}.ra-list-item-cost .cost-pair img{width:14px;height:14px}.ra-list-remove-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s ease;padding:var(--spacing-2);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.ra-list-remove-btn:hover{color:#ef4444}.ra-list-grand-total{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.ra-list-total-header{font-size:var(--font-size-sm);font-weight:var(--weight-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.ra-list-total-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4)}.ra-list-total-grid .cost-pair{display:flex;align-items:center;gap:var(--spacing-1)}.ra-list-total-grid .cost-pair img{width:20px;height:20px}.ra-list-total-grid .cost-pair span{font-weight:600}.ra-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;text-align:center;margin:var(--space-5) 0 0;display:block;width:100%;max-width:none;align-self:stretch}@media(max-width:768px){.ra-inputs-column{flex-direction:column}#ra-equipment-island{max-height:400px}}@media(max-width:768px){.ra-scenarios{grid-template-columns:1fr}.ra-tier-header-row,.ra-tier-row-data,.ra-tier-total-row{grid-template-columns:2.5rem 1fr 3.5rem 3.5rem 4.5rem;gap:var(--spacing-1);padding:var(--spacing-2)}.ra-tier-col-label{font-size:10px}.ra-prob-row{flex-wrap:wrap}.ra-prob-card{min-width:calc(50% - var(--spacing-1));flex:1 1 calc(50% - var(--spacing-1))}}@media(max-width:768px){.selector-item span,.selector-item .item-name,.modal-item .item-name{font-size:14px}}@media(max-width:1500px){.work-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.material-inputs-row{grid-template-columns:minmax(0,1fr)}.material-inputs-row .chest-grid{width:100%}}@media(max-width:768px){.main-layout{gap:clamp(.75rem,2vw,1rem)}.work-row,.material-inputs-row .calculator-grid{grid-template-columns:minmax(0,1fr)}.material-island{padding:clamp(.6rem,2vw,1rem)}.material-inputs-row .calculator-grid .material-island>.island-content{grid-template-columns:repeat(2,minmax(0,1fr))}.material-inputs-row .calculator-grid .rarity-input-group,.material-inputs-row .chest-grid .chest-content .rarity-input-group{flex-direction:column;align-items:stretch;gap:var(--space-2)}.material-inputs-row .calculator-grid .rarity-input-group .rarity-label,.material-inputs-row .chest-grid .chest-content .rarity-input-group .rarity-label{justify-content:center;align-self:center}.material-inputs-row .calculator-grid .rarity-input-group input,.material-inputs-row .chest-grid .chest-content .rarity-input-group input{width:100%;height:40px;font-size:var(--text-md)}.material-inputs-row .calculator-grid .material-icon-wrapper,.material-inputs-row .chest-grid .chest-content .material-icon-wrapper{width:44px;height:44px}.material-inputs-row .calculator-grid .material-icon-wrapper img,.material-inputs-row .chest-grid .chest-content .material-icon-wrapper img{width:30px;height:30px}}[data-theme=light] .loadout-container{box-shadow:var(--shadow-sm)}[data-theme=light] .selector-item{background:var(--color-surface);border-color:var(--color-border-strong)}[data-theme=light] .selector-item:hover{background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface))}[data-theme=light] .selected-item{background:var(--color-surface-alt)}[data-theme=light] .modal-content,[data-theme=light] .screenshot-modal-content,[data-theme=light] .custom-alert-content{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}[data-theme=light] #screenshot-capture-area{background-color:var(--color-surface-alt)}[data-theme=light] .screenshot-shopping-list-wrapper,[data-theme=light] .screenshot-total-stats-wrapper,[data-theme=light] .screenshot-total-cost-wrapper{background:var(--color-surface);border-color:var(--color-border-strong)}[data-theme=light] #materials-result{background:var(--color-surface-alt);box-shadow:inset 0 1px 2px #0000000a}[data-theme=light] #equipment-tooltip{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-lg)}[data-theme=light] .filter-panel,[data-theme=light] #comparison-filter-panel{background-color:#ffffffe0;border-color:#00000014;box-shadow:0 14px 36px #00000024,0 0 0 1px #0000000a}[data-theme=light] .filter-option,[data-theme=light] .filter-option-btn{color:var(--color-text-secondary)}[data-theme=light] .filter-option-btn:hover{background-color:color-mix(in oklch,var(--color-accent-500) 14%,transparent);color:var(--color-text)}[data-theme=light] .filter-option-btn.active,[data-theme=light] .filter-option-btn[data-filter-type=all].active{background-color:color-mix(in oklch,var(--color-accent-500) 22%,transparent);color:var(--color-text)}[data-theme=light] .details-item{background:var(--color-surface-alt)}[data-theme=light] .comparison-special-title{background:color-mix(in oklch,var(--color-accent-500) 6%,transparent)}.generator-tab-btn{color:var(--color-text-secondary)}.generator-tab-btn:hover{color:var(--color-text)}.generator-tab-btn.active{color:var(--color-accent-500)}.generator-tab-btn.active:after{background:var(--color-accent-500)}[data-theme=light] .generator-tab-btn.active{color:var(--color-accent-text)}[data-theme=light] .generator-tab-btn.active:after{background:var(--color-accent-text)}#comparison-filter-toggle-btn.has-active-filter{box-shadow:0 0 10px 2px #ea580c80,inset 0 0 8px #ea580c1f;border-color:#ea580c99}[data-theme=light] #comparison-filter-toggle-btn.has-active-filter{box-shadow:0 0 8px 1px #c2410c59,inset 0 0 6px #c2410c14;border-color:#c2410c80}.result-status.not-craftable,.result-item .value.shortage{color:var(--color-error)}.result-item .value.surplus{color:var(--color-success)}.delta-value .stat-decrease{color:var(--color-error)}.generator-tabs{border-bottom-color:var(--color-border)}[data-theme=light] .loadout-slot:before{content:"";position:absolute;inset:15px;background:#141518d1;border-radius:var(--radius-sm);box-shadow:0 2px 6px #0000002e;z-index:-1;transition:background .2s ease,box-shadow .2s ease}[data-theme=light] .loadout-slot:hover:before{background:#1c1e22e6;box-shadow:0 3px 10px #00000040}[data-theme=light] .loadout-slot:not(:has(img[alt$=" Slot"])):before{content:none}[data-theme=light] .comparison-stat-row.archer .stat-value{color:#b91c1c}[data-theme=light] .comparison-stat-row.infantry .stat-value{color:#1d4ed8}[data-theme=light] .comparison-stat-row.siege .stat-value{color:#7e22ce}[data-theme=light] .delta-value .stat-increase{color:#15803d}[data-theme=light] .delta-value .stat-decrease{color:#b45309}[data-theme=light] .delta-value .stat-decrease i,[data-theme=light] .delta-value .stat-increase i{color:inherit}[data-theme=light] .comparison-stat-row .stat-value,[data-theme=light] .comparison-stat-row .delta-value{text-shadow:0 1px 1px rgba(0,0,0,.28)}[data-theme=light] .filter-option-btn.stat-infantry,[data-theme=light] .filter-option.stat-infantry{color:#1d4ed8}[data-theme=light] .filter-option-btn.stat-archer,[data-theme=light] .filter-option.stat-archer{color:#b91c1c}[data-theme=light] .filter-option-btn.stat-siege,[data-theme=light] .filter-option.stat-siege{color:#7e22ce}[data-theme=light] .filter-option-btn.stat-infantry:hover,[data-theme=light] .filter-option-btn.stat-infantry.active{background-color:#1d4ed81f}[data-theme=light] .filter-option-btn.stat-archer:hover,[data-theme=light] .filter-option-btn.stat-archer.active{background-color:#b91c1c1f}[data-theme=light] .filter-option-btn.stat-siege:hover,[data-theme=light] .filter-option-btn.stat-siege.active{background-color:#7e22ce1f}.compare-layout-grid{align-items:stretch}.compare-layout-grid .equipment-loadout-column{align-self:stretch}.compare-layout-grid .equipment-loadout-column>.loadout-container{height:100%}@media(min-width:1201px)and (max-width:1440px){.compare-layout-grid .loadout-grid{transform:scale(.82);transform-origin:top center;margin-bottom:-86px}}.no-items-placeholder{display:flex;align-items:center;justify-content:center;padding:clamp(.9rem,2vw,1.25rem) clamp(1.5rem,3vw,2rem);margin:var(--space-3) auto;width:calc(100% - 2 * var(--space-3));max-width:100%;box-sizing:border-box;min-height:72px;text-align:center;text-wrap:balance;font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-secondary);background:color-mix(in oklch,var(--color-accent-500) 7%,transparent);border:1px dashed color-mix(in oklch,var(--color-accent-500) 32%,transparent);border-radius:var(--radius-lg);font-style:italic}[data-theme=light] .no-items-placeholder{background:color-mix(in oklch,var(--color-accent-fill) 10%,var(--color-surface));border-color:color-mix(in oklch,var(--color-accent-500) 28%,transparent);color:var(--color-text-secondary)}.no-items-placeholder[style*=color]{color:var(--color-text-secondary)!important}