.matchups-page.svelte-1wazkji{max-width:1200px;margin:0 auto;padding:0 var(--space-4, 1rem)}.page-header.svelte-1wazkji{display:flex;align-items:center;gap:20px;margin-bottom:40px}.header-icon-wrap.svelte-1wazkji{flex-shrink:0}.header-icon.svelte-1wazkji{width:72px;height:72px;border-radius:12px;border:3px solid;border-color:#8b7355 #5c4a38 #3d3225 #6b5842;box-shadow:0 4px 15px #0006}.header-text.svelte-1wazkji h1:where(.svelte-1wazkji){font-family:Cinzel,serif;font-size:2.2rem;color:var(--gold, #ffd700);margin:0 0 8px}.header-text.svelte-1wazkji p:where(.svelte-1wazkji){color:var(--text-muted, #888);margin:0;font-size:1.1rem}.legend.svelte-1wazkji{margin-bottom:40px;padding:24px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px}.legend.svelte-1wazkji h2:where(.svelte-1wazkji){font-family:Cinzel,serif;font-size:1.4rem;color:var(--gold, #ffd700);margin:0 0 20px}.legend-grid.svelte-1wazkji{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.legend-item.svelte-1wazkji{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px}.legend-symbol.svelte-1wazkji{font-size:1.2rem;font-weight:700;flex-shrink:0}.legend-content.svelte-1wazkji h3:where(.svelte-1wazkji){font-size:.9rem;font-weight:600;margin:0 0 4px}.legend-content.svelte-1wazkji p:where(.svelte-1wazkji){font-size:.8rem;color:var(--text-secondary, #ccc);margin:0;line-height:1.3}.matrix-section.svelte-1wazkji{margin-bottom:48px}.matrix-section.svelte-1wazkji h2:where(.svelte-1wazkji){font-family:Cinzel,serif;font-size:1.5rem;color:var(--text-primary, #fff);margin:0 0 8px}.matrix-description.svelte-1wazkji{color:var(--text-secondary, #ccc);margin:0 0 24px;font-size:1rem}.loading.svelte-1wazkji{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px;color:var(--text-muted, #888)}.spinner.svelte-1wazkji{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--gold, #d4a017);border-radius:50%;animation:svelte-1wazkji-spin 1s linear infinite}@keyframes svelte-1wazkji-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.matrix-container.svelte-1wazkji{overflow-x:auto;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.matrix-table.svelte-1wazkji{display:table;min-width:100%}.matrix-header.svelte-1wazkji,.matrix-row.svelte-1wazkji{display:table-row}.matrix-cell.svelte-1wazkji{display:table-cell;vertical-align:middle;text-align:center;border:1px solid rgba(255,255,255,.03);min-width:50px;height:50px}.header-corner.svelte-1wazkji{background:#8b735533;color:var(--text-muted, #888);font-size:.8rem;font-weight:600;width:120px}.header-cell.svelte-1wazkji{background:#8b73551a;padding:8px}.row-header.svelte-1wazkji{background:#8b73551a;padding:8px 12px;text-align:left;width:120px}.row-header.svelte-1wazkji .class-name:where(.svelte-1wazkji){margin-left:8px;font-size:.85rem;color:var(--text-secondary, #ccc);display:none}.data-cell.svelte-1wazkji{padding:0;background:none;border:1px solid rgba(255,255,255,.03);font-size:1.1rem;font-weight:700;cursor:default;transition:all .2s ease}.data-cell.clickable.svelte-1wazkji{cursor:pointer}.data-cell.clickable.svelte-1wazkji:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d;z-index:1;position:relative}.data-cell.mirror.svelte-1wazkji{background:#ffffff0d!important;color:#888!important;cursor:not-allowed}.matchup-details.svelte-1wazkji{margin-bottom:48px;padding:32px;background:#231c16e6;border:1px solid rgba(139,115,85,.3);border-radius:12px;position:relative}.details-header.svelte-1wazkji{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative}.matchup-classes.svelte-1wazkji{display:flex;align-items:center;gap:16px}.vs-text.svelte-1wazkji{font-size:1.2rem;color:var(--text-muted, #888);font-weight:600}.details-header.svelte-1wazkji h2:where(.svelte-1wazkji){font-family:Cinzel,serif;font-size:1.4rem;color:var(--text-primary, #fff);margin:0;flex:1}.close-btn.svelte-1wazkji{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:var(--gold, #d4a017);color:#000;border:none;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease}.close-btn.svelte-1wazkji:hover{background:#fff;transform:scale(1.1)}.difficulty-display.svelte-1wazkji{margin-bottom:24px}.difficulty-badge.svelte-1wazkji{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.detail-section.svelte-1wazkji{margin-bottom:20px}.detail-section.svelte-1wazkji h3:where(.svelte-1wazkji){color:var(--gold, #d4a017);font-size:1rem;margin:0 0 8px;font-weight:600}.detail-section.svelte-1wazkji p:where(.svelte-1wazkji){color:var(--text-secondary, #ccc);margin:0;line-height:1.5}.detail-section.svelte-1wazkji ul:where(.svelte-1wazkji){margin:0;padding-left:20px;color:var(--text-secondary, #ccc)}.detail-section.svelte-1wazkji li:where(.svelte-1wazkji){margin-bottom:6px;line-height:1.4}.detail-actions.svelte-1wazkji{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.action-btn.svelte-1wazkji{padding:10px 20px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer}.action-btn.primary.svelte-1wazkji{background:var(--gold, #d4a017);color:#000}.action-btn.primary.svelte-1wazkji:hover{background:#fff;transform:translateY(-1px)}.action-btn.secondary.svelte-1wazkji{background:#ffffff1a;color:var(--text-primary, #fff);border:1px solid rgba(255,255,255,.2)}.action-btn.secondary.svelte-1wazkji:hover{background:#ffffff26;transform:translateY(-1px)}.usage-guide.svelte-1wazkji{margin-bottom:48px;padding:32px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px}.usage-guide.svelte-1wazkji h2:where(.svelte-1wazkji){font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold, #ffd700);margin:0 0 24px}.guide-grid.svelte-1wazkji{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.guide-card.svelte-1wazkji{padding:20px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.guide-card.svelte-1wazkji h3:where(.svelte-1wazkji){color:var(--text-primary, #fff);font-size:1rem;margin:0 0 8px}.guide-card.svelte-1wazkji p:where(.svelte-1wazkji){color:var(--text-secondary, #ccc);font-size:.85rem;margin:0;line-height:1.4}.faq-section.svelte-1wazkji{margin-bottom:60px;padding:32px;background:#231c16cc;border:1px solid rgba(139,115,85,.3);border-radius:12px}.faq-section.svelte-1wazkji h2:where(.svelte-1wazkji){font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold, #ffd700);margin:0 0 24px}.faq-grid.svelte-1wazkji{display:grid;gap:20px}.faq-item.svelte-1wazkji{padding:20px;background:#0000004d;border-radius:8px;border-left:3px solid var(--gold, #d4a017)}.faq-item.svelte-1wazkji h3:where(.svelte-1wazkji){color:var(--text-primary, #fff);font-size:1rem;margin:0 0 8px}.faq-item.svelte-1wazkji p:where(.svelte-1wazkji){color:var(--text-secondary, #ccc);font-size:.9rem;margin:0;line-height:1.5}@media(max-width:1024px){.matrix-container.svelte-1wazkji{font-size:.9rem}.matrix-cell.svelte-1wazkji{min-width:44px;height:44px}.header-corner.svelte-1wazkji,.row-header.svelte-1wazkji{width:100px}}@media(max-width:768px){.page-header.svelte-1wazkji{flex-direction:column;text-align:center}.header-text.svelte-1wazkji h1:where(.svelte-1wazkji){font-size:1.8rem}.legend-grid.svelte-1wazkji,.guide-grid.svelte-1wazkji{grid-template-columns:1fr}.details-header.svelte-1wazkji{flex-direction:column;align-items:flex-start;gap:12px}.details-header.svelte-1wazkji h2:where(.svelte-1wazkji){font-size:1.2rem}.detail-actions.svelte-1wazkji{flex-direction:column}.row-header.svelte-1wazkji .class-name:where(.svelte-1wazkji){display:inline}.matrix-cell.svelte-1wazkji{min-width:40px;height:40px;font-size:.9rem}}@media(max-width:480px){.matchups-page.svelte-1wazkji{padding:0 12px}.header-icon.svelte-1wazkji{width:56px;height:56px}.header-text.svelte-1wazkji h1:where(.svelte-1wazkji){font-size:1.5rem}.legend.svelte-1wazkji,.usage-guide.svelte-1wazkji,.faq-section.svelte-1wazkji,.matchup-details.svelte-1wazkji{padding:20px}.matrix-cell.svelte-1wazkji{min-width:36px;height:36px;font-size:.8rem}.header-corner.svelte-1wazkji,.row-header.svelte-1wazkji{width:80px;font-size:.75rem}.close-btn.svelte-1wazkji{top:8px;right:8px;position:absolute}}