@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.battle-page{width:100%;min-height:100vh;background-color:#fdfbf7;color:#334155;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;padding:2.5rem 1.5rem 5rem}.battle-page .battle-breadcrumb,.battle-page .battle-title,.battle-page .battle-subtitle,.battle-page .type-inspector-hint,.battle-page .type-inspector-card,.battle-page .chart-section,.battle-page .effectiveness-section,.battle-page .rule-item{opacity:0}.battle-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.battle-index-header{text-align:center;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.battle-breadcrumb{display:inline-flex;align-items:center;gap:.4rem;color:#64748b;font-weight:600;font-size:.95rem;text-decoration:none;margin-bottom:.75rem;transition:color .2s ease}.battle-breadcrumb:hover{color:#be2342}.battle-breadcrumb .arrow{transition:transform .2s ease}.battle-breadcrumb:hover .arrow{transform:translate(-3px)}.battle-title{font-family:Outfit,Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;color:#0f172a;margin:0 0 .75rem;letter-spacing:-.025em;line-height:1.2}.battle-subtitle{font-size:1.15rem;color:#475569;max-width:650px;margin:0 auto;line-height:1.6}.battle-subtitle strong{color:#0f172a}.type-inspector-card{background:#fff;border:2px solid #BE2342;border-radius:20px;padding:1.75rem;box-shadow:0 10px 30px #be234214;animation:fadeInDown .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid #E2E8F0;margin-bottom:1.5rem;gap:1rem}.inspector-title-group{display:flex;align-items:center;gap:1rem}.inspector-name{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.inspector-close-btn{background:#f1f5f9;color:#475569;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.inspector-close-btn:hover{background:#e2e8f0;color:#0f172a}.inspector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.inspector-group{display:flex;flex-direction:column;gap:.75rem}.col-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.symbol-pill{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:800}.symbol-pill.strength{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.symbol-pill.weakness{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA}.symbol-pill.resist{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.inspector-type-tags{display:flex;flex-wrap:wrap;gap:.5rem}.inspector-type-tag{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #CBD5E1;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease}.inspector-type-tag:hover{border-color:#be2342;color:#be2342;transform:translateY(-1px);box-shadow:0 2px 8px #be23421a}.no-matchups-text{font-size:.85rem;color:#94a3b8;font-style:italic;margin:0}.type-inspector-hint{background:#fff;border:2px dashed #E2E8F0;border-radius:16px;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;box-shadow:0 4px 16px #0f172a08}.hint-poland-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(190,35,66,.15))}.hint-text{font-family:Outfit,Plus Jakarta Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;letter-spacing:.05em}.type-icon-badge{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #0000001f;flex-shrink:0}.type-icon-badge.small{width:26px;height:26px;border-width:1px;box-shadow:0 1px 3px #0000001a}.type-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.type-icon-badge.small .type-icon{width:14px;height:14px}.chart-section{display:flex;flex-direction:column;gap:1rem}.chart-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.chart-section-title{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:#0f172a;margin:0}.chart-container-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;box-shadow:0 4px 20px #0f172a0d;overflow:hidden;position:relative}.chart-scroll-wrapper{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#CBD5E1 #F1F5F9}.chart-scroll-wrapper::-webkit-scrollbar{height:8px;width:8px}.chart-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px;margin:0 4px}.chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}.chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#be2342}.type-matrix-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;table-layout:fixed;min-width:900px}.corner-th{position:sticky;top:0;left:0;z-index:4;background:#f1f5f9;border-bottom:2px solid #CBD5E1;border-right:2px solid #CBD5E1;padding:.5rem;width:80px;min-width:80px}.corner-axis{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;font-weight:800;color:#475569;text-align:center}.axis-atk{color:#be2342}.axis-def{color:#2563eb}.col-th{position:sticky;top:0;z-index:3;background:#f8fafc;border-bottom:2px solid #CBD5E1;border-right:1px solid #E2E8F0;padding:.6rem .2rem;cursor:pointer;transition:background .2s ease;user-select:none}.col-th:hover,.col-th.is-highlighted{background:#e2e8f0}.col-th.is-selected{background:#fee2e2;border-bottom-color:#be2342}.type-th-content{display:flex;flex-direction:column;align-items:center;gap:.3rem}.type-th-content.horizontal{flex-direction:row;justify-content:center}.type-abbr-label{font-size:.75rem;font-weight:800;color:#334155;letter-spacing:.02em}.row-th{position:sticky;left:0;z-index:3;background:#f8fafc;border-right:2px solid #CBD5E1;border-bottom:1px solid #E2E8F0;padding:.4rem .2rem;cursor:pointer;transition:background .2s ease;user-select:none;width:80px;min-width:80px}.row-th:hover,.row-th.is-highlighted{background:#e2e8f0}.row-th.is-selected{background:#fee2e2;border-right-color:#be2342}.row-highlighted .matrix-td{background-color:#f8fafc}.matrix-td{border-right:1px solid #F1F5F9;border-bottom:1px solid #F1F5F9;text-align:center;padding:.65rem .2rem;cursor:pointer;position:relative;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.matrix-td.is-highlighted{background-color:#f1f5f9!important}.cell-value{font-weight:800;font-size:.85rem;display:inline-block}.matrix-td.cell-strength{background-color:#ecfdf5;color:#047857}.matrix-td.cell-strength .cell-value{color:#047857}.matrix-td.cell-weakness{background-color:#fef2f2;color:#b91c1c}.matrix-td.cell-weakness .cell-value{color:#b91c1c}.matrix-td.cell-neutral{background-color:#fff;color:#cbd5e1}.matrix-td.cell-neutral .cell-value{color:#94a3b8}.matrix-td.is-hovered{z-index:5;transform:scale(1.25);box-shadow:0 6px 16px #0f172a2e;border-radius:6px}.matrix-td.cell-strength.is-hovered{background-color:#10b981!important;color:#fff!important}.matrix-td.cell-strength.is-hovered .cell-value{color:#fff!important}.matrix-td.cell-weakness.is-hovered{background-color:#ef4444!important;color:#fff!important}.matrix-td.cell-weakness.is-hovered .cell-value{color:#fff!important}.matrix-td.cell-neutral.is-hovered{background-color:#64748b!important;color:#fff!important}.matrix-td.cell-neutral.is-hovered .cell-value{color:#fff!important}.matrix-tooltip{position:absolute;bottom:12px;right:16px;z-index:10;pointer-events:none;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-inner{background:#0f172aeb;backdrop-filter:blur(8px);color:#fff;padding:.6rem 1rem;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:.2rem}.tooltip-types{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700}.tooltip-arrow{color:#94a3b8}.tooltip-outcome{font-size:.75rem;font-weight:600}.tooltip-outcome.strength{color:#34d399}.tooltip-outcome.weakness{color:#f87171}.tooltip-outcome.neutral{color:#94a3b8}.effectiveness-section{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #0f172a0a;display:flex;flex-direction:column;gap:1.5rem}.section-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;color:#0f172a;margin:0}.section-intro{font-size:1.05rem;color:#475569;line-height:1.6;margin:0;max-width:800px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:.5rem}.rule-item{display:flex;flex-direction:column;gap:.75rem}.rule-item-header{display:flex;align-items:center;gap:.75rem}.rule-icon-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;flex-shrink:0}.rule-icon-box.primary{background:#eff6ff;color:#2563eb}.rule-icon-box.strong{background:#ecfdf5;color:#047857}.rule-icon-box.weak{background:#fef2f2;color:#b91c1c}.rule-icon-box.neutral{background:#f1f5f9;color:#64748b}.rule-item-header h3{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .15rem}.rule-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase}.rule-badge{background:#dbeafe;color:#1d4ed8}.rule-badge.strong{background:#d1fae5;color:#047857}.rule-badge.weak{background:#fee2e2;color:#b91c1c}.rule-badge.neutral{background:#e2e8f0;color:#475569}.rule-card p{font-size:.9rem;color:#334155;line-height:1.5;margin:0}.rule-card .note-text{font-size:.825rem;color:#64748b}@media(max-width:900px){.matrix-tooltip{position:static;margin:.75rem}}@media(max-width:640px){.battle-page{padding:1.5rem .75rem 3rem}.effectiveness-section{padding:1.25rem;border-radius:14px}}