.checklist-matrix-container{flex-direction:column;gap:32px;padding:24px 36px 48px;display:flex}.matrix-unsupported{text-align:center;color:var(--text-secondary);background:var(--bg-binder);border:1px dashed #fff0d233;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:24px 36px;padding:100px 20px;display:flex}.matrix-unsupported h3{color:var(--text-primary);font-family:var(--font-display);margin-bottom:8px}.era-matrix-section{background:var(--bg-binder);border:1px solid var(--border-highlight);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0006}.era-matrix-header{border-bottom:1px solid var(--border-highlight);background:#0003;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.era-matrix-title{font-family:var(--font-display);color:var(--accent-color);margin:0;font-size:1.1rem}.era-matrix-hint{color:var(--text-secondary);opacity:.7;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.era-matrix-scroll-wrapper{scrollbar-width:auto;scrollbar-color:#c9a96e66 #fff0d205;cursor:grab;max-height:calc(100vh - 220px);padding-bottom:8px;overflow:auto}.era-matrix-scroll-wrapper.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.era-matrix-scroll-wrapper.dragging .matrix-thumbnail{pointer-events:none}.era-matrix-scroll-wrapper::-webkit-scrollbar{width:10px;height:10px}.era-matrix-scroll-wrapper::-webkit-scrollbar-track{background:#fff0d205;border-radius:5px}.era-matrix-scroll-wrapper::-webkit-scrollbar-thumb{border:2px solid var(--bg-binder);background:#c9a96e66;border-radius:5px}.era-matrix-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#c9a96eb3}.era-matrix-table{border-collapse:collapse;width:100%;min-width:600px}.era-matrix-table th,.era-matrix-table td{text-align:center;vertical-align:middle;border:1px solid #fff0d20d;padding:8px 12px}.era-matrix-table th{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;background:#fff0d205;font-size:.75rem;font-weight:600}.matrix-member-th,.matrix-member-td{background:var(--bg-binder);z-index:2;color:var(--text-primary);width:120px;font-weight:600;position:sticky;left:0;text-align:left!important;border-right:1px solid #fff0d21a!important}.matrix-member-th{z-index:3}.matrix-cell-cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.matrix-thumbnail{cursor:pointer;opacity:.4;filter:grayscale();background:#111;border:1px solid #fff0d21a;border-radius:4px;width:48px;height:68px;transition:all .2s;position:relative;overflow:hidden}.matrix-thumbnail:hover{z-index:10;opacity:.8;filter:grayscale(50%);transform:scale(1.1)}.matrix-thumbnail.owned{opacity:1;filter:none;border-color:#34d399}.matrix-thumbnail.owned:hover{opacity:1;filter:none;transform:scale(1.1)}.matrix-thumbnail.wishlist{opacity:.7;border-color:#fbbf24}.matrix-thumbnail img{object-fit:cover;width:100%;height:100%}.matrix-thumbnail-placeholder{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.8rem;display:flex}.matrix-check{color:#111;background:#34d399;border-radius:7px;justify-content:center;align-items:center;width:auto;min-width:14px;height:14px;padding:0 3px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.matrix-empty-cell{color:#fff0d21a}@media (max-width:768px){.checklist-matrix-container{padding:16px 16px 40px}}