.info{width:100%;text-align:center;margin-top:50px}.loading-text{color:var(--text-muted);font-size:.9rem;padding:16px 0;text-align:center}.picker:last-child{margin-bottom:0}.slot,.empty-slot{min-height:36px}.empty-slot{padding:0!important}button.slot{border:1px solid var(--border-color, #555);padding:6px 10px;text-align:left;background-color:var(--bg-color, var(--secondary-color));color:var(--text-color);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}button.slot:hover{background-color:var(--hover-color);border-color:var(--border-hover, var(--border-color, #555))}button.slot:disabled{background-color:var(--disabled-color);color:var(--text-muted, #999);cursor:not-allowed}.picker{border:1px solid var(--text-color);height:300px;overflow:hidden;margin-bottom:10px}.file-input-hidden{display:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.layout-a{position:relative;width:100%}.layout-a:after{content:"";display:block;clear:both}.loadout-sidebar-float{float:right;width:clamp(260px,28vw,320px);margin:0 0 0 20px;display:flex;flex-direction:column;gap:12px}.mobile-panel-overview{margin:0 0 12px;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:10px;padding:6px}.mobile-panel-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mobile-panel-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #999);font-size:10px;cursor:pointer}.mobile-panel-button svg{width:16px;height:16px}.mobile-panel-button:hover{background-color:var(--hover-color);color:var(--text-color)}.mobile-panel-button:disabled{opacity:.4;cursor:not-allowed}.mobile-panel-button:disabled:hover{background:transparent;color:var(--text-muted, #999)}.mobile-panel-button.active{color:var(--text-color);border-color:var(--accent-color);background-color:var(--hover-color)}.mobile-panels{touch-action:pan-y}.mobile-panels-track{display:block;transition:transform .35s ease;will-change:transform;width:100%}.mobile-panels-track.swiping{transition:none}.mobile-panel{display:contents}.loadout-infobox-card{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.infobox-header{text-align:center;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.infobox-title{font-size:18px;font-weight:600;color:var(--text-color)}.infobox-name-input{width:calc(100% - 12px);margin:0 6px;background-color:var(--bg-color, var(--secondary-color));color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;font-size:16px;font-weight:600;text-align:center;box-sizing:border-box}.infobox-name-input::placeholder{color:var(--text-muted);font-weight:500}.stats-section{padding:12px;background-color:var(--bg-color, var(--primary-color));border-radius:6px}.stats-section.tier-1{background-color:var(--bg-color, var(--primary-color));border:1px solid var(--accent-color)}.stats-section.tier-1 .stat-row.primary{background-color:var(--hover-color);border-radius:4px;padding:6px 10px;margin-bottom:6px}.stats-section.tier-1 .stat-row.primary:last-child{margin-bottom:0}.stats-section.tier-1 .stat-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;font-weight:600}.stats-section.tier-1 .stat-value{color:var(--text-color);font-size:16px;font-weight:700}.section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0;font-size:13px}.stat-label{color:var(--text-muted)}.stat-value{font-weight:500;color:var(--text-color);text-align:right}.stats-empty{padding:12px;text-align:center;color:var(--text-muted);font-size:12px}.buff-summary{display:flex;flex-direction:column;gap:10px}.buff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.buff-empty{text-align:center;color:var(--text-muted, #999);padding:12px 8px}.buff-panel{border:1px solid var(--border-color, #555);border-radius:8px;background-color:var(--bg-color, var(--primary-color));padding:10px 12px;display:flex;flex-direction:column;gap:8px}.buff-panel-title{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.buff-list{display:grid;gap:6px}.effects-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.effect-item{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;background-color:var(--bg-color, var(--primary-color));border-radius:4px;font-size:13px;border-left:3px solid transparent}.effect-item.equip{border-left-color:var(--success-color, #4ade80)}.effect-name{font-weight:500;color:var(--text-color)}.effect-details{display:flex;align-items:center;gap:8px;color:var(--text-muted, #999);font-size:12px}.effect-value{font-weight:600;color:var(--text-color)}.effect-value.positive{color:var(--success-color, #4ade80)}.effect-value.negative{color:var(--error-color, #ff6b6b)}.effect-toggle{width:100%;text-align:left;outline:none;cursor:pointer;font:inherit;color:inherit;background:inherit;border:none;border-left:3px solid transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:13px;line-height:1.2}.effect-toggle:hover{background-color:var(--hover-color)}.effect-toggle.open{background-color:var(--hover-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.cap-breakdown{border:1px solid var(--border-color, #555);border-top:none;border-left:3px solid var(--success-color, #4ade80);border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:var(--bg-color, var(--primary-color));padding:8px 12px 10px;display:grid}.cap-breakdown-inner{display:grid;gap:6px}.cap-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-color)}.cap-label{color:var(--text-muted, #999);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.cap-metric{font-weight:600;color:var(--text-color);text-align:right;white-space:nowrap}.cap-over{color:var(--warning-color, #facc15)}.buff-details-item{border:1px solid var(--border-color, #555);border-radius:8px;background-color:var(--bg-color, var(--primary-color));padding:6px 8px}.buff-summary-row{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}.buff-summary-row::-webkit-details-marker{display:none}.buff-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.buff-value{font-weight:700;color:var(--text-color)}.buff-value.negative{color:var(--error-color, #ff6b6b)}.buff-details-body{margin-top:8px;display:grid;gap:6px;font-size:12px}.buff-detail-row{font-size:12px;color:var(--text-color)}.buff-detail-row.total{font-weight:600}.buff-cap{margin-left:6px;font-size:11px;color:var(--text-muted, #999)}.buff-detail-sources{font-size:11px;color:var(--text-muted, #999)}.loadout-settings-panel .data-section{margin-bottom:0}.loadout-settings-panel .section-content,.loadout-article .section-content{padding:12px}:global(.loadout-article .data-section){margin-bottom:0}:global(.loadout-article .data-section.expanded>.section-header){border-bottom-color:transparent!important}.wiki-article{overflow:hidden}.loadout-article{display:flex;flex-direction:column;gap:16px}.loadout-sidebar{display:flex;flex-direction:column;gap:12px;height:100%;padding:12px 12px 16px;box-sizing:border-box}.loadout-sidebar.mobile{padding:10px 8px 14px}.sidebar-header{display:flex;flex-direction:column;gap:8px}.sidebar-title{font-size:16px;font-weight:600;color:var(--text-color)}.sidebar-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar-toggle button{padding:6px 8px;font-size:11px;border:1px solid var(--border-color, #555);border-radius:6px;background-color:transparent;color:var(--text-muted, #999);cursor:pointer}.sidebar-toggle button.active{background-color:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.sidebar-toggle button:disabled{opacity:.5;cursor:not-allowed}.sidebar-search input{width:100%;padding:6px 8px;font-size:12px;background-color:var(--input-bg, var(--secondary-color));border:1px solid var(--border-color, #555);border-radius:6px;color:var(--text-color);box-sizing:border-box}.sidebar-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sidebar-btn{padding:6px 8px;font-size:11px;border:1px solid var(--border-color, #555);border-radius:6px;background-color:var(--hover-color);color:var(--text-color);cursor:pointer;transition:all .15s ease}.sidebar-btn.neutral{border-color:var(--border-color, #555);color:var(--text-color)}.sidebar-btn.accent{border-color:var(--accent-color, #4a9eff);color:var(--accent-color, #4a9eff);background-color:#4a9eff26}.sidebar-btn.danger{border-color:var(--error-color, #ff6b6b);color:var(--error-color, #ff6b6b);background-color:#ef44441f}.sidebar-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}.sidebar-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.sidebar-status{font-size:11px;color:var(--text-muted, #999)}.sidebar-status.error{color:var(--error-color, #ff6b6b)}.sidebar-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}.sidebar-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background-color:transparent;color:var(--text-color);cursor:pointer;text-align:left}.sidebar-item:hover{background-color:var(--hover-color)}.sidebar-item.active{background-color:var(--accent-color, #4a9eff);color:#fff}.sidebar-item.active:hover{background-color:var(--accent-color-hover, #3a8eef);color:#fff}.sidebar-item.active .item-visibility{color:#fffc}.item-name{font-size:12px;font-weight:500}.item-visibility{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted, #999)}.item-badge{font-size:10px;padding:2px 6px;border-radius:999px;background-color:var(--accent-color, #4a9eff);color:#fff}.sidebar-empty{padding:12px;text-align:center;color:var(--text-muted, #999);font-size:12px;border:1px dashed var(--border-color, #555);border-radius:6px}.loadout-article .article-title{margin-top:0}.section-action{padding:4px 8px;font-size:11px;border:1px dashed var(--border-color, #555);border-radius:6px;background-color:transparent;color:var(--text-muted, #999);cursor:pointer}.loadout-header-actions{display:flex;gap:8px;flex-shrink:0}.loadout-header-actions .action-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:34px;padding:0 10px;background-color:var(--accent-color);border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;transition:all .15s;box-sizing:border-box;position:relative}.loadout-header-actions .action-btn .action-icon{width:16px;height:16px}.loadout-header-actions .action-btn .action-label{font-size:12px;font-weight:600;white-space:nowrap}.loadout-header-actions .action-btn:hover{background-color:var(--button-accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.loadout-header-actions .action-btn.create{background-color:var(--success-color)}.loadout-header-actions .action-btn.create:hover{background-color:var(--button-success-hover)}.loadout-header-actions .action-btn.save{background-color:var(--success-color)}.loadout-header-actions .action-btn.save:hover{background-color:var(--button-success-hover)}.loadout-header-actions .action-btn.cancel{background-color:var(--error-color, #ff6b6b)}.loadout-header-actions .action-btn.cancel:hover{background-color:#ff5252}.loadout-header-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.loadout-header-actions .action-btn:disabled:hover{background-color:var(--accent-color);transform:none;box-shadow:none}.loadout-header-actions .action-btn.save:disabled:hover{background-color:var(--success-color)}.loadout-header-actions .action-btn.save.dirty{border-color:var(--accent-color)}.save-countdown{position:absolute;top:-6px;right:-6px;font-size:10px;padding:2px 4px;border-radius:999px;background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color, #555)}.loadout-header-actions .action-btn.share.public:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:999px;background-color:var(--success-color);box-shadow:0 0 0 2px var(--secondary-color)}.loadout-header-actions .action-btn.local{background-color:var(--secondary-color);border-color:var(--border-color, #555);color:var(--text-color)}.loadout-header-actions .action-btn.local:disabled:hover{background-color:var(--secondary-color);border-color:var(--border-color, #555)}.save-status{padding:8px 12px;border:1px solid var(--border-color, #555);border-radius:6px;font-size:12px;color:var(--text-muted, #999);margin-bottom:12px}.save-status.error{border-color:var(--error-color, #ff6b6b);color:var(--error-color, #ff6b6b)}.compare-table{overflow:hidden}.compare-layout{width:100%}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.compare-toolbar-left,.compare-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.compare-segment{display:inline-flex;border:1px solid var(--border-color, #555);border-radius:8px;overflow:hidden;background-color:var(--secondary-color)}.compare-segment button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted, #999);padding:7px 10px;font-size:12px;cursor:pointer;line-height:1}.compare-segment button:hover{color:var(--text-color);background-color:var(--hover-color)}.compare-segment button.active{color:var(--text-color);background-color:var(--hover-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.compare-segment button:disabled{opacity:.4;cursor:not-allowed}.compare-search input{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border-color, #555);background-color:var(--secondary-color);color:var(--text-color);min-width:220px;max-width:100%;box-sizing:border-box}.compare-search{min-width:0}.compare-search input::placeholder{color:var(--text-muted, #999)}.compare-menu{position:relative;display:inline-flex}.compare-menu-btn{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border-color, #555);background-color:var(--secondary-color);color:var(--text-color);font-size:12px;cursor:pointer}.compare-menu-btn:hover{background-color:var(--hover-color)}.compare-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:280px;max-width:70vw;background-color:var(--secondary-color);border:1px solid var(--border-color, #555);border-radius:10px;box-shadow:0 14px 30px #00000059;padding:10px}.compare-popover-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.compare-popover-title{font-size:12px;font-weight:600;color:var(--text-color)}.compare-popover-reset{height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--border-color, #555);background-color:transparent;color:var(--text-muted, #999);font-size:12px;cursor:pointer}.compare-popover-reset:hover{color:var(--text-color);background-color:var(--hover-color)}.compare-popover-empty{color:var(--text-muted, #999);font-size:12px;padding:10px 2px;text-align:center}.compare-popover-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.compare-popover-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px dashed var(--border-color, #555);background:transparent;color:var(--text-color);border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left}.compare-popover-item:hover{background-color:var(--hover-color)}.compare-popover-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.compare-popover-action{color:var(--text-muted, #999);font-size:11px;flex:0 0 auto}.compare-columns-grid{display:grid;grid-template-columns:1fr;gap:8px}.compare-col-toggle{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--text-color);-webkit-user-select:none;user-select:none}.compare-col-toggle input{width:14px;height:14px;accent-color:var(--accent-color)}.compare-table-wrap :global(.fancy-table-container){height:calc((12 * var(--compare-row-height, 38px)) + 28px)}.compare-row-action{width:30px;height:30px;margin-right:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-color, #555);background-color:transparent;color:var(--text-muted, #999);cursor:pointer}.compare-row-action:hover{background-color:var(--hover-color);color:var(--text-color)}.compare-row-action:disabled{opacity:.45;cursor:not-allowed;background-color:transparent}.compare-row-action:disabled:hover{background-color:transparent;color:var(--text-muted, #999)}.compare-row-action svg{width:16px;height:16px}.cmp-action-cell{padding-right:22px}.cmp-name{font-size:12px;color:var(--text-color)}.cmp-name.anchor{font-weight:600;color:var(--accent-color)}.cmp-types{font-size:12px;color:var(--text-color)}.cmp-num{text-align:right;font-variant-numeric:tabular-nums}.cmp-pos{color:var(--success-color, #4ade80)}.cmp-neg{color:var(--error-color, #ff6b6b)}.compare-exit-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-color, #555);background-color:transparent;color:var(--text-muted, #999);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.compare-exit-btn:hover{background-color:var(--hover-color);color:var(--text-color)}.compare-exit-btn svg{width:16px;height:16px}.panel-grid{display:grid;gap:12px}.panel-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel-block{display:flex;flex-direction:column;gap:10px;background-color:var(--bg-color, var(--primary-color));border:1px solid var(--border-color, #555);border-radius:8px;padding:10px}.panel-title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #999)}.panel-divider{height:1px;background-color:var(--border-color, #555);margin:12px 0}.panel-divider.compact{margin:10px 0}.form-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 10px;align-items:center}.form-grid.compact{grid-template-columns:110px minmax(0,1fr)}.form-label{font-size:12px;color:var(--text-muted, #999)}.form-label.sub-label{display:flex;align-items:center;gap:6px;padding-left:10px}.branch-icon{display:inline-flex;color:var(--text-muted, #999)}.form-grid input,.enhancer-grid input,.armor-grid input{width:100%;background-color:var(--bg-color, var(--secondary-color));color:var(--text-color);border:1px solid var(--border-color, #555);border-radius:4px;padding:6px 8px;box-sizing:border-box}.select-button{width:100%;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.control-row{display:flex;align-items:center;gap:8px;width:100%}.control-row .select-button{flex:1 1 0}.markup-field{display:inline-flex;align-items:center;gap:6px}.markup-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #999)}.markup-input{width:72px;background-color:var(--bg-color, var(--secondary-color));color:var(--text-color);border:1px solid var(--border-color, #555);border-radius:4px;padding:4px 6px;box-sizing:border-box;text-align:left;font-size:12px}.compact-input{width:90px;background-color:var(--bg-color, var(--secondary-color));color:var(--text-color);border:1px solid var(--border-color, #555);border-radius:4px;padding:6px 8px;box-sizing:border-box;text-align:left}.placeholder-text{color:var(--text-muted, #999)}.placeholder-muted{color:var(--text-muted, #999);opacity:.7}.reset-btn{align-self:flex-start;padding:6px 10px;border:1px dashed var(--border-color, #555);border-radius:6px;background-color:transparent;color:var(--text-muted, #999);cursor:pointer}.reset-btn.compact{margin-top:8px}.enhancer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 10px}.enhancer-field{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--border-color, #555);border-radius:6px;background-color:var(--bg-color, var(--primary-color))}.enhancer-field label{font-size:12px;color:var(--text-muted, #999)}.enhancer-field input{width:70px;padding:4px 6px}.checkbox-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-muted, #999)}.suffix{color:var(--text-muted, #999)}.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.option-input{display:flex;align-items:center;gap:6px}.armor-grid{display:grid;grid-template-columns:100px minmax(0,1fr) 90px minmax(0,1fr) 90px;gap:8px 12px;align-items:center}.armor-grid-header{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #999)}.armor-label{font-size:12px;color:var(--text-muted, #999)}.accessory-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.accessory-section{display:flex;flex-direction:column;gap:10px;background-color:var(--bg-color, var(--primary-color));border:1px solid var(--border-color, #555);border-radius:8px;padding:10px}.accessory-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.accessory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.accessory-grid.rings-pet-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.accessory-item{display:flex;flex-direction:column;gap:6px}.accessory-item.pet-select{grid-column:1 / -1}.add-accessory{padding:6px 10px;font-size:11px;border:1px dashed var(--border-color, #555);border-radius:6px;background-color:transparent;color:var(--text-muted, #999);cursor:pointer}.add-accessory:hover{border-color:var(--accent-color, #4a9eff);color:var(--accent-color, #4a9eff);background-color:var(--hover-color)}.pet-abilities{display:flex;flex-direction:column;gap:8px}.pet-abilities-empty{font-size:12px;color:var(--text-muted, #999);padding:8px;border:1px dashed var(--border-color, #555);border-radius:6px;background-color:var(--bg-color, var(--primary-color))}.pet-effect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.pet-effect-card{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border-color, #555);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);text-align:left;cursor:pointer}.pet-effect-card:hover:not(:disabled){border-color:var(--accent-color, #4a9eff);background-color:var(--hover-color)}.pet-effect-card:disabled{opacity:.5;cursor:not-allowed}.pet-effect-card.active{border-color:var(--accent-color, #4a9eff);box-shadow:0 0 0 1px var(--accent-color, #4a9eff);background-color:var(--hover-color)}.pet-effect-name{font-size:12px;font-weight:600}.pet-effect-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;font-size:10px;color:var(--text-muted, #999)}.pet-effect-stat{display:flex;flex-direction:column;gap:2px}.pet-effect-label{font-size:9px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted, #999)}.pet-effect-value{font-size:11px;font-weight:600;color:var(--text-color)}.pet-select .select-button.pet-active{border-color:var(--accent-color, #4a9eff);box-shadow:0 0 0 1px var(--accent-color, #4a9eff);background-color:var(--hover-color)}.clothing-warning{padding:8px;border-radius:6px;border:1px solid var(--warning-color, #f59e0b);background-color:#f59e0b1f;font-size:12px;color:var(--warning-color, #f59e0b)}.clothing-hint{font-size:11px;color:var(--text-muted, #999)}.clothing-empty{font-size:12px;color:var(--text-muted, #999);padding:8px;border:1px dashed var(--border-color, #555);border-radius:6px}.clothing-list{display:flex;flex-direction:column;gap:8px}.clothing-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--border-color, #555);border-radius:6px;background-color:var(--secondary-color)}.clothing-main{display:flex;flex-direction:column;gap:4px;min-width:0}.clothing-name{font-size:12px;font-weight:600;color:var(--text-color)}.clothing-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--text-muted, #999)}.clothing-slot{padding:2px 6px;border-radius:999px;background-color:var(--hover-color);color:var(--text-color)}.clothing-effects{padding:2px 6px;border-radius:999px;background-color:#4a9eff26;color:var(--accent-color, #4a9eff)}.clothing-remove{padding:4px 8px;font-size:11px;border-radius:6px;border:1px solid var(--border-color, #555);background-color:transparent;color:var(--text-muted, #999);cursor:pointer}.clothing-remove:hover{border-color:var(--error-color, #ff6b6b);color:var(--error-color, #ff6b6b);background-color:#ef44441f}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.settings-group-title{grid-column:1 / -1;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #999);margin-top:4px}.settings-divider{grid-column:1 / -1;height:1px;background-color:var(--border-color, #555);margin:2px 0 8px}.setting-row{display:flex;flex-direction:column;gap:4px}.setting-row label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #999)}.setting-row input{padding:6px 8px;font-size:12px;background-color:var(--input-bg, var(--secondary-color));border:1px solid var(--border-color, #555);border-radius:6px;color:var(--text-color)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.dialog{background-color:var(--secondary-color);border:1px solid var(--border-color, #555);border-radius:10px;width:min(520px,92vw);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.dialog.dialog-compact{width:min(520px,92vw)}.dialog.picker-dialog{width:min(980px,96vw);max-height:90vh}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color, #555)}.dialog-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #999);border-radius:4px}.close-btn:hover{color:var(--text-color);background-color:var(--hover-color)!important}.dialog-body{display:flex;flex-direction:column;gap:12px;padding:14px 18px;font-size:13px;color:var(--text-color);flex:1;min-height:0;overflow:auto}.dialog-body.picker-content{padding:12px 18px 18px}.picker-preview{display:flex;flex-direction:column;gap:12px;background-color:var(--secondary-color);border:1px solid var(--border-color, #555);border-radius:10px;padding:14px 16px}.picker-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #555)}.picker-preview-title{font-size:17px;font-weight:600;color:var(--text-color)}.picker-preview-link{padding:6px 10px;border:1px solid var(--border-color, #555);border-radius:6px;background-color:var(--hover-color);color:var(--text-color);font-size:12px;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.picker-preview-link:hover{color:#fff;background-color:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);text-decoration:none;transform:translateY(-1px)}.picker-preview-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 12px;font-size:12px;grid-auto-flow:row}.picker-preview-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.picker-preview-sections.single{grid-template-columns:repeat(2,minmax(220px,1fr))}.picker-preview-sections.single .picker-preview-section{grid-column:1 / -1;justify-self:center;width:min(100%,420px)}.picker-preview-section{border:1px solid var(--border-color, #555);border-radius:8px;padding:10px 12px;background-color:var(--bg-color, var(--primary-color))}.picker-preview-section.compact{padding:8px 10px}.picker-preview-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #999);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color, #555)}:global(.effects-compact .effects-title){font-size:12px}:global(.effects-compact .effect-item){padding:6px 10px;font-size:12px}:global(.effects-hide-title .effects-title){display:none}.picker-preview-label{color:var(--text-muted, #999);text-transform:uppercase;letter-spacing:.4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-preview-value{color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global(.picker-preview .stat-label){color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global(.picker-preview .stat-value){color:var(--text-color);font-size:13px;font-weight:500;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-table{height:min(70vh,520px);border:1px solid var(--border-color, #555);border-radius:8px;overflow:hidden;background-color:var(--bg-color, var(--secondary-color))}:global(.picker-table .picker-link){color:var(--text-color);text-decoration:none}:global(.picker-table .picker-link:hover){color:var(--accent-color, #4a9eff);text-decoration:underline}:global(.picker-table .picker-link-btn){display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color, #555);background-color:var(--hover-color);color:var(--text-color);text-decoration:none;font-size:12px}:global(.picker-table .picker-link-icon){width:14px;height:14px}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border-color, #555);flex-wrap:wrap}.dialog-btn{padding:6px 12px;font-size:12px;font-weight:600;border:1px solid var(--border-color, #555);border-radius:6px;background-color:var(--accent-color, #4a9eff);color:#fff;cursor:pointer}.dialog-btn:hover:not(:disabled){background-color:var(--accent-color-hover, #3a8eef)}.dialog-btn.secondary{background-color:var(--bg-color, var(--primary-color));color:var(--text-color)}.dialog-btn.secondary:hover:not(:disabled){background-color:var(--hover-color)}.dialog-btn:disabled{opacity:.6;cursor:not-allowed}.dialog-error{color:var(--error-color, #ff6b6b)}.toggle-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-color, #555);border-radius:8px;background-color:var(--bg-color, var(--primary-color));font-size:12px}.share-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.share-link-row input{padding:6px 8px;font-size:12px;background-color:var(--input-bg, var(--secondary-color));border:1px solid var(--border-color, #555);border-radius:6px;color:var(--text-color)}.btn-copy{padding:6px 10px;font-size:12px;border:1px solid var(--border-color, #555);border-radius:6px;background-color:var(--hover-color);color:var(--text-color);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn-copy:hover:not(:disabled){background-color:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.btn-copy:disabled{opacity:.5;cursor:not-allowed}.btn-copy.copied{background-color:#10b98133;border-color:var(--success-color, #4ade80);color:var(--success-color, #4ade80)}.btn-copy.error{background-color:#ef444433;border-color:var(--error-color, #ff6b6b);color:var(--error-color, #ff6b6b)}.share-hint{font-size:12px;color:var(--text-muted, #999)}.instructions{margin-top:12px;font-size:13px;color:var(--text-muted, #999)}@media (max-width: 1599px){.panel-grid.two-col,.accessory-panel{grid-template-columns:1fr}}@media (max-width: 899px){.loadout-sidebar-float{float:none;width:100%;margin:0}.loadout-header-actions{gap:6px}.loadout-header-actions .action-btn{width:32px;min-width:32px;height:32px;padding:0}.loadout-header-actions .action-label{display:none}.mobile-panels{width:100%;margin:0;box-sizing:border-box;overflow:hidden}.mobile-panels-track{display:flex}.loadout-sidebar-float,.loadout-article{display:contents}.mobile-panel{display:block;flex:0 0 100%;min-width:0;max-width:100%;padding:0 6px;box-sizing:border-box}.mobile-panel-overview{width:calc(100% - 12px);margin:0 6px 10px;box-sizing:border-box}.mobile-panel .control-row,.mobile-panel .select-button{min-width:0}.compare-toolbar{margin:0 6px 10px;flex-direction:column;align-items:stretch;gap:8px}.compare-search{width:100%;flex:1 1 100%;min-width:0}.compare-toolbar-left,.compare-toolbar-right{width:100%;justify-content:space-between;flex-wrap:wrap}.compare-segment{width:100%;justify-content:space-between}.compare-segment button{flex:1 1 0;text-align:center}.compare-search input{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.compare-table-wrap{padding:0 6px;box-sizing:border-box}.compare-table-wrap :global(.fancy-table-container){height:calc(100vh - 260px);min-height:260px}.mobile-panel-button span{font-size:9px}.loadout-infobox-card{padding:12px}.infobox-name-input{font-size:14px;padding:6px 8px}.panel-grid.two-col{grid-template-columns:1fr;gap:12px}.form-grid,.form-grid.compact{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:stretch}.markup-input,.compact-input{width:100%;text-align:left}.option-row{flex-direction:column;align-items:stretch}.armor-grid{grid-template-columns:1fr}.armor-grid-header{display:none}.panel-block{padding:10px;gap:10px}.panel-title{font-size:11px}.buff-grid{grid-template-columns:1fr}.buff-details-item{font-size:11px}.dialog-backdrop{padding:8px;align-items:center}.dialog-backdrop.picker-backdrop{align-items:center;padding:8px}.dialog{width:100%;max-width:100%;max-height:92vh;border-radius:12px}.dialog-header,.dialog-body,.dialog-footer{padding:12px 16px}.dialog.picker-dialog{width:100%;max-width:100%;height:auto;max-height:92vh;margin-top:0;border-radius:12px}.picker-table{height:min(60vh,360px)}.picker-preview-header{flex-direction:column;align-items:flex-start}.picker-preview-grid{grid-template-columns:140px minmax(0,1fr)}.picker-preview-sections{grid-template-columns:1fr}:global(.picker-table .hide-on-mobile){display:none!important}}