.sab-body .tag-selection-intro h2,.sab-body .tag-selector h2,.sab-body .character-results h2{background:linear-gradient(135deg,silver,#c26b6b)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}.sab-body .tag-selection-intro p,.sab-body .character-info h3,.sab-body .feature-tips li{color:silver!important}.sab-body .tag-selection-intro .intro-text{font-size:1.1rem!important;font-weight:500!important;line-height:1.6!important}.sab-body .feature-tips strong{color:#c26b6b!important}.sab-body .feature-tips h3{color:#c26b6b!important;font-size:1.4rem!important;font-weight:600!important}.sab-body .character-portrait img{width:120px!important;height:120px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid #c0c0c0!important;flex-shrink:0!important;display:block!important;max-width:none!important;max-height:none!important;opacity:1!important;visibility:visible!important;transition:all .3s ease!important}.sab-body .character-card:hover .character-portrait img{border-color:#c26b6b!important;transform:scale(1.05)!important}.tag-selection-intro{text-align:center;margin-bottom:2rem}.tag-selection-intro .section-title{color:silver;font-size:2rem;font-weight:700;margin-bottom:1rem}.tag-selection-intro .intro-text{color:#a0a0a0;margin:1rem 0;font-size:1rem}.feature-tips{text-align:left;max-width:600px;margin:0 auto;background:#ffffff0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(192,192,192,.1)}.feature-tips h3{color:#c26b6b;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.feature-tips ul{list-style:none;padding:0;margin:0}.feature-tips li{color:silver;margin-bottom:.75rem;padding-left:1rem;position:relative;line-height:1.5}.feature-tips li:before{content:"•";color:#c26b6b;font-weight:700;position:absolute;left:0}.tag-selector{margin-bottom:2rem}.tag-selector h2{color:silver;font-weight:600;font-size:1.2rem;text-align:center;margin-bottom:1.5rem}.all-tags{background:#ffffff0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(192,192,192,.1);margin-bottom:2rem}.tags-title{color:#c26b6b;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.tag-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag-btn{padding:.4rem .7rem;background:#2c2c2c;color:#e0e0e0;border-radius:8px;border:1px solid #4f4f4f;font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .3s ease;white-space:nowrap}.tag-btn:hover{background:#3a3a3a;color:#fff;border-color:silver;transform:translateY(-2px)}.tag-btn:focus{outline:none;background:#3a3a3a;color:#fff;border-color:silver}.tag-btn.active{background:#c26b6b;color:#fff;border-color:#c26b6b;font-weight:600}.tag-btn.active:hover{background:#d07777;border-color:#d07777}.selected-tags-container{background:#c26b6b1a;border:1px solid rgba(194,107,107,.3);border-radius:8px;padding:1rem;margin-top:1.5rem}.selected-tags-container h3{color:#c26b6b;font-size:1rem;margin-bottom:.5rem}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.selected-tag{background:#c26b6bcc;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-tag:hover{background:#fff3}.clear-tags-btn{padding:.4rem .7rem;background:#2c2c2c;color:#e0e0e0;border-radius:8px;border:1px solid #4f4f4f;font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .3s ease}.clear-tags-btn:hover{background:#3a3a3a;color:#fff;border-color:silver}.character-results{margin-bottom:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.results-header h2{color:silver;font-size:1.6rem;font-weight:600}.results-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.match-count{color:#a0a0a0;font-size:.9rem;white-space:nowrap}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.character-card{background:#ffffff0d;border:1px solid rgba(192,192,192,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;overflow:hidden}.character-card:hover{background:#ffffff14;border-color:#c26b6b4d;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.character-portrait{position:relative;margin-bottom:1rem;display:flex;justify-content:center}.character-rarity{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#c26b6b,#a55555);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #0000004d}.rarity-ssr{background:linear-gradient(135deg,gold,#fc0)!important;color:#000!important}.rarity-sr{background:linear-gradient(135deg,silver,#a0a0a0)!important;color:#000!important}.rarity-r{background:linear-gradient(135deg,#cd7f32,sienna)!important;color:#fff!important}.character-info{text-align:center;margin-bottom:1rem}.character-name{color:silver!important;font-size:1.1rem;font-weight:600;margin-bottom:.25rem;line-height:1.2}.character-title{color:#a0a0a0;font-size:.85rem;margin-bottom:.75rem;font-style:italic}.character-details{display:flex;justify-content:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.character-class,.character-faction{background:#c0c0c01a;color:silver;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.character-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.character-tag{background:#c26b6bcc;color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;white-space:nowrap}.character-actions{text-align:center}.view-character-btn{background:linear-gradient(135deg,#c26b6b,#a55555);color:#fff!important;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .3s ease;display:inline-block;border:none;cursor:pointer}.view-character-btn:hover{background:linear-gradient(135deg,#d07777,#b56060);transform:translateY(-2px);box-shadow:0 4px 12px #c26b6b66}.back-button-container{text-align:center;margin-top:3rem}.back-button{display:inline-block;padding:.4rem .7rem;background:#2c2c2c;color:#e0e0e0!important;border-radius:8px;border:1px solid #4f4f4f;font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .3s ease;text-decoration:none}.back-button:hover{background:#3a3a3a;color:#fff!important;border-color:silver;transform:translateY(-2px)}@media (max-width: 1200px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.results-header{text-align:center}.character-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tag-selector,.character-results{padding:1rem}.tag-selector h2{font-size:1.4rem}.character-portrait img{width:100px!important;height:100px!important}.selected-tags{justify-content:center}}@media (max-width: 480px){.character-grid{grid-template-columns:1fr}.tag-btn{font-size:.8rem;padding:.4rem .8rem}.character-card{padding:1rem}.character-portrait img{width:80px!important;height:80px!important}}