.characters-stats-bar{padding:1.5rem 0;margin-bottom:1rem}.chars-stats-row{display:flex;justify-content:center;gap:3rem}.chars-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.chars-stat-value{font-size:2rem;font-weight:900;color:var(--text-primary)}.chars-stat-value.chars-stat-online{color:#4ade80}.chars-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.chars-tabs{display:flex;gap:.25rem;padding:.35rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,107,53,.12);border-radius:12px;margin-bottom:1.5rem;overflow-x:auto}.chars-tab{padding:.65rem 1.25rem;background:0 0;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .25s ease;white-space:nowrap}.chars-tab:hover{color:var(--text-primary);background:rgba(255,107,53,.08)}.chars-tab.active{color:#fff;background:var(--gradient-primary);box-shadow:0 2px 12px rgba(255,107,53,.35)}.characters-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.characters-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,107,53,.2);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.rankings-container{margin-bottom:2rem}.rankings-table{background:rgba(255,255,255,.02);border:1px solid rgba(255,107,53,.12);border-radius:12px;overflow:hidden}.rankings-header{display:grid;grid-template-columns:60px 1.5fr 60px 1fr 1fr 1fr;gap:.5rem;padding:.85rem 1.25rem;background:rgba(255,107,53,.08);border-bottom:1px solid rgba(255,107,53,.15);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.rankings-row{display:grid;grid-template-columns:60px 1.5fr 60px 1fr 1fr 1fr;gap:.5rem;padding:.75rem 1.25rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);text-decoration:none;color:var(--text-primary);transition:all .2s ease;font-size:.9rem}.rankings-7col .rankings-header,.rankings-7col .rankings-row{grid-template-columns:48px 2fr 60px 1fr 1fr 1.2fr 100px}.rankings-row:hover{background:rgba(255,107,53,.06);transform:translateX(3px)}.rankings-row:last-child{border-bottom:none}.rankings-row.rank-1{background:rgba(255,215,0,.04)}.rankings-row.rank-2{background:rgba(192,192,192,.03)}.rankings-row.rank-3{background:rgba(205,127,50,.03)}.rankings-col{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-col{display:flex;justify-content:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.8rem;font-weight:800;background:rgba(255,255,255,.06);color:var(--text-secondary)}.rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.rank-badge.rank-2{background:linear-gradient(135deg,#e0e0e0,#a0a0a0);color:#1a1a1a}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.name-col{display:flex;align-items:center;gap:.5rem}.char-name{font-weight:700}.online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.5);flex-shrink:0}.guild-col{color:var(--text-secondary)}.no-guild{opacity:.3}.value-col{font-weight:700;color:var(--primary-orange);text-align:right}.rankings-empty{padding:3rem 2rem;text-align:center;color:var(--text-secondary);font-size:.95rem}.gold{color:gold}.silver{color:silver}.copper{color:#cd7f32}.distribution-section{margin-top:2rem;padding-bottom:2rem}.distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.distribution-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,107,53,.12);border-radius:12px;padding:1.5rem}.distribution-card h3{font-size:1rem;color:var(--primary-orange);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,107,53,.15);font-weight:700}.dist-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.dist-label{width:100px;font-size:.85rem;font-weight:600;flex-shrink:0;text-align:right}.dist-bar-track{flex:1;height:20px;background:rgba(255,255,255,.04);border-radius:4px;overflow:hidden}.dist-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;min-width:2px}.dist-value{width:90px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:right;flex-shrink:0}.dist-pct{color:rgba(255,255,255,.35);font-weight:400}.class-bg-warrior{background:#c79c6e}.class-bg-paladin{background:#f58cba}.class-bg-hunter{background:#abd473}.class-bg-rogue{background:#fff569}.class-bg-priest{background:#fff}.class-bg-death-knight{background:#c41f3b}.class-bg-shaman{background:#0070de}.class-bg-mage{background:#69ccf0}.class-bg-warlock{background:#9482c9}.class-bg-druid{background:#ff7d0a}.quality-poor{color:#9d9d9d}.quality-common{color:#fff}.quality-uncommon{color:#1eff00}.quality-rare{color:#0070dd}.quality-epic{color:#a335ee}.quality-legendary{color:#ff8000}.quality-artifact{color:#e6cc80}.quality-heirloom{color:#0cf}@media (max-width:900px){.distribution-grid{grid-template-columns:1fr}.chars-stats-row{gap:2rem}}@media (max-width:768px){.chars-tabs{gap:.15rem;padding:.25rem}.chars-tab{padding:.5rem .85rem;font-size:.8rem}.rankings-header,.rankings-row{grid-template-columns:40px 1.2fr 45px 0.8fr 1fr;font-size:.8rem;padding:.6rem .75rem;gap:.35rem}.dist-label{width:75px;font-size:.78rem}.dist-value{width:70px;font-size:.75rem}.chars-stat-value{font-size:1.5rem}}@media (max-width:480px){.chars-stats-row{gap:1.25rem}.rankings-header,.rankings-row{grid-template-columns:32px 1fr 40px 0.9fr;font-size:.75rem}.rank-badge{width:24px;height:24px;font-size:.7rem}}.listing-search-bar{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.listing-search-wrapper{position:relative;flex:1;max-width:500px}.listing-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.5;pointer-events:none}.listing-search-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.95rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,107,53,.15);border-radius:10px;color:#fff;transition:all .25s ease;font-weight:500}.listing-search-input:focus{outline:0;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,107,53,.15);background:rgba(255,255,255,.08)}.listing-search-input::placeholder{color:rgba(255,255,255,.35)}.listing-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;transition:all .2s ease}.listing-search-clear:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-top:.5rem;gap:1rem;flex-wrap:wrap}.pagination-info{font-size:.85rem;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,107,53,.15);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:rgba(255,107,53,.1);border-color:var(--primary-orange)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem}.page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.page-num:hover{background:rgba(255,107,53,.08);color:var(--text-primary)}.page-num.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-orange);box-shadow:0 2px 8px rgba(255,107,53,.3)}.page-ellipsis{color:var(--text-secondary);padding:0 .25rem;font-size:.85rem}.pagination-per-page{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.per-page-select{padding:.4rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,107,53,.15);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.per-page-select option{background:#1a1515;color:#fff}.rankings-5col .rankings-header,.rankings-5col .rankings-row{grid-template-columns:48px 2fr 90px 90px 1fr}.rankings-6col .rankings-header,.rankings-6col .rankings-row{grid-template-columns:48px 1.5fr 1.2fr 80px 80px 100px}.rankings-6col-chars .rankings-header,.rankings-6col-chars .rankings-row{grid-template-columns:48px 2fr 60px 1fr 1.2fr 100px}.rankings-6col-items .rankings-header,.rankings-6col-items .rankings-row{grid-template-columns:48px 70px 2fr 80px 100px 100px}.rankings-7col-creatures .rankings-header,.rankings-7col-creatures .rankings-row{grid-template-columns:48px 1.8fr 70px 90px 90px 100px 1.2fr}.rank-normal{color:#aaa}.rank-elite{color:#ffd100}.rank-rareelite{color:#0070dd}.rank-boss{color:#f44;font-weight:700}.rank-rare{color:#0070dd}.faction-alliance{color:#3b82f6}.faction-horde{color:#ef4444}.faction-neutral{color:#eab308}.faction-friendly{color:#22c55e}.faction-hostile{color:#f97316}@media (max-width:768px){.pagination-container{flex-direction:column;align-items:center;text-align:center}.pagination-pages{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.listing-search-wrapper{max-width:100%}}.cmp-toggle-wrap{display:flex;align-items:center;gap:10px;margin-left:auto}.cmp-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.5);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.cmp-toggle-btn:hover{color:var(--primary-orange);border-color:rgba(255,107,53,.2);background:rgba(255,107,53,.06)}.cmp-toggle-btn.active{color:var(--primary-orange);background:rgba(255,107,53,.1);border-color:rgba(255,107,53,.3);box-shadow:0 0 12px rgba(255,107,53,.08)}.cmp-toggle-btn svg{flex-shrink:0}.rankings-row.cmp-selected{background:rgba(255,107,53,.08)!important;border-color:rgba(255,107,53,.3)!important;box-shadow:inset 0 0 0 1px rgba(255,107,53,.15);position:relative}.rankings-row.cmp-selected::after{content:'\2713';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:#fff;background:var(--primary-orange);border-radius:50%;pointer-events:none}.cmp-mode-active .rankings-row{cursor:pointer}.cmp-mode-active .rankings-row:hover{background:rgba(255,107,53,.04)}.cmp-tray{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(20,20,25,.95);border:1px solid rgba(255,107,53,.3);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 20px rgba(255,107,53,.08);backdrop-filter:blur(16px);z-index:1000;transition:bottom .4s cubic-bezier(.34, 1.56, .64, 1);max-width:90vw}.cmp-tray.visible{bottom:24px}.cmp-tray-label{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--primary-orange);white-space:nowrap}.cmp-tray-items{display:flex;align-items:center;gap:8px}.cmp-tray-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.8rem;font-weight:600;color:#fff;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-tray-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:.65rem;color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.cmp-tray-chip-remove:hover{color:#fff;background:rgba(239,68,68,.4)}.cmp-tray-vs{font-size:.7rem;font-weight:800;color:rgba(255,255,255,.3);letter-spacing:1px}.cmp-tray-empty{padding:6px 12px;border:1px dashed rgba(255,255,255,.1);border-radius:8px;font-size:.75rem;color:rgba(255,255,255,.2);white-space:nowrap}.cmp-tray-go{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:8px;cursor:pointer;transition:all .25s;text-decoration:none;white-space:nowrap}.cmp-tray-go:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,69,0,.3)}.cmp-tray-go:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.cmp-tray-go svg{flex-shrink:0}@media (max-width:768px){.hub-compare-card{padding:1rem 1.25rem;gap:1rem}.hub-compare-icon{width:42px;height:42px}.cmp-tray{flex-wrap:wrap;justify-content:center;padding:10px 14px;gap:8px}.cmp-tray-chip{max-width:120px}.cmp-toggle-wrap{margin-left:0;margin-top:8px}}