.raid-compare{width:100%;max-width:100%;margin:0 auto;padding:1rem}.raid-compare .ctl-layout{display:grid;grid-template-columns:700px 1fr;gap:1.5rem;align-items:start;width:100%}.raid-compare .ctl-search{width:100%;margin-bottom:.75rem}.raid-compare .ctl-search input[type=search]{width:100%;background-color:transparent;border:2px solid #22282f;padding:.5rem 1rem;font-size:1.2rem;color:#fff;transition:.15s linear}.raid-compare .ctl-search input[type=search]:focus{outline:none;background-color:#22282f}.raid-compare .ctl-left .filters .filter-btn{min-width:0}.raid-compare .ctl-left .filters .filter-btn:first-of-type{min-width:44px}.raid-compare .ctl-left .filters .button-icon,.raid-compare .ctl-left .filters .rarity-star{max-width:100%}.raid-compare .ctl-left{position:sticky;top:calc(60px + 1rem);align-self:start}.raid-compare .ctl-panel{max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;padding-right:.25rem}.raid-compare .ctl-panel::-webkit-scrollbar{width:8px}.raid-compare .ctl-panel::-webkit-scrollbar-track{background:#0f1419}.raid-compare .ctl-panel::-webkit-scrollbar-thumb{background:#2a3038;border-radius:4px}.raid-compare .ctl-layout.collapsed{grid-template-columns:auto 1fr}.raid-compare .ctl-layout.collapsed .ctl-panel{display:none}.raid-compare .ctl-toggle-btn{width:100%;margin-bottom:1rem;padding:.75rem 1rem;background-color:transparent;border:2px solid #22282f;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.6rem;transition:background-color .25s linear}.raid-compare .ctl-toggle-btn:hover{background-color:#22282f}.raid-compare .ctl-toggle-btn i{font-size:1.3rem}.raid-compare .ctl-layout.collapsed .ctl-toggle-btn{width:auto;flex-direction:column;gap:.75rem;padding:.85rem .6rem}.raid-compare .ctl-layout.collapsed .ctl-toggle-btn span{writing-mode:vertical-rl;letter-spacing:.05em}.raid-compare .toggle-kbd{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1;background:#ffffff14;border:1px solid rgba(255,255,255,.25);padding:.3em .55em;color:#fff}.raid-compare .ctl-filters{margin-bottom:1rem}.raid-compare .ctl-right{min-width:0}.raid-compare .pool-characters{min-height:200px;position:relative}.raid-compare .rc-pool .character{cursor:pointer}.raid-compare .rc-pool .character.rc-selected{outline:3px solid #4caf50;outline-offset:-3px}.raid-compare .rc-pool .character.rc-selected:before{content:"✓";position:absolute;top:0;left:0;width:20px;height:20px;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;z-index:5}.raid-compare .rc-legend{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem;min-height:32px}.raid-compare .rc-legend-empty{color:#8a909a;font-style:italic;font-size:.9rem}.raid-compare .rc-tag{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:.25rem .45rem .25rem .55rem;font-size:.85rem;color:#fff;font-family:inherit;cursor:pointer;transition:.25s linear}.raid-compare .rc-tag:hover{border-color:#ff35354d;background:#ff353514}.raid-compare .rc-swatch{width:12px;height:12px;flex-shrink:0;display:inline-block}.raid-compare .rc-remove{color:#9aa0aa;font-size:1.1rem;line-height:1}.raid-compare .rc-tag:hover .rc-remove{color:#ff3535}.raid-compare .steam-chart-container{position:relative;width:100%;padding:.25rem 0;min-height:360px}.raid-compare .chart-svg-wrap{position:relative;width:100%;overflow-x:auto;cursor:grab;user-select:none;min-height:320px}.raid-compare .chart-svg-wrap.active{cursor:grabbing}.raid-compare .chart-svg-wrap::-webkit-scrollbar{height:10px}.raid-compare .chart-svg-wrap::-webkit-scrollbar-track{background:#1a1f26}.raid-compare .chart-svg-wrap::-webkit-scrollbar-thumb{background:#22282f;border-radius:5px}.raid-compare .chart-svg-wrap::-webkit-scrollbar-thumb:hover{background:#2a3139}.raid-compare .steam-chart{display:block}.raid-compare .rc-yaxis{position:absolute;left:0;top:0;display:none;pointer-events:none;z-index:3}.raid-compare .rc-empty{color:#8a909a;text-align:center;padding:8rem 1rem;font-style:italic}.raid-compare .grid-line{stroke:#22282f;stroke-width:1}.raid-compare .axis-label{fill:#8a909a;font-size:13px;font-family:inherit}.raid-compare .rc-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.raid-compare .rc-dot{opacity:.7}.raid-compare .chart-guide{stroke:#8a909a;stroke-width:1;stroke-dasharray:4 4;opacity:0;pointer-events:none}.raid-compare .rc-hover-dot{stroke:#14181d;stroke-width:2}.raid-compare .chart-hit-area{fill:transparent;cursor:grab}.raid-compare .chart-tooltip{position:absolute;left:0;top:0;transform:translate(-50%);background:linear-gradient(#ffffff0d,#ffffff0d),#06080a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem .85rem;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:10;white-space:nowrap;width:max-content;max-width:320px;box-shadow:0 4px 14px #00000073}.raid-compare .chart-tooltip.visible{opacity:1}.raid-compare .tt-header{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;margin-bottom:.2rem}.raid-compare .tt-weakness{width:18px;height:18px}.raid-compare .tt-date{color:#9aa0aa;font-size:.78rem;margin-bottom:.4rem}.raid-compare .tt-rows{display:flex;flex-direction:column;gap:.2rem}.raid-compare .tt-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.raid-compare .tt-row .tt-name{flex:1;margin-right:.5rem}.raid-compare .tt-row b{color:#cde89a}.raid-compare .tt-none{color:#9aa0aa;font-size:.8rem;font-style:italic}@media (max-width: 1024px){.raid-compare .ctl-layout,.raid-compare .ctl-layout.collapsed{grid-template-columns:1fr}.raid-compare .ctl-left{position:static}.raid-compare .ctl-panel{max-height:none;overflow:visible;padding-right:0}.raid-compare .ctl-layout.collapsed .ctl-panel{display:block}.raid-compare .ctl-toggle-btn{display:none}}@media (max-width: 768px){.raid-compare .axis-label{font-size:15px}.raid-compare .rc-empty{padding:5rem 1rem}}