*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #a39bc2;--secondary-color: #64748b;--success-color: rgb(16, 183, 127);--success-color-bg: rgba(16, 183, 127, .1);--danger-color: rgb(239, 68, 68);--danger-color-bg: rgba(239, 68, 68, .1);--warning-color: #c77706;--btn-primary: #37538b;--btn-primary-active: #4e73bd;--btn-danger: rgb(156, 31, 31);--btn-danger-active: rgb(184, 49, 49);--border-color-danger: rgb(146, 57, 57);--bg-color: #0d0f11;--card-bg: #192641;--card-bg-light: #14315c;--card-bg-light-hover: #1e3e6e;--input-bg: #121a2f;--card-header-bg: #272930;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #3e5785;--border-color-light: #5875c5;--border-color-dark: #2a364b;--hover-bg: #283653;--cell-hover-bg: #2b3b5e;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--popup-bg: rgba(30, 32, 37, .8);--radius: 1px;--transition: all .3s ease;--tech-icon-selected-bg: #3d72bd;--tech-icon-selected-filter: brightness(0) saturate(100%) invert(96%) sepia(10%) saturate(6419%) hue-rotate(175deg) brightness(120%) contrast(95%);--tech-icon-unselected-filter: brightness(0) saturate(100%) invert(75%) sepia(16%) saturate(313%) hue-rotate(175deg) brightness(85%) contrast(85%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}.specialist-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;margin-top:1rem;box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;position:relative;z-index:20}.container{pointer-events:none}.container *{pointer-events:auto}.selected-specialists-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;min-height:40px;align-items:center;border-radius:var(--radius);border:1px solid var(--border-color)}.selected-specialist-item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;position:relative}.selected-specialist-icon{width:24px;height:24px;border-radius:4px}.selected-specialist-name{font-weight:500}.specialist-count-badge{background:var(--primary-color);color:#fff;padding:.125rem .375rem;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:.25rem}.remove-specialist-btn{background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:.25rem;transition:var(--transition)}.remove-specialist-btn:hover{background:#dc2626}.container{max-width:100%;margin:0 auto;padding:0 5px}.header{background-color:var(--card-header-bg);box-shadow:var(--shadow);position:relative;top:0}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav{display:flex;gap:2rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:var(--transition);padding:.5rem 1rem;border-radius:var(--radius)}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:#2563eb1a}.main{padding:0;min-height:calc(100vh - 80px);height:100%}.page-title{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.control-panel{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;align-items:end}.search-box{display:flex;flex-direction:column}.search-input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background-color:#0003;color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--primary-color)}.sort-controls{display:flex;flex-direction:column;gap:.5rem}.sort-controls label{font-weight:500;color:var(--text-secondary)}.sort-select{padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background-color:var(--card-bg);cursor:pointer;transition:var(--transition)}.sort-select:focus{outline:none;border-color:var(--primary-color)}.base-tech-panel h3{margin-bottom:1rem;color:var(--text-primary)}.view-controls{display:flex;flex-direction:column;gap:.5rem}.view-controls label{font-weight:500;color:var(--text-secondary)}.view-toggle-group{display:flex;gap:.5rem}.view-toggle-btn{display:flex;align-items:center;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--btn-primary);color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:.875rem}.view-toggle-btn:hover{background-color:var(--btn-primary-active);border-color:var(--border-color-light)}.view-toggle-btn.active{background-color:var(--btn-primary-active)}.view-toggle-btn .icon{width:.875rem;height:.875rem;font-size:1rem;margin-right:.25rem}.view-toggle-btn svg path{fill:var(--text-primary)}.clear-buttons .view-toggle-btn{border:1px solid var(--border-color-danger);background-color:var(--btn-danger)}.clear-buttons .view-toggle-btn:hover{background-color:var(--btn-danger-active)}.units-section{margin-top:2rem}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.unit-card{background-color:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition);cursor:pointer}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.unit-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.unit-icon{width:60px;height:60px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;object-fit:cover}.unit-type{font-size:.875rem;color:var(--text-secondary);background-color:var(--bg-color);padding:.25rem .5rem;border-radius:4px;margin-top:.25rem;display:inline-block}.unit-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--text-primary)}.vs-setup{background-color:var(--card-bg);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem}.vs-unit-selector{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start}.unit-selector-box{background-color:var(--bg-color);padding:1.5rem;border-radius:var(--radius)}.unit-selector-box h3{margin-bottom:1rem;color:var(--text-primary)}.unit-select{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;margin-bottom:1rem;cursor:pointer}.unit-config-panel{background-color:var(--popup-bg);padding:1rem;border-radius:var(--radius);border:1px solid var(--border-color);min-width:260px;max-width:400px;max-height:500px;overflow:auto}.global-config-panel-wrapper h4{margin-bottom:.5rem;color:var(--text-primary)}.config-section{margin-right:1.5rem}.config-section h5{margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.tech-checklist{display:flex;flex-direction:column;gap:.5rem}.tech-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px}.tech-item input[type=checkbox]{cursor:pointer}.tech-item label{cursor:pointer;font-size:.875rem}.unit-tech-grid{display:flex;flex-wrap:wrap;gap:0px;padding:0;margin:0;width:100%;overflow-x:auto;align-items:center;justify-content:flex-start}.tech-icon-item{position:relative;cursor:pointer;border-radius:0;padding:0}.tech-icon-item.selected .tech-icon-wrapper{background-color:var(--tech-icon-selected-bg)}.tech-icon-item.selected .tech-icon{filter:var(--tech-icon-selected-filter)}.tech-icon-wrapper{width:42px;height:42px;background-color:#435164;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid var(--border-color)}.tech-icon-item:not(.selected) .tech-icon{filter:var(--tech-icon-unselected-filter)}.units-table .tech-icon-wrapper{width:32px;height:32px}.tech-icon{width:38px;height:38px;object-fit:contain;border-radius:3px;display:block}.units-table .tech-icon{width:28px;height:28px}.tech-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color);color:#fff;font-size:.75rem;font-weight:700;border-radius:6px}.tech-total-cost{font-size:.8rem;color:var(--text-secondary);margin-top:.1rem;text-align:left;font-weight:500;line-height:1}.tech-tooltip{position:fixed;background-color:#000000d9;color:#fff;padding:.75rem;border-radius:8px;font-size:.75rem;width:240px;z-index:10000;pointer-events:none;opacity:0;animation:fadeIn .3s ease forwards;box-shadow:0 4px 12px #0000004d}.tech-tooltip-top{transform:translate(-50%,-100%)}.tech-tooltip-top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset-x, 0px));transform:translate(-50%);border:8px solid transparent;border-top-color:#000000f2}.tech-tooltip-bottom{transform:translate(-50%)}.tech-tooltip-bottom:after{content:"";position:absolute;top:0%;left:calc(50% + var(--arrow-offset-x, 0px));transform:translate(-50%,-100%);border:8px solid transparent;border-bottom-color:#000000f2}.tech-tooltip-name{font-weight:700;margin-bottom:.5rem;color:var(--primary-color);font-size:.875rem;line-height:1.3}.tech-tooltip-cost{font-size:.75rem;color:var(--warning-color);margin-bottom:.75rem;line-height:1.3;font-weight:500}.tech-tooltip-desc{line-height:1.6;font-size:.75rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}.unit-tooltip{position:fixed;background-color:#000;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;z-index:10000;pointer-events:none;box-shadow:0 2px 8px #0000004d;line-height:1.4;min-height:40px;min-width:100px;display:flex;flex-direction:column;justify-content:center}.unit-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000}.unit-tooltip-name{font-weight:600;color:#60a5fa;margin-bottom:2px}.unit-tooltip-cost{font-size:11px;color:#fbbf24}.vs-divider{display:flex;align-items:center;justify-content:center}.vs-text{font-size:1.5rem;font-weight:700;color:var(--primary-color);background-color:var(--bg-color);padding:1rem;border-radius:50%}.combat-result{background-color:var(--card-bg);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow)}.combat-result h3{margin-bottom:2rem;color:var(--text-primary)}.result-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:2rem}.result-unit h4{margin-bottom:1rem;color:var(--text-primary);text-align:center}.row-baseline{background-color:var(--card-bg-light)}.row-baseline:hover{background-color:var(--card-bg-light-hover)}.result-vs-divider{display:flex;align-items:center;justify-content:center}.advantage-indicator{font-size:2rem;font-weight:700;padding:1rem;border-radius:50%}.advantage-a{color:var(--success-color);background-color:#10b9811a}.advantage-b{color:var(--danger-color);background-color:#ef44441a}.advantage-equal{color:var(--warning-color);background-color:#f59e0b1a}.analysis-summary{background-color:var(--bg-color);padding:1.5rem;border-radius:var(--radius)}.analysis-summary h4{margin-bottom:1rem;color:var(--text-primary)}.analysis-summary p{color:var(--text-secondary);line-height:1.8}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.nav{gap:1rem}.control-panel,.units-grid,.vs-unit-selector{grid-template-columns:1fr}.vs-divider{order:2}.result-grid{grid-template-columns:1fr}.container{padding:0 5px}}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.units-grid.table-view{display:block;width:100%;max-width:100%}.units-table-container{border-radius:var(--radius);box-shadow:var(--shadow);background-color:var(--bg-color);overflow:auto;width:100%;max-width:100%;max-height:100vh;position:relative}.units-table{width:100%;border-collapse:separate;font-size:.8125rem;table-layout:auto;border-spacing:0}.units-table thead{position:sticky;top:0;z-index:12}.units-table th,.units-table td{padding:.375rem .5rem;border-bottom:1px solid var(--border-color);vertical-align:middle;text-align:left}.units-table th{background-color:var(--card-bg);font-weight:600;height:34px;color:var(--text-primary);white-space:nowrap}.units-table .units-table-tech-header{min-width:150px}.units-table .unit-b-table-header{min-width:180px;border-right:1px solid var(--border-color-dark);padding:0}.units-table td{white-space:nowrap}.units-table tr{background-color:var(--card-bg)}.units-table tr:hover{background-color:var(--hover-bg)}.units-table tr:last-child td{border-bottom:none}.unit-cell{display:flex;align-items:center;gap:.5rem}.unit-icon-small{width:40px;height:40px;background-color:var(--primary-color);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;object-fit:cover}.unit-info{display:flex;flex-direction:column;gap:.125rem}.unit-name{font-weight:700;color:var(--text-primary);font-size:.8rem;margin-top:2px;line-height:1}.unit-description{font-size:.6875rem;color:var(--text-secondary);line-height:1.2}@media (max-width: 768px){.units-table{font-size:.75rem}.units-table th,.units-table td{padding:.375rem .5rem}.unit-icon-small{width:40px;height:40px}.unit-name{font-size:.75rem}.unit-description{display:none}}.units-table th.sticky-icon,.units-table th.sticky-name{position:sticky!important;z-index:12!important;background-color:var(--bg-color)!important}.units-table td.sticky-icon,.units-table td.sticky-name{position:sticky!important;z-index:11!important;background-color:var(--card-bg)}.units-table td:not(.sticky-icon):not(.sticky-name){position:relative!important;z-index:1!important}.units-table tr{position:static!important}.units-table th.sticky-icon,.units-table td.sticky-icon{left:0;padding:.375rem .25rem;text-align:center;overflow:hidden;width:40px}.units-table th.sticky-name,.units-table td.sticky-name{left:48px;overflow:hidden}.units-table tr:hover td.sticky-icon,.units-table tr:hover td.sticky-name{background-color:var(--hover-bg)!important}.units-table td.sticky-name{padding-left:.5rem}.units-table td.sticky-icon,.units-table td.sticky-name{background-clip:padding-box;background-color:var(--card-bg)}.units-table td.sticky-column-edge{border-right:2px solid var(--border-color-light)}@media (max-width: 768px){.units-table th.sticky-icon,.units-table td.sticky-icon{left:0;box-shadow:none;width:36px}.units-table th.sticky-name,.units-table td.sticky-name{display:none}}.table-view-controls{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;display:flex;flex-direction:column}.vs-global-configs{display:flex;flex-wrap:wrap;flex-direction:row;margin-bottom:1.5rem}.global-config-panel{display:flex;flex-direction:row;align-items:end}.global-config-panel-wrapper{border:2px solid var(--border-color);border-radius:var(--radius);padding:.75rem;margin-right:2rem}.unit-b-selector{grid-column:1 / -1;margin-bottom:1rem}.unit-b-selector h3{margin-bottom:1rem;color:var(--text-primary)}.unit-b-search{margin-bottom:1rem}.unit-icon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:0rem;max-height:350px;overflow-y:auto;padding:.5rem;border-radius:var(--radius);background-color:#0003}.unit-icon-item{width:56px;height:56px;cursor:pointer;transition:all .3s ease;border-radius:8px;padding:4px}.unit-icon-item:hover{background-color:#2564eb52}.unit-icon-item.selected,.unit-icon-item.selected .unit-icon-wrapper{background-color:var(--hover-bg)}.unit-icon-wrapper{width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.unit-icon{width:48px;height:48px;object-fit:contain;border-radius:3px;display:block}.unit-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000000f2;color:#fff;padding:.5rem;border-radius:6px;font-size:.75rem;z-index:1000;margin-bottom:.5rem;pointer-events:none;opacity:0;animation:fadeIn .3s ease forwards;white-space:nowrap}.unit-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2}.unit-tooltip-name{font-weight:700;margin-bottom:.25rem;color:var(--primary-color)}.unit-tooltip-cost{font-size:.6875rem;color:var(--warning-color)}.vs-table-container .advantage-indicator{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-align:center;white-space:nowrap}.vs-table-container th,.vs-table-container td{text-align:center}.vs-table-container th{color:var(--primary-color);font-weight:700}.vs-table-container .sticky-icon{padding:0!important}.vs-table-container td .secondary{color:var(--text-secondary);font-size:.75rem;font-weight:400}.vs-table-container td{border-right:1px solid var(--border-color-dark)}.vs-table-container td:hover{background-color:var(--cell-hover-bg)}@media (max-width: 768px){.table-view-controls{grid-template-columns:1fr;gap:1rem}.unit-icon-list{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.unit-icon-wrapper{width:36px;height:36px}.unit-icon{width:32px;height:32px}}@keyframes fadeIn{to{opacity:1}}#specialistPanel{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;display:none}.selected-specialists-display{background-color:#0003;border-radius:var(--radius);padding:1rem;margin-bottom:1rem;min-height:80px;border:1px solid var(--border-color)}.selected-specialists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.selected-specialists-header span{font-weight:600;color:var(--text-primary)}.clear-specialists-btn{padding:.25rem .75rem;background-color:var(--danger-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;height:fit-content;transition:var(--transition)}.clear-specialists-btn:hover{background-color:#dc2626}.selected-specialists-icons{display:flex;flex-wrap:wrap;gap:.5rem}.selected-specialist-item{position:relative;display:flex;align-items:center;gap:.25rem}.selected-specialist-icon-wrapper{width:36px;height:36px;background-color:var(--card-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);overflow:hidden}.selected-specialist-icon{width:32px;height:32px;object-fit:contain}.specialist-count-badge{position:absolute;top:-6px;right:-6px;background-color:var(--primary-color);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border:1px solid var(--card-bg);z-index:10}.remove-specialist-btn{width:20px;height:20px;background-color:var(--danger-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1;padding:0;transition:var(--transition)}.remove-specialist-btn:hover{background-color:#dc2626}.specialist-section{margin-bottom:1.5rem}.specialist-section h4{margin-bottom:.75rem;color:var(--text-primary);font-size:.875rem}.specialist-selector-container{border-radius:var(--radius)}.unit-equipment-trigger{cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;transition:all .3s ease}.unit-equipment-trigger:hover{background-color:#2564eb1a}.equipment-icon-small{width:40px;height:40px;object-fit:contain;border-radius:3px}.equipment-placeholder{border:2px dashed var(--border-color);background-color:transparent;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.equipment-select-text{font-size:.625rem;color:var(--text-secondary);text-align:center;line-height:1.2}.equipment-selector-panel{background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1rem;width:300px;max-height:400px;overflow-y:auto}.equipment-selector-panel .unit-selector-search{margin-bottom:1rem}.equipment-selector-panel .unit-icon-list{max-height:300px;overflow-y:auto}.unit-b-config-grid .unit-equipment-trigger,.unit-b-config-grid .equipment-icon-small{width:36px;height:36px;border-radius:3px}.unit-b-config-grid .equipment-placeholder{width:36px;height:36px}@media (max-width: 768px){.equipment-icon-small,.equipment-placeholder{width:32px;height:32px}}.clear-button-wrapper{transition:all .3s ease}.clear-button:hover .clear-button-wrapper{background-color:#ef44441a;border-color:var(--danger-color)}.clear-button.selected .clear-button-wrapper{background-color:var(--danger-color);border-color:var(--danger-color)}.clear-button.selected .clear-button-wrapper span{color:#fff}.tech-display-container{cursor:pointer;height:22px;display:flex;justify-content:left;transition:all .3s ease}.tech-display-empty{border:2px dashed var(--border-color);background-color:transparent;color:var(--text-secondary);font-size:.75rem}.tech-display-empty:hover{background-color:#2564eb1a}.tech-display-filled{border:none;padding:0}.tech-display-icons{display:flex;flex-wrap:wrap;align-items:center}.tech-display-icon{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.tech-display-popup{position:fixed;background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1rem;z-index:1000;max-width:400px;max-height:500px;overflow-y:auto}.specialist-display-container{cursor:pointer;min-height:36px;min-width:80px;display:flex;justify-content:left;transition:all .3s ease}.specialist-display-empty{border:2px dashed var(--border-color);background-color:transparent;color:var(--text-secondary);font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:0 .5rem}.specialist-display-empty:hover{background-color:#2564eb1a}.specialist-display-filled{border:none;padding:0}.specialist-display-filled:hover{background-color:#2564eb1a}.specialist-display-icons{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.specialist-display-icon-wrapper{position:relative;width:36px;height:36px;background-color:var(--card-bg);border-radius:4px;display:flex;align-items:center;justify-content:center}.specialist-display-icon{width:36px;height:36px;object-fit:contain}.specialist-display-popup{position:fixed;background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1rem;z-index:1000;width:400px;height:500px;overflow-y:auto}.more-indicator{font-size:.75rem;color:var(--text-secondary);margin-left:.25rem;font-weight:500}.unit-b-header-actions{position:absolute;top:0rem;right:0rem;display:flex;gap:0;z-index:10}.unit-b-header-action-btn{width:22px;height:24px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;background:none;box-shadow:none}.unit-b-header-action-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.unit-b-header-action-btn.copy-btn:hover{background-color:#10b9811a}.unit-b-header-action-btn.delete-btn:hover{background-color:#ef44441a}.unit-b-header-action-btn svg{width:16px;height:16px;display:block}.unit-b-header-action-btn svg path{fill:var(--text-primary)}@media (max-width: 768px){.unit-b-header-configurator{flex-direction:column;align-items:flex-start;gap:.75rem}.config-area{flex-direction:column;align-items:flex-start;width:100%}.tech-area{width:100%}.tech-row{flex-wrap:wrap}.config-panel-popup{max-width:95vw;max-height:90vh}}.dragging{opacity:.5;cursor:grabbing!important}.drag-indicator{background-color:var(--primary-color);opacity:.5;z-index:1000;pointer-events:none}.units-table th.dragging,.units-table td.dragging{background-color:var(--hover-bg);transition:opacity .2s ease}.units-table tr.drag-over{border-top:2px solid var(--primary-color)}.units-table th.drag-over{border-left:2px solid var(--primary-color)}.units-table.dragging *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.unit-b-header-top-area{display:flex;flex-direction:row;align-items:center;gap:.75rem}.unit-attributes-area{width:100%;display:flex;justify-content:center;margin-top:.25rem}.unit-attribute-badges{display:flex;gap:.25rem;align-items:center;justify-content:center;flex-wrap:nowrap}.unit-attribute-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background-color:#0000004d;border:1px solid var(--border-color);border-radius:12px;font-size:.6875rem;color:var(--text-primary);white-space:nowrap}.unit-attribute-icon{width:12px;height:12px;object-fit:contain;filter:brightness(0) invert(1)}.unit-attribute-value{font-weight:600;line-height:1}@media (max-width: 768px){.unit-attribute-badge{padding:.1rem .25rem;font-size:.625rem}.unit-attribute-icon{width:10px;height:10px}}.stat-item{display:flex;justify-content:left;align-items:baseline;font-size:.95rem;font-weight:500;line-height:1.3}.stat-info{color:var(--text-secondary);font-size:.75rem;margin-left:.2rem;font-weight:400;font-style:italic}.stat-item .diff{margin-left:.3rem;padding:1px 3px 2px;border-radius:4px}.stat-item .diff-success{color:var(--success-color);background-color:var(--success-color-bg);font-size:.825rem;font-weight:500}.stat-item .diff-danger{color:var(--danger-color);background-color:var(--danger-color-bg);font-size:.825rem;font-weight:500}.stat-item .diff-equal{color:var(--secondary-color);font-size:.8rem;font-weight:400}.main-stat{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.damage-breakdown-section{display:flex;flex-direction:column;align-items:center;grid-column:1 / 3}.damage-breakdown-title-row{display:flex;align-items:center;width:100%}.damage-breakdown-title-row .stat-info{margin:0;text-align:left}.damage-breakdown-title-row img{width:.75rem;height:.75rem;opacity:.7;margin-right:.1rem}.damage-breakdown-legends{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:flex-end}.damage-breakdown-bar{display:flex;flex-direction:row;justify-content:flex-end;width:100%;background-color:#ffffff1a;height:4px}.damage-breakdown-info{width:fit-content;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-left:.2rem}.damage-breakdown-info .stat-info{margin:0}.damage-breakdown-info-fire .stat-info{color:#b3551e}.damage-breakdown-bar-fire{height:100%;background-color:#a34f1f}.damage-breakdown-info-ignite .stat-info{color:#b43413}.damage-breakdown-bar-ignite{height:100%;background-color:#862811}.damage-breakdown-info-acid .stat-info{color:#1b793a}.damage-breakdown-bar-acid{height:100%;background-color:#07572f}.damage-breakdown-icon{width:.75rem;height:.75rem;margin-right:.05rem;vertical-align:baseline;display:inline-block}.damage-breakdown-info-ignite .damage-breakdown-icon{filter:brightness(50%) sepia() saturate(800%) hue-rotate(-30deg) saturate(300%) brightness(70%)}.damage-breakdown-info-fire .damage-breakdown-icon{filter:brightness(40%) sepia(80%) saturate(800%) hue-rotate(-15deg)}.damage-breakdown-info-acid .damage-breakdown-icon{filter:brightness(0) invert(50%) sepia(80%) saturate(300%) hue-rotate(90deg)}.damage-breakdown-info-shield .stat-info{color:#2b9cbe}.damage-breakdown-bar-shield{height:100%;background-color:#229abe}.damage-breakdown-info-shield .damage-breakdown-icon{filter:brightness(40%) sepia(80%) saturate(800%) hue-rotate(145deg) saturate(250%) brightness(100%)}.damage-breakdown-info-barrier .stat-info{color:#2b9cbe}.damage-breakdown-bar-barrier{height:100%;background-color:#229abe}.damage-breakdown-info-barrier .damage-breakdown-icon{filter:brightness(40%) sepia(80%) saturate(800%) hue-rotate(145deg) saturate(250%) brightness(100%)}.damage-breakdown-info-armor .stat-info{color:#c7c7c7}.damage-breakdown-bar-armor{height:100%;background-color:#a3a3a3}.damage-breakdown-info-armor .damage-breakdown-icon{filter:brightness(80%)}.damage-breakdown-info-phonton .stat-info{color:#a19d5b}.damage-breakdown-bar-phonton{height:100%;background-color:#b9b35f}.damage-breakdown-info-phonton .damage-breakdown-icon{filter:brightness(80%) sepia(80%) saturate(800%) hue-rotate(0deg) saturate(50%) brightness(90%)}.damage-breakdown-info-hpRecovery .stat-info{color:#3b8f3f}.damage-breakdown-bar-hpRecovery{height:100%;background-color:#37aa3d}.damage-breakdown-info-hpRecovery .damage-breakdown-icon{filter:brightness(80%) sepia(80%) saturate(800%) hue-rotate(45deg) saturate(300%) brightness(70%)}.damage-breakdown-info-burrow .stat-info{color:#8d7055}.damage-breakdown-bar-burrow{height:100%;background-color:#775c43}.damage-breakdown-info-burrow .damage-breakdown-icon{filter:brightness(80%) sepia(80%) saturate(800%) hue-rotate(-45deg) saturate(60%) brightness(70%)}.damage-breakdown-info-degenerate .stat-info{color:#4682b9}.damage-breakdown-bar-degenerate{height:100%;background-color:#145897}.damage-breakdown-info-degenerate .damage-breakdown-icon{filter:brightness(40%) sepia(80%) saturate(800%) hue-rotate(180deg) saturate(300%) brightness(90%)}.damage-breakdown-info-overflow .stat-info{color:#858585}.damage-breakdown-bar-overflow{height:100%;background-color:#666}.unit-b-header-configurator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;position:relative}.unit-b-header-configurator-filled:hover{background-color:var(--hover-bg);background-clip:border-box;cursor:pointer}.unit-b-header-configurator .specialist-display-icons{flex-wrap:nowrap}.unit-icon-area{position:relative;cursor:pointer;width:48px;height:48px;transition:all .3s ease}.unit-icon-area:hover{background-color:#2564eb1a}.unit-main-icon{width:48px;height:48px;object-fit:contain;border:1px solid var(--border-color)}.modification-icon{position:absolute;top:-8px;left:-8px;width:24px;height:24px;object-fit:contain;background:transparent}.level-icon{position:absolute;top:-8px;right:-8px;width:24px;height:24px;object-fit:contain;background:transparent}.unit-icon-placeholder{width:48px;height:48px;border:2px dashed var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.75rem}.config-area{display:flex;align-items:center;gap:.75rem;cursor:pointer;border-radius:4px;transition:all .3s ease}.config-area:hover{background:var(--hover-bg)}.config-area .equipment-icon-container{display:flex;align-items:center;justify-content:center}.config-area .equipment-icon,.config-area .specialist-display-icon{width:32px;height:32px;object-fit:contain}.config-area .specialist-display-icon-wrapper{width:fit-content;height:fit-content}.config-area .specialist-display-container{width:fit-content;height:fit-content;min-width:0}.config-area .specialist-display-filled{width:fit-content;height:fit-content}.config-area .specialist-display-filled:hover{background:none}.tech-area{display:flex;flex-direction:column;gap:.5rem}.tech-row{display:flex;gap:.5rem;align-items:center}.base-tech-display,.tower-tech-display,.unit-tech-display,.specialist-icons-container{display:flex;gap:.25rem;align-items:center}.specialist-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.specialist-icon{width:36px;height:36px;object-fit:contain}.specialist-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color);color:#fff;font-size:.75rem;font-weight:700;border-radius:4px}.config-panel-content{display:flex;flex-direction:column;gap:1.5rem}.config-panel-content .config-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:left;margin:0}.config-panel-content .config-section-inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:center;justify-content:left}.config-panel-content .config-section label{display:inline-block;margin-right:.5rem;font-weight:500;color:var(--text-primary);font-size:.8125rem}.config-panel-content .config-section select{display:inline-block;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:.8125rem}.config-panel-content .config-section select:focus{outline:none;border-color:var(--primary-color)}.drag-handle{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:10}.drag-handle-row{left:0;top:50%;transform:translateY(-50%);width:16px;height:32px;flex-direction:column;gap:2px}.drag-handle-column{top:0;left:50%;transform:translate(-50%);width:32px;height:16px;flex-direction:row;gap:2px}.drag-handle-dot{width:3px;height:3px;background-color:var(--text-secondary);border-radius:50%;transition:background-color .2s ease}.unit-b-header-configurator-filled:hover .drag-handle,.units-table tr:hover .drag-handle-row{opacity:1}.baseline-button{width:100%;padding:10px 16px;background-color:var(--btn-primary-active);font-weight:700;transition:all .3s ease;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer}.baseline-button.baseline-active{background-color:var(--warning-color)}.baseline-badge-area{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative}.baseline-badge{background-color:var(--btn-primary-active);color:#fff;padding:0;border-radius:3px;font-size:10px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:absolute;left:0;width:48px;text-align:center;display:flex;align-items:center;justify-content:center;height:18px;line-height:1}.baseline-badge-visible{display:flex}.baseline-badge-hover{display:none}.units-table tr:hover .baseline-badge-hover{display:flex;background-color:var(--btn-primary-active)}.baseline-badge-visible:hover{background-color:var(--warning-color)}.units-table tbody .unit-b-header-configurator-filled{justify-content:left}.unit-b-header-configurator{position:relative}.unit-b-header-configurator-column{padding-top:calc(.5rem + 10px)}.unit-b-header-configurator-row{padding-left:calc(.5rem + 10px)}@media (prefers-color-scheme: dark){.drag-handle-dot{background-color:#aaa}.drag-handle:hover .drag-handle-dot{background-color:#ddd}}@media (prefers-contrast: high){.drag-handle-dot{background-color:#000;border:1px solid #000}.drag-handle:hover .drag-handle-dot{background-color:#fff;border-color:#fff}}