.matrix-key{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:16px;padding:16px 20px;display:flex}.matrix-key-text{color:var(--text-2);max-width:560px;font-size:.95rem}.matrix-key-text strong{color:var(--text)}.matrix-legend{color:var(--text-2);flex-wrap:wrap;gap:8px 16px;font-size:.85rem;list-style:none;display:flex}.matrix-legend li{align-items:center;gap:6px;display:flex}.matrix-swatch{border-radius:4px;width:14px;height:14px}.matrix-readout{min-height:1.6em;font-family:var(--font-mono);color:var(--text);margin:0 0 8px;font-size:.85rem}.matrix-scroll{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:78vh;overflow:auto}.matrix-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:.85rem}.matrix-table th,.matrix-table td{white-space:nowrap;padding:3px}.matrix-table thead th{z-index:3;background:var(--surface-2);border-bottom:1px solid var(--line-strong);vertical-align:bottom;position:sticky;top:0}.matrix-table thead th.matrix-weapon{white-space:normal;text-align:center;width:92px;min-width:92px;max-width:92px;color:var(--text-2);padding:10px 6px;font-size:.72rem;font-weight:600;line-height:1.25}.matrix-table thead th.matrix-weapon span{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.matrix-table .matrix-corner{z-index:4;text-align:left;min-width:210px;font-family:var(--font-mono);color:var(--muted);padding:10px 14px;font-size:.72rem;font-weight:400;position:sticky;top:0;left:0}.matrix-corner span{display:block}.matrix-group th,.matrix-group td{background:var(--surface);padding:16px 14px 6px}.matrix-group-label{z-index:1;text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:.8rem;font-weight:700;position:sticky;left:0}.matrix-group-label span{font-family:var(--font-mono);color:var(--muted);margin-left:6px;font-weight:400}.matrix-table .matrix-vehicle{z-index:2;background:var(--surface);text-align:left;color:var(--text-2);text-overflow:ellipsis;border-right:1px solid var(--line);max-width:240px;padding:3px 14px;font-weight:500;position:sticky;left:0;overflow:hidden}.matrix-table tbody tr:hover .matrix-vehicle{color:#fff;background:var(--surface-2)}.matrix-table .matrix-cell{text-align:center;cursor:pointer}.matrix-chip{font-variant-numeric:tabular-nums;border-radius:7px;justify-content:center;align-items:center;height:28px;font-weight:700;display:flex}.matrix-table tbody tr:hover .matrix-chip,.matrix-table [data-col]{--col-on:0}.matrix-table td[data-col] .matrix-chip{outline:calc(var(--col-on) * 1px) solid #fff5}.matrix-table th.matrix-weapon{color:color-mix(in srgb, #fff calc(var(--col-on) * 100%), var(--text-2))}.matrix-table tbody tr:hover .matrix-chip{filter:brightness(1.15)}.matrix-table .matrix-cell:hover .matrix-chip{outline-offset:-2px;outline:2px solid #fff}.band-1{color:#eafff0;background:#2f7d4a}.band-2{color:#f6ffe6;background:#6b8a2e}.band-3{color:#fff6e0;background:#a57a1f}.band-4{color:#fff0e8;background:#b0552a}.band-5{color:#ffeaea;background:#9e3434}.band-none{color:#56625c;background:#1a201e}@media (width<=600px){.matrix-table .matrix-corner{min-width:140px}.matrix-table .matrix-vehicle{max-width:150px;padding:3px 8px}}