.tag-selection-intro h2,.tag-selector h2,.character-results h2{background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.tag-selection-intro p,.character-info h3{color:silver}.tag-selection-intro .intro-text{font-size:1.1rem;font-weight:500;line-height:1.6}.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}.character-portrait img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #c0c0c0;flex-shrink:0;display:block;max-width:none;max-height:none;opacity:1;visibility:visible}.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:var(--sab-character-info-bg);border-radius:var(--sab-radius-md);padding:var(--sab-spacing-lg);border:1px solid var(--sab-border-light);margin-bottom:var(--sab-spacing-xl)}.tags-title{color:var(--sab-calm-red);font-size:1.1rem;font-weight:600;margin-bottom:var(--sab-spacing-md);text-transform:uppercase;letter-spacing:.5px;text-align:center}.tag-buttons{display:flex;flex-wrap:wrap;gap:var(--sab-spacing-sm);justify-content:center}.tag-btn{padding:.4rem .7rem;background:var(--sab-input-bg);color:var(--sab-input-text);border-radius:var(--sab-radius-sm);border:1px solid var(--sab-border-gray);font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tag-btn:focus{outline:none}.tag-btn.tag-badge{border:2px solid rgba(255,255,255,.3)!important}.selected-tags-container{background:var(--sab-character-info-bg);border:1px solid var(--sab-border-light);border-radius:var(--sab-radius-md);padding:var(--sab-spacing-lg);margin-top:var(--sab-spacing-lg);box-shadow:0 4px 6px #0000001a}.selected-tags-container h3{color:var(--sab-calm-red);font-size:1.1rem;font-weight:600;margin-bottom:var(--sab-spacing-md);text-transform:uppercase;letter-spacing:.5px;text-align:center}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--sab-spacing-sm);margin-bottom:var(--sab-spacing-lg);justify-content:center}.selected-tag{color:var(--sab-white);padding:.5rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(255,255,255,.3)}.selected-tag:not(.tag-badge){background:var(--sab-calm-red)}.remove-tag{background:#ffffff40;border:none;color:var(--sab-white);cursor:pointer;font-size:.9rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px}.clear-tags-btn{padding:.6rem 1.2rem;background:var(--sab-dark-red);color:var(--sab-white);border-radius:var(--sab-radius-sm);border:1px solid var(--sab-dark-red);font-size:.9rem;font-weight:600;cursor:pointer;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;display:block;margin:0 auto}.clear-tags-btn:hover{background:var(--sab-calm-red);border-color:var(--sab-calm-red);transform:translateY(-1px)}.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:var(--sab-card-bg);border:1px solid var(--sab-card-border);border-radius:var(--sab-radius-lg);padding:var(--sab-spacing-lg);overflow:hidden}.character-portrait{position:relative;margin-bottom:var(--sab-spacing-md);display:flex;justify-content:center}.rarity-badge{position:absolute;top:-5px;right:-5px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;border-radius:var(--sab-radius-md)}.character-info{text-align:center;margin-bottom:var(--sab-spacing-md)}.character-name{color:var(--sab-text-light);font-size:1.1rem;font-weight:600;margin-bottom:var(--sab-spacing-xs);line-height:1.2}.character-title{color:var(--sab-text-medium);font-size:.85rem;margin-bottom:var(--sab-spacing-sm);font-style:italic}.character-details{display:flex;justify-content:center;gap:var(--sab-spacing-sm);margin-bottom:var(--sab-spacing-sm);flex-wrap:wrap}.character-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sab-spacing-xs);margin-bottom:var(--sab-spacing-md)}.character-actions{text-align:center}.view-character-btn{background:var(--sab-blood-gradient);color:var(--sab-white);text-decoration:none;padding:.75rem 1.5rem;border-radius:var(--sab-radius-sm);font-size:.9rem;font-weight:500;display:inline-block;border:none;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .2s ease}.view-character-btn:hover{background:var(--sab-dark-red);transform:translateY(-1px)}.no-results{text-align:center;padding:3rem 1rem;color:var(--sab-text-light);background:var(--sab-character-info-bg);border-radius:var(--sab-radius-lg);border:1px solid var(--sab-border-light)}.no-results p{margin:0;font-size:1.1rem;opacity:.8}.back-button-container{text-align:center;margin-top:var(--sab-spacing-xl)}.back-button{display:inline-block;padding:.4rem .7rem;background:var(--sab-input-bg);color:var(--sab-input-text);border-radius:var(--sab-radius-sm);border:1px solid var(--sab-border-gray);font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;text-decoration:none;transition:all .2s ease}.back-button:hover{background:var(--sab-input-focus-bg);border-color:var(--sab-input-focus-border)}@media (max-width: 1200px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.tag-selection-intro .section-title{font-size:1.6rem}.tag-selector h2{font-size:1.1rem}.results-header h2{font-size:1.4rem}.results-header{text-align:center;justify-content:center}.all-tags{padding:1rem}.tags-title{font-size:1rem}.tag-buttons{gap:.5rem}.tag-btn{font-size:.75rem;padding:.4rem .7rem}.selected-tags-container{padding:1rem}.selected-tags-container h3{font-size:1rem}.selected-tag{font-size:.75rem;padding:.4rem .7rem}.character-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.character-card{padding:1.2rem}.character-portrait img{width:100px;height:100px}}@media (max-width: 480px){.tag-selection-intro .section-title{font-size:1.4rem}.tag-selector h2{font-size:1rem}.results-header h2{font-size:1.2rem}.all-tags{padding:.8rem}.tags-title{font-size:.9rem}.tag-buttons{gap:.4rem}.tag-btn{font-size:.7rem;padding:.35rem .6rem}.selected-tags-container{padding:.8rem}.selected-tags-container h3{font-size:.9rem}.selected-tag{font-size:.7rem;padding:.35rem .6rem;gap:.4rem}.remove-tag{width:14px;height:14px;font-size:.8rem}.clear-tags-btn{font-size:.8rem;padding:.5rem 1rem}.character-grid{grid-template-columns:1fr}.character-card{padding:1rem}.character-portrait img{width:80px;height:80px}.character-name{font-size:1rem}.character-title{font-size:.8rem}.match-count{font-size:.85rem}}