.battle-section{padding:4rem 2rem;background:#0f172af2;min-height:100vh}.battle-header-wrapper{display:flex;align-items:center;gap:3rem;margin-bottom:2rem}.battle-header{flex:1;text-align:left}.battle-header h2{font-size:1.8rem;color:#d0d0d0;margin-bottom:.5rem;font-weight:600}.battle-description{font-size:1rem;color:#888;max-width:none}.battle-hero-image{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.battle-hero-image img{max-width:100%;height:auto;max-height:250px;object-fit:contain}.overview-content{margin-bottom:2rem}.overview-content .explanation-text{margin-bottom:0}.legend{display:none}.chart-title{font-size:1.5rem;color:#ebbdc6;margin:0 0 .5rem;font-weight:700;text-align:center}.table-legend{margin-top:.75rem;padding:.5rem 1rem;background:#1a1a2e66;border-radius:8px;border:1px solid rgba(78,205,196,.2)}.table-legend .legend-items{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:nowrap}.table-legend .legend-item{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;border-radius:0}.table-legend .legend-symbol{font-size:1rem;font-weight:700;min-width:auto;text-align:center}.table-legend .legend-symbol.strength{color:#4ecdc4}.table-legend .legend-symbol.weakness{color:#ff6b6b}.table-legend .legend-symbol.neutral{color:#888}.table-legend .legend-symbol.synergy{color:#ebbdc6}.table-legend .legend-label{font-size:.9rem;color:#b0b0b0}.chart-container{border-radius:12px;border:2px solid rgba(78,205,196,.3);background:#0f172acc;overflow:hidden}.chart-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.5) rgba(15,23,42,.3)}.chart-table-wrapper::-webkit-scrollbar{height:8px}.chart-table-wrapper::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.chart-table-wrapper::-webkit-scrollbar-thumb{background:#4ecdc480;border-radius:4px}.chart-table-wrapper::-webkit-scrollbar-thumb:hover{background:#4ecdc4b3}.chart-scroll-container{display:none}.synergy-explanation{margin-top:1.5rem;max-width:900px;margin-left:auto;margin-right:auto;background:transparent;border-radius:0;padding:0;border:none;overflow:visible}.synergy-explanation-header{padding:0 0 1rem;background:transparent;border-bottom:none}.synergy-explanation-header:hover{background:transparent}.synergy-explanation-header h3{font-size:1.5rem;color:#ebbdc6;margin:0;line-height:1.2}.synergy-explanation-content{padding:0}.synergy-section{margin-bottom:3rem;padding:2rem;background:#0f172a99;border-radius:12px;border:1px solid rgba(78,205,196,.2)}.synergy-section:last-child{margin-bottom:0}.synergy-section h4{font-size:1.6rem;color:#ebbdc6;margin-bottom:1.5rem;text-align:center;padding-bottom:.5rem;border-bottom:2px solid rgba(78,205,196,.3)}.synergy-section h5{font-size:1.2rem;color:#4ecdc4;margin-bottom:.8rem;margin-top:1.5rem}.synergy-section p{color:#d0d0d0;line-height:1.7;margin-bottom:1rem}.synergy-section ul,.synergy-section ol{color:#d0d0d0;line-height:1.7;margin-left:1.5rem;margin-bottom:1rem}.synergy-section li{margin-bottom:.5rem}.synergy-content-with-image{display:flex;align-items:flex-start;gap:2rem;margin:1.5rem 0}.synergy-text-content{flex:1}.synergy-diagram{flex:0 0 300px;text-align:center}.synergy-diagram.left{order:-1}.synergy-diagram.right{order:1}.synergy-diagram-image{width:100%;max-width:300px;height:auto;border-radius:8px;border:2px solid rgba(78,205,196,.4);box-shadow:0 4px 15px #4ecdc433}.tab-content{background:transparent;border-radius:0;padding:0 0 1.5rem;border:none}.legend{margin-bottom:3rem}.legend h3{font-size:1.8rem;color:#ebbdc6;margin-bottom:1.5rem;text-align:center}.legend-items{display:grid;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#1a1a2ecc;border-radius:10px;border:1px solid rgba(78,205,196,.2)}.legend-symbol{font-size:1.8rem;font-weight:700;min-width:40px;text-align:center}.legend-symbol.strength{color:#4ecdc4}.legend-symbol.weakness{color:#ff6b6b}.legend-symbol.neutral{color:#888}.legend-symbol.synergy{color:#ebbdc6}.legend-label{font-size:1.1rem;color:#d0d0d0}.explanation-text{padding:2rem;background:#4ecdc41a;border-radius:12px;border-left:4px solid #4ecdc4}.explanation-text p{font-size:1.15rem;color:#d0d0d0;line-height:1.8;margin:0}.strengths-tab{max-width:100%}.chart-wrapper{position:relative;margin-bottom:0}.chart-scroll-container{overflow-x:auto;overflow-y:auto;max-height:70vh;border-radius:12px;border:2px solid rgba(78,205,196,.3);background:#0f172acc}.type-matchup-table,.synergy-table{width:100%;min-width:800px;border-collapse:collapse;font-size:1rem}.type-matchup-table th,.type-matchup-table td,.synergy-table th,.synergy-table td{padding:.8rem;text-align:center;border:1px solid rgba(78,205,196,.2)}.type-matchup-table thead th,.synergy-table thead th{position:sticky;top:0;background:#1a1a2ef2;z-index:10;font-weight:700;color:#ebbdc6}.type-matchup-table tbody th,.synergy-table tbody th{position:sticky;left:0;background:#1a1a2ef2;z-index:5;font-weight:700;color:#ebbdc6}.corner-cell{position:sticky;top:0;left:0;z-index:15!important;background:#1a1a2efa!important;border-right:2px solid rgba(78,205,196,.4)!important;border-bottom:2px solid rgba(78,205,196,.4)!important}.corner-labels{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:#888}.type-header{cursor:pointer;transition:all .3s ease;user-select:none}.type-header:hover{background:#4ecdc433!important;color:#4ecdc4!important}.type-header.highlighted{background:#4ecdc44d!important;color:#4ecdc4!important;box-shadow:0 0 10px #4ecdc480}.type-abbr{font-weight:600;letter-spacing:.05em}.type-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.type-icon-container{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.8)}.type-header:hover .type-icon-container{transform:scale(1.1);border-color:#fff;box-shadow:0 0 10px #fff6}.type-header.highlighted .type-icon-container{transform:scale(1.15);border-color:#fff;box-shadow:0 0 15px #fff9}.matchup-cell{transition:all .2s ease;cursor:help}.matchup-cell.highlighted{background:#4ecdc426!important;transform:scale(1.05);box-shadow:0 0 8px #4ecdc466}.matchup-cell.strength{background:#4ecdc433;color:#4ecdc4}.matchup-cell.weakness{background:#ff6b6b33;color:#ff6b6b}.matchup-cell.neutral{background:#8888881a;color:#888}.matchup-symbol{font-size:1.2rem;font-weight:700}.chart-tooltip{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.tooltip-content{background:#1a1a2efa;padding:1rem 1.5rem;border-radius:10px;border:2px solid rgba(78,205,196,.5);box-shadow:0 8px 30px #00000080;display:flex;flex-direction:column;gap:.5rem}.tooltip-content strong{color:#ebbdc6;font-size:1.1rem}.tooltip-content span{color:#d0d0d0;font-size:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.type-details-panel{background:#0f172acc;padding:2rem;border:2px solid rgba(78,205,196,.3);border-radius:12px;margin-bottom:1.5rem;animation:slideIn .3s ease;min-height:280px}.type-details-panel.default-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px}.default-panel .type-header-with-icon h3{margin-bottom:1rem}.default-message{color:#b0b0b0;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0}.type-header-with-icon{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.type-details-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.8);flex-shrink:0}.type-details-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}.type-header-with-icon h3{font-size:2.2rem;margin:0;color:#fff;font-weight:700;line-height:1.2}.type-details-panel h4{font-size:1.2rem;color:#4ecdc4;margin-bottom:.75rem;margin-top:1.5rem}.type-details-panel .type-relationships{margin-bottom:1rem}.type-details-panel .type-relationships:first-of-type h4{margin-top:0}.no-matchups{color:#888;font-style:italic;font-size:1rem;margin:.5rem 0}.type-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.type-item{display:flex;align-items:center;gap:.6rem}.type-item .type-icon-container{width:32px;height:32px;flex-shrink:0}.type-item .type-icon{width:18px;height:18px}.type-name{color:#d0d0d0;font-size:1.05rem}.type-role{margin-top:1.5rem;padding:1.5rem;background:#4ecdc41a;border-radius:10px;border-left:4px solid #4ecdc4}.type-role p{color:#d0d0d0;font-size:1.1rem;line-height:1.7;margin:0}.close-details{display:block;margin:2rem auto 0;padding:.8rem 2rem;background:linear-gradient(135deg,#4ecdc44d,#ebbdc64d);border:2px solid rgba(78,205,196,.6);border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.close-details:hover{background:linear-gradient(135deg,#4ecdc480,#ebbdc680);border-color:#ebbdc6;transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc44d}.synergy-explanation h3{font-size:2rem;color:#ebbdc6;margin-bottom:2rem;text-align:center}.synergy-rule{background:#1a1a2ecc;padding:2rem;border-radius:12px;border:1px solid rgba(78,205,196,.2);margin-bottom:2rem}.synergy-rule h4{font-size:1.5rem;color:#4ecdc4;margin-bottom:1rem}.synergy-rule p{font-size:1.1rem;color:#d0d0d0;line-height:1.7;margin-bottom:1rem}.synergy-rule p:last-child{margin-bottom:0}.synergy-rule ol{margin:1rem 0;padding-left:2rem}.synergy-rule li{font-size:1.1rem;color:#d0d0d0;line-height:1.8;margin-bottom:.5rem}.synergy-bonus{background:#4ecdc426;padding:1rem;border-radius:8px;border-left:4px solid #4ecdc4;font-weight:600;color:#4ecdc4!important}.synergy-warning{background:#ff6b6b26;padding:1rem;border-radius:8px;border-left:4px solid #ff6b6b;font-weight:600;color:#ff6b6b!important}.rarity-table-container{background:#1a1a2ecc;padding:2rem;border-radius:12px;border:1px solid rgba(78,205,196,.2);margin-bottom:2rem}.rarity-table-container h4{font-size:1.5rem;color:#4ecdc4;margin-bottom:1.5rem;text-align:center}.rarity-table{width:100%;max-width:500px;margin:0 auto 1.5rem;border-collapse:collapse}.rarity-table th,.rarity-table td{padding:1rem;text-align:center;border:1px solid rgba(78,205,196,.3)}.rarity-table thead th{background:#4ecdc433;color:#ebbdc6;font-weight:700;font-size:1.1rem}.rarity-table tbody td{color:#d0d0d0;font-size:1.05rem}.rarity-common{color:#b0b0b0!important}.rarity-uncommon{color:#4ecdc4!important}.rarity-rare{color:#5e9aff!important}.rarity-epic{color:#a855f7!important}.rarity-legendary{color:#ebbdc6!important}.rarity-mythic{color:gold!important}.rarity-note{text-align:center;font-size:1rem;color:#b0b0b0;font-style:italic}.synergy-chart-container{margin-top:0}.synergy-chart-container h3{font-size:1.5rem;color:#ebbdc6;margin:0 0 .5rem;text-align:center;font-weight:700}.synergy-chart-container .chart-title{margin:0 0 .5rem}.synergy-chart-description{text-align:center;font-size:1.1rem;color:#b0b0b0;margin-bottom:1rem}.synergy-cell{transition:all .2s ease}.synergy-cell.has-synergy{background:#ebbdc633;cursor:help}.synergy-cell.has-synergy:hover{background:#ebbdc666;transform:scale(1.05);box-shadow:0 0 10px #ebbdc680}.synergy-cell.no-synergy{background:#0f172a80;opacity:.4}.synergy-symbol{font-size:1.4rem;color:#ebbdc6;font-weight:700}@media(max-width:968px){.battle-section{padding:3rem 1rem}.battle-header-wrapper{flex-direction:column;gap:1.5rem}.battle-header{text-align:center}.battle-hero-image{width:100%}.battle-hero-image img{max-height:200px}.battle-header h2{font-size:2.2rem}.battle-description{font-size:1rem}.tab-content{padding:0 1rem 2rem}.chart-title,.synergy-chart-container h3,.synergy-rule h4,.rarity-table-container h4{font-size:1.3rem}.synergy-content-with-image{flex-direction:column;gap:1.5rem;align-items:center}.type-matchup-table,.synergy-table{min-width:600px}.type-matchup-table th,.type-matchup-table td,.synergy-table th,.synergy-table td{padding:.5rem}.matchup-symbol,.synergy-symbol{font-size:1rem}.synergy-diagram{flex:none;order:0!important}.synergy-section{padding:1.5rem}.synergy-section h4{font-size:1.4rem}.type-icon{width:18px;height:18px}.type-icon-container{width:28px;height:28px}.type-details-panel{padding:1.5rem;min-height:260px}.type-details-panel h3{font-size:1.6rem}.default-message{font-size:1rem}.type-matchup-table,.synergy-table{font-size:.9rem}.type-matchup-table th,.type-matchup-table td,.synergy-table th,.synergy-table td{padding:.6rem .4rem}.table-legend .legend-items{gap:1rem}.table-legend .legend-label{font-size:.8rem}.rarity-table{max-width:100%}}@media(max-width:480px){.battle-section{padding:2rem .5rem}.battle-header-wrapper{gap:1rem}.battle-hero-image img{max-height:180px}.battle-header h2{font-size:1.8rem}.tab-content{padding:0 .8rem 1.5rem}.chart-title{font-size:1.2rem;margin:0 0 .5rem}.table-legend{padding:.4rem .5rem;margin-bottom:.5rem}.table-legend .legend-items{gap:.75rem;flex-wrap:nowrap}.table-legend .legend-item{gap:.25rem}.table-legend .legend-symbol{font-size:.85rem}.table-legend .legend-label{font-size:.75rem}.explanation-text,.synergy-rule,.rarity-table-container{padding:1.5rem}.type-matchup-table,.synergy-table{font-size:.75rem;min-width:500px}.type-matchup-table th,.type-matchup-table td,.synergy-table th,.synergy-table td{padding:.35rem}.type-icon{width:14px;height:14px}.type-icon-container{width:22px;height:22px}.matchup-symbol,.synergy-symbol{font-size:.85rem}.corner-cell{min-width:30px}.corner-labels{font-size:.6rem}.chart-table-wrapper::-webkit-scrollbar{height:6px}.tooltip-content{padding:.8rem 1rem}.tooltip-content strong{font-size:1rem}.tooltip-content span{font-size:.9rem}.type-details-panel{padding:1.5rem;min-height:240px}.default-message{font-size:.95rem}.type-item .type-icon-container{width:26px;height:26px}.type-item .type-icon{width:15px;height:15px}.type-name{font-size:.95rem}.type-header-with-icon h3{font-size:1.8rem}.type-details-icon{width:40px;height:40px}.type-details-icon img{width:24px;height:24px}.synergy-rule p,.synergy-rule li{font-size:1rem}.synergy-explanation-header{padding:1rem}.synergy-explanation h3{font-size:1.5rem}.synergy-explanation-content{padding:1.5rem 1rem}.synergy-section h4{font-size:1.3rem}.synergy-section h5{font-size:1.1rem}.synergy-section{padding:1.5rem;margin-bottom:2rem}.synergy-section h4{font-size:1.4rem}.synergy-content-with-image{flex-direction:column;gap:1.5rem;align-items:center}.synergy-diagram{flex:none;order:0!important}.synergy-diagram-image{max-width:100%;height:auto}}@media(max-width:360px){.type-matchup-table,.synergy-table{min-width:450px}.type-matchup-table th,.type-matchup-table td,.synergy-table th,.synergy-table td{padding:.25rem}.type-icon{width:12px;height:12px}.type-icon-container{width:18px;height:18px}.matchup-symbol,.synergy-symbol{font-size:.75rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(hover:none){.type-header:active{background:#4ecdc433!important}.matchup-cell:active,.synergy-cell.has-synergy:active{transform:scale(1.05)}}