.bb-build-page-container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.bb-build-intro{margin-bottom:1.5rem;padding:1rem;background:var(--bb-bg-secondary);border:1px solid var(--bb-border);border-radius:6px}.bb-build-intro-text{color:var(--bb-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.bb-build-filters{margin-bottom:2rem;padding:1rem;background:var(--bb-bg-secondary);border:1px solid var(--bb-border);border-radius:6px}.bb-filter-group{display:flex;flex-direction:column;gap:.75rem}.bb-filter-label{font-size:.85rem;font-weight:600;color:var(--bb-text-primary);text-transform:uppercase;letter-spacing:.5px}.bb-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.bb-filter-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:var(--bb-text-secondary);background:var(--bb-bg-primary);border:1px solid var(--bb-border);border-radius:4px;cursor:pointer;transition:none}.bb-filter-btn:hover{color:var(--bb-text-primary);border-color:var(--bb-primary, #ff6b6b)}.bb-filter-btn.active{color:#fff;background:var(--bb-primary, #ff6b6b);border-color:var(--bb-primary, #ff6b6b)}.bb-build-content-section{margin-bottom:2rem;padding:1rem 0;background:transparent}.bb-build-section-title{font-size:1.25rem;font-weight:600;color:var(--bb-text-primary);margin-bottom:1rem;padding-left:.8rem;border-left:3px solid var(--bb-primary, #ff6b6b);text-transform:uppercase;letter-spacing:1px}.bb-build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;align-items:start}.bb-build-card{background:var(--bb-bg-secondary);border:1px solid var(--bb-border);border-radius:6px;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:default}.bb-build-character-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bb-bg-primary);border:1px solid var(--bb-border);border-radius:6px;overflow:hidden;flex-shrink:0}.bb-build-character-image img{width:100%;height:100%;object-fit:cover}.bb-build-character-info{flex:1;min-width:0}.bb-build-character-name{font-size:.95rem;font-weight:600;color:var(--bb-text-primary);margin:0 0 .5rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-build-badges{display:flex;flex-wrap:wrap;gap:.375rem}.bb-build-rarity-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.bb-build-rarity-badge[data-rarity=SSR]{color:gold;background:#ffd70026;border:1px solid rgba(255,215,0,.3)}.bb-build-rarity-badge[data-rarity=SR]{color:#c084fc;background:#c084fc26;border:1px solid rgba(192,132,252,.3)}.bb-build-element-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;color:var(--element-color, #fff);background:color-mix(in srgb,var(--element-color, #888) 15%,transparent);border:1px solid color-mix(in srgb,var(--element-color, #888) 30%,transparent)}.bb-build-role-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;color:var(--bb-text-secondary);background:#ffffff0d;border:1px solid var(--bb-border)}a.bb-build-card{text-decoration:none;color:inherit}a.bb-build-card:hover{border-color:var(--bb-primary, #ff6b6b)}.bb-build-notice{margin-top:2rem;padding:1.5rem;background:var(--bb-bg-secondary);border:1px solid var(--bb-border);border-left:3px solid var(--bb-primary, #ff6b6b);border-radius:6px}.bb-notice-content h3{font-size:1.1rem;font-weight:600;color:var(--bb-text-primary);margin:0 0 .5rem}.bb-notice-content p{font-size:.9rem;color:var(--bb-text-secondary);line-height:1.5;margin:0}@media (max-width: 768px){.bb-build-page-container{padding:0 .75rem}.bb-build-grid{grid-template-columns:1fr;gap:.75rem}.bb-build-card{padding:.875rem}.bb-build-character-image{width:70px;height:70px}.bb-build-character-name{font-size:.9rem}.bb-filter-buttons{gap:.375rem}.bb-filter-btn{padding:.4rem .75rem;font-size:.8rem}.bb-build-section-title{font-size:1.1rem}}@media (max-width: 480px){.bb-build-page-container{padding:0 .5rem}.bb-build-grid{gap:.5rem}.bb-build-card{padding:.75rem;gap:.75rem}.bb-build-character-image{width:60px;height:60px}.bb-build-character-name{font-size:.85rem}.bb-build-rarity-badge,.bb-build-element-badge{font-size:.65rem;padding:.15rem .4rem}.bb-filter-btn{padding:.35rem .6rem;font-size:.75rem}.bb-build-intro{padding:.75rem}.bb-build-intro-text{font-size:.85rem}.bb-build-filters{padding:.75rem}.bb-build-notice{padding:1rem}.bb-notice-content h3{font-size:1rem}.bb-notice-content p{font-size:.85rem}}