.zone-nova-body .tag-btn{background:var(--zn-bg-secondary);color:var(--zn-text-secondary);border:1px solid var(--zn-border-primary);padding:.5rem .875rem;border-radius:8px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);cursor:pointer}.zone-nova-body .tag-btn.active{background:var(--zn-primary-amber);color:#000;font-weight:var(--font-semibold)}.zone-nova-body .clear-tags-btn{background:var(--zn-error);color:var(--zn-text-primary);border:2px solid var(--zn-error);padding:.625rem 1.25rem;border-radius:8px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}.zone-nova-body .match-count{background:#ffb74d1a;border:1px solid rgba(255,183,77,.2);padding:.5rem 1rem;border-radius:20px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal)}.tag-selection-intro{text-align:center;margin-bottom:3rem;font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--zn-text-secondary)}.character-selector{margin-bottom:2.5rem}.desktop-tags{display:block}.mobile-tags{display:none}.tag-category{background:#ffb74d0d;border:1px solid rgba(255,183,77,.1);border-radius:12px;padding:2rem;margin-bottom:2rem}.tags-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.tag-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.mobile-tags-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.mobile-custom-dropdowns{display:flex;flex-direction:column;gap:1rem}.custom-dropdown{position:relative;background:#ffb74d0d;border:1px solid rgba(255,183,77,.1);border-radius:8px;overflow:visible}.dropdown-trigger{width:100%;min-height:44px;background:var(--zn-bg-secondary);color:var(--zn-text-primary);border:2px solid var(--zn-border-primary);border-radius:8px;padding:.75rem 1rem;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-trigger.active{border-color:var(--zn-primary-amber)}.dropdown-text{color:var(--zn-primary-amber);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.dropdown-arrow{color:var(--zn-primary-amber);font-size:var(--text-xs)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--zn-bg-secondary);border:2px solid var(--zn-primary-amber);border-radius:8px;z-index:var(--z-content-elevated);margin-top:4px;display:none}.custom-dropdown.active .dropdown-menu{display:block}.dropdown-options{padding:.5rem 0}.dropdown-option{display:flex;align-items:center;padding:.625rem 1rem;cursor:pointer;gap:.75rem;min-height:44px;font-family:var(--font-primary);font-size:var(--text-sm);color:var(--zn-text-primary)}.dropdown-option:hover{background:#ffb74d1a}.dropdown-option input[type=checkbox]{accent-color:var(--zn-primary-amber);width:16px;height:16px;cursor:pointer}.option-text{color:var(--zn-text-primary);font-family:var(--font-primary);font-size:var(--text-sm);flex:1}.character-results{margin-bottom:2rem}.results-header{display:flex;justify-content:center;margin-bottom:2rem;position:relative;padding-top:1rem}.results-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--zn-primary-amber);border-radius:1px}.match-count{padding:.5rem 1rem;border-radius:20px;font-weight:500}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.character-tag-card{background:var(--zn-card-bg);border:1px solid var(--zn-card-border);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;text-decoration:none;color:inherit;min-height:120px}.character-tag-card-image{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.character-tag-card .character-portrait-container{width:100px;height:100px;border-radius:12px;border:2px solid var(--zn-border-primary);background:var(--zn-bg-tertiary);overflow:hidden;position:relative}.character-tag-card .character-portrait-img{width:100px;height:100px;object-fit:cover;object-position:center 20%;border-radius:10px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.character-tag-card .character-portrait-container img,.character-tag-card .character-portrait-img img,.character-tag-card .character-portrait-container picture img,.character-tag-card .character-portrait-img picture img{width:100px;height:100px;object-fit:cover;object-position:center 20%;border-radius:12px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.character-tag-card-content{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.character-tag-card-name{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--zn-text-primary)}.character-tag-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.character-tag-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;align-items:flex-start}.rarity-badge,.class-badge{padding:.375rem .75rem;border-radius:8px;font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase}.rarity-badge{background:#ffb74d26;color:var(--zn-primary-amber);border:1px solid rgba(255,183,77,.25)}.class-badge{background:#4ecdc426;color:var(--zn-primary-teal);border:1px solid rgba(78,205,196,.25)}.character-select-card{background:var(--zn-card-bg);border:1px solid var(--zn-card-border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;text-decoration:none;color:inherit}.character-select-card:hover,.character-select-card:hover .character-portrait{border-color:var(--zn-primary-amber)}.character-info{flex:1;display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%}.character-info h3{position:relative;padding-bottom:.5rem;width:100%}.character-info h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(100% + 2rem);height:2px;background:var(--zn-primary-amber);border-radius:1px}.character-badges,.character-tags{display:flex;flex-wrap:wrap;justify-content:center}.character-badges{gap:.5rem}.character-tags{gap:.4rem;margin-top:.5rem}.zone-nova-body .character-tag{background:#ffb74d40;color:var(--zn-primary-amber);border:1px solid rgba(255,183,77,.5);padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}@media (max-width: 1200px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}}@media (max-width: 768px){.desktop-tags{display:none}.mobile-tags{display:block}.character-grid{grid-template-columns:1fr;gap:1.25rem;max-width:100%}.character-tag-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem;gap:1rem}.character-tag-card-image{flex-direction:column;align-items:center}.character-tag-card .character-portrait-container{width:90px;height:90px;border-radius:12px}.character-tag-card .character-portrait-img{width:90px;height:90px;object-position:center 20%}.character-tag-card .character-portrait-container img,.character-tag-card .character-portrait-img img,.character-tag-card .character-portrait-container picture img,.character-tag-card .character-portrait-img picture img{width:90px;height:90px;object-position:center 20%;border-radius:12px}.character-tag-card-content{align-items:center;text-align:center}.character-tag-card-name{font-size:var(--text-lg)}.character-tag-card-badges,.character-tag-card-tags{justify-content:center}.tag-btn{min-height:44px;padding:.625rem 1rem;font-size:var(--text-sm)}.tag-category{padding:1.5rem}}@media (max-width: 480px){.character-tag-card{padding:1.25rem;gap:.875rem}.character-tag-card .character-portrait-container{width:80px;height:80px;border-radius:10px}.character-tag-card .character-portrait-img{width:80px;height:80px;object-position:center 20%}.character-tag-card .character-portrait-container img,.character-tag-card .character-portrait-img img,.character-tag-card .character-portrait-container picture img,.character-tag-card .character-portrait-img picture img{width:80px;height:80px;object-position:center 20%;border-radius:10px}.character-tag-card-name{font-size:var(--text-base)}.rarity-badge,.class-badge{padding:.25rem .625rem;font-size:var(--text-xs)}.tag-category{padding:1.25rem}.tag-buttons{gap:.5rem}}.character-grid:empty:after{content:"No characters match your selected tags";display:block;text-align:center;font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--zn-text-secondary);padding:4rem 2rem;font-style:italic}