.page-flex{display:flex;gap:2.5rem}.main-content-container{width:100%;display:flex;justify-content:center;padding:0 2rem}.content-wrapper{max-width:1400px;width:100%;margin:0 auto}.team-database-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem auto 1.5rem;flex-wrap:wrap;padding:0 1rem}.filter-controls,.sort-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.filter-select,.sort-btn{padding:.4rem .7rem;background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;border:1px solid var(--mocha-mousse);font-size:.8rem;cursor:pointer;transition:all .2s ease}.sort-btn.active{background:var(--amber-glow);color:#fff;border-color:var(--amber-glow)}.reset-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--rose-quartz),#e91e63);color:#fff;border-radius:10px;border:2px solid var(--rose-quartz);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.reset-btn:active{transform:translateY(0)}.team-table-container{overflow-x:auto;margin:1.5rem auto;padding:0 1rem;display:block}table.team-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-primary);border-radius:12px;font-family:Space Grotesk,sans-serif}table.team-table th,table.team-table td{padding:1rem .6rem;text-align:center;border-bottom:1px solid var(--neutral-200);vertical-align:middle}table.team-table th{background:var(--amber-glow);color:#222;font-weight:700;font-size:.9rem;position:sticky;top:0;z-index:2}table.team-table tr{transition:background-color .2s ease}table.team-table th:nth-child(1),table.team-table td:nth-child(1){width:12%;min-width:110px;font-size:.85rem;font-weight:600;line-height:1.3}table.team-table th:nth-child(2),table.team-table td:nth-child(2){width:10%;min-width:110px;padding:1rem .4rem}table.team-table th:nth-child(3),table.team-table td:nth-child(3){width:8%;min-width:80px;padding:1rem .4rem}table.team-table th:nth-child(4),table.team-table td:nth-child(4),table.team-table th:nth-child(5),table.team-table td:nth-child(5),table.team-table th:nth-child(6),table.team-table td:nth-child(6),table.team-table th:nth-child(7),table.team-table td:nth-child(7){width:11%;min-width:100px;padding:.5rem .3rem}table.team-table th:nth-child(8),table.team-table td:nth-child(8){width:auto;min-width:200px;max-width:none}table.team-table th:nth-child(8){text-align:center}table.team-table td:nth-child(8){text-align:left;vertical-align:top;max-width:300px;word-wrap:break-word;line-height:1.4;font-size:.85rem;padding:1rem .8rem}.team-type-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1.2;vertical-align:middle;border:none;cursor:default;margin:.2rem .3rem .2rem 0}.team-type-badge.rift{background:#f44336;color:#fff}.team-type-badge.guild-raid{background:#795548;color:#fff}.team-type-badge.character{background:#9c27b0;color:#fff}.team-type-badge.general{background:#4caf50;color:#fff}.team-type-badge.extra-attack{background:#ff9800;color:#000}.team-type-badge.dot{background:#e91e63;color:#fff}.team-type-badge.pvp{background:var(--zn-badge-indigo);color:var(--zn-badge-white)}.team-tier-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1.2;vertical-align:middle;border:none;cursor:default;margin:.2rem .3rem .2rem 0}.team-tier-badge.sss{background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff;font-weight:700}.team-tier-badge.ss{background:linear-gradient(135deg,#ffa502,#ffb822);color:#000;font-weight:700}.team-tier-badge.s{background:linear-gradient(135deg,#3742fa,#5f66ff);color:#fff;font-weight:700}.team-tier-badge.a{background:linear-gradient(135deg,#2ed573,#4ed88e);color:#000;font-weight:700}.team-tier-badge.situational{background:linear-gradient(135deg,var(--mocha-mousse),var(--neutral-300));color:#000;font-weight:600;font-size:.7rem}.character-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;height:auto;min-height:100px;max-height:120px;justify-content:center}.character-portrait{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--amber-glow)}.character-name{font-size:.72rem;padding:.15rem .35rem;background:#ffb74d1a;border-radius:6px;color:var(--text-primary);font-weight:500;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-bottom:.1rem}.character-cell .element-badge,.mobile-character-item .element-badge{font-weight:600;border-radius:4px;text-transform:uppercase;display:inline-block;line-height:1;vertical-align:top}.character-cell .element-badge{font-size:.6rem;padding:.1rem .3rem;margin-top:.2rem;letter-spacing:.3px}.mobile-character-item .element-badge{font-size:.6rem;padding:.15rem .3rem;margin-top:.3rem;letter-spacing:.2px;border-radius:3px}.character-cell .element-badge.element-fire,.mobile-character-item .element-badge.element-fire{background:#ff6b6b!important;color:#fff!important}.character-cell .element-badge.element-ice,.mobile-character-item .element-badge.element-ice{background:#4dbfff!important;color:#fff!important}.character-cell .element-badge.element-wind,.mobile-character-item .element-badge.element-wind{background:#4dffb8!important;color:#000!important}.character-cell .element-badge.element-holy,.mobile-character-item .element-badge.element-holy{background:orange!important;color:#000!important}.character-cell .element-badge.element-chaos,.mobile-character-item .element-badge.element-chaos{background:#b266ff!important;color:#fff!important}.mobile-card-view{display:none;gap:1.5rem;padding:1rem}.mobile-team-card{background:var(--bg-primary);border-radius:14px;padding:1.2rem 1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.7rem;border:1px solid var(--amber-glow);transition:transform .2s ease}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mobile-card-title{font-size:1rem;font-weight:700;color:var(--amber-glow);margin:0;line-height:1.3}.mobile-card-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.mobile-card-characters{display:flex;flex-wrap:nowrap;gap:1rem;margin-top:1rem;justify-content:space-between;padding:.8rem 0 .5rem;overflow-x:auto}.mobile-character-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.3rem;flex-shrink:0;min-width:70px;position:relative}.character-position{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--amber-glow);color:#000;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:1;border:2px solid var(--bg-primary)}.mobile-character-portrait{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--amber-glow)}.mobile-character-name{font-size:.7rem;padding:.2rem .4rem;background:#ffb74d1a;border-radius:4px;color:var(--text-primary);font-weight:500;text-align:center;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.mobile-card-notes{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(255,183,77,.2);word-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%;overflow-wrap:break-word;hyphens:auto}.no-teams-message,.no-teams-message-mobile{background:#ffb74d0d;border-radius:12px;padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic;border:1px dashed rgba(255,183,77,.2)}@media (max-width: 1024px),(hover: none) and (pointer: coarse){.team-table-container{display:none}.mobile-card-view{display:block}.team-database-filter-bar{flex-direction:column;gap:1rem;padding:0 .5rem}.filter-controls,.sort-controls{width:100%;justify-content:center;gap:.8rem}.filter-select,.sort-btn{padding:.8rem 1.2rem;font-size:.9rem;min-width:88px;min-height:44px;text-align:center}.reset-btn{padding:.8rem 1.2rem;font-size:.9rem;min-height:44px;text-align:center}.main-content-container{padding:0 .5rem}.mobile-card-view{padding:.5rem;gap:1rem}.mobile-team-card{padding:1.5rem;margin-bottom:1.2rem;border-radius:16px}.mobile-card-title{font-size:1.1rem;font-weight:700}.mobile-card-characters{gap:.8rem;margin-top:1rem;padding:.8rem 0 .7rem;justify-content:space-around}.mobile-character-portrait{width:55px;height:55px}.mobile-character-name{font-size:.75rem;max-width:75px;padding:.2rem .5rem;margin-bottom:.3rem}.team-type-badge,.team-tier-badge{font-size:.75rem;padding:.4rem .7rem;line-height:1.2;margin:.2rem .1rem}}@media (max-width: 480px){.content-wrapper{padding:0}.main-content-container{padding:0 .25rem}.mobile-card-view{padding:.25rem}.mobile-team-card{padding:1.2rem;margin-bottom:1rem;border-radius:14px}.mobile-card-header{flex-direction:column;align-items:stretch;gap:.7rem}.mobile-card-badges{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:.4rem}.mobile-card-title{font-size:1rem;line-height:1.3}.mobile-card-characters{gap:.7rem;margin-top:1rem;padding:.8rem 0 .5rem;justify-content:space-around}.mobile-character-portrait{width:50px;height:50px}.mobile-character-name{font-size:.65rem;max-width:65px;padding:.15rem .3rem;margin-bottom:.2rem}.mobile-card-notes{font-size:.8rem;margin-top:1rem;padding-top:.7rem}.filter-select,.sort-btn{padding:.5rem .8rem;font-size:.8rem;min-width:70px}.reset-btn{padding:.5rem 1rem;font-size:.8rem}.team-type-badge,.team-tier-badge{font-size:.7rem;padding:.3rem .6rem}}@media (max-width: 1024px) and (min-width: 769px){.team-type-badge{font-size:.75rem;padding:.3rem .6rem}.character-name{font-size:.75rem}}@media (prefers-contrast: high){.mobile-team-card,table.team-table,.team-type-badge,.team-tier-badge{border-width:2px}}@media (prefers-reduced-motion: reduce){.mobile-team-card,.filter-select,.sort-btn,.reset-btn,table.team-table tr{transition:none;animation:none}}@media (max-height: 768px) and (orientation: landscape) and (hover: none){.team-database-filter-bar{flex-direction:row;gap:1rem;padding:.5rem}.filter-controls,.sort-controls{width:auto;gap:.5rem}.mobile-card-view{gap:1rem;padding:.5rem}.mobile-team-card{padding:1rem;margin-bottom:1rem}.main-content-container{padding:0 .5rem}}