.card-help-popover{position:fixed;inset:unset;margin:0;z-index:80;isolation:isolate;background-color:var(--bg-surface-popover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:12px;padding:8px 12px;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);max-width:min(240px,100vw - 24px);font-size:.72rem;color:var(--text-secondary);line-height:1.35;pointer-events:none;opacity:0;transform:translateY(4px) translateZ(0);transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1),display 150ms allow-discrete,overlay 150ms allow-discrete}.card-help-popover:popover-open,.card-help-popover.show{opacity:1;pointer-events:auto;transform:translateY(0) translateZ(0)}@starting-style{.card-help-popover:popover-open,.card-help-popover.show{opacity:0;transform:translateY(4px)}}.card-help-popover .popover-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent)}.card-help-popover .popover-header .popover-img{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5))}.card-help-popover .popover-header .popover-title-group{display:flex;flex-direction:column;gap:1px}.card-help-popover .popover-header .popover-title{font-size:.74rem;font-weight:800;color:var(--text-primary);line-height:1.2}.card-help-popover .popover-header .popover-title .accent-text{color:var(--accent-primary);font-weight:800}.card-help-popover .popover-header .popover-badge{font-size:.54rem;font-weight:var(--font-weight-bold, 700);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.card-help-popover .popover-header .popover-badge .purple-text{color:var(--color-rarity-epic)}.card-help-popover .popover-header .popover-badge .ore-text-shiny,.card-help-popover .popover-header .popover-badge.ore-badge-shiny{color:var(--shiny-ore)}.card-help-popover .popover-header .popover-badge .ore-text-glowy,.card-help-popover .popover-header .popover-badge.ore-badge-glowy{color:var(--glowy-ore)}.card-help-popover .popover-header .popover-badge .ore-text-starry,.card-help-popover .popover-header .popover-badge.ore-badge-starry{color:var(--starry-ore)}.card-help-popover .popover-body{font-size:.72rem;line-height:1.35}.card-help-popover .popover-body p{margin:0}.card-help-popover .popover-body p+p{margin-top:8px}.card-help-popover .popover-body .popover-chest-breakdown,.card-help-popover .popover-body .popover-ores-breakdown{margin-top:8px;padding-top:6px;border-top:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent);display:flex;flex-direction:column;gap:6px}.card-help-popover .popover-body .popover-chest-breakdown .popover-range-label,.card-help-popover .popover-body .popover-ores-breakdown .popover-range-label{font-size:.72rem;font-weight:800;color:var(--text-primary);margin:0}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .popover-ore-inline-chip,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .popover-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .popover-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .popover-ore-inline-chip{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--bg-surface-primary) 70%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);padding:2px 7px;border-radius:6px;font-size:.72rem}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .popover-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .popover-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .popover-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .popover-ore-inline-chip .ore-mini-icon{width:15px;height:15px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4))}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .popover-ore-inline-chip strong,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .popover-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .popover-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .popover-ore-inline-chip strong{color:var(--text-primary);font-weight:var(--font-weight-bold, 700);letter-spacing:.2px}.card-help-popover .popover-body .popover-unowned-alert{background:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);border-radius:6px;padding:6px 8px;margin-bottom:8px}.card-help-popover .popover-body .popover-unowned-alert .unowned-alert-title{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;color:var(--color-danger);margin-bottom:2px}.card-help-popover .popover-body .popover-unowned-alert .unowned-alert-title .unowned-alert-icon{flex-shrink:0;color:var(--color-danger)}.card-help-popover .popover-body .popover-unowned-alert .unowned-alert-desc{font-size:.65rem;color:var(--text-secondary);margin:0;line-height:1.35}.card-help-popover .popover-body .popover-equipment-pool{margin-top:8px;padding-top:6px;border-top:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .popover-pool-header{font-size:.72rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.card-help-popover .popover-body .popover-equipment-pool .popover-pool-list{display:flex;flex-direction:column;gap:4px}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:6px;background:var(--bg-surface-secondary);border:1px solid var(--border-primary);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row.is-awarded{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 15%, var(--bg-surface-secondary))}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row.is-owned{opacity:.6}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-item-icon{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4));display:block}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-item-info{flex:1;min-width:0;display:flex;align-items:center}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-item-name{font-size:.68rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge{font-size:.56rem;font-weight:var(--font-weight-bold, 700);padding:2px 5px;border-radius:4px;white-space:nowrap;text-transform:uppercase;flex-shrink:0;letter-spacing:.3px;line-height:1.2}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--owned{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--awarded-earlier{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-info) 35%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--awarded{color:var(--text-on-accent);background:var(--accent-primary);border:1px solid var(--accent-primary);font-weight:800}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--queued{color:var(--text-muted);background:var(--bg-surface-tertiary);border:1px solid var(--border-secondary)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--starry{color:var(--starry-ore);background:color-mix(in srgb, var(--starry-ore) 15%, transparent);border:1px solid color-mix(in srgb, var(--starry-ore) 35%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--missed{color:var(--text-inverse);background:var(--color-danger);border:1px solid var(--color-danger);font-weight:800}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--now-awarded{color:var(--text-inverse);background:var(--color-info);border:1px solid var(--color-info);font-weight:800}.card-help-popover:has(.popover-equipment-pool){max-width:min(290px,100vw - 24px);width:min(280px,100vw - 24px)}.card-help-popover:has(.calc-breakdown-row),.card-help-popover:has(.calc-breakdown-list),.card-help-popover:has(.calc-popover-diminishing-section){max-width:min(320px,100vw - 24px);width:max-content;min-width:min(250px,100vw - 24px)}.card-help-popover .popover-footer{margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);font-size:.74rem;color:var(--text-muted);line-height:1.35}.input-feature-popover{position:fixed;top:0;left:0;bottom:auto;right:auto;inset:unset;margin:0;background-color:var(--bg-surface-popover);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-primary);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);z-index:70;opacity:0;pointer-events:none;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),display 150ms allow-discrete,overlay 150ms allow-discrete;white-space:nowrap;min-width:140px}.input-feature-popover:popover-open,.input-feature-popover.show{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);isolation:isolate;opacity:1;pointer-events:auto;transform:none}@starting-style{.input-feature-popover:popover-open,.input-feature-popover.show{opacity:0}}.input-feature-popover.position-below{bottom:auto;transform:none}.input-feature-popover.position-below:popover-open,.input-feature-popover.position-below.show{transform:none}.input-feature-popover .popover-title{font-size:10px;color:var(--text-muted);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:1px solid var(--border-secondary);padding-bottom:4px;margin-bottom:2px}.input-feature-popover .popover-options{display:flex;flex-direction:column;gap:6px}.input-feature-popover .popover-opt-btn,.input-feature-popover .popover-opt-row{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);padding:5px 8px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--font-size-xs, 0.75rem);width:100%;box-sizing:border-box}.input-feature-popover .popover-opt-btn span,.input-feature-popover .popover-opt-row span{color:var(--text-secondary);font-weight:500}.input-feature-popover .popover-opt-btn strong,.input-feature-popover .popover-opt-row strong{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.input-feature-popover .popover-opt-btn.clickable,.input-feature-popover .popover-opt-row.clickable{cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.input-feature-popover .popover-opt-btn.clickable:hover,.input-feature-popover .popover-opt-row.clickable:hover{background-color:var(--accent-primary-soft);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent)}.input-feature-popover .popover-opt-btn.readonly,.input-feature-popover .popover-opt-btn.is-readonly,.input-feature-popover .popover-opt-row.readonly,.input-feature-popover .popover-opt-row.is-readonly{cursor:default}.input-feature-popover .popover-opt-btn.readonly strong,.input-feature-popover .popover-opt-btn.is-readonly strong,.input-feature-popover .popover-opt-row.readonly strong,.input-feature-popover .popover-opt-row.is-readonly strong{color:var(--text-primary)}.input-feature-popover .popover-opt-btn.exceeded-color,.input-feature-popover .popover-opt-row.exceeded-color{border-color:var(--border-danger);background-color:var(--color-danger-soft)}.input-feature-popover .popover-opt-btn.exceeded-color span,.input-feature-popover .popover-opt-row.exceeded-color span{color:var(--color-danger)}.input-feature-popover .popover-opt-btn.exceeded-color strong,.input-feature-popover .popover-opt-row.exceeded-color strong{color:var(--color-danger)}.input-feature-popover .popover-opt-btn.match-color,.input-feature-popover .popover-opt-row.match-color{border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background-color:var(--color-success-soft)}.input-feature-popover .popover-opt-btn.match-color span,.input-feature-popover .popover-opt-row.match-color span{color:var(--color-success)}.input-feature-popover .popover-opt-btn.match-color strong,.input-feature-popover .popover-opt-row.match-color strong{color:var(--color-success)}.input-feature-popover .popover-opt-btn.popover-btn-disable,.input-feature-popover .popover-opt-row.popover-btn-disable{border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);justify-content:center}.input-feature-popover .popover-opt-btn.popover-btn-disable span,.input-feature-popover .popover-opt-row.popover-btn-disable span{color:var(--color-danger);font-weight:var(--font-weight-bold, 700)}.input-feature-popover .popover-opt-btn.popover-btn-disable:hover,.input-feature-popover .popover-opt-row.popover-btn-disable:hover{background-color:var(--color-danger-soft) !important;border-color:var(--color-danger) !important}.input-feature-popover .popover-opt-btn.popover-btn-enable,.input-feature-popover .popover-opt-row.popover-btn-enable{border-color:color-mix(in srgb, var(--color-success) 30%, transparent);justify-content:center}.input-feature-popover .popover-opt-btn.popover-btn-enable span,.input-feature-popover .popover-opt-row.popover-btn-enable span{color:var(--color-success);font-weight:var(--font-weight-bold, 700)}.input-feature-popover .popover-opt-btn.popover-btn-enable:hover,.input-feature-popover .popover-opt-row.popover-btn-enable:hover{background-color:var(--color-success-soft) !important;border-color:var(--color-success) !important}.input-feature-popover .popover-opt-btn kbd.popover-key-badge,.input-feature-popover .popover-opt-row kbd.popover-key-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--border-secondary);border-bottom:2px solid var(--border-primary);border-radius:4px;font-family:"Roboto Mono",monospace;font-size:8px;font-weight:var(--font-weight-bold, 700);padding:0 4px;margin-left:6px;height:14px;min-width:14px;box-shadow:0 1px 2px rgba(0,0,0,.15)}@media(pointer: coarse),(max-width: 779px){.input-feature-popover .popover-opt-btn kbd.popover-key-badge,.input-feature-popover .popover-opt-row kbd.popover-key-badge{display:none !important}}.input-feature-popover .popover-opt-btn kbd.popover-key-badge,.input-feature-popover .popover-opt-row kbd.popover-key-badge{line-height:12px;text-transform:uppercase;vertical-align:middle}.card-title{color:var(--accent-primary);margin:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.info-btn{background:rgba(0,0,0,0);border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1);border-radius:50%}.info-btn:hover,.info-btn:focus{color:var(--accent-primary);transform:scale(1.15) rotate(15deg);outline:none}.info-btn .info-icon{display:block;fill:currentColor}.card-container{container-type:inline-size;display:flex;flex-direction:column;height:100%;transition:width 250ms cubic-bezier(0.2, 0, 0, 1)}.card{background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:10px;padding:30px;flex:1;position:relative;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:padding 250ms cubic-bezier(0.2, 0, 0, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.2, 0, 0, 1)}.card:hover:not(.dragging){border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));box-shadow:0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}@container (max-width: 445px){.card{padding:20px}}.card.full-width-card{width:100%}.card.small-width-card,.card.equipment-card{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.card .inner-card{background-color:var(--bg-surface-primary);border-radius:8px;margin:15px 0;padding:20px}.card .inner-card:has(.input-group-flex:nth-child(2)) .input-group-flex:not(:last-child){margin-bottom:10px}.card .inner-card .inner-card-divider{border:none;border-top:1px solid var(--border-primary);margin:12px 0}.card .ores{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;width:100%;max-width:480px;margin:15px auto 0}.card .ore{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;text-align:center}.card .ore span{color:var(--text-primary);font-weight:var(--font-weight-bold, 700)}.card .ore-value,.card .ore-time,.card .ore-date{display:block;font-size:var(--font-size-lg, 1rem);padding-top:5px;text-align:center;width:100%;box-sizing:border-box}.card .ore-date{color:var(--text-secondary);margin-top:5px;font-size:var(--font-size-sm, 0.8125rem)}.card .ore-input-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:15px;gap:6px}.card .hero-journey-upcoming-badge{background-color:var(--color-success-soft);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);font-size:.65rem;font-weight:var(--font-weight-bold, 700);padding:2px 6px;border-radius:6px;letter-spacing:.3px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:help;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.card .hero-journey-upcoming-badge:hover{background-color:color-mix(in srgb, var(--color-success) 20%, transparent);border-color:var(--color-success)}.card .ore-value[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);padding:5px;position:relative;text-align:center;width:70px}.card .results-title,.card .storage-title{align-items:center;color:var(--accent-primary);display:flex;justify-content:center;gap:6px;white-space:nowrap}.income-card{background-color:var(--bg-surface-secondary);border-radius:10px;display:flex;flex-direction:column;min-width:0;flex:1}.income-card:has(#inc-shop-offers-checkboxes) .timeframe-income .four-col-grid:nth-of-type(2) .grid-row{align-items:flex-end}.income-card:has(#inc-shop-offers-checkboxes) .timeframe-income .four-col-grid:nth-of-type(2) .grid-value-display{flex-direction:row;justify-content:flex-end}.income-card>*:not(:first-child):not(:last-child){padding:20px}.income-card>*:last-child{margin-top:auto}.card-drag-handle{position:absolute;top:30px;left:30px;cursor:grab;opacity:.4;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1);z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@container (max-width: 445px){.card-drag-handle{top:20px;left:20px}}.card-drag-handle svg{display:block;width:20px;height:20px;fill:currentColor}.card-drag-handle:hover{opacity:.85;color:var(--accent-primary);animation:drag-handle-bounce .8s ease-in-out infinite}.card-drag-handle:active{cursor:grabbing;color:var(--accent-primary-hover, var(--accent-primary));transform:scale(0.95)}@keyframes drag-handle-bounce{0%,100%{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-3px)}}.hero-card .card-drag-handle{left:auto;right:30px}@container (max-width: 445px){.hero-card .card-drag-handle{right:20px}}.layout-compact-dev .card-drag-handle{display:none !important}.card-container.dragging,.hero-card.dragging,.planner-card.dragging,.left-panel.dragging,.right-panel.dragging,.full-width-planner-section.dragging,.card.dragging,.equipment-card.dragging{opacity:.3;border:2px dashed var(--accent-primary);border-radius:10px}.card-drag-preview-pill{position:absolute;top:-1000px;left:-1000px;background-color:var(--bg-surface-secondary);border:1px solid var(--accent-primary);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--card-shadow);z-index:121;pointer-events:none}.card-drag-preview-pill .drag-preview-handle{display:flex;align-items:center;width:18px;height:18px;color:var(--accent-primary);opacity:.6}.card-drag-preview-pill .drag-preview-handle svg{width:100%;height:100%}.card-drag-preview-pill .drag-preview-title{color:var(--text-primary);font-weight:var(--font-weight-bold, 700);font-size:14px;white-space:nowrap}.calc-stepped-slider{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:90px;height:16px}.calc-stepped-slider .calc-slider{width:100%;height:16px;margin:0;accent-color:var(--accent-primary);cursor:pointer;vertical-align:middle}.calc-stepped-slider .calc-slider:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px}.calc-stepped-slider .calc-slider:disabled{opacity:.45;cursor:not-allowed}.calc-stepped-slider .calc-slider-locked-track{position:absolute;top:50%;transform:translateY(-50%);height:50%;right:1px;left:calc(16px + var(--slider-locked-ratio, calc(var(--slider-locked-start, 100%) / 100%))*(100% - 16px));background:repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05) 3px, rgba(255, 255, 255, 0.12) 3px, rgba(255, 255, 255, 0.12) 6px);border-radius:0 4px 4px 0;pointer-events:none;z-index:1}.calc-stepped-slider .calc-slider-ticks{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding-inline:8px;height:4px;pointer-events:none}.calc-stepped-slider .calc-slider-tick{width:0;height:4px;border-left:1.5px solid var(--border-primary);border-radius:2px;opacity:.7}.calc-stepped-slider .calc-slider-tick.is-disabled{opacity:.2;border-left:1.5px dashed var(--border-secondary)}.app-account-wrapper{position:relative;display:inline-flex;align-items:center}.app-account-wrapper:has(.app-account-popover.is-open),.app-account-wrapper:has(.is-open){z-index:70}.app-account-popover{position:absolute;top:calc(100% + 8px);right:0;width:max-content;min-width:min(340px,100vw - 24px);max-width:min(380px,100vw - 24px);background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);z-index:70;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(0.98);pointer-events:none;transition:opacity 150ms cubic-bezier(0.16, 1, 0.3, 1),transform 150ms cubic-bezier(0.16, 1, 0.3, 1)}@media(max-width: 480px){.app-account-popover{padding:12px;gap:10px}}.app-account-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.app-account-popover .welcome-preferences.app-preferences{display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);padding:12px;border-radius:12px;border:1px solid var(--border-primary);text-align:left}@media(max-width: 480px){.app-account-popover .welcome-preferences.app-preferences{padding:10px;gap:10px}}.app-account-popover .preference-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;flex-wrap:nowrap}@media(max-width: 480px){.app-account-popover .preference-item{gap:8px}}@media(max-width: 779px){.app-account-popover .preference-item[data-setting-item=card-layout]{display:none !important}}.app-account-popover .preference-item .preference-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer}.app-account-popover .preference-item .preference-label .pref-label-icon{flex-shrink:0;color:var(--text-secondary)}.app-account-popover .preference-item .preference-label .pref-label-icon svg,.app-account-popover .preference-item .preference-label .pref-label-icon clashcalc-assets-svg,.app-account-popover .preference-item .preference-label .pref-label-icon orecalc-assets-svg{fill:currentColor;display:block}.app-account-popover .preference-item .switch{flex-shrink:0}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper{position:relative;display:flex;align-items:center;min-width:140px;flex-shrink:0}@media(max-width: 480px){.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper{min-width:120px}}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select{width:100%;appearance:none;-webkit-appearance:none;background:color-mix(in srgb, var(--bg-surface-primary) 60%, transparent);border:1px solid var(--border-primary);border-radius:12px;padding:5px 28px 5px 10px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-primary);cursor:pointer;outline:none;transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select:hover{border-color:color-mix(in srgb, var(--accent-primary) 50%, var(--border-primary))}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select option{background-color:var(--bg-surface-secondary);color:var(--text-primary);padding:8px}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow svg,.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow clashcalc-assets-svg,.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow orecalc-assets-svg{fill:currentColor;display:block}.app-account-popover .preference-item .welcome-accent-picker{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:auto;flex-shrink:0}@media(max-width: 480px){.app-account-popover .preference-item .welcome-accent-picker{padding:2px 8px 2px 2px;gap:4px}}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch{position:relative;width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1);box-shadow:0 2px 4px var(--bg-overlay, rgba(0, 0, 0, 0.3));flex-shrink:0}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:32px;min-height:32px}@media(max-width: 480px){.app-account-popover .preference-item .welcome-accent-picker .accent-swatch{width:20px;height:20px}}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch:hover{transform:scale(1.12)}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch:active{transform:scale(0.95);filter:brightness(0.85)}@keyframes app-swatch-select-pop{0%{transform:scale(0.92)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch.is-active{transform:scale(1);animation:app-swatch-select-pop 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;box-shadow:0 0 0 2px var(--bg-surface-primary),0 0 0 3.5px var(--accent-primary)}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=blue]{background-color:#8ab4f8}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=gold]{background-color:#fdd663}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=purple]{background-color:#ce93d8}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=green]{background-color:#81c995}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=red]{background-color:#f6948e}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=random]{background:conic-gradient(from 0deg, #669df6, #ba68c8, #f6948e, #fdd663, #81c995, #669df6)}.route-transition-loader__spinner,.nav-button,.nav-button .nav-item-content,.nav-button .nav-icon-wrapper{display:flex;align-items:center;justify-content:center}.switch{display:inline-block;height:32px;position:relative;width:52px}.switch input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:3}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.slider{cursor:not-allowed;opacity:.5}.switch .slider{background-color:var(--material-track-inactive);border:1px solid var(--material-track-border-inactive);border-radius:16px;box-sizing:border-box;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color 400ms cubic-bezier(0.34, 1.56, 0.64, 1),border-color 400ms cubic-bezier(0.34, 1.56, 0.64, 1)}.switch .slider.round{border-radius:9999px}.switch .slider.round:before{border-radius:50%}.switch .slider:before{background-color:var(--material-thumb-inactive);border-radius:50%;bottom:3px;box-shadow:0px 1px 3px rgba(0,0,0,.35),0px 3px 6px rgba(0,0,0,.2);content:"";height:24px;left:3px;position:absolute;top:3px;transition:transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),background-color 400ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1),width 400ms cubic-bezier(0.34, 1.56, 0.64, 1);width:24px;z-index:2}.switch input:hover+.slider:before{transform:scale(1.1)}.switch input:active+.slider:before{width:32px}.switch input:checked+.slider{background-color:var(--material-track-active);border-color:var(--material-track-border-active)}.switch input:checked+.slider:before{background-color:var(--material-thumb-active);box-shadow:0px 1px 3px rgba(0,0,0,.4),0 0 8px color-mix(in srgb, var(--accent-primary) 35%, transparent);transform:translateX(20px)}.switch input:checked:hover+.slider:before{transform:translateX(20px) scale(1.1)}.switch input:focus{outline:none}.switch input:focus-visible+.slider{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.switch.large-switch{height:34px;width:60px}.switch.large-switch .slider:before{height:26px;top:3px;bottom:3px;left:3px;width:26px}.switch.large-switch input:active+.slider:before{width:38px}.switch.large-switch input:checked+.slider:before{transform:translateX(26px)}.switch.large-switch input:checked:hover+.slider:before{transform:translateX(26px) scale(1.1)}.switch.theme-switch .slider,.switch.layout-switch .slider{background-color:#303f9f;border-color:rgba(0,0,0,0);display:block}.switch.theme-switch .slider:before,.switch.layout-switch .slider:before{background-color:#1a237e}.switch.theme-switch .switch-icon,.switch.layout-switch .switch-icon{width:18px;height:18px;position:absolute;top:6px;z-index:3;transition:opacity 400ms cubic-bezier(0.34, 1.56, 0.64, 1),transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.switch.theme-switch .icon-dark,.switch.layout-switch .icon-dark{left:6px;color:#c5cae9;fill:#c5cae9;transform:rotate(0deg)}.switch.theme-switch .icon-dark svg,.switch.layout-switch .icon-dark svg{fill:#c5cae9}.switch.theme-switch .icon-light,.switch.layout-switch .icon-light{left:26px;color:#ffb300;fill:#ffb300;transform:rotate(-90deg) scale(0.5);opacity:0}.switch.theme-switch .icon-light svg,.switch.layout-switch .icon-light svg{fill:#ffb300}.switch.theme-switch input:not(:checked)+.slider .icon-light,.switch.layout-switch input:not(:checked)+.slider .icon-light{opacity:0;transform:rotate(-90deg) scale(0.5)}.switch.theme-switch input:not(:checked)+.slider .icon-dark,.switch.layout-switch input:not(:checked)+.slider .icon-dark{opacity:1;transform:rotate(0deg) scale(1)}.switch.theme-switch input:checked+.slider,.switch.layout-switch input:checked+.slider{background-color:#ffd54f}.switch.theme-switch input:checked+.slider:before,.switch.layout-switch input:checked+.slider:before{background-color:#fff8e1;transform:translateX(20px)}.switch.theme-switch input:checked:hover+.slider:before,.switch.layout-switch input:checked:hover+.slider:before{transform:translateX(20px) scale(1.1)}.switch.theme-switch input:checked+.slider .icon-light,.switch.layout-switch input:checked+.slider .icon-light{opacity:1;transform:rotate(0deg) scale(1)}.switch.theme-switch input:checked+.slider .icon-dark,.switch.layout-switch input:checked+.slider .icon-dark{opacity:0;transform:rotate(90deg) scale(0.5)}.switch.is-disabled{opacity:.6;pointer-events:none}.segmented-control{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:2px;box-sizing:border-box}.segmented-control::before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 2px*2)/2);background-color:var(--bg-surface-primary);border-radius:6px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:1}.segmented-control:has(>.segmented-btn:nth-child(1).is-active)::before{transform:translateX(0)}.segmented-control:has(>.segmented-btn:nth-child(2).is-active)::before{transform:translateX(100%)}@media(prefers-reduced-motion: reduce){.segmented-control::before{transition:none}}.segmented-control .segmented-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:var(--font-size-xs, 0.75rem);font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.segmented-control .segmented-btn clashcalc-assets-svg,.segmented-control .segmented-btn orecalc-assets-svg,.segmented-control .segmented-btn svg{width:14px;height:14px;flex-shrink:0;fill:currentColor;display:flex;align-items:center;justify-content:center}.segmented-control .segmented-btn:hover{color:var(--text-primary)}.segmented-control .segmented-btn.is-active{color:var(--accent-primary);background:rgba(0,0,0,0)}.nav-button{background-color:rgba(0,0,0,0);border:none;box-shadow:none;color:var(--text-primary);cursor:pointer;flex:1 1 0;min-width:0;max-width:100%;flex-direction:column;font-size:var(--font-size-xs, 0.75rem);outline:none;padding:8px 0;position:relative;touch-action:manipulation;transition:color 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav-button:focus,.nav-button:active{box-shadow:none;outline:none}.nav-button:focus-visible{outline-offset:-3px !important;border-radius:8px}.nav-button .nav-item-content{border-radius:16px;flex-direction:column;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),color 300ms cubic-bezier(0.25, 1, 0.5, 1);width:100%;max-width:100%;min-width:0}.nav-button .nav-icon-wrapper{border-radius:16px;height:32px;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),width 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);width:56px;flex-shrink:0}.nav-button:active .nav-icon-wrapper{transform:scale(0.95)}.nav-button .icon-outline{display:block}.nav-button .icon-filled{display:none}.nav-button svg{fill:currentColor;height:24px;transition:fill 300ms cubic-bezier(0.25, 1, 0.5, 1);width:24px}.nav-button .nav-item-content>span{font-size:var(--font-size-xs, 0.75rem);margin-top:4px;transition:color 300ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;display:block;text-align:center;padding-inline:2px;box-sizing:border-box;flex-shrink:0;line-height:1.2}.nav-button:hover .nav-icon-wrapper{background-color:var(--accent-primary-soft)}.nav-button:active{transform:scale(0.92)}.nav-button:active .nav-icon-wrapper{background-color:var(--bg-surface-tertiary)}.nav-button.is-active .icon-outline{display:none}.nav-button.is-active .icon-filled{display:block}.nav-button.is-active .nav-icon-wrapper{background-color:var(--accent-soft)}.nav-button.is-active .nav-icon-wrapper svg{fill:var(--accent-primary)}.nav-button.is-active span{color:var(--accent-primary);font-weight:500}.nav-button.is-active:hover .nav-icon-wrapper{background-color:var(--accent-soft)}.bottom-nav-bar{background-color:color-mix(in srgb, var(--bg-surface-secondary) 75%, transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);border-radius:20px;bottom:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;justify-content:space-around;left:15px;right:15px;margin-inline:auto;max-width:1170px;padding:8px 10px;position:fixed;width:auto;z-index:30;height:66px;box-sizing:border-box;opacity:1;transform:translateY(0);pointer-events:auto;isolation:isolate;contain:paint layout;will-change:transform;transition:transform 300ms cubic-bezier(0.2, 0, 0, 1),opacity 300ms cubic-bezier(0.2, 0, 0, 1)}@media(max-width: 779px){.bottom-nav-bar{display:flex !important}}@media(min-width: 780px){.bottom-nav-bar{display:none !important;opacity:0;transform:translateY(120%);pointer-events:none}}.notice{color:var(--text-secondary);font-size:.6em;padding:8px;text-align:center}.notice p{margin:0}.notice a{color:var(--text-primary);text-decoration:underline;display:inline-block}.notice.supercell-notice{margin-top:8px}@media(max-width: 779px){.notice.supercell-notice{margin-top:0;padding-top:0}}.notice.supercell-notice a:hover{color:var(--accent-primary)}.notice.app-copyright{margin-top:4px;margin-bottom:16px}@media(max-width: 779px){.notice.app-copyright{margin-bottom:0;padding-bottom:0}}.notice.make-notice{margin-top:16px}.notice.make-notice .app-footer__sep{margin:0 4px;display:none}.notice.make-notice:has(#app-version-display:not(:empty)) .app-footer__sep{display:inline}.notice.make-notice .version-display-text{color:var(--text-secondary);font-size:.85em}.app-footer{width:100%;margin-top:auto;flex-shrink:0;background-color:var(--bg-surface-secondary);border-top:1px solid var(--border-secondary);box-sizing:border-box}.app-footer__container{max-width:1200px;margin:0 auto;padding:24px 16px 16px;box-sizing:border-box;display:flex;flex-direction:column}.app-footer__grid{display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));gap:12px;margin-bottom:16px;text-align:left}@media(min-width: 980px){.app-footer__grid{gap:24px}}.app-footer__col--brand{display:flex;flex-direction:column;gap:4px}.app-footer__brand-title{display:inline-flex;align-items:center;gap:8px;line-height:1.2}.app-footer__brand-name{font-size:1.35rem;font-weight:900;letter-spacing:-0.5px;display:inline-block;font-family:Roboto,sans-serif}.app-footer__brand-name .brand-clash{background:linear-gradient(135deg, #fde293 0%, #f9ab00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.app-footer__brand-name .brand-calc{background:linear-gradient(135deg, #f48fb1 0%, #9c27b0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.app-footer__brand-badge{font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;padding:2px 8px;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid var(--border-secondary);color:var(--text-secondary);white-space:nowrap}.app-footer__brand-tagline{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);margin:0;line-height:1.4}.app-footer__meta-row{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);margin-top:2px;padding:0;text-align:left}.app-footer__meta-row p{margin:0;text-align:left}.app-footer__copyright{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);margin-top:8px;margin-bottom:0;padding:0;text-align:left;line-height:1.4}.app-footer__copyright p{margin:0}.app-footer__heading{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px 0}.app-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.app-footer__link,.app-footer__modal-btn{background:none;border:none;padding:0;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);text-decoration:none;text-align:left;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1);font-family:inherit}.app-footer__link:hover,.app-footer__modal-btn:hover{color:var(--accent-primary);text-decoration:underline}.app-footer__link.is-active,.app-footer__link[aria-current=page],.app-footer__modal-btn.is-active,.app-footer__modal-btn[aria-current=page]{color:var(--text-primary);font-weight:600;text-decoration:none;cursor:default;pointer-events:none}.app-footer__meta-changelog{font-size:.85em;display:inline-block;vertical-align:baseline}.app-footer__sep{color:var(--text-muted);user-select:none;font-size:.8em;vertical-align:middle}.app-footer__bottom{border-top:1px solid var(--border-secondary);padding-top:12px;text-align:center}.app-footer__disclaimer{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);max-width:860px;line-height:1.5;margin:0 auto;padding:0;text-wrap:pretty}@media(min-width: 780px){.app-footer__disclaimer{font-size:clamp(.625rem,.48rem + .3vw,.6875rem)}}.app-footer__disclaimer p{margin:0}.app-footer__disclaimer a{color:var(--text-secondary);text-decoration:underline}.app-footer__disclaimer a:hover{color:var(--accent-primary)}@media(max-width: 779px){.app-footer__container{padding:12px 12px calc(24px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}body:has(.bottom-nav-bar) .app-footer__container{padding-bottom:calc(75px + 24px + env(safe-area-inset-bottom, 0px))}.app-footer__grid{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:0;width:100%}.app-footer__brand-title,.app-footer__brand-tagline,.app-footer__heading,.app-footer__col:not(.app-footer__col--brand):not(.app-footer__col--legal){display:none !important}.app-footer__col--brand,.app-footer__col--legal{display:contents !important}.app-footer__meta-row{order:1;margin-top:0;justify-content:center;text-align:center}.app-footer__meta-row p{text-align:center}.app-footer__sep--changelog,.app-footer__meta-changelog{display:none !important}.app-footer__item--costs{display:none !important}.app-footer__list{order:2;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px}.app-footer__list li{display:inline-flex;align-items:center}.app-footer__list li+li:not(.app-footer__item--costs)::before{content:"·";color:var(--text-muted);margin-right:8px;font-size:.75em;user-select:none;pointer-events:none}.app-footer__list li.is-row-start::before{content:none !important;display:none !important;margin-right:0 !important}.app-footer__bottom{order:3;padding-top:0;border-top:none;width:100%}.app-footer__copyright{order:4;margin:0;padding:0;text-align:center}.app-footer__copyright-break{display:none}}.version-display-text{color:var(--text-secondary);font-size:.85em;margin-left:5px}.has-snake-highlight{position:relative !important}.snake-highlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10;opacity:1;transition:opacity 400ms cubic-bezier(0.25, 1, 0.5, 1)}.snake-highlight-overlay.fade-out{opacity:0}.snake-highlight-overlay svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}#bug-report-modal,.support-modal{z-index:81}#bug-report-modal .support-modal-content,#bug-report-modal .modal-content,.support-modal .support-modal-content,.support-modal .modal-content{max-width:580px}#bug-report-modal .support-modal-tabs,.support-modal .support-modal-tabs{display:grid;margin:8px 24px 0}#bug-report-modal .modal-info-text,.support-modal .modal-info-text{margin-top:8px;padding:0 24px}#bug-report-modal .support-modal-form,.support-modal .support-modal-form{padding:12px 24px 24px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}#bug-report-modal .form-group,.support-modal .form-group{display:flex;flex-direction:column;gap:6px;width:100%}#bug-report-modal .input-label,.support-modal .input-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary)}#bug-report-modal .input-style,.support-modal .input-style{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}#bug-report-modal .input-style:focus,#bug-report-modal .input-style:focus-visible,.support-modal .input-style:focus,.support-modal .input-style:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#bug-report-modal .input-style,.support-modal .input-style{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:16px;background-color:var(--bg-surface-primary);color:var(--text-primary);box-sizing:border-box}#bug-report-modal .input-style.input-error,.support-modal .input-style.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px rgba(var(--color-danger), 0.1)}#bug-report-modal textarea.input-style,.support-modal textarea.input-style{resize:vertical;font-family:inherit}#bug-report-modal .textarea-footer,.support-modal .textarea-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:4px}#bug-report-modal .input-error-msg,.support-modal .input-error-msg{color:var(--color-danger);font-size:12px;font-weight:500;margin-top:4px;display:none;text-align:left}#bug-report-modal .input-error-msg.show,.support-modal .input-error-msg.show{display:block}#bug-report-modal .char-count,.support-modal .char-count{color:var(--text-muted);font-size:12px}#bug-report-modal .checkbox-group,.support-modal .checkbox-group{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;width:100%;margin-top:4px}#bug-report-modal .checkbox-group .checkbox-control,.support-modal .checkbox-group .checkbox-control{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}#bug-report-modal .checkbox-group input[type=checkbox],.support-modal .checkbox-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 0 0 0 rgba(0,0,0,0);cursor:pointer;flex-shrink:0;height:20px;margin:0;outline:none;position:relative;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1);width:20px}#bug-report-modal .checkbox-group input[type=checkbox]:checked,.support-modal .checkbox-group input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}#bug-report-modal .checkbox-group input[type=checkbox]:focus,.support-modal .checkbox-group input[type=checkbox]:focus{outline:none}#bug-report-modal .checkbox-group input[type=checkbox]:focus-visible,.support-modal .checkbox-group input[type=checkbox]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}#bug-report-modal .checkbox-group .checkbox-icon,.support-modal .checkbox-group .checkbox-icon{color:var(--text-on-accent);display:flex;height:14px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%) scale(0);transition:transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1);width:14px}#bug-report-modal .checkbox-group .checkbox-icon svg,.support-modal .checkbox-group .checkbox-icon svg{display:block;height:14px;width:14px}#bug-report-modal .checkbox-group input[type=checkbox]:checked~.checkbox-icon,.support-modal .checkbox-group input[type=checkbox]:checked~.checkbox-icon{opacity:1;transform:translate(-50%, -50%) scale(1)}#bug-report-modal .checkbox-group .checkbox-label,.support-modal .checkbox-group .checkbox-label{font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer}#bug-report-modal .form-setting-text,.support-modal .form-setting-text{margin-top:4px}#bug-report-modal .sw-troubleshoot-box,.support-modal .sw-troubleshoot-box{background:color-mix(in srgb, var(--bg-surface-primary) 50%, transparent);padding:12px;border-radius:10px;border:1px solid var(--border-primary)}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-content,.support-modal .sw-troubleshoot-box .sw-troubleshoot-content{display:flex;align-items:center;justify-content:space-between;gap:12px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-text,.support-modal .sw-troubleshoot-box .sw-troubleshoot-text{display:flex;flex-direction:column;gap:2px;flex:1}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-title,.support-modal .sw-troubleshoot-box .sw-troubleshoot-title{font-size:13px;font-weight:600;color:var(--text-primary)}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-desc,.support-modal .sw-troubleshoot-box .sw-troubleshoot-desc{font-size:11px;color:var(--text-secondary);line-height:1.35}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-footer,.support-modal .sw-troubleshoot-box .sw-troubleshoot-footer{margin-top:8px;padding-top:4px;border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary);opacity:.85;flex-wrap:wrap;gap:4px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-version,.support-modal .sw-troubleshoot-box .sw-troubleshoot-version{font-weight:500;font-variant-numeric:tabular-nums}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-updated,.support-modal .sw-troubleshoot-box .sw-troubleshoot-updated{font-weight:500}#bug-report-modal .sw-troubleshoot-box.has-update,.support-modal .sw-troubleshoot-box.has-update{border-color:color-mix(in srgb, var(--accent-primary) 45%, var(--border-primary));background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface-primary))}#bug-report-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-title,.support-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-title{color:var(--accent-primary)}#bug-report-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-footer,.support-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-footer{border-top:1px solid color-mix(in srgb, var(--accent-primary) 25%, var(--border-primary))}#bug-report-modal .support-sw-btn,.support-modal .support-sw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background-color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:10px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-on-accent);cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;flex-shrink:0}#bug-report-modal .support-sw-btn:hover,.support-modal .support-sw-btn:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, black)}#bug-report-modal .support-sw-btn:disabled,.support-modal .support-sw-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width: 625px){#bug-report-modal .support-modal-tabs,.support-modal .support-modal-tabs{margin:8px 20px 0}#bug-report-modal .modal-info-text,.support-modal .modal-info-text{padding:0 20px}#bug-report-modal .support-modal-form,.support-modal .support-modal-form{padding:12px 20px 20px;gap:12px}#bug-report-modal textarea.input-style,.support-modal textarea.input-style{min-height:90px}#bug-report-modal .input-style,.support-modal .input-style{padding:10px 14px;font-size:.95rem}#bug-report-modal .input-label,.support-modal .input-label{font-size:13px}#bug-report-modal .checkbox-group .checkbox-label,.support-modal .checkbox-group .checkbox-label{font-size:13px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-content,.support-modal .sw-troubleshoot-box .sw-troubleshoot-content{flex-direction:column;align-items:center;text-align:center;gap:10px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-text,.support-modal .sw-troubleshoot-box .sw-troubleshoot-text{text-align:center}#bug-report-modal .sw-troubleshoot-box #support-reset-sw-btn,#bug-report-modal .sw-troubleshoot-box #bug-report-reset-sw-btn,.support-modal .sw-troubleshoot-box #support-reset-sw-btn,.support-modal .sw-troubleshoot-box #bug-report-reset-sw-btn{align-self:center;margin:0 auto}}.spotright-dialog{position:fixed;top:calc(64px + 24px);left:50%;transform:translateX(-50%);margin:0;padding:0;border:none !important;outline:none !important;box-shadow:none !important;background:rgba(0,0,0,0) !important;overflow:visible;max-width:580px;width:calc(100vw - 24px*2);z-index:120}.spotright-dialog::backdrop{background:color-mix(in srgb, var(--bg-overlay) 20%, transparent);backdrop-filter:none;-webkit-backdrop-filter:none}@media(hover: none)and (pointer: coarse){.spotright-dialog:not(.has-physical-keyboard) .spotright-kbd-shortcut,.spotright-dialog:not(.has-physical-keyboard) .spotright-action-enter,.spotright-dialog:not(.has-physical-keyboard) .spotright-action-tab,.spotright-dialog:not(.has-physical-keyboard) .spotright-result-item .spotright-action-enter,.spotright-dialog:not(.has-physical-keyboard) .spotright-result-item .spotright-action-tab{display:none}}.spotright-card{display:flex;flex-direction:column;background:color-mix(in srgb, var(--bg-surface-primary) 36%, transparent);backdrop-filter:blur(48px) saturate(220%) brightness(106%);-webkit-backdrop-filter:blur(48px) saturate(220%) brightness(106%);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:20px;box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--border-inverse) 28%, transparent),0 24px 60px -8px rgba(0,0,0,.45);overflow:hidden}.spotright-search-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;position:relative}.spotright-search-bar::after{content:"";position:absolute;bottom:0;left:16px;right:16px;border-bottom:1px solid color-mix(in srgb, var(--border-inverse) 8%, transparent)}.spotright-search-icon{width:18px;height:18px;color:#9aa0a6;flex-shrink:0}.spotright-input-container{position:relative;flex:1;display:flex;align-items:center;min-width:0;min-height:36px}.spotright-scope-badge{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;background-color:color-mix(in srgb, var(--accent-primary) 22%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 38%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent);border-radius:8px;flex-shrink:0;margin-right:8px;user-select:none;z-index:2}.spotright-scope-badge[hidden]{display:none !important}.spotright-scope-label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;line-height:1}.spotright-scope-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:var(--text-muted);border-radius:4px;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-scope-clear-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 35%, transparent)}.spotright-scope-clear-btn:focus-visible{outline:1px solid var(--accent-primary)}.spotright-input-field-wrapper{position:relative;flex:1;display:flex;align-items:center;min-width:0;height:100%}.spotright-input{width:100%;border:none !important;background:rgba(0,0,0,0) !important;outline:none !important;box-shadow:none !important;font-size:var(--font-size-md, 0.9375rem);line-height:1.4;color:var(--text-primary);font-weight:400;font-family:inherit;letter-spacing:normal;padding:0;margin:0;box-sizing:border-box;z-index:2}.spotright-input:focus,.spotright-input:focus-visible{border:none !important;box-shadow:none !important;outline:none !important}.spotright-input::placeholder{color:var(--text-muted)}.spotright-ghost-autocomplete{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;font-size:var(--font-size-md, 0.9375rem);line-height:1.4;font-family:inherit;font-weight:400;letter-spacing:normal;padding:0;margin:0;pointer-events:none;z-index:1;white-space:pre;overflow:hidden;box-sizing:border-box}.spotright-ghost-prefix{visibility:hidden}.spotright-ghost-suffix{color:var(--text-muted);opacity:.6}.spotright-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:var(--text-muted);border-radius:9999px;cursor:pointer;flex-shrink:0;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-clear-btn[hidden]{display:none !important}.spotright-clear-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent)}.spotright-clear-btn:focus-visible{outline:1px solid var(--accent-primary)}.spotright-kbd-shortcut{display:inline-flex;align-items:center;justify-content:center;height:22px;line-height:1;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 12%, transparent);border-radius:4px;padding:0 4px;font-weight:600;flex-shrink:0;align-self:center;box-sizing:border-box}.spotright-filter-track{display:flex;align-items:center;gap:8px;padding:8px 16px 12px 16px;overflow-x:auto;scrollbar-width:none}.spotright-filter-track::-webkit-scrollbar{display:none}.spotright-filter-chip{display:inline-flex;align-items:center;padding:6px 14px;font-size:14px;line-height:1.25;font-weight:500;color:var(--text-muted);background-color:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 8%, transparent);border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none}.spotright-filter-chip:hover:not(.is-active){color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 25%, transparent)}.spotright-filter-chip:focus-visible{outline:none;border-color:var(--accent-primary)}.spotright-filter-chip.is-active{color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 22%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent);font-weight:600}.spotright-results{max-height:380px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain}.spotright-category-heading{font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 8px 2px;user-select:none}.spotright-category-heading.spotright-category-heading--with-action{display:flex;align-items:center;justify-content:space-between}.spotright-recent-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.spotright-recent-clear-btn clashcalc-assets-svg{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-recent-clear-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}.spotright-recent-clear-btn:focus-visible{outline:1px solid var(--accent-primary)}.spotright-result-item{display:flex;align-items:center;gap:8px;padding:4px 8px;min-height:40px;border-radius:12px;cursor:pointer;transition:background 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none}.spotright-result-item:hover{background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.spotright-result-item.is-selected,.spotright-result-item.selected{background:color-mix(in srgb, var(--accent-primary) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent)}.spotright-result-item.spotright-result-item--village.is-active-village{border-left:2px solid var(--accent-primary)}.spotright-th-wrapper{flex-shrink:0}.spotright-item-icon-wrapper{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:rgba(0,0,0,0);border:none}.spotright-item-icon-wrapper.spotright-item-icon--svg clashcalc-assets-svg svg{width:18px !important;height:18px !important;color:#bdc1c6;transition:color 100ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-item-icon-wrapper.spotright-item-icon--image clashcalc-assets-image img{width:22px !important;height:22px !important;object-fit:contain;border-radius:2px}.spotright-result-item:hover .spotright-item-icon-wrapper.spotright-item-icon--svg clashcalc-assets-svg svg,.spotright-result-item:is(.is-selected,.selected) .spotright-item-icon-wrapper.spotright-item-icon--svg clashcalc-assets-svg svg{color:var(--accent-primary)}.spotright-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.spotright-item-header{display:flex;align-items:center;gap:4px;width:100%}.spotright-item-title{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.spotright-result-item:is(.is-selected,.selected) .spotright-item-title{font-weight:600}mark.spotright-match-highlight{background:rgba(0,0,0,0);color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.spotright-item-breadcrumb{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);font-weight:400;white-space:nowrap;flex-shrink:0}.spotright-result-item:is(.is-selected,.selected) .spotright-item-breadcrumb{color:var(--text-secondary)}.spotright-item-hero-context{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);font-weight:400;margin-left:auto;white-space:nowrap;flex-shrink:0}.spotright-result-item:is(.is-selected,.selected) .spotright-item-hero-context{color:var(--text-secondary)}.spotright-item-tag{font-size:var(--font-size-3xs, 0.5625rem);padding:0 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;line-height:1.4;flex-shrink:0}.spotright-item-tag.spotright-tag--epic{background:color-mix(in srgb, var(--color-rarity-epic) 18%, transparent);color:var(--color-rarity-epic)}.spotright-item-tag.spotright-tag--common{background:color-mix(in srgb, var(--color-rarity-common) 18%, transparent);color:var(--color-rarity-common)}.spotright-item-tag.spotright-tag--active{background:color-mix(in srgb, var(--color-success) 18%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 30%, transparent)}.spotright-village-tag{font-size:var(--font-size-xs, 0.75rem);font-family:"Roboto Mono",monospace;color:var(--text-muted)}.spotright-command-pill{font-size:var(--font-size-xs, 0.75rem);font-family:"Roboto Mono",monospace;font-weight:600;color:var(--text-primary);background:color-mix(in srgb, var(--bg-surface-secondary) 70%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:2px;padding:1px 2px;line-height:1.2}.spotright-item-subtitle{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotright-result-item:is(.is-selected,.selected) .spotright-item-subtitle{color:var(--text-secondary)}.spotright-item-subtitle.spotright-item-subtitle--error{color:var(--color-danger);font-weight:500}.spotright-result-item:is(.is-selected,.selected) .spotright-item-subtitle.spotright-item-subtitle--error{color:var(--color-danger)}.spotright-item-subtitle.spotright-item-subtitle--error code{font-family:"Roboto Mono",monospace;background-color:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 24%, transparent);padding:1px 2px;border-radius:2px;font-size:.85em;color:var(--color-danger);display:inline}.spotright-village-meta{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotright-result-item:is(.is-selected,.selected) .spotright-village-meta{color:var(--text-secondary)}.spotright-meta-clan{display:inline-flex;align-items:center;gap:2px;min-width:0}.spotright-meta-clan-badge,.spotright-meta-clan-badge img{width:14px;height:14px;object-fit:contain;flex-shrink:0}.spotright-meta-clan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotright-meta-divider{color:var(--text-muted);opacity:.6;user-select:none}.spotright-meta-trophies{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.spotright-trophy-icon{width:12px;height:12px;color:#ffca28;flex-shrink:0}.spotright-meta-league-icon,.spotright-meta-league-icon img{width:14px;height:14px;object-fit:contain;flex-shrink:0}.spotright-item-action{display:none;align-items:center;gap:4px;flex-shrink:0}.spotright-result-item:is(.is-selected,.selected) .spotright-item-action,.spotright-result-item:hover .spotright-item-action,.spotright-result-item.is-loading .spotright-item-action,.spotright-result-item:has(.spotright-recent-remove-btn) .spotright-item-action{display:flex}.spotright-recent-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:.6;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.spotright-recent-remove-btn clashcalc-assets-svg{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-recent-remove-btn:hover,.spotright-recent-remove-btn:focus-visible{opacity:1;color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 15%, transparent)}.spotright-recent-remove-btn:focus-visible{outline:1px solid var(--color-danger)}.spotright-action-active-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-success)}.spotright-item-spinner{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;animation:spotright-spin .8s linear infinite;color:var(--accent-primary)}@keyframes spotright-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spotright-action-enter{display:none;align-items:center;justify-content:center;width:22px;height:20px;padding:0;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:2px}.spotright-result-item:is(.is-selected,.selected) .spotright-action-enter,.spotright-result-item:hover .spotright-action-enter,.spotright-result-item.is-loading .spotright-action-enter{display:inline-flex}.spotright-action-enter clashcalc-assets-svg{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-action-tab{display:none;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 2px;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:2px;font-size:var(--font-size-2xs, 0.6875rem);font-family:inherit}.spotright-result-item:is(.is-selected,.selected) .spotright-action-tab,.spotright-result-item:hover .spotright-action-tab{display:inline-flex}.spotright-action-tab .spotright-tab-label{font-weight:500;line-height:1}.spotright-action-tab clashcalc-assets-svg{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-footer{display:flex;align-items:center;gap:8px;padding:4px 12px;border-top:1px solid color-mix(in srgb, var(--border-inverse) 6%, transparent);background:color-mix(in srgb, var(--bg-surface-primary) 15%, transparent)}.spotright-footer-feedback-btn,.spotright-footer-shortcuts-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,0);border:none;padding:2px 4px;border-radius:2px;color:var(--text-muted);font-size:var(--font-size-2xs, 0.6875rem);font-family:inherit;font-weight:500;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-footer-feedback-btn .spotright-footer-feedback-icon,.spotright-footer-feedback-btn .spotright-footer-shortcuts-icon,.spotright-footer-shortcuts-btn .spotright-footer-feedback-icon,.spotright-footer-shortcuts-btn .spotright-footer-shortcuts-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.spotright-footer-feedback-btn:hover,.spotright-footer-shortcuts-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent)}.spotright-footer-feedback-btn:focus-visible,.spotright-footer-shortcuts-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary-soft)}@media(max-width: 480px){.spotright-footer-shortcuts-btn .spotright-footer-shortcuts-label{display:none}}.spotright-footer-kbd{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);background:color-mix(in srgb, var(--bg-surface-secondary) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 10%, transparent);border-radius:2px;padding:0 2px;line-height:1.3;font-weight:600}.spotright-footer-brand{display:inline-flex;align-items:center;gap:4px;margin-left:auto;user-select:none}.spotright-footer-brand-name{font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;color:var(--text-muted);letter-spacing:.2px}.spotright-footer-beta-chip{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold, 700);letter-spacing:.6px;text-transform:uppercase;line-height:1.2;padding:1.5px 7px;border-radius:9999px;background-color:color-mix(in srgb, var(--bg-surface-secondary) 70%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 12%, transparent);color:var(--text-muted)}.spotright-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:8px}.spotright-empty-icon{width:24px;height:24px;color:#9aa0a6}.spotright-empty-text{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-muted);margin:0}.spotright-empty-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;padding:4px 12px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;border-radius:8px;cursor:pointer;transition:all 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-target-pulse{animation:spotrightTargetPulse 1.8s cubic-bezier(0, 0, 0.2, 1) forwards;border-radius:8px}@keyframes spotrightTargetPulse{0%{box-shadow:0 0 0 0 var(--accent-primary),0 0 0 rgba(0,0,0,0);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}25%{box-shadow:0 0 0 2px var(--accent-primary),0 4px 16px -2px color-mix(in srgb, var(--accent-primary) 45%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}60%{box-shadow:0 0 0 2px var(--accent-primary),0 4px 16px -2px color-mix(in srgb, var(--accent-primary) 25%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 8%, transparent)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);background-color:rgba(0,0,0,0)}}.header-spotright-btn{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-width:164px;height:36px;min-height:36px;max-height:36px;padding:0 12px;gap:8px;margin:0;border-radius:9999px;border:1px solid var(--border-secondary);background-color:var(--bg-surface-tertiary);color:var(--text-secondary);box-sizing:border-box;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-spotright-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));color:var(--text-primary);background-color:var(--bg-surface-secondary)}.header-spotright-btn:hover:not(:disabled) .header-spotright-icon{color:var(--accent-primary)}.header-spotright-btn:hover:not(:disabled) .header-spotright-label{color:var(--text-primary)}.header-spotright-btn:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-soft)}.header-spotright-btn.is-open{border-color:var(--accent-primary);color:var(--accent-primary)}.header-spotright-btn .header-spotright-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-muted);flex-shrink:0;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-spotright-btn .header-spotright-label{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-muted);letter-spacing:.1px;user-select:none;margin-right:auto;white-space:nowrap;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-spotright-btn .header-spotright-keys{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;pointer-events:none}.header-spotright-btn .header-spotright-key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 2px;border-radius:4px;font-family:inherit;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);box-shadow:0 1px 0 rgba(0,0,0,.3);line-height:1;box-sizing:border-box}.header-spotright-btn .header-spotright-key--ctrl{padding:0 5px;font-size:var(--font-size-2xs, 0.6875rem)}.header-spotright-btn .header-spotright-key .header-spotright-key-svg,.header-spotright-btn .header-spotright-key clashcalc-assets-svg{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;fill:currentColor}@media(hover: none)and (pointer: coarse){.header-spotright-btn{min-width:auto}.header-spotright-btn .header-spotright-keys{display:none}}@media(max-width: 779px){.header-spotright-btn{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;justify-content:center}.header-spotright-btn .animated-btn-text,.header-spotright-btn .header-spotright-label,.header-spotright-btn .header-spotright-keys{display:none}.header-spotright-btn .animated-btn-icon-wrapper{opacity:1;transform:translateY(0);position:relative;width:100%;height:100%}}.shortcuts-modal{z-index:120}.shortcuts-modal .shortcuts-modal-body{display:flex;flex-direction:column;gap:12px}.shortcuts-modal .shortcuts-group{display:flex;flex-direction:column;gap:4px}.shortcuts-modal .shortcuts-group__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.shortcuts-modal .shortcuts-card-table{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.shortcuts-modal .shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px}.shortcuts-modal .shortcuts-row:not(:last-child){border-bottom:1px solid var(--border-primary)}.shortcuts-modal .shortcuts-row__desc{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-primary)}.shortcuts-modal .shortcuts-row__keys{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.shortcuts-modal .shortcuts-kbd{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;color:var(--text-primary);background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:2px 4px;min-width:24px;min-height:24px;gap:4px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.1)}.shortcuts-modal .shortcuts-kbd--icon{padding:0;width:24px;height:24px}.shortcuts-modal .shortcuts-kbd--code{font-family:monospace;letter-spacing:-0.5px}.shortcuts-modal .shortcuts-kbd clashcalc-assets-svg{display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.shortcuts-modal .shortcuts-kbd clashcalc-assets-svg.shortcuts-chevron--left{transform:rotate(-90deg)}.shortcuts-modal .shortcuts-kbd clashcalc-assets-svg.shortcuts-chevron--right{transform:rotate(90deg)}.shortcuts-modal .shortcuts-key-separator{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);user-select:none}.route-transition-loader{display:flex;align-items:center;justify-content:center;min-height:55vh;width:100%;pointer-events:none;opacity:1;transition:opacity 180ms cubic-bezier(0.2, 0, 0, 1)}.route-transition-loader.is-leaving{opacity:0}.route-transition-loader__spinner{position:relative;width:120px;height:120px;animation:route-loader-spin 2.2s linear infinite;animation-delay:.85s}.route-transition-loader__dot-wrapper{position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);will-change:transform;animation:route-loader-dot-revolve .9s cubic-bezier(0.2, 0, 0, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1){--target-x: -40px;--angle: 0deg}.route-transition-loader__dot-wrapper:nth-child(2){--target-x: -20px;--angle: 72deg}.route-transition-loader__dot-wrapper:nth-child(3){--target-x: 0;--angle: 144deg}.route-transition-loader__dot-wrapper:nth-child(4){--target-x: 20px;--angle: 216deg}.route-transition-loader__dot-wrapper:nth-child(5){--target-x: 40px;--angle: 288deg}.route-transition-loader__dot{display:block;width:100%;height:100%;border-radius:50%;will-change:transform;animation:route-loader-dot-jump .9s cubic-bezier(0.25, 1, 0.5, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1) .route-transition-loader__dot{background-color:#669df6;animation-delay:.04s}.route-transition-loader__dot-wrapper:nth-child(2) .route-transition-loader__dot{background-color:#fdd663;animation-delay:.08s}.route-transition-loader__dot-wrapper:nth-child(3) .route-transition-loader__dot{background-color:#ba68c8;animation-delay:.12s}.route-transition-loader__dot-wrapper:nth-child(4) .route-transition-loader__dot{background-color:#81c995;animation-delay:.16s}.route-transition-loader__dot-wrapper:nth-child(5) .route-transition-loader__dot{background-color:#f6948e;animation-delay:.2s}@keyframes route-loader-dot-jump{0%{transform:translateY(40px) scale(0);opacity:0}35%{transform:translateY(-28px) scale(1.1);opacity:1}60%,100%{transform:translateY(0) scale(1);opacity:1}}@keyframes route-loader-dot-revolve{0%,35%{transform:translate(var(--target-x), 0)}85%,100%{transform:rotate(var(--angle)) translate(44px) rotate(calc(-1 * var(--angle)))}}@keyframes route-loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.route-transition-loader__spinner,.route-transition-loader__dot-wrapper,.route-transition-loader__dot{animation-duration:.01ms !important;animation-iteration-count:1 !important}}.damage-calc-page{background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.damage-calc-main{flex:1;min-height:100vh;width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px;padding-block:16px 32px;box-sizing:border-box}@media(max-width: 480px){.damage-calc-main{padding-inline:12px;padding-block:12px 24px}}@media(max-width: 360px){.damage-calc-main{padding-inline:4px;padding-block:8px 16px}}.calc-tab-layout{display:flex;flex-direction:column;gap:24px;width:100%}@media(max-width: 480px){.calc-tab-layout{gap:12px}}@media(max-width: 360px){.calc-tab-layout{gap:8px}}.calc-view{display:grid;grid-template-columns:minmax(0, 1fr);gap:24px;width:100%;min-width:0}@media(max-width: 480px){.calc-view{gap:12px}}@media(max-width: 360px){.calc-view{gap:8px}}@media(min-width: 780px){.calc-view{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:start}}.calc-card{background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;padding:24px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;box-sizing:border-box}@media(max-width: 480px){.calc-card{padding:12px;gap:12px}}@media(max-width: 360px){.calc-card{padding:8px;gap:8px}}.calc-select{padding-block:8px;padding-inline:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);outline:none;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-select:focus{border-color:var(--border-accent)}.calc-view-header{container-type:inline-size;container-name:view-header;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:16px}.calc-view-header .calc-filter-tabs{align-items:center}.calc-view-header .calc-view-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto;flex-shrink:0}@container view-header (max-width: 820px){.calc-view-header{row-gap:12px}.calc-view-header .calc-view-search-wrapper{flex:1 1 100%;width:100%;max-width:100%}.calc-view-header .calc-view-actions{width:100%;justify-content:space-between;margin-inline-start:0}.calc-view-header .calc-filter-tabs{justify-content:flex-start}}@container view-header (max-width: 560px){.calc-view-header{row-gap:12px}.calc-view-header .calc-view-actions{flex-direction:column;align-items:stretch;gap:12px}.calc-view-header .calc-filter-tabs{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.calc-view-header .calc-view-mode-control{width:100%;display:flex}.calc-view-header .calc-view-mode-control .segmented-btn{flex:1;justify-content:center}}.calc-card--inputs{gap:12px}.calc-card--inputs .calc-view-header{margin-block-end:0}.calc-card--inputs .calc-view-header .calc-view-search-wrapper{flex:1 1 180px;min-width:180px;max-width:320px;width:auto}.calc-card--inputs .calc-view-header .calc-view-actions,.calc-card--inputs .calc-view-header .calc-filter-tabs{margin-inline-start:auto;flex-shrink:0;width:auto}@container view-header (max-width: 520px){.calc-card--inputs .calc-view-header .calc-view-search-wrapper{flex:1 1 100%;width:100%;max-width:100%}.calc-card--inputs .calc-view-header .calc-view-actions,.calc-card--inputs .calc-view-header .calc-filter-tabs{width:100%;margin-inline-start:0;justify-content:flex-start}}.calc-view-search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:320px}.calc-view-search-wrapper .calc-search-icon{position:absolute;left:8px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.calc-view-search-wrapper .calc-search-clear-btn{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:9999px;transition:color 150ms cubic-bezier(0.2, 0, 0, 1) ease-in-out}.calc-view-search-wrapper .calc-search-clear-btn:hover,.calc-view-search-wrapper .calc-search-clear-btn:focus-visible{color:var(--text-primary)}.calc-search-input{width:100%;height:36px;padding-block:0;padding-inline-start:calc(8px + 15px + 4px);padding-inline-end:calc(8px + 20px);background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);box-sizing:border-box;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.calc-search-input:focus,.calc-search-input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.calc-search-input::placeholder{color:var(--text-muted)}.calc-search-input::-webkit-search-decoration,.calc-search-input::-webkit-search-cancel-button,.calc-search-input::-webkit-search-results-button,.calc-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.calc-empty-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm, 0.8125rem);background-color:var(--bg-surface-secondary);border-radius:12px;border:1px dashed var(--border-primary)}.calc-empty-notice__text{margin:0;line-height:1.5}.calc-empty-notice__btn{display:inline-flex;align-items:center;gap:4px}.calc-building-grid--empty{grid-column:1/-1;display:block}.solution-hero-card{background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;box-sizing:border-box}@media(max-width: 480px){.solution-hero-card{padding:12px;gap:8px}}@media(max-width: 360px){.solution-hero-card{padding:8px}}.solution-hero-card__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.solution-hero-card__badge{padding-block:2px;padding-inline:8px;background-color:var(--accent-primary-soft);color:var(--accent-primary);font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);border-radius:9999px}.solution-hero-card__badge--indestructible{background-color:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.solution-hero-card__spells{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.solution-hero-card__spells .calc-equip-badge{padding:2px;width:36px;height:36px;box-sizing:border-box}.solution-hero-card__spells .calc-equip-badge__icon{width:28px;height:28px}.solution-hero-card__spells .calc-spell-badge{padding-block:2px;padding-inline-start:4px;padding-inline-end:2px;gap:2px;height:36px;box-sizing:border-box}.solution-hero-card__spells .calc-spell-badge__multiplier{font-size:var(--font-size-xs, 0.75rem)}.solution-hero-card__spells .calc-spell-badge__icon{width:28px;height:28px}.calc-equip-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:2px;background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);border-radius:8px;cursor:pointer;transition:box-shadow 150ms cubic-bezier(0.2, 0, 0, 1),filter 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-equip-badge:hover{filter:brightness(1.08);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-equip-badge:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.calc-equip-badge__icon{width:32px;height:32px;object-fit:contain;display:block}.calc-combo-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.calc-combo-plus{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-muted);margin-inline:0;user-select:none;line-height:1}.calc-spell-badge{display:inline-flex;align-items:center;gap:4px;padding-block:2px;padding-inline-start:8px;padding-inline-end:2px;border-radius:8px;cursor:pointer;transition:box-shadow 150ms cubic-bezier(0.2, 0, 0, 1),filter 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-spell-badge:hover{filter:brightness(1.08);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-spell-badge:focus-visible{outline:2px solid currentColor;outline-offset:2px}.calc-spell-badge--zap{background-color:var(--color-info-soft);color:var(--color-info);border:1px solid var(--color-info)}.calc-spell-badge--eq{background-color:var(--accent-secondary-soft);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.calc-spell-badge--cc{border-style:dashed;border-width:1.5px}.calc-spell-badge--indestructible{background-color:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning);font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);padding-inline:8px;cursor:default}.calc-spell-badge--indestructible:hover{transform:none;filter:none;box-shadow:none}.calc-spell-badge__multiplier{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);line-height:1}.calc-spell-badge__icon{width:32px;height:32px;object-fit:contain;display:block}.calc-target-combo-badge{position:relative;display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border-radius:4px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);line-height:1}.calc-target-combo-badge--equip{background-color:var(--accent-primary-soft);border-color:var(--accent-primary)}.calc-target-combo-badge--eq{background-color:var(--accent-secondary-soft);border-color:var(--accent-secondary)}.calc-target-combo-badge--zap{background-color:var(--color-info-soft);border-color:var(--color-info)}.calc-target-combo-badge--cc{border-style:dashed}.calc-target-combo-badge__icon{width:28px;height:28px;object-fit:contain;display:block}.calc-target-combo-badge__multiplier{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-sources-section{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;width:100%;min-width:0;box-sizing:border-box}@media(max-width: 480px){.calc-sources-section{padding:12px}}@media(max-width: 360px){.calc-sources-section{padding:8px 12px}}.calc-sources-section__modifier-row{width:100%;min-width:0}.calc-sources-section__modifier-row .calc-modifier-bar{background-color:rgba(0,0,0,0);border:none;box-shadow:none;padding:0;margin-block-end:0}.calc-sources-section__divider{width:100%;height:0;border-top:1px solid var(--border-primary);margin-block:8px}.calc-sources-section__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-block-end:2px}.calc-sources-section__title-group{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.calc-sources-section__title{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-sources-section__hint{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted)}@media(max-width: 425px){.calc-sources-section__hint{display:none}}.calc-sources-section__edit-btn{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding-block:4px;padding-inline:12px;border-radius:8px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;flex-shrink:0}@media(max-width: 360px){.calc-sources-section__edit-btn{padding-inline:4px}}.calc-damage-sources-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(min-width: 780px){.calc-damage-sources-grid{gap:12px}}@media(max-width: 360px){.calc-damage-sources-grid{gap:4px}}.calc-source-toggle-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;padding:2px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),opacity 150ms cubic-bezier(0.2, 0, 0, 1);flex-shrink:0}@media(max-width: 360px){.calc-source-toggle-btn{width:38px;height:38px}}.calc-source-toggle-btn:hover{border-color:var(--border-accent)}.calc-source-toggle-btn.is-active{border-color:var(--accent-primary);background-color:var(--accent-primary-soft);box-shadow:0 0 0 1px var(--accent-primary)}.calc-source-toggle-btn.is-active .calc-source-toggle-btn__lvl{background-color:var(--accent-primary);color:var(--text-on-accent)}.calc-source-toggle-btn.is-inactive{opacity:.45;filter:grayscale(85%)}.calc-source-toggle-btn.is-inactive:hover{opacity:.75;filter:grayscale(30%)}.calc-source-toggle-btn.is-inactive .calc-source-toggle-btn__lvl{background-color:var(--bg-surface-primary);color:var(--text-muted)}.calc-source-toggle-btn.is-downgraded{border-color:var(--color-warning)}.calc-source-toggle-btn__icon{width:32px;height:32px;object-fit:contain}@media(max-width: 360px){.calc-source-toggle-btn__icon{width:28px;height:28px}}.calc-source-toggle-btn__lvl{position:absolute;bottom:-2px;right:-2px;padding-block:1px;padding-inline:4px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);border-radius:9999px;border:1px solid var(--border-primary);line-height:1;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-source-toggle-btn__lvl--downgraded{background-color:var(--color-warning);color:var(--text-inverse);border-color:var(--color-warning)}.calc-sources-divider{width:0;height:32px;border-left:1px solid var(--border-primary);margin-inline:2px;align-self:center;flex-shrink:0}@media(max-width: 360px){.calc-sources-divider{height:28px;margin-inline:1px}}.calc-sources-cc-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}@media(max-width: 360px){.calc-sources-cc-group{gap:4px}}@media(max-width: 480px){.calc-th-preset-group--sources{grid-area:auto}}.calc-source-cc-pill{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;padding:2px;background-color:var(--bg-surface-secondary);border:1px dashed var(--border-accent);border-radius:8px;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1);flex-shrink:0}@media(max-width: 360px){.calc-source-cc-pill{width:38px;height:38px}}.calc-source-cc-pill:hover{border-style:solid;border-color:var(--accent-primary);background-color:var(--accent-primary-soft)}.calc-source-cc-pill.is-inactive{opacity:.45;filter:grayscale(85%)}.calc-source-cc-pill.is-inactive:hover{opacity:.75;filter:grayscale(30%)}.calc-source-cc-badge{position:absolute;bottom:-2px;right:-2px;padding-block:1px;padding-inline:4px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);line-height:1;border-radius:4px;border:1px solid var(--accent-primary);background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-modifier-bar{background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;padding:8px 12px;margin-block-end:16px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);max-width:100%;overflow:hidden}.calc-modifier-bar__inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;max-width:100%;min-width:0}.calc-modifier-bar__inner.is-stacked{flex-direction:column;align-items:flex-start;gap:8px}.calc-modifier-bar__inner.is-stacked .calc-modifier-bar__tabs-container{width:100%}.calc-modifier-bar__label-group{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.calc-modifier-bar__label{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);flex-shrink:0}.calc-modifier-bar__tabs-container{display:inline-flex;align-items:center;max-width:100%;min-width:0;flex:1}.calc-modifier-tabs{margin:0;max-width:100%}.calc-selector-container{display:flex;flex-direction:column;gap:12px}.calc-building-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(68px, 1fr));gap:6px;padding:2px;width:100%;min-width:0}@media(max-width: 360px){.calc-building-grid{grid-template-columns:repeat(auto-fill, minmax(56px, 1fr));gap:4px;padding:0}}.calc-building-grid>.calc-empty-notice{grid-column:1/-1}.calc-building-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:5px 4px 4px 4px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1);position:relative;min-width:0;box-sizing:border-box}@media(max-width: 360px){.calc-building-card{padding:2px}}.calc-building-card:hover{background-color:var(--bg-surface-tertiary);border-color:var(--border-accent)}.calc-building-card.is-selected{border-color:var(--accent-primary);background-color:var(--accent-primary-soft);box-shadow:0 0 0 1px var(--accent-primary)}.calc-building-card.is-in-cluster{border-color:var(--accent-secondary)}.calc-building-card__img-wrapper{position:relative;width:46px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media(max-width: 360px){.calc-building-card__img-wrapper{width:38px}}.calc-building-card__img{max-width:100%;max-height:100%;object-fit:contain}.calc-building-card__cluster-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-primary);color:var(--text-on-accent);border-radius:9999px;font-size:9px;font-weight:var(--font-weight-bold, 700);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-building-card__seasonal-badge{position:absolute;top:2px;left:2px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background-color:color-mix(in srgb, var(--bg-surface-tertiary) 90%, black);border:1px solid var(--border-primary);color:var(--accent-primary);border-radius:9999px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-building-card__seasonal-badge svg,.calc-building-card__seasonal-badge clashcalc-assets-svg,.calc-building-card__seasonal-badge orecalc-assets-svg{display:inline-flex;width:11px;height:11px;fill:currentColor}.calc-building-card__info{display:flex;flex-direction:column;align-items:center;width:100%}.calc-building-card__level{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-height:12px;font-size:10px;font-weight:500;color:var(--text-muted);white-space:nowrap;line-height:1.2}@media(max-width: 360px){.calc-building-card__level{font-size:9px}}.calc-target-toolbar{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;min-width:0;max-width:100%;box-sizing:border-box}@media(max-width: 625px){.calc-target-toolbar{padding:8px}}@media(max-width: 360px){.calc-target-toolbar{padding:4px 8px;gap:4px}}.calc-target-toolbar__info{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.calc-target-toolbar__thumb-frame{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:2px;flex-shrink:0}.calc-target-toolbar__thumb{width:44px;height:44px;object-fit:contain}.calc-target-toolbar__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.calc-target-toolbar__title-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.calc-target-toolbar__title{margin:0;font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-target-toolbar__hp-badge{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--accent-primary)}.calc-target-toolbar__controls{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}.calc-crafted-pill{display:inline-flex;align-items:center;gap:4px;padding-block:1px;padding-inline:6px;background:color-mix(in srgb, var(--accent-primary) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 30%, transparent);border-radius:9999px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;color:var(--accent-primary);white-space:nowrap;flex-shrink:0}.calc-crafted-pill svg,.calc-crafted-pill clashcalc-assets-svg,.calc-crafted-pill orecalc-assets-svg{display:inline-flex;width:12px;height:12px;fill:currentColor}.calc-level-control-group{display:flex;flex-direction:column;gap:2px;width:100%}.calc-level-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding-inline:2px;min-width:0}.calc-level-label{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);font-weight:500;white-space:nowrap}.calc-level-value{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap}.calc-level-max{font-weight:400;color:var(--text-muted)}.calc-stepper-track{display:flex;align-items:center;gap:2px;width:100%;min-width:0}@media(max-width: 360px){.calc-stepper-track{gap:2px}}.calc-stepper-btn{height:28px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;cursor:pointer;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-stepper-btn:hover:not(:disabled){background-color:var(--accent-primary-soft);color:var(--accent-primary);border-color:var(--accent-primary)}.calc-stepper-btn:disabled{opacity:.45;cursor:not-allowed}.calc-stepper-btn--min,.calc-stepper-btn--max{padding-inline:4px;min-width:36px;text-transform:uppercase;letter-spacing:.5px}@media(max-width: 360px){.calc-stepper-btn--min,.calc-stepper-btn--max{min-width:28px;padding-inline:4px;font-size:10px}}.calc-stepper-btn--step{width:28px;min-width:28px;padding:0}@media(max-width: 360px){.calc-stepper-btn--step{width:26px;min-width:26px;height:26px}}.calc-stepper-btn--step svg,.calc-stepper-btn--step clashcalc-assets-svg,.calc-stepper-btn--step orecalc-assets-svg{display:inline-flex;width:14px;height:14px;fill:currentColor}.calc-slider-input-wrapper{flex:1;min-width:48px}.calc-cluster-toggle-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px}.calc-cluster-switch{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;text-align:start;min-width:0;max-width:100%;width:100%}.calc-cluster-switch__track{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:var(--bg-surface-secondary);border-radius:9999px;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-switch.is-active .calc-cluster-switch__track{background-color:var(--accent-primary-soft);border-color:var(--accent-primary)}.calc-cluster-switch.is-active .calc-cluster-switch__thumb{transform:translateX(16px);background-color:var(--accent-primary)}.calc-cluster-switch__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.calc-cluster-switch__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-multi-counter-pill{display:inline-flex;align-items:center;justify-content:center;height:22px;padding-inline:4px;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:9999px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);white-space:nowrap}.calc-cluster-toolbar{display:flex;flex-direction:column;gap:4px;padding:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px}.calc-cluster-toolbar.is-empty{padding:8px 12px}.calc-cluster-toolbar__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px}.calc-cluster-toolbar__title{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-cluster-toolbar__separator{color:var(--text-muted);font-weight:400;user-select:none;margin-inline:1px}.calc-cluster-toolbar__empty-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;flex-wrap:wrap}.calc-cluster-toolbar__empty-prompt{display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary)}.calc-cluster-toolbar__empty-icon{color:var(--accent-primary);flex-shrink:0}.calc-cluster-ghost-slots{display:inline-flex;align-items:center;gap:2px}.calc-cluster-ghost-slot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--text-muted);background-color:var(--bg-surface-tertiary);border:1px dashed var(--border-primary);user-select:none}.calc-cluster-ghost-slot.is-required{border-color:var(--border-accent);color:var(--accent-primary)}.calc-cluster-counter{display:inline-flex;align-items:center;font-size:var(--font-size-xs, 0.75rem);font-weight:400;color:var(--text-muted);letter-spacing:normal}.calc-cluster-counter.is-max{color:var(--accent-primary);font-weight:600}.calc-cluster-clear-btn{display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary);background:rgba(0,0,0,0);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;line-height:1.2;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-clear-btn svg,.calc-cluster-clear-btn clashcalc-assets-svg,.calc-cluster-clear-btn orecalc-assets-svg{display:inline-flex;width:12px;height:12px;fill:currentColor}.calc-cluster-clear-btn:hover{color:var(--color-danger);background-color:var(--bg-surface-tertiary)}.calc-cluster-chips-list{display:flex;flex-wrap:wrap;gap:6px}.calc-cluster-chip{display:inline-flex;align-items:center;gap:2px;padding-block:2px;padding-inline-start:4px;padding-inline-end:6px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;font-size:var(--font-size-xs, 0.75rem);min-height:32px;box-sizing:border-box;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-chip:hover{border-color:var(--border-accent)}.calc-cluster-chip.is-active-target{border-color:var(--accent-primary);background-color:var(--accent-primary-soft)}.calc-cluster-chip__index{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding-inline:2px;background-color:var(--accent-primary);color:var(--text-on-accent);border-radius:9999px;font-size:10px;font-weight:var(--font-weight-bold, 700);flex-shrink:0}.calc-cluster-chip__thumb{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.calc-cluster-chip__thumb img{width:100%;height:100%;object-fit:contain}.calc-cluster-chip__level{color:var(--text-muted);font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;white-space:nowrap}.calc-cluster-chip__supercharge{display:inline-flex;align-items:center;flex-shrink:0}.calc-cluster-chip__remove{border:none;background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:9999px;margin-inline-start:2px;flex-shrink:0;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-chip__remove svg,.calc-cluster-chip__remove clashcalc-assets-svg,.calc-cluster-chip__remove orecalc-assets-svg{display:inline-flex;width:10px;height:10px;fill:currentColor}.calc-cluster-chip__remove:hover{color:var(--color-danger);background-color:var(--color-danger-soft)}.calc-cluster-notice{display:flex;align-items:center;gap:4px;margin:0;padding-block-start:2px;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted)}.calc-cluster-notice__icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.calc-cluster-notice__icon img{width:100%;height:100%;object-fit:contain}.cluster-targets-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(260px, 100%), 1fr));gap:8px;margin-block-start:8px;width:100%;min-width:0}.cluster-target-card{background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;box-sizing:border-box;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.cluster-target-card:hover{border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary))}.cluster-target-card__header{display:flex;align-items:center;gap:4px}.cluster-target-card__identity{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.cluster-target-card__supercharge{display:inline-flex;align-items:center;gap:2px;color:var(--color-info)}.cluster-target-card__index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:9999px;background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);flex-shrink:0;line-height:1}.cluster-target-card__thumb{width:32px;height:32px;object-fit:contain}.cluster-target-card__meta{display:flex;flex-direction:column}.cluster-target-card__name-row{display:flex;align-items:center;gap:4px}.cluster-target-card__name{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary);line-height:1.25}.cluster-target-card__level{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);line-height:1.2;display:inline-flex;align-items:center;gap:4px}.cluster-target-card__hp{font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;color:var(--text-muted);line-height:1.2}.cluster-target-card__body{display:flex;flex-direction:column;gap:4px}.cluster-target-card__damage-flow{display:flex;align-items:center;gap:4px;padding-block:2px;font-size:var(--font-size-2xs, 0.6875rem);flex-wrap:wrap}.cluster-target-card__damage-step{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.cluster-target-card__eq-stage{display:inline-flex;align-items:center;gap:4px}.cluster-target-card__equip-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 3px;background-color:var(--btn-bg-purple);border:1px solid var(--btn-border-purple);border-radius:8px;color:var(--btn-color-purple);font-weight:var(--font-weight-bold, 700);line-height:1;white-space:nowrap}.cluster-target-card__equip-pill .cluster-target-card__spell-icon{width:16px;height:16px;object-fit:contain;display:block}.cluster-target-card__eq-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 4px;background-color:var(--accent-secondary-soft);border:1px solid var(--accent-secondary);border-radius:8px;color:var(--accent-secondary);font-weight:var(--font-weight-bold, 700);line-height:1;white-space:nowrap}.cluster-target-card__eq-pill .cluster-target-card__spell-icon{width:16px;height:16px;object-fit:contain;display:block}.cluster-target-card__eq-pill .cluster-target-card__spell-count{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);line-height:1}.cluster-target-card__zap-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 4px;background-color:var(--color-info-soft);border:1px solid var(--color-info);border-radius:8px;color:var(--color-info);font-weight:var(--font-weight-bold, 700);line-height:1;white-space:nowrap}.cluster-target-card__zap-pill .cluster-target-card__spell-icon{width:16px;height:16px;object-fit:contain;display:block}.cluster-target-card__zap-pill .cluster-target-card__spell-count{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);line-height:1}.cluster-target-card__rem-hp{color:var(--text-secondary);font-weight:500}.cluster-target-card__immune-badge{display:inline-flex;align-items:center;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--color-warning);background-color:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:9999px;padding-inline:4px;padding-block:1px;line-height:1}.cluster-target-card__zap-stage{display:inline-flex;align-items:center;gap:4px}.cluster-damage-flow__arrow{color:var(--text-muted);font-size:var(--font-size-xs, 0.75rem);line-height:1;flex-shrink:0;user-select:none}.solution-hero-card--cluster{border-color:var(--accent-primary)}.solution-hero-card--cluster.is-indestructible{border-color:var(--color-warning)}.calc-cluster-indestructible-banner{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-left:3px solid var(--color-warning);border-radius:12px;width:100%;box-sizing:border-box}.calc-cluster-indestructible-banner__icon{color:var(--color-warning);flex-shrink:0;margin-top:2px}.calc-cluster-indestructible-banner__text{display:flex;flex-direction:column;gap:2px;min-width:0}.calc-cluster-indestructible-banner__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-cluster-indestructible-banner__desc{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);margin:0;line-height:1.45}.solution-hero-card__header-left{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.calc-capacity-warning{display:inline-flex;align-items:center;padding-block:2px;padding-inline:4px;background-color:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning);font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);border-radius:9999px;line-height:1}.calc-adjacent-switch{display:inline-flex;align-items:center;gap:4px;padding:3px 4px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;color:var(--text-secondary);font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;cursor:pointer;min-height:28px;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-adjacent-switch__zap{flex-shrink:0}.calc-adjacent-switch__thumb{width:16px;height:16px;object-fit:contain;display:block;flex-shrink:0;border-radius:2px}.calc-adjacent-switch__index{font-weight:var(--font-weight-bold, 700);color:var(--accent-primary);line-height:1}.calc-adjacent-switch__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;line-height:1}.calc-adjacent-switch:hover{background-color:var(--bg-surface-secondary);border-color:var(--color-info);color:var(--text-primary)}.calc-adjacent-switch.is-active{background-color:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info);font-weight:var(--font-weight-bold, 700)}.calc-adjacent-switch.is-active .calc-adjacent-switch__index{color:var(--color-info)}.cluster-target-card__adjacencies{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin-block-start:2px;flex-wrap:wrap}.cluster-target-card__adjacencies>.calc-adjacent-switch{min-height:24px;padding:2px 4px;font-size:var(--font-size-2xs, 0.6875rem)}.cluster-target-card__adj-label{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.cluster-target-card__adj-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.cluster-target-card__adj-buttons .calc-adjacent-switch{min-height:24px;height:24px;padding:2px 6px 2px 4px;gap:3px;border-radius:9999px}.cluster-target-card__adj-buttons .calc-adjacent-switch__name{display:none}.cluster-target-card__adj-buttons .calc-adjacent-switch__zap{opacity:.4;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.cluster-target-card__adj-buttons .calc-adjacent-switch__thumb{width:16px;height:16px}.cluster-target-card__adj-buttons .calc-adjacent-switch__index{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700)}.cluster-target-card__adj-buttons .calc-adjacent-switch.is-active .calc-adjacent-switch__zap{opacity:1}.calc-cluster-placeholder{display:flex;align-items:center;justify-content:center;min-height:360px;padding:24px;text-align:left}@media(max-width: 480px){.calc-cluster-placeholder{padding:12px}}.calc-cluster-placeholder__content{display:flex;flex-direction:column;gap:16px;width:100%;max-width:540px}.calc-cluster-placeholder__hint{margin:0;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);line-height:1.45;text-align:center}.calc-cluster-hero{display:flex;align-items:flex-start;gap:12px}.calc-cluster-hero__badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);color:var(--accent-primary);flex-shrink:0;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-cluster-hero__header{display:flex;flex-direction:column;gap:2px}.calc-cluster-hero__title{display:flex;align-items:center;gap:4px;margin:0;font-size:var(--font-size-lg, 1rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-cluster-hero__subtitle{margin:0;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);line-height:1.45}.calc-cluster-single-header{display:flex;align-items:center;justify-content:center;width:100%}.calc-cluster-single-progress{display:inline-flex;align-items:center;padding:2px 8px;background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);border-radius:9999px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--accent-primary)}.cluster-pair-preview{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;flex-wrap:wrap}.cluster-pair-preview .cluster-target-card--preview,.cluster-pair-preview .cluster-target-card--waiting{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;max-width:200px;min-width:0;min-height:56px;height:56px;padding:4px 8px;box-sizing:border-box;background-color:var(--bg-surface-secondary);border:1px dashed var(--border-accent);border-radius:8px}.cluster-pair-preview .cluster-target-card--preview{flex-direction:column;pointer-events:none}.cluster-pair-preview .cluster-target-card--preview .cluster-target-card__header{width:100%}.cluster-pair-preview .cluster-target-card--preview .cluster-target-card__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cluster-pair-preview .cluster-target-card--waiting .cluster-target-card__waiting-inner{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cluster-pair-connector{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9999px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);color:var(--text-muted);flex-shrink:0}.calc-cluster-suggestions{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding-top:2px}.calc-cluster-suggestions__label{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.calc-cluster-suggestions__list{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.calc-cluster-suggest-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 4px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:9999px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-suggest-btn:hover{border-color:var(--border-accent);background-color:var(--bg-surface-tertiary);color:var(--text-primary)}.calc-cluster-suggest-btn clashcalc-assets-image,.calc-cluster-suggest-btn orecalc-assets-image{width:16px;height:16px;object-fit:contain}.calc-cluster-equipment-section{display:flex;flex-direction:column;gap:4px;width:100%}.calc-cluster-equipment-section__header{display:flex;align-items:center;justify-content:space-between}.calc-cluster-equipment-section__title{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.calc-cluster-equipment-section__chips{display:flex;flex-wrap:wrap;gap:6px}.calc-cluster-equip-switch{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;padding:2px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),opacity 150ms cubic-bezier(0.2, 0, 0, 1);flex-shrink:0}@media(max-width: 360px){.calc-cluster-equip-switch{width:38px;height:38px}}.calc-cluster-equip-switch:hover{border-color:var(--border-accent)}.calc-cluster-equip-switch.is-active{border-color:var(--accent-primary);background-color:var(--accent-primary-soft);box-shadow:0 0 0 1px var(--accent-primary)}.calc-cluster-equip-switch.is-active .calc-cluster-equip-switch__lvl{background-color:var(--accent-primary);color:var(--text-on-accent)}.calc-cluster-equip-switch.is-inactive{opacity:.45;filter:grayscale(85%)}.calc-cluster-equip-switch.is-inactive:hover{opacity:.75;filter:grayscale(30%)}.calc-cluster-equip-switch.is-inactive .calc-cluster-equip-switch__lvl{background-color:var(--bg-surface-primary);color:var(--text-muted)}.calc-cluster-equip-switch.is-downgraded{border-color:var(--color-warning)}.calc-cluster-equip-switch__icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.calc-cluster-equip-switch__icon img{width:100%;height:100%;object-fit:contain}@media(max-width: 360px){.calc-cluster-equip-switch__icon{width:28px;height:28px}}.calc-cluster-equip-switch__lvl{position:absolute;bottom:-2px;right:-2px;padding-block:1px;padding-inline:4px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);border-radius:9999px;border:1px solid var(--border-primary);line-height:1;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-cluster-equip-switch__lvl--downgraded{background-color:var(--color-warning);color:var(--text-inverse);border-color:var(--color-warning)}.calc-cluster-equipment-sharing{display:flex;flex-direction:column;gap:8px;margin-block-start:4px}.calc-cluster-sharing-row{display:flex;flex-direction:column;gap:4px;padding:2px 4px;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:8px}.calc-cluster-sharing-row__header{display:flex;align-items:center;justify-content:space-between;gap:4px}.calc-cluster-sharing-row__label{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary)}.calc-cluster-sharing-row__label strong{color:var(--text-primary);font-weight:600}.calc-cluster-sharing-row__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.calc-cluster-sharing-row__icon img{width:100%;height:100%;object-fit:contain}.calc-cluster-sharing-row__targets{display:flex;flex-wrap:wrap;gap:4px}.calc-cluster-share-all-btn{display:inline-flex;align-items:center;gap:4px;padding-block:3px;padding-inline:8px;background-color:rgba(0,0,0,0);border:1px solid var(--border-primary);border-radius:9999px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;color:var(--text-muted);cursor:pointer;min-height:26px;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-share-all-btn svg,.calc-cluster-share-all-btn clashcalc-assets-svg,.calc-cluster-share-all-btn orecalc-assets-svg{display:inline-flex;width:12px;height:12px;fill:currentColor}.calc-cluster-share-all-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.calc-cluster-share-all-btn.is-active{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.calc-cluster-share-target{display:inline-flex;align-items:center;gap:4px;padding-block:2px;padding-inline:6px;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);cursor:pointer;min-height:28px;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-share-target:hover{border-color:var(--border-accent);color:var(--text-primary)}.calc-cluster-share-target.is-active{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.calc-cluster-share-target.is-active .calc-cluster-share-target__index{background-color:var(--accent-primary);color:var(--text-on-accent)}.calc-cluster-share-target__index{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding-inline:2px;background-color:var(--bg-surface-tertiary);color:var(--text-muted);border-radius:9999px;font-size:9px;font-weight:var(--font-weight-bold, 700);line-height:1;flex-shrink:0}.calc-cluster-share-target__thumb{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.calc-cluster-share-target__thumb img{width:100%;height:100%;object-fit:contain}.calc-cluster-presets{display:flex;flex-direction:column;gap:4px}.calc-cluster-presets__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.calc-cluster-presets__grid{display:flex;flex-direction:column;gap:4px}.calc-cluster-preset-card{display:flex;flex-direction:column;gap:4px;padding:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-cluster-preset-card:hover{border-color:var(--border-accent);background-color:var(--bg-surface-tertiary)}.calc-cluster-preset-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.calc-cluster-preset-card__info{display:flex;flex-direction:column;gap:2px}.calc-cluster-preset-card__title{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-cluster-preset-card__desc{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted)}.calc-cluster-preset-card__btn{font-size:var(--font-size-xs, 0.75rem);padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0;pointer-events:none}.calc-cluster-preset-card__preview{display:flex;align-items:center;gap:8px;padding-top:2px}.calc-cluster-preset-card__targets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.calc-cluster-preset-card__divider{width:0;height:24px;border-left:1px solid var(--border-primary);flex-shrink:0}.calc-cluster-preset-card__equipment{display:flex;align-items:center;gap:6px}.calc-cluster-preset-thumb{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:8px;padding:2px;box-sizing:border-box}.calc-cluster-preset-thumb clashcalc-assets-image,.calc-cluster-preset-thumb orecalc-assets-image{width:100%;height:100%;object-fit:contain}.calc-cluster-preset-equip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-surface-primary);border:1px solid var(--border-accent);border-radius:8px;padding:2px;box-sizing:border-box}.calc-cluster-preset-equip clashcalc-assets-image,.calc-cluster-preset-equip orecalc-assets-image{width:100%;height:100%;object-fit:contain}.calc-cluster-workflow{display:flex;flex-direction:column;gap:4px}.calc-cluster-workflow__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.calc-cluster-steps-grid{display:grid;grid-template-columns:1fr;gap:4px}@media(min-width: 480px){.calc-cluster-steps-grid{grid-template-columns:repeat(3, 1fr)}}.calc-cluster-step-card{display:flex;flex-direction:column;gap:2px;padding:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px}.calc-cluster-step-card__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background-color:var(--bg-surface-tertiary);color:var(--accent-primary);margin-bottom:2px}.calc-cluster-step-card__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-cluster-step-card__desc{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);line-height:1.35}.calc-supercharge-wrapper{display:flex;align-items:center;gap:4px}.calc-supercharge-wrapper--sources{margin-inline-start:4px;flex-shrink:0}@media(max-width: 360px){.calc-supercharge-wrapper--sources{margin-inline-start:2px}}.calc-supercharge-pills{display:inline-flex;align-items:center;gap:2px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:2px;height:28px;box-sizing:border-box;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-supercharge-pills:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-primary))}.calc-supercharge-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:22px;min-width:24px;padding:0 6px;background:rgba(0,0,0,0);border:none;border-radius:2px;color:var(--text-secondary);font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;cursor:pointer;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-supercharge-pill:hover:not(.is-active):not(:disabled){background-color:color-mix(in srgb, var(--accent-primary) 28%, transparent);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 45%, transparent)}.calc-supercharge-pill:hover:not(.is-active):not(:disabled) .calc-supercharge-pip.is-uncharged{opacity:1;filter:brightness(1.35) drop-shadow(0 0 2px color-mix(in srgb, var(--accent-primary) 60%, transparent))}.calc-supercharge-pill:hover:not(.is-active):not(:disabled) .calc-supercharge-pip.is-charged{filter:drop-shadow(0 0 4px rgba(0, 180, 255, 0.85)) brightness(1.3)}.calc-supercharge-pill:disabled,.calc-supercharge-pill[disabled]{cursor:not-allowed;pointer-events:none}.calc-supercharge-pill.is-active{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-bold, 700)}.calc-supercharge-pill.is-active .calc-supercharge-pip.is-uncharged{opacity:.75;filter:brightness(1.2)}.calc-supercharge-pips{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;line-height:1;min-height:14px;contain:layout}.calc-supercharge-pips--compact{gap:1px}.calc-supercharge-pips--compact .calc-supercharge-pip{height:12px;width:auto;max-width:9px}.calc-supercharge-pip{display:inline-block;height:14px;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;flex-shrink:0;pointer-events:none}.calc-supercharge-pip.is-charged{filter:drop-shadow(0 0 2px rgba(0, 180, 255, 0.45))}.calc-supercharge-pip.is-uncharged{opacity:.55}.calc-supercharge-active-badge{display:inline-flex;align-items:center;gap:4px;padding-block:2px;padding-inline:4px;background-color:color-mix(in srgb, var(--color-info) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-info) 40%, transparent);border-radius:9999px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--color-info)}.calc-view-combos-layout{display:flex;flex-direction:column;gap:12px}.calc-view-combos-layout .calc-view-header{margin-block-end:0}.calc-combos-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:12px;align-items:stretch;width:100%;min-width:0;grid-auto-flow:dense}@media(max-width: 480px){.calc-combos-container{grid-template-columns:minmax(0, 1fr);gap:8px}}.calc-combo-card{background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),transform 150ms cubic-bezier(0.2, 0, 0, 1);min-width:0;max-width:100%;box-sizing:border-box}@media(max-width: 360px){.calc-combo-card{padding:8px;gap:4px}}.calc-combo-card:hover{border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary))}.calc-combo-card--full-width{grid-column:1/-1}.calc-combo-card__header{display:flex;align-items:center;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border-primary);padding-block-end:8px}@media(max-width: 360px){.calc-combo-card__header{padding-block-end:4px}}.calc-combo-card__spells{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.calc-combo-card__spells .calc-equip-badge{padding:2px;width:36px;height:36px;box-sizing:border-box}.calc-combo-card__spells .calc-equip-badge__icon{width:28px;height:28px}.calc-combo-card__spells .calc-spell-badge{padding-block:2px;padding-inline-start:4px;padding-inline-end:2px;gap:2px;height:36px;box-sizing:border-box}.calc-combo-card__spells .calc-spell-badge__multiplier{font-size:var(--font-size-xs, 0.75rem)}.calc-combo-card__spells .calc-spell-badge__icon{width:28px;height:28px}.calc-combo-card__body{display:flex;flex-direction:column;height:100%}.calc-combo-defenses-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:4px;width:100%;min-width:0}@media(max-width: 480px){.calc-combo-defenses-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 360px){.calc-combo-defenses-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:2px}}.calc-combo-defenses-grid--compact{grid-template-columns:repeat(auto-fill, minmax(48px, 1fr));gap:2px}@media(max-width: 480px){.calc-combo-defenses-grid--compact{grid-template-columns:repeat(auto-fill, minmax(44px, 1fr))}}.calc-combo-defense-card{display:flex;align-items:center;gap:4px;padding:4px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1);min-width:0;box-sizing:border-box}.calc-combo-defense-card:hover{background-color:var(--bg-surface-tertiary);border-color:var(--border-accent)}.calc-combo-defense-card--compact{position:relative;flex-direction:column;align-items:center;justify-content:center;padding:2px;width:100%;min-height:48px;aspect-ratio:1/1}.calc-combo-defense-card--compact .calc-combo-defense-card__thumb-wrapper{width:100%;height:100%;max-width:100%;max-height:100%}.calc-combo-defense-card--compact .calc-combo-defense-card__thumb,.calc-combo-defense-card--compact clashcalc-assets-image,.calc-combo-defense-card--compact orecalc-assets-image{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;object-fit:contain}.calc-combo-defense-card--compact .calc-combo-defense-card__thumb img,.calc-combo-defense-card--compact clashcalc-assets-image img,.calc-combo-defense-card--compact orecalc-assets-image img{width:100%;height:100%;object-fit:contain}.calc-combo-defense-card--compact .calc-combo-defense-card__info-btn{position:absolute;top:2px;right:2px;margin-inline-start:0;padding:1px;opacity:.6;background-color:color-mix(in srgb, var(--bg-surface-primary) 75%, transparent);border-radius:4px;z-index:1}.calc-combo-defense-card--compact .calc-combo-defense-card__info-btn:hover{opacity:1}.calc-combo-defense-card--remaining{border-color:color-mix(in srgb, var(--color-warning) 25%, var(--border-primary))}.calc-combo-defense-card--remaining:hover{border-color:var(--color-warning)}.calc-combo-defense-card__thumb-wrapper{position:relative;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.calc-combo-defense-card__seasonal-badge{position:absolute;top:-4px;left:-4px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;background-color:color-mix(in srgb, var(--bg-surface-tertiary) 90%, black);border:1px solid var(--border-primary);color:var(--accent-primary);border-radius:9999px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-combo-defense-card__seasonal-badge svg,.calc-combo-defense-card__seasonal-badge clashcalc-assets-svg,.calc-combo-defense-card__seasonal-badge orecalc-assets-svg{display:inline-flex;width:10px;height:10px;fill:currentColor}.calc-combo-defense-card__thumb{width:32px;height:32px;object-fit:contain;flex-shrink:0}.calc-combo-defense-card__info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.calc-combo-defense-card__name{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-combo-defense-card__meta{display:inline-flex;align-items:center;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);white-space:nowrap}.calc-combo-defense-card__level{display:inline-flex;align-items:center;gap:2px}.calc-combo-defense-card__supercharge{display:inline-flex;align-items:center;margin-inline-start:1px;flex-shrink:0}.calc-combo-defense-card__sep{color:var(--text-muted);user-select:none;padding-inline:2px}.calc-combo-defense-card__info-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--text-muted);padding:2px;border-radius:4px;cursor:pointer;margin-inline-start:auto;opacity:.7;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-combo-defense-card__info-btn:hover{opacity:1;color:var(--accent-primary)}.calc-filter-tabs{display:flex;gap:8px;flex-wrap:nowrap}.calc-filter-tab{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:48px;padding-block:0;padding-inline:8px;box-sizing:border-box;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:9999px;color:var(--text-secondary);font-size:var(--font-size-xs, 0.75rem);font-weight:600;cursor:pointer;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-filter-tab:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary)}.calc-filter-tab.is-active{background-color:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.calc-remaining-container{width:100%;min-width:0}.calc-remaining-container:empty{display:none}.calc-remaining-section{width:100%;background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--color-warning) 30%, color-mix(in srgb, var(--border-primary) 70%, transparent));border-radius:12px;overflow:hidden;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box}.calc-remaining-section:hover{border-color:color-mix(in srgb, var(--color-warning) 50%, color-mix(in srgb, var(--border-primary) 70%, transparent))}.calc-remaining-section.is-expanded{border-color:var(--color-warning)}.calc-remaining-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--text-primary);transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1);min-height:44px;box-sizing:border-box}.calc-remaining-header:hover{background-color:var(--bg-surface-secondary)}.calc-remaining-header__info{display:flex;align-items:center;gap:4px}.calc-remaining-header .calc-remaining-icon{color:var(--color-warning);flex-shrink:0}.calc-remaining-header .calc-remaining-title{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary)}.calc-remaining-header .calc-remaining-action-text{font-size:var(--font-size-xs, 0.75rem);color:var(--accent-primary);font-weight:500}.calc-remaining-body{padding:12px;border-top:1px solid var(--border-primary);background-color:var(--bg-surface-secondary)}@media(max-width: 480px){.calc-remaining-body{padding:8px}}.calc-remaining-defenses-tray{width:100%}#calc-offense-modal .calc-offense-modal-content{max-width:580px;width:100%;height:calc(100vh - 48px);height:calc(100dvh - 48px);box-sizing:border-box}#calc-offense-modal .calc-offense-modal-body{padding:0 16px 16px;overflow-y:auto;flex:1;min-height:0}@media(max-width: 625px){#calc-offense-modal .calc-offense-modal-body{padding:0 8px 8px}}#calc-offense-modal .calc-offense-modal-sticky-header{position:sticky;top:0;z-index:10;background-color:var(--bg-surface-secondary);padding-top:16px;padding-bottom:4px;display:flex;flex-direction:column;gap:8px}@media(max-width: 625px){#calc-offense-modal .calc-offense-modal-sticky-header{padding-top:8px;padding-bottom:2px;gap:4px}}#calc-offense-modal .calc-building-sticky-controls{display:flex;flex-direction:column;gap:8px}#calc-offense-modal .calc-building-sticky-controls .calc-building-toolbar,#calc-offense-modal .calc-building-sticky-controls .calc-building-search-wrap{margin-bottom:0}@media(max-width: 625px){#calc-offense-modal .calc-building-sticky-controls{gap:4px}}#calc-offense-modal .calc-offense-groups{display:flex;flex-direction:column;gap:16px;padding-top:8px}@media(max-width: 625px){#calc-offense-modal .calc-offense-groups{gap:8px;padding-top:4px}}.calc-offense-modal-esports-notice{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:8px;font-size:var(--font-size-xs, 0.75rem);color:var(--color-warning);line-height:1.4}.calc-offense-modal-esports-notice clashcalc-assets-svg,.calc-offense-modal-esports-notice orecalc-assets-svg{flex-shrink:0;color:var(--color-warning)}.calc-offense-modal-sync-notice{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--color-info-soft);border:1px solid var(--color-info);border-radius:8px;font-size:var(--font-size-xs, 0.75rem);color:var(--color-info);line-height:1.4}.calc-offense-modal-sync-notice clashcalc-assets-svg,.calc-offense-modal-sync-notice orecalc-assets-svg{flex-shrink:0;color:var(--color-info)}.calc-offense-modal-group{display:flex;flex-direction:column;gap:8px}.calc-offense-modal-group__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0}.calc-offense-modal-row{display:flex;flex-direction:column;gap:4px;padding:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;min-width:0;box-sizing:border-box}.calc-offense-modal-row__header{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:var(--font-size-xs, 0.75rem);flex-wrap:wrap}.calc-offense-modal-row__identity{display:inline-flex;align-items:center;gap:4px;min-width:0}.calc-offense-modal-row__thumb{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.calc-offense-modal-row__thumb img{width:100%;height:100%;object-fit:contain;border-radius:4px}.calc-offense-modal-row__name{font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-offense-modal-row__value{font-weight:600;color:var(--text-secondary)}.calc-offense-modal-row__controls{display:flex;align-items:center;width:100%;min-width:0}.calc-modal-tabs{display:grid;margin-bottom:0;width:100%}.calc-building-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px 8px;flex-wrap:wrap;margin-bottom:8px;padding:4px 8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px}@media(max-width: 480px){.calc-building-toolbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"presets badge" "actions actions";gap:4px;padding:4px 8px}}@media(max-width: 360px){.calc-building-toolbar{padding:4px;gap:2px}}.calc-th-preset-group{display:flex;align-items:center;gap:4px;flex-shrink:0}@media(max-width: 480px){.calc-th-preset-group{grid-area:presets;min-width:0}}@media(max-width: 360px){.calc-th-preset-group{gap:2px}}.calc-th-preset-select-hidden{display:none !important}.calc-th-dropdown{position:relative;display:inline-flex;align-items:center}.calc-th-dropdown .calc-th-dropdown-trigger{height:28px;padding:0 4px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:2px;box-sizing:border-box;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-th-dropdown .calc-th-dropdown-trigger:hover,.calc-th-dropdown .calc-th-dropdown-trigger:focus-visible{border-color:var(--accent-primary);outline:none}.calc-th-dropdown .calc-th-dropdown-trigger .calc-th-dropdown-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.calc-th-dropdown .calc-th-dropdown-trigger .calc-th-dropdown-value{white-space:nowrap}.calc-th-dropdown .calc-th-dropdown-trigger .calc-th-dropdown-arrow{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-th-dropdown .calc-th-dropdown-trigger[aria-expanded=true] .calc-th-dropdown-arrow{transform:rotate(180deg)}@media(max-width: 360px){.calc-th-dropdown .calc-th-dropdown-trigger{padding:0 4px;font-size:var(--font-size-2xs, 0.6875rem);gap:2px}.calc-th-dropdown .calc-th-dropdown-trigger .calc-th-dropdown-icon{width:18px;height:18px}.calc-th-dropdown .calc-th-dropdown-trigger .calc-th-dropdown-arrow{width:12px;height:12px}}.calc-th-dropdown .calc-th-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:110px;max-height:220px;overflow-y:auto;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:4px;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);z-index:70;display:flex;flex-direction:column;padding:2px;box-sizing:border-box}.calc-th-dropdown .calc-th-dropdown-item{display:flex;align-items:center;gap:4px;width:100%;height:32px;padding:0 4px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);background:none;border:none;border-radius:2px;cursor:pointer;text-align:left;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-th-dropdown .calc-th-dropdown-item:hover,.calc-th-dropdown .calc-th-dropdown-item:focus-visible{background-color:var(--bg-surface-tertiary);color:var(--text-primary);outline:none}.calc-th-dropdown .calc-th-dropdown-item.is-selected{background-color:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.calc-th-dropdown .calc-th-dropdown-item .calc-th-dropdown-item-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.calc-th-dropdown .calc-th-dropdown-item .calc-th-dropdown-item-label{white-space:nowrap}.calc-toolbar-supercharge{display:inline-flex;align-items:center}.calc-toolbar-supercharge .calc-supercharge-pills{display:inline-flex;align-items:center;gap:2px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:2px;height:28px;box-sizing:border-box}.calc-toolbar-supercharge .calc-supercharge-pill{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:24px;padding:0 5px;background:rgba(0,0,0,0);border:none;border-radius:2px;cursor:pointer;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-toolbar-supercharge .calc-supercharge-pill.is-active{background-color:color-mix(in srgb, var(--accent-primary) 22%, transparent)}.calc-toolbar-supercharge .calc-supercharge-pill .calc-supercharge-pips--compact{display:inline-flex;align-items:center;gap:1px}.calc-toolbar-supercharge .calc-supercharge-pill .calc-supercharge-pips--compact .calc-supercharge-pip{height:12px;width:auto;max-width:9px;object-fit:contain}@media(max-width: 360px){.calc-toolbar-supercharge .calc-supercharge-pills{padding:1px;gap:1px}.calc-toolbar-supercharge .calc-supercharge-pill{min-width:20px;padding:0 3px}}.calc-building-toolbar-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}@media(max-width: 480px){.calc-building-toolbar-actions{grid-area:actions;width:100%}.calc-building-toolbar-actions .calc-toolbar-btn{flex:1 1 0;min-width:0;text-align:center}}@media(max-width: 360px){.calc-building-toolbar-actions{gap:2px}}.calc-toolbar-btn{height:28px;padding:0 8px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-toolbar-btn:hover:not(:disabled){background-color:color-mix(in srgb, #9aa0a6 20%, transparent);color:var(--text-primary);border-color:var(--border-secondary)}.calc-toolbar-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width: 360px){.calc-toolbar-btn{height:26px;padding:0 6px;font-size:var(--font-size-2xs, 0.6875rem)}}.calc-building-overrides-badge{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);font-weight:600;white-space:nowrap;margin-inline-start:auto}.calc-building-overrides-badge.is-active{color:var(--accent-primary)}@media(max-width: 480px){.calc-building-overrides-badge{grid-area:badge;align-self:center;justify-self:end;margin-inline-start:0}}@media(max-width: 360px){.calc-building-overrides-badge{font-size:var(--font-size-2xs, 0.6875rem)}}.calc-building-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:8px}.calc-building-search-wrap .calc-search-icon{position:absolute;left:8px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.calc-building-search-wrap .calc-building-search-input{width:100%;height:32px;padding-block:0;padding-inline-start:calc(8px + 14px + 4px);padding-inline-end:calc(8px + 20px);font-size:var(--font-size-xs, 0.75rem);background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);box-sizing:border-box}.calc-building-search-wrap .calc-building-search-input::placeholder{color:var(--text-muted)}.calc-building-search-wrap .calc-building-search-input:focus{outline:none;border-color:var(--accent-primary)}.calc-building-search-wrap .calc-building-search-input::-webkit-search-decoration,.calc-building-search-wrap .calc-building-search-input::-webkit-search-cancel-button,.calc-building-search-wrap .calc-building-search-input::-webkit-search-results-button,.calc-building-search-wrap .calc-building-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.calc-building-search-wrap .calc-search-clear-btn{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:9999px;transition:color 150ms cubic-bezier(0.2, 0, 0, 1) ease-in-out}.calc-building-search-wrap .calc-search-clear-btn:hover,.calc-building-search-wrap .calc-search-clear-btn:focus-visible{color:var(--text-primary)}.calc-building-search-wrap .calc-search-clear-btn.is-hidden{display:none}.calc-building-editor{display:flex;flex-direction:column;padding-top:4px}@media(max-width: 625px){.calc-building-editor{padding-top:2px}}.calc-building-list{display:flex;flex-direction:column;gap:4px}.calc-building-group{display:flex;flex-direction:column}.calc-building-group__summary{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;user-select:none;list-style:none;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-building-group__summary::-webkit-details-marker{display:none}.calc-building-group__summary:hover{background-color:var(--bg-surface-tertiary)}.calc-building-group__summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.calc-building-group__title{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.calc-building-group__count{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary)}.calc-building-group__summary-actions{display:inline-flex;align-items:center;gap:8px}.calc-building-group__chevron{color:var(--text-muted);transition:transform 150ms cubic-bezier(0.2, 0, 0, 1) ease-in-out}.calc-building-group[open]>.calc-building-group__summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:rgba(0,0,0,0)}.calc-building-group[open]>.calc-building-group__summary .calc-building-group__chevron{transform:rotate(180deg)}.calc-building-group[open]>.calc-building-group__summary .calc-building-group-switch{display:inline-flex}.calc-building-group[open]>.calc-building-group__summary .calc-building-group__divider{display:inline-block}.calc-building-group__divider{display:none;width:0;height:14px;border-inline-start:1px solid var(--border-primary);margin:0 2px;flex-shrink:0}.calc-building-group__content{display:flex;flex-direction:column;gap:4px;padding-top:4px}.calc-building-group .calc-building-group-switch{display:none;align-items:center;gap:4px;padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer;outline:none}.calc-building-group .calc-building-group-switch:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:8px}.calc-building-group .calc-building-group-switch:hover .calc-building-group .calc-building-group-switch__track{border-color:var(--border-secondary)}.calc-building-group .calc-building-group-switch__track{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-building-group .calc-building-group-switch__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:var(--bg-surface-secondary);border-radius:9999px;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-building-group .calc-building-group-switch.is-active .calc-building-group-switch__track{background-color:var(--accent-primary-soft);border-color:var(--accent-primary)}.calc-building-group .calc-building-group-switch.is-active .calc-building-group-switch__thumb{transform:translateX(14px);background-color:var(--accent-primary)}.calc-building-group .calc-building-group-switch__label{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);font-weight:500;user-select:none;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}@media(max-width: 360px){.calc-building-group .calc-building-group-switch__label{display:none}}.calc-building-group .calc-building-group-switch:hover .calc-building-group .calc-building-group-switch__label{color:var(--text-primary)}.calc-building-modal-row{display:flex;flex-direction:column;gap:4px;padding:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box}.calc-building-modal-row.is-disabled,.calc-building-modal-row.is-restricted{opacity:.6}.calc-building-modal-row.is-disabled .calc-building-modal-row__controls,.calc-building-modal-row.is-restricted .calc-building-modal-row__controls{opacity:.5;pointer-events:none}.calc-building-modal-row__header{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap}.calc-building-modal-row__identity{display:inline-flex;align-items:center;gap:4px;min-width:0}.calc-building-modal-row__thumb{width:28px;height:28px;display:inline-flex;flex-shrink:0}.calc-building-modal-row__thumb img{width:100%;height:100%;object-fit:contain;border-radius:4px}.calc-building-modal-row__name{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.calc-building-modal-row .calc-building-status-tag{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.calc-building-modal-row .calc-building-status-tag.is-locked{background-color:var(--bg-surface-tertiary);color:var(--text-muted);border:1px solid var(--border-primary)}.calc-building-modal-row .calc-building-status-tag.is-sunset{background-color:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.calc-building-modal-row .calc-building-status-tag.is-th-max{background-color:var(--bg-surface-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.calc-building-modal-row__stats,.calc-building-modal-row .calc-building-stats{display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;line-height:1;white-space:nowrap}@media(max-width: 360px){.calc-building-modal-row__stats,.calc-building-modal-row .calc-building-stats{font-size:var(--font-size-2xs, 0.6875rem)}}.calc-building-modal-row .calc-building-stat--lvl{color:var(--text-secondary)}.calc-building-modal-row .calc-building-stat--hp{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.calc-building-modal-row .calc-building-stat-sep{color:var(--text-muted);user-select:none;padding:0 1px}.calc-building-modal-row__controls{display:flex;align-items:center;gap:8px;width:100%}.calc-building-modal-row__controls .calc-stepper-track{flex:1;min-width:140px}.calc-building-modal-row .calc-building-supercharge-wrap{display:flex;align-items:center;flex-shrink:0}.calc-building-modal-row .calc-building-supercharge-wrap.is-hidden{display:none}.calc-building-modal-row .calc-building-supercharge-wrap.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.calc-building-modal-row .calc-building-supercharge-wrap .calc-supercharge-pills{height:28px;padding:2px;gap:2px;border-radius:4px;box-sizing:border-box}.calc-building-modal-row .calc-building-supercharge-wrap .calc-supercharge-pill{height:22px;min-width:24px;padding:0 6px;border-radius:2px;box-sizing:border-box}.calc-building-modal-row .calc-building-supercharge-wrap .calc-supercharge-pill .calc-supercharge-pips--compact{gap:1px}.calc-building-modal-row .calc-building-supercharge-wrap .calc-supercharge-pill .calc-supercharge-pips--compact .calc-supercharge-pip{height:12px;width:auto;max-width:9px}.calc-building-empty-search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm, 0.8125rem)}.calc-building-empty-search.is-hidden{display:none}#calc-target-combos-modal .calc-target-combos-modal-content{max-width:580px;width:100%;height:calc(100vh - 48px);height:calc(100dvh - 48px);box-sizing:border-box}#calc-target-combos-modal .calc-target-combos-modal-body{padding:0 12px 12px;overflow-y:auto;flex:1;min-height:0}@media(max-width: 625px){#calc-target-combos-modal .calc-target-combos-modal-body{padding:0 8px 8px}}.calc-target-combos-sticky-header{position:sticky;top:0;z-index:10;background-color:var(--bg-surface-secondary);padding-top:12px;padding-bottom:4px}@media(max-width: 625px){.calc-target-combos-sticky-header{padding-top:8px;padding-bottom:2px}}.calc-target-combos-sheet{display:flex;flex-direction:column;gap:12px}.calc-target-combos-overview{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px}@media(max-width: 480px){.calc-target-combos-overview{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"thumb title" "thumb hp" "control control";gap:4px 8px;padding:8px}}.calc-target-combos-overview__thumb-wrapper{position:relative;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px}@media(max-width: 480px){.calc-target-combos-overview__thumb-wrapper{grid-area:thumb;align-self:center;width:48px;height:48px}}.calc-target-combos-overview__thumb{width:56px;height:56px;object-fit:contain}@media(max-width: 480px){.calc-target-combos-overview__thumb{width:42px;height:42px}}.calc-target-combos-overview__seasonal-badge{position:absolute;top:-4px;left:-4px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background-color:color-mix(in srgb, var(--bg-surface-tertiary) 90%, black);border:1px solid var(--border-primary);color:var(--accent-primary);border-radius:9999px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-target-combos-overview__meta{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}@media(max-width: 480px){.calc-target-combos-overview__meta{display:contents}}.calc-target-combos-overview__title-row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:28px}@media(max-width: 480px){.calc-target-combos-overview__title-row{grid-area:title;min-width:0}}@media(max-width: 360px){.calc-target-combos-overview__title-row{min-height:24px}}.calc-target-combos-overview__name{margin:0;font-size:var(--font-size-md, 0.9375rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-target-combos-overview__reset-btn{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 8px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;color:var(--text-secondary);font-size:var(--font-size-xs, 0.75rem);font-weight:500;cursor:pointer;box-sizing:border-box;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1);flex-shrink:0}.calc-target-combos-overview__reset-btn:hover{color:var(--accent-primary);border-color:var(--border-accent);background-color:var(--bg-surface-primary)}@media(max-width: 360px){.calc-target-combos-overview__reset-btn{height:24px;padding:0 4px;font-size:var(--font-size-2xs, 0.6875rem);white-space:nowrap}}.calc-target-combos-overview__hp-row{display:flex;align-items:center;gap:4px}@media(max-width: 480px){.calc-target-combos-overview__hp-row{grid-area:hp;min-width:0}}.calc-target-combos-overview__sep{color:var(--text-muted);font-size:var(--font-size-xs, 0.75rem);user-select:none}.calc-target-combos-overview__hp{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--accent-primary)}.calc-target-combos-overview__level-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calc-target-combos-overview__level-control .calc-stepper-track{flex:1;min-width:140px}@media(max-width: 480px){.calc-target-combos-overview__level-control{grid-area:control;width:100%;flex-wrap:nowrap;gap:4px}.calc-target-combos-overview__level-control .calc-stepper-track{min-width:0}}.calc-target-combos-overview__level-label{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);white-space:nowrap}@media(max-width: 360px){.calc-target-combos-overview__level-label{font-size:var(--font-size-2xs, 0.6875rem)}}.calc-target-combos-overview__supercharge{display:inline-flex;align-items:center;gap:2px;color:var(--color-info)}.calc-target-combos-overview__th-max{margin-left:auto;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);white-space:nowrap}@media(max-width: 360px){.calc-target-combos-overview__th-max{font-size:var(--font-size-2xs, 0.6875rem)}}.calc-target-combos-overview .calc-target-modal-slider-wrap{flex:1;min-width:60px}@media(max-width: 480px){.calc-target-combos-overview .calc-target-modal-slider-wrap{min-width:0}}.calc-target-combos-overview .calc-target-modal-supercharge-wrap{display:inline-flex;align-items:center;flex-shrink:0}.calc-target-combos-overview .calc-target-modal-supercharge-wrap.is-disabled{opacity:.5}.calc-target-combos-list-wrapper{display:flex;flex-direction:column;gap:4px}.calc-target-combos-list-header{display:flex;align-items:center;justify-content:space-between}.calc-target-combos-list-title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.calc-target-combos-list{display:flex;flex-direction:column;gap:4px}.calc-target-combo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-target-combo-row:hover{background-color:var(--bg-surface-tertiary)}.calc-target-combo-row.is-selected{border-color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface-secondary))}.calc-target-combo-row__badges{display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-width:0}.calc-target-combo-row__badges .calc-combo-item{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0}.calc-target-combo-row__badges .calc-combo-plus{margin-inline:0;font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-muted);user-select:none;line-height:1}.calc-target-combo-row__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.calc-target-combo-row__info-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;color:var(--text-muted);cursor:pointer;box-sizing:border-box;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-target-combo-row__info-btn:hover{color:var(--accent-primary);border-color:var(--border-accent);background-color:var(--bg-surface-primary)}.calc-target-combo-row__shared-pill{display:inline-flex;align-items:center;gap:2px;height:32px;padding:0 8px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;border-radius:9999px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;box-sizing:border-box;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-target-combo-row__shared-pill:hover{color:var(--text-primary);border-color:var(--border-accent);background-color:var(--bg-surface-primary)}.calc-target-combo-row__shared-pill:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.calc-target-combo-row__default-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 8px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;border-radius:9999px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);box-sizing:border-box;line-height:1;user-select:none}.calc-target-combo-row__selected-pill{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:104px;height:32px;padding:0 12px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;border-radius:9999px;background-color:var(--accent-primary);color:var(--text-on-accent);box-sizing:border-box}.calc-target-combo-row__select-btn{display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:32px;padding:0 12px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;border-radius:9999px;box-sizing:border-box}@media(max-width: 480px){.calc-target-combo-row__selected-pill,.calc-target-combo-row__select-btn{min-width:96px;padding-inline:8px}}@media(max-width: 360px){.calc-target-combo-row{gap:2px;padding:4px}.calc-target-combo-row__actions{gap:2px;flex-wrap:wrap;justify-content:flex-end}.calc-target-combo-row__shared-pill,.calc-target-combo-row__default-pill,.calc-target-combo-row__select-btn,.calc-target-combo-row__selected-pill{padding-inline:4px;font-size:var(--font-size-2xs, 0.6875rem)}.calc-target-combo-row__selected-pill,.calc-target-combo-row__select-btn{min-width:80px}}.calc-target-combos-collapse{border:1px solid var(--border-primary);border-radius:8px;background-color:var(--bg-surface-secondary);overflow:hidden;margin-top:4px}.calc-target-combos-collapse[open] .calc-target-combos-collapse__icon{transform:rotate(180deg)}.calc-target-combos-collapse__summary{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;user-select:none;list-style:none}.calc-target-combos-collapse__summary::-webkit-details-marker{display:none}.calc-target-combos-collapse__summary:hover{background-color:var(--bg-surface-tertiary)}.calc-target-combos-collapse__title{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;gap:2px}.calc-target-combos-collapse__count{color:var(--text-muted);font-weight:400}.calc-target-combos-collapse__icon{color:var(--text-muted);transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-target-combos-collapse__content{display:flex;flex-direction:column;gap:4px;padding:4px;border-top:1px solid var(--border-primary);background-color:var(--bg-surface-primary)}.calc-shared-defenses-list{display:flex;flex-direction:column;gap:4px;margin-block-start:2px}.calc-shared-defense-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-primary)}.calc-shared-defense-item__img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.calc-shared-defense-item__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.info-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--text-muted);padding:2px;border-radius:4px;cursor:pointer;line-height:1;vertical-align:middle;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.info-btn:hover{color:var(--accent-primary);background-color:var(--bg-surface-secondary)}.info-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.calc-note-badge{display:inline-flex;align-items:center;gap:4px;padding-block:2px;padding-inline:4px;border-radius:4px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-note-badge:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--bg-surface-tertiary)}.calc-note-badge:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.calc-breakdown-list{display:flex;flex-direction:column;gap:2px;margin-block-start:2px}.calc-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-xs, 0.75rem);gap:8px;color:var(--text-secondary)}.calc-breakdown-row>:first-child{min-width:0;flex:1 1 auto}.calc-breakdown-row>:last-child:not(:only-child){flex-shrink:0;text-align:end;min-width:0}.calc-breakdown-row--total{font-weight:var(--font-weight-bold, 700);color:var(--text-primary);border-block-start:1px solid var(--border-primary);padding-block-start:2px;margin-block-start:2px}.calc-breakdown-row--overkill{font-weight:var(--font-weight-bold, 700);color:var(--color-success);border-block-start:1px solid var(--border-primary);padding-block-start:2px;margin-block-start:2px}.calc-breakdown-row--total+.calc-breakdown-row--overkill{border-block-start:none;padding-block-start:0;margin-block-start:0}.calc-breakdown-row--remaining{font-weight:var(--font-weight-bold, 700);color:var(--color-danger)}.calc-breakdown-row--remaining:not(.calc-breakdown-row--total){border-block-start:1px solid var(--border-primary);padding-block-start:2px;margin-block-start:2px}.calc-breakdown-row--total+.calc-breakdown-row--remaining{border-block-start:none;padding-block-start:0;margin-block-start:0}.calc-breakdown-meta{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);font-weight:400;margin-inline-start:2px}.calc-popover-stat-list{margin:0;padding-inline-start:12px;display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs, 0.75rem);line-height:1.35;color:var(--text-secondary)}.calc-popover-stat-list li strong{color:var(--text-primary);font-weight:600}.calc-popover-diminishing-section{margin-block-start:4px;padding-block-start:4px;border-block-start:1px dashed var(--border-primary)}.calc-popover-diminishing-title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin-block-end:2px;text-transform:uppercase;letter-spacing:.5px}.calc-tradeoffs-container{display:flex;flex-direction:column;gap:4px;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;box-sizing:border-box;width:100%}.calc-tradeoffs-container__header{display:flex;justify-content:space-between;align-items:center;gap:4px}.calc-tradeoffs-container__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.calc-tradeoffs-container__pills{display:flex;flex-wrap:wrap;gap:4px;width:100%}.calc-tradeoff-pill{display:inline-flex;align-items:center;gap:4px;padding-block:4px;padding-inline:8px;background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:8px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);cursor:pointer;min-height:44px;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-tradeoff-pill:hover{background-color:var(--bg-surface-tertiary);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));color:var(--text-primary)}.calc-tradeoff-pill:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.calc-tradeoff-pill.is-active{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.calc-tradeoff-pill--overcapacity{opacity:.65;border-style:dashed}.calc-tradeoff-pill--overcapacity:hover{opacity:.95;border-style:solid}.calc-tradeoff-pill--overcapacity.is-active{opacity:1;border-style:solid;border-color:var(--color-warning);background-color:var(--color-warning-soft);color:var(--color-warning)}.calc-tradeoff-pill--overcapacity.is-active .calc-tradeoff-pill__tag{color:var(--color-warning)}.calc-tradeoff-pill__spells{display:inline-flex;align-items:center;gap:2px;line-height:1}.calc-tradeoff-pill__tag{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.03em;line-height:1}.calc-tradeoff-pill__tag--optimal{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:9999px}.calc-tradeoff-pill__tag--optimal svg,.calc-tradeoff-pill__tag--optimal clashcalc-assets-svg,.calc-tradeoff-pill__tag--optimal orecalc-assets-svg{display:inline-flex;width:12px;height:12px;fill:currentColor}.calc-tradeoff-pill__spell-icon{width:16px;height:16px;object-fit:contain;display:inline-block;vertical-align:middle;flex-shrink:0}.calc-tradeoff-spell-item{display:inline-flex;align-items:center;gap:3px;line-height:1}.calc-tradeoff-plus{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);font-weight:var(--font-weight-bold, 700);line-height:1;padding-inline:1px}.solution-hero-card .calc-tradeoffs-container{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0;margin-block-start:0}.calc-mobile-dock-backdrop{display:none}@media(max-width: 625px){.calc-mobile-dock-backdrop{position:fixed;inset:0;z-index:39;background-color:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 250ms cubic-bezier(0.25, 1, 0.5, 1)}.calc-mobile-dock-backdrop.is-active{display:block;opacity:1;pointer-events:auto}}.calc-mobile-spell-dock{display:none}@media(max-width: 625px){.calc-mobile-spell-dock{display:flex;flex-direction:column-reverse;position:fixed;bottom:calc(81px + 4px);left:15px;right:15px;z-index:30;background-color:color-mix(in srgb, var(--bg-surface-primary) 95%, transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:12px;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);padding-inline:12px;padding-block:4px;box-sizing:border-box;overflow:hidden;transition:transform 400ms cubic-bezier(0.16, 1, 0.3, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms,box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1)}.calc-mobile-spell-dock.is-expanded{z-index:40;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));transform:translateY(0);opacity:1;pointer-events:auto}.calc-mobile-spell-dock.is-scrolled-down:not(.is-expanded),.calc-mobile-spell-dock.is-hidden:not(.is-expanded){transform:translateY(calc(100% + 90px));opacity:0;pointer-events:none}}@media(max-width: 360px){.calc-mobile-spell-dock{left:8px;right:8px;padding-inline:8px}}.calc-mobile-spell-dock__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;width:100%;box-sizing:border-box;cursor:pointer;user-select:none}.calc-mobile-spell-dock__title{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);white-space:nowrap;user-select:none;flex-shrink:0}.calc-mobile-spell-dock__title--indestructible{color:var(--color-warning)}.calc-mobile-spell-dock__recipe{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;max-width:55%;overflow-x:auto;scrollbar-width:none}.calc-mobile-spell-dock__recipe::-webkit-scrollbar{display:none}.calc-mobile-spell-dock__recipe .calc-combo-item{display:inline-flex;align-items:center;gap:4px}.calc-mobile-spell-dock__recipe .calc-combo-plus{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);font-weight:var(--font-weight-bold, 700);user-select:none}.calc-mobile-spell-dock__recipe .calc-equip-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:2px;width:36px;height:36px;background-color:var(--bg-surface-tertiary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:8px;box-sizing:border-box}.calc-mobile-spell-dock__recipe .calc-equip-badge__icon{width:28px;height:28px;object-fit:contain}.calc-mobile-spell-dock__recipe .calc-spell-badge{padding-block:2px;padding-inline-start:4px;padding-inline-end:2px;gap:2px;height:36px;box-sizing:border-box}.calc-mobile-spell-dock__recipe .calc-spell-badge__multiplier{font-size:var(--font-size-xs, 0.75rem)}.calc-mobile-spell-dock__recipe .calc-spell-badge__icon{width:28px;height:28px}.calc-mobile-spell-dock__toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;flex-shrink:0;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:8px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),transform 150ms cubic-bezier(0.2, 0, 0, 1)}.calc-mobile-spell-dock__toggle:hover{background-color:var(--bg-surface-tertiary)}.calc-mobile-spell-dock__toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.calc-mobile-spell-dock__chevron{transform:rotate(180deg);transition:transform 400ms cubic-bezier(0.16, 1, 0.3, 1)}.calc-mobile-spell-dock__chevron.is-expanded{transform:rotate(0deg)}.calc-mobile-spell-dock__drawer{display:flex;flex-direction:column;gap:12px;height:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(24px);padding-block:0;border-bottom:1px solid rgba(0,0,0,0);margin-block-end:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-primary) 35%, transparent) rgba(0,0,0,0);transition:height 400ms cubic-bezier(0.16, 1, 0.3, 1),max-height 400ms cubic-bezier(0.16, 1, 0.3, 1),transform 400ms cubic-bezier(0.16, 1, 0.3, 1),opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),visibility 400ms cubic-bezier(0.16, 1, 0.3, 1),padding 400ms cubic-bezier(0.16, 1, 0.3, 1),margin 400ms cubic-bezier(0.16, 1, 0.3, 1),border-color 150ms}.calc-mobile-spell-dock__drawer::-webkit-scrollbar{width:4px}.calc-mobile-spell-dock__drawer::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.calc-mobile-spell-dock__drawer::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--accent-primary) 35%, transparent);border-radius:9999px}.calc-mobile-spell-dock__drawer.is-expanded{height:calc(100dvh - (81px + 4px) - 48px - 16px - 32px - env(safe-area-inset-top, 0px));max-height:calc(100dvh - (81px + 4px) - 48px - 16px - 32px - env(safe-area-inset-top, 0px));opacity:1;visibility:visible;overflow-y:auto;transform:translateY(0);padding-block-start:12px;padding-block-end:8px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);margin-block-end:4px}body:has(#zq-search-input:focus) .calc-mobile-spell-dock:not(.is-expanded){transform:translateY(calc(100% + 90px));opacity:0;pointer-events:none}body:has(dialog.modal[open]) .calc-mobile-spell-dock,body:has(.modal.show) .calc-mobile-spell-dock,body:has(dialog.navigation-drawer[open]) .calc-mobile-spell-dock,body:has(.app-account-popover.is-open) .calc-mobile-spell-dock{opacity:0 !important;pointer-events:none !important;visibility:hidden !important}body:has(dialog.modal[open]) .calc-mobile-dock-backdrop,body:has(.modal.show) .calc-mobile-dock-backdrop,body:has(dialog.navigation-drawer[open]) .calc-mobile-dock-backdrop,body:has(.app-account-popover.is-open) .calc-mobile-dock-backdrop{display:none !important}/*# sourceMappingURL=damage-calculator.min.css.map */