.overflow-x { overflow-x: auto; }
.matrix-table { width: 100%; border-collapse: collapse; }
.matrix-table th, .matrix-table td { padding: 10px; border: 1px solid var(--color-border); text-align: center; }
.matrix-table th { background: var(--color-surface-alt); font-weight: 600; font-size: .85rem; }
.matrix-table input[type="number"] { width: 60px; padding: 6px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); text-align: center; }
.rank-bar { display: flex; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid var(--color-border); }
.rank-pos { font-size: 1.5rem; font-weight: 800; width: 40px; }
.rank-name { flex: 1; font-weight: 600; }
.rank-score { font-weight: 700; font-family: monospace; color: var(--color-primary); }
.rank-fill { height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--color-primary), var(--color-accent)); transition: width .5s ease; }
.gold { color: #fbbf24; } .silver { color: #9ca3af; } .bronze { color: #d97706; }