.database-controls{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-panel-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl)}.results-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}#results-text{color:var(--text-main)}.view-toggle{background:rgba(0,0,0,.3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px}.view-toggle,.view-toggle-btn{display:flex;gap:var(--space-xs)}.view-toggle-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.view-toggle-btn:hover{background:hsla(0,0%,100%,.05);color:var(--text-main)}.view-toggle-btn.active{background:var(--accent-primary);color:var(--text-main)}.view-toggle-btn svg{opacity:.8}.view-toggle-btn.active svg{opacity:1}.export-controls{display:flex;gap:var(--space-sm)}.btn-export{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.btn-export:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-primary);color:var(--text-main)}.btn-export svg{opacity:.8}.hero-table-container{margin:var(--space-xl) 0}.table-responsive{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-panel-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;color:var(--text-main);font-size:var(--font-size-sm);width:100%}.data-table thead{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{color:var(--text-main);font-weight:600;padding:var(--space-md) var(--space-lg);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable{cursor:pointer;transition:background .2s ease}.data-table th.sortable:hover{background:hsla(0,0%,100%,.05)}.data-table th.sorted-asc .sort-icon:after{color:var(--accent-primary);content:" ↑"}.data-table th.sorted-desc .sort-icon:after{color:var(--accent-primary);content:" ↓"}.sort-icon{display:inline-block;font-size:.9em;margin-left:4px;opacity:.4}th.sortable:hover .sort-icon{opacity:1}.data-table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.05);transition:background .2s ease}.data-table tbody tr:hover{background:hsla(0,0%,100%,.03);cursor:pointer}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:var(--space-md) var(--space-lg);vertical-align:middle}.table-hero-name{align-items:center;display:flex;gap:var(--space-md)}.table-hero-link{align-items:center;color:inherit;display:flex;text-decoration:none}.table-hero-link:hover .hero-name{color:var(--accent-primary,#7aadff);text-decoration:underline}.table-hero-avatar{border:2px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.table-hero-info{display:flex;flex-direction:column}.table-hero-info .hero-name{color:var(--text-main);font-size:var(--font-size-base);font-weight:600}.table-hero-info .hero-nickname{color:var(--text-muted);font-size:var(--font-size-xs)}.table-rarity-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;text-transform:uppercase}.table-rarity-badge.common{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:var(--quality-uncommon-text)}.table-rarity-badge.uncommon{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:var(--status-success)}.table-rarity-badge.rare{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:var(--quality-rare)}.table-rarity-badge.epic{background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3);color:var(--theme-purple-primary)}.table-rarity-badge.legendary{background:rgba(255,152,0,.2);border:1px solid rgba(255,152,0,.3);color:var(--status-warning)}.data-table .rarity-badge,.database-controls .rarity-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;text-transform:uppercase}.data-table .rarity-badge--common,.database-controls .rarity-badge--common{background:rgba(16,185,129,.2)!important;border:1px solid rgba(16,185,129,.3)!important;color:var(--quality-uncommon-text)!important}.data-table .rarity-badge--uncommon,.database-controls .rarity-badge--uncommon{background:rgba(34,197,94,.2)!important;border:1px solid rgba(34,197,94,.3)!important;color:var(--status-success)!important}.data-table .rarity-badge--rare,.database-controls .rarity-badge--rare{background:rgba(59,130,246,.2)!important;border:1px solid rgba(59,130,246,.3)!important;color:var(--quality-rare)!important}.data-table .rarity-badge--epic,.database-controls .rarity-badge--epic{background:rgba(168,85,247,.2)!important;border:1px solid rgba(168,85,247,.3)!important;color:var(--theme-purple-primary)!important}.data-table .rarity-badge--legendary,.database-controls .rarity-badge--legendary{background:rgba(255,152,0,.2)!important;border:1px solid rgba(255,152,0,.3)!important;color:var(--status-warning)!important}.table-role-badge{background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:4px 10px}.table-faction{align-items:center;display:flex;gap:var(--space-sm)}.table-faction-icon{flex-shrink:0;height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.table-stat{font-variant-numeric:tabular-nums;font-weight:600;max-width:70px;padding-right:var(--space-lg)!important;text-align:right;width:70px}.data-table td:last-child,.data-table th:last-child{min-width:200px;white-space:nowrap}@media (max-width:1024px){.database-controls{align-items:stretch;flex-direction:column}.export-controls,.view-toggle{justify-content:center}}@media (max-width:768px){.data-table{font-size:var(--font-size-xs)}.data-table td,.data-table th{padding:var(--space-sm) var(--space-md)}.table-hero-avatar{height:40px;width:40px}.table-hero-info .hero-name{font-size:var(--font-size-sm)}.data-table td:nth-child(n+6),.data-table th:nth-child(n+6){display:none}}@media (max-width:480px){.btn-export span,.view-toggle-btn span{display:none}.btn-export,.view-toggle-btn{padding:var(--space-sm)}}