.team-builder-container{width:100%;min-width:0;margin:20px 0}.page-title{color:var(--header-text);margin-bottom:2rem}.team-header-actions{display:flex;gap:.75rem;margin-bottom:1rem;justify-content:flex-end}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--border-radius);background-color:var(--link-color);color:var(--header-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.4;cursor:not-allowed;background-color:var(--box-gray-bg);color:var(--text-muted)}.action-btn.secondary{background-color:var(--box-gray-bg);border:1px solid var(--border-color);color:var(--text-color)}.action-btn.secondary:hover:not(:disabled){background-color:var(--box-dark-bg)}.action-btn svg{width:16px;height:16px}.team-notification{position:fixed;top:20px;right:20px;background-color:var(--orange);color:var(--header-text);padding:1rem 1.5rem;border-radius:var(--border-radius);font-weight:600;z-index:1000;opacity:0;transform:translate(100px);transition:all .3s ease}.team-notification.show{opacity:1;transform:translate(0)}.team-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;padding:1rem;border-radius:var(--border-radius);border:1px solid black;min-height:200px;background:url(/images/saint-seiya/system/team-builder.webp);background-position:center;background-size:cover}.team-card{cursor:pointer}.slot{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#00000080;border-radius:var(--border-radius);min-height:170px;transition:all .2s ease;position:relative}.slot-placeholder{text-transform:uppercase;font-size:14px;font-weight:600;color:var(--footer-text);padding-top:50%}.drag-over{border:2px solid var(--accent-primary);background-color:var(--card-hover-bg);transform:scale(1.05)}.team-speed-info{margin-top:1rem;font-size:1.2rem;font-weight:700;color:var(--text-color)}#totalSpeed{color:var(--accent-primary)}.roster-section{margin-top:1rem;width:100%;min-width:0}.roster-list{display:flex;overflow-x:auto;gap:1rem;padding:1rem 0;scrollbar-width:thin;scroll-behavior:smooth;width:100%;min-height:150px;scrollbar-color:#2c2d33 #73757e;scrollbar-width:auto}.roster-list::-webkit-scrollbar{height:8px}.roster-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.roster-filters{padding:1rem;margin-top:2rem;justify-content:space-between;display:flex;background-color:var(--box-dark-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);align-items:center}.filter-group{margin-bottom:1rem}.filter-group h4{margin:0 0 .5rem;color:var(--text-color);font-size:1rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background-color:var(--box-gray-bg);color:var(--text-color);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--border-radius);min-width:55px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500}.filter-btn:hover{background-color:var(--card-hover-bg)}.filter-btn.active{background-color:var(--purple);color:var(--header-text);border-color:var(--border-color);box-shadow:0 0 5px rgba(var(--accent-primary-rgb),.5);transform:scale(1.05)}.character-card{flex-shrink:0;width:120px;text-align:center;background-color:var(--box-dark-bg);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .2s ease}.team-card{width:100%;height:100%}.character-card:hover{transform:translateY(-2px)}.character-card.dragging{opacity:.5}.card-image{width:100%;height:auto;border-radius:var(--border-radius)}.metainfo{display:flex;flex-direction:column;gap:5px;padding:10px 5px}.card-speed,.card-roles{margin:0;font-size:.8rem;color:var(--text-muted)}.card-speed strong{color:var(--accent-primary)}.rarity-ss{border-color:var(--red)}.rarity-ex{border-color:var(--orange)}.rarity-s{border-color:var(--gold)}.rarity-a{border-color:var(--purple)}.rarity-b{border-color:var(--blue)}.character-card.is-in-team{opacity:.5;pointer-events:none;cursor:not-allowed}.card-roles{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:5px;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}@media(max-width:768px){.team-slots{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem}.roster-filters{padding:.7rem;margin-top:1rem;flex-direction:column}.filter-group{width:100%}.filter-group:last-of-type{margin-bottom:0}.filter-group h4{display:none}.team-header-actions{justify-content:center}}