.comps-page.svelte-7ts6rn{max-width:1000px;margin:0 auto;padding:0 var(--space-4, 1rem)}.page-header.svelte-7ts6rn{display:flex;align-items:center;gap:20px;margin-bottom:32px}.header-icon-wrap.svelte-7ts6rn{flex-shrink:0}.header-icon.svelte-7ts6rn{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-7ts6rn h1:where(.svelte-7ts6rn){font-family:Cinzel,serif;font-size:2.2rem;color:var(--gold, #ffd700);margin:0 0 8px}.header-text.svelte-7ts6rn p:where(.svelte-7ts6rn){color:var(--text-muted, #888);margin:0;font-size:1.1rem}.tier-legend.svelte-7ts6rn{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:10px;margin-bottom:40px;flex-wrap:wrap}.legend-label.svelte-7ts6rn{color:var(--text-muted, #888);font-size:.9rem}.tier-item.svelte-7ts6rn{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #ccc);font-size:.9rem}.tier-badge.svelte-7ts6rn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-weight:700;font-size:.85rem}.bracket-section.svelte-7ts6rn{margin-bottom:48px}.bracket-header.svelte-7ts6rn{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(139,115,85,.2)}.bracket-icon.svelte-7ts6rn{width:56px;height:56px;border-radius:10px;border:2px solid rgba(139,115,85,.5)}.bracket-header.svelte-7ts6rn h2:where(.svelte-7ts6rn){font-family:Cinzel,serif;font-size:1.5rem;color:var(--text-primary, #fff);margin:0}.bracket-header.svelte-7ts6rn p:where(.svelte-7ts6rn){color:var(--text-muted, #888);margin:4px 0 0;font-size:.9rem}.comps-grid.svelte-7ts6rn{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.comp-card.svelte-7ts6rn{display:flex;align-items:center;gap:16px;padding:16px 20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,#231c16e6,#191410f2);border:1px solid rgba(139,115,85,.3);border-radius:12px;text-decoration:none;transition:all .2s ease}.comp-card.svelte-7ts6rn:hover{border-color:var(--gold, #d4a017);transform:translateY(-2px);box-shadow:0 4px 20px #d4a01726}.comp-tier.svelte-7ts6rn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-weight:700;font-size:.9rem;flex-shrink:0}.comp-classes.svelte-7ts6rn{display:flex;gap:4px;flex-shrink:0}.comp-info.svelte-7ts6rn{flex:1;min-width:0}.comp-info.svelte-7ts6rn h3:where(.svelte-7ts6rn){color:var(--text-primary, #fff);font-size:1rem;font-weight:600;margin:0 0 2px}.comp-fullname.svelte-7ts6rn{color:var(--text-muted, #888);font-size:.8rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-arrow.svelte-7ts6rn{color:var(--gold, #d4a017);font-size:1.2rem;opacity:0;transform:translate(-5px);transition:all .2s ease}.comp-card.svelte-7ts6rn:hover .comp-arrow:where(.svelte-7ts6rn){opacity:1;transform:translate(0)}.comps-footer.svelte-7ts6rn{text-align:center;padding:32px;background:linear-gradient(135deg,#d4a01714,#b482140a);border:1px solid rgba(212,160,23,.2);border-radius:12px;margin-bottom:60px}.comps-footer.svelte-7ts6rn p:where(.svelte-7ts6rn){color:var(--text-secondary, #ccc);margin:0 0 20px}@media(max-width:768px){.comps-grid.svelte-7ts6rn{grid-template-columns:1fr}.page-header.svelte-7ts6rn{flex-direction:column;text-align:center}.header-text.svelte-7ts6rn h1:where(.svelte-7ts6rn){font-size:1.8rem}.tier-legend.svelte-7ts6rn{justify-content:center}.comp-fullname.svelte-7ts6rn{white-space:normal}}@media(max-width:480px){.comps-page.svelte-7ts6rn{padding:0 12px}.header-icon.svelte-7ts6rn{width:56px;height:56px}.header-text.svelte-7ts6rn h1:where(.svelte-7ts6rn){font-size:1.5rem}.header-text.svelte-7ts6rn p:where(.svelte-7ts6rn){font-size:.95rem}.tier-legend.svelte-7ts6rn{padding:12px 16px;gap:12px}.legend-label.svelte-7ts6rn{flex-basis:100%;text-align:center}.tier-badge.svelte-7ts6rn{width:24px;height:24px;font-size:.75rem}.tier-item.svelte-7ts6rn{font-size:.8rem}.bracket-header.svelte-7ts6rn{gap:12px}.bracket-icon.svelte-7ts6rn{width:44px;height:44px}.bracket-header.svelte-7ts6rn h2:where(.svelte-7ts6rn){font-size:1.2rem}.comp-card.svelte-7ts6rn{padding:12px 14px;gap:12px}.comp-tier.svelte-7ts6rn{width:28px;height:28px;font-size:.8rem}.comp-info.svelte-7ts6rn h3:where(.svelte-7ts6rn){font-size:.9rem}.comp-fullname.svelte-7ts6rn{font-size:.75rem}.comps-footer.svelte-7ts6rn{padding:24px}.comps-footer.svelte-7ts6rn p:where(.svelte-7ts6rn){font-size:.9rem}}.theory-section.svelte-7ts6rn{margin-bottom:48px;padding:32px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(135deg,#231c16cc,#191410e6);border:1px solid rgba(139,115,85,.25);border-radius:12px}.section-title.svelte-7ts6rn{font-family:Cinzel,serif;font-size:1.4rem;color:var(--gold, #ffd700);margin:0 0 12px}.section-intro.svelte-7ts6rn{color:var(--text-secondary, #ccc);margin:0 0 24px;line-height:1.6}.section-intro.svelte-7ts6rn strong:where(.svelte-7ts6rn){color:var(--gold, #d4a017)}.info-box.svelte-7ts6rn{padding:20px 24px;background:#d4a01714;border:1px solid rgba(212,160,23,.25);border-radius:8px;margin-bottom:24px}.info-box.svelte-7ts6rn h4:where(.svelte-7ts6rn){color:var(--gold, #d4a017);font-size:1rem;margin:0 0 12px}.info-box.svelte-7ts6rn ul:where(.svelte-7ts6rn){margin:0;padding-left:20px}.info-box.svelte-7ts6rn li:where(.svelte-7ts6rn){color:var(--text-secondary, #ccc);margin-bottom:8px;line-height:1.5}.info-box.svelte-7ts6rn li:where(.svelte-7ts6rn) strong:where(.svelte-7ts6rn){color:var(--text-primary, #fff)}.archetype-grid.svelte-7ts6rn{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.archetype.svelte-7ts6rn{padding:20px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px}.archetype.svelte-7ts6rn h4:where(.svelte-7ts6rn){color:var(--text-primary, #fff);font-size:1rem;margin:0 0 8px}.archetype.svelte-7ts6rn p:where(.svelte-7ts6rn){color:var(--text-secondary, #ccc);font-size:.9rem;margin:0 0 8px;line-height:1.5}.archetype.svelte-7ts6rn .note:where(.svelte-7ts6rn){display:block;color:var(--text-muted, #888);font-size:.8rem;font-style:italic}.checklist.svelte-7ts6rn{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.checklist-item.svelte-7ts6rn{display:flex;gap:16px;padding:16px 20px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px}.checklist-item.svelte-7ts6rn .check:where(.svelte-7ts6rn){color:#4ade80;font-size:1.2rem;flex-shrink:0}.checklist-item.svelte-7ts6rn strong:where(.svelte-7ts6rn){display:block;color:var(--text-primary, #fff);margin-bottom:4px}.checklist-item.svelte-7ts6rn p:where(.svelte-7ts6rn){color:var(--text-secondary, #ccc);font-size:.9rem;margin:0;line-height:1.5}.warning-box.svelte-7ts6rn{padding:20px 24px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px}.warning-box.svelte-7ts6rn h4:where(.svelte-7ts6rn){color:#f87171;font-size:1rem;margin:0 0 12px}.warning-box.svelte-7ts6rn ul:where(.svelte-7ts6rn){margin:0;padding-left:20px}.warning-box.svelte-7ts6rn li:where(.svelte-7ts6rn){color:var(--text-secondary, #ccc);margin-bottom:8px;line-height:1.5}.warning-box.svelte-7ts6rn li:where(.svelte-7ts6rn) strong:where(.svelte-7ts6rn){color:var(--text-primary, #fff)}.counter-grid.svelte-7ts6rn{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.counter-card.svelte-7ts6rn{padding:20px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px}.counter-card.svelte-7ts6rn h4:where(.svelte-7ts6rn){color:var(--text-primary, #fff);font-size:1rem;margin:0 0 12px}.counter-card.svelte-7ts6rn .weakness:where(.svelte-7ts6rn){color:var(--text-secondary, #ccc);font-size:.85rem;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.counter-card.svelte-7ts6rn .weakness:where(.svelte-7ts6rn) strong:where(.svelte-7ts6rn){color:#f87171}.counter-card.svelte-7ts6rn ul:where(.svelte-7ts6rn){margin:0;padding-left:16px}.counter-card.svelte-7ts6rn li:where(.svelte-7ts6rn){color:var(--text-muted, #888);font-size:.8rem;margin-bottom:6px;line-height:1.4}@media(max-width:900px){.counter-grid.svelte-7ts6rn{grid-template-columns:1fr}}@media(max-width:768px){.archetype-grid.svelte-7ts6rn{grid-template-columns:1fr}.theory-section.svelte-7ts6rn{padding:24px}}@media(max-width:480px){.theory-section.svelte-7ts6rn{padding:16px}.section-title.svelte-7ts6rn{font-size:1.2rem}.checklist-item.svelte-7ts6rn{padding:12px 14px;gap:12px}.info-box.svelte-7ts6rn,.warning-box.svelte-7ts6rn{padding:16px}}