.compare-page{gap:16px;display:grid}.compare-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compare-slot{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex;position:relative}.compare-slot--active{border-color:var(--border-light)}.compare-slot--optional{opacity:.7}.compare-slot--optional.compare-slot--active{opacity:1}.compare-slot-header{align-items:center;gap:8px;display:flex}.compare-slot-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.compare-slot-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);flex:1;font-size:11px;font-weight:600}.compare-slot-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:color .15s}.compare-slot-clear:hover{color:var(--text)}.compare-slot-selected{flex-direction:column;gap:2px;display:flex}.compare-slot-name{color:var(--text);font-size:14px;font-weight:600}.compare-slot-team{color:var(--text-muted);font-size:12px}.compare-slot-picker{position:relative}.compare-slot-input{background:var(--surface-2);border:1px solid var(--border);width:100%;font:inherit;color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.compare-slot-input::placeholder{color:var(--text-dim)}.compare-slot-input:focus{border-color:var(--accent)}.compare-slot-dropdown{background:var(--surface-2);border:1px solid var(--border);z-index:50;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.compare-slot-option{width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.compare-slot-option:hover{background:#ffffff0a}.compare-slot-option-team{color:var(--text-dim);font-size:11px}.compare-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.compare-empty-icon{font-size:28px;font-weight:900;font-family:var(--font-display);color:var(--text-dim);background:var(--surface-2);letter-spacing:1px;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.compare-empty-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:600}.compare-empty-hint{color:var(--text-muted);max-width:340px;font-size:13px}@media (max-width:900px){.compare-selectors{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.compare-selectors{grid-template-columns:1fr}.compare-slot{padding:10px 12px}.compare-empty{padding:40px 16px}}