.orange-box{margin-top:2rem}.category-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0;padding:1rem;background-color:var(--box-dark-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.category-tab{padding:.625rem 1rem;background-color:var(--box-gray-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600;white-space:nowrap}.category-tab:hover{background-color:var(--card-hover-bg)}.category-tab.active{background-color:var(--accent-primary);color:var(--header-text);border-color:var(--accent-primary)}.best-teams-container{margin:2rem 0}.category-section{margin-bottom:3rem}.category-header{margin-bottom:1.5rem}.category-title{color:var(--accent-primary);font-size:1.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.category-divider{height:3px;width:100px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.teams-list{display:flex;flex-direction:column;gap:1.5rem}.team-card{display:grid;grid-template-columns:400px 1fr;gap:2rem;background-color:var(--box-dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;transition:border-color .2s ease}.team-info{display:flex;flex-direction:column;justify-content:space-between}.team-card-header{margin-bottom:1rem}.team-name{color:var(--header-text);font-size:1.5rem;margin-bottom:.25rem}.team-meta{color:var(--gold);font-size:14px;font-style:normal;font-weight:500}.team-description{color:var(--text-color);font-size:1rem;line-height:1.7;margin-bottom:1.5rem;flex-grow:1}.team-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-primary{background-color:var(--blue);color:var(--header-text)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:var(--purple);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{filter:brightness(1.1)}.btn-primary svg,.btn-secondary svg{width:16px;height:16px}.team-characters{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;align-content:start}.character-mini{display:flex;flex-direction:column;text-decoration:none;background-color:var(--box-dark-bg);border:2px solid transparent;border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease}.character-mini:hover{transform:translateY(-1px)}.char-image-wrapper{position:relative;width:100%;overflow:hidden}.char-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.char-info{display:flex;flex-direction:column;gap:5px;padding:10px 5px}.char-name{color:var(--header-text);font-size:14px;font-weight:600;text-align:center;line-height:1.2;min-height:2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-roles{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-height:20px}.role-tag{font-size:.65rem;font-weight:700;color:#fff;padding:4px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap;line-height:1;display:flex;align-items:center;justify-content:center}.role-tag-dps,.role-tag-sub-dps{background-color:#d32f2f}.role-tag-support{background-color:#fbc02d;color:#333}.role-tag-control{background-color:#512da8}.role-tag-healer{background-color:#388e3c}.role-tag-tank{background-color:#0288d1}.role-tag-utility{background-color:#546e7a}.character-mini.rarity-ss{border-color:var(--red)}.character-mini.rarity-ex{border-color:var(--orange)}.character-mini.rarity-s{border-color:var(--gold)}.character-mini.rarity-a{border-color:var(--purple)}.character-mini.rarity-b{border-color:var(--blue)}.intro-section{margin-top:3rem;padding:2rem;background-color:var(--box-dark-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.intro-content h2{color:var(--header-text);margin-bottom:1rem}.intro-content p{color:var(--text-color);line-height:1.8;margin-bottom:1rem}.intro-content p:last-child{margin-bottom:0}@media(max-width:1600px){.team-card{display:flex;flex-direction:column-reverse}}@media(max-width:768px){.team-characters{grid-template-columns:repeat(3,1fr)}.category-title{font-size:1.5rem;align-items:center;display:flex;justify-content:center}.team-actions{flex-direction:column}.team-name{margin:5px 0}.btn-primary,.btn-secondary{width:auto}}@media(max-width:480px){.team-card{padding:.8rem;gap:10px}.team-characters{grid-template-columns:repeat(3,1fr);gap:5px}.category-selector{padding:.75rem}}