.team-build-detail{padding:var(--ss-spacing-lg);background:var(--ss-bg-gradient-primary);min-height:100vh;position:relative}.important-note-section{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:2px solid rgba(255,193,7,.3);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-md);margin-bottom:calc(var(--ss-spacing-xl) * 1.2);position:relative}.important-note-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,193,7,.05),transparent);border-radius:var(--ss-radius-lg);pointer-events:none}.note-content{position:relative;z-index:1}.note-title{font-size:1.125rem;font-weight:var(--ss-font-bold);color:#ffc107;margin:0 0 var(--ss-spacing-sm) 0;display:flex;align-items:center;gap:var(--ss-spacing-sm)}.note-text{font-size:.9rem;color:var(--ss-text-secondary);line-height:1.5}.team-build-detail:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(125,211,252,.08) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(110,231,183,.08) 0%,transparent 60%);pointer-events:none}.team-build-section{background:var(--ss-gradient-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-lg)}.team-build-section-title{font-size:1.875rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-xl);margin-top:calc(var(--ss-spacing-xl) * 1.2);display:flex;align-items:center;gap:var(--ss-spacing-sm);padding-bottom:var(--ss-spacing-md);border-bottom:2px solid var(--ss-border)}.team-build-section-title:before{content:"";width:6px;height:28px;background:var(--ss-gradient-star);border-radius:3px}.team-build-characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ss-spacing-md)}.team-character-card{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-md);text-align:center}.team-character-name{font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-sm);font-size:1.1rem}.team-character-role{font-size:.875rem;color:var(--ss-text-secondary);padding:2px 8px;border-radius:var(--ss-radius-sm);background:var(--ss-accent-20);color:var(--ss-accent)}@media (max-width: 768px){.team-build-hero-title{font-size:2rem}.team-build-characters-grid{grid-template-columns:1fr}}.team-character-avatar{position:relative;width:150px;height:150px;border-radius:50%;border:3px solid var(--ss-border);background:var(--ss-bg-primary);margin:0 auto var(--ss-spacing-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.team-character-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden}.team-character-image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;border:none}.team-character-initial{position:absolute;font-size:1.5rem;font-weight:var(--ss-font-bold);color:var(--ss-text-secondary);z-index:1;opacity:0;visibility:hidden}.team-character-badges{display:flex;flex-direction:column;gap:var(--ss-spacing-xs);margin-top:var(--ss-spacing-xs);align-items:center}.team-character-badges .rarity-badge,.team-character-badges .element-badge,.team-character-badges .position-badge{font-size:.625rem;padding:3px 8px;justify-content:center;min-width:fit-content;width:auto;display:inline-flex;border-radius:var(--ss-radius-sm);font-weight:var(--ss-font-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.character-potentials{background:var(--ss-bg-primary);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-lg);border:1px solid var(--ss-border)}.character-potentials .character-name{font-size:1.5rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin:0 0 var(--ss-spacing-xl) 0;text-align:center;border-bottom:2px solid var(--ss-border);padding-bottom:var(--ss-spacing-md);line-height:1.3}.potential-category{margin-bottom:var(--ss-spacing-xl)}.category-title{font-size:1.25rem;font-weight:var(--ss-font-bold);color:var(--ss-primary);margin:0 0 var(--ss-spacing-md) 0;padding:var(--ss-spacing-sm) var(--ss-spacing-md);background:#7dd3fc1a;border-left:4px solid var(--ss-primary);border-radius:var(--ss-radius-sm)}.potentials-list{display:flex;flex-direction:column;gap:var(--ss-spacing-md)}.potential-item{display:flex;align-items:center;gap:var(--ss-spacing-md);padding:var(--ss-spacing-md) 0;border-bottom:1px solid var(--ss-border-subtle)}.potential-item:last-child{border-bottom:none}.potential-icon{border-radius:var(--ss-radius-sm);width:50px;height:50px;flex-shrink:0}.potential-content{flex:1}.potential-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ss-spacing-xs)}.potential-name{font-size:.95rem;font-weight:var(--ss-font-semibold);color:var(--ss-text-primary);margin:0;line-height:1.3}.potential-level{background:var(--ss-primary);color:#fff;font-size:.625rem;font-weight:var(--ss-font-bold);padding:2px 4px;border-radius:var(--ss-radius-sm);white-space:nowrap}.potential-description{font-size:.9rem;color:var(--ss-text-secondary);line-height:var(--leading-relaxed);margin:0}.potential-description div{font-size:.9rem;color:var(--ss-text-secondary);line-height:var(--leading-relaxed)}.potential-description span{color:var(--ss-text-secondary);font-size:.9rem;line-height:inherit}.potential-description strong{color:var(--ss-primary);font-weight:var(--ss-font-semibold);font-size:.9rem;line-height:inherit}.team-info-row{display:flex;gap:var(--ss-spacing-lg);margin:calc(var(--ss-spacing-xl) * 1.2) 0}.team-roles-section,.build-notes-section{flex:1;display:flex;flex-direction:column}.team-build-notes{font-size:.875rem;color:var(--ss-text-secondary);line-height:1.6;padding:var(--ss-spacing-md);background:var(--ss-bg-tertiary);border-radius:var(--ss-radius-md);border:1px solid var(--ss-border);height:auto;display:flex;flex-direction:column;justify-content:flex-start}.team-roles{display:flex;flex-direction:column;gap:var(--ss-spacing-md)}.role-card{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-md)}.role-card h4{font-size:1.125rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-md);line-height:1.3}.role-card p{font-size:.875rem;color:var(--ss-text-secondary);line-height:1.5;margin:0}@media (max-width: 768px){.team-info-row{flex-direction:column;gap:var(--ss-spacing-md)}.character-potentials{padding:var(--ss-spacing-md);margin-bottom:var(--ss-spacing-md)}.character-header .character-name{font-size:1.3rem}.build-title{font-size:1rem}.potential-item{padding:var(--ss-spacing-sm);gap:var(--ss-spacing-sm)}.potential-icon{width:40px;height:40px}.potential-header{flex-direction:column;align-items:flex-start;gap:var(--ss-spacing-xs)}}