.page-heroes .outer-container{max-width:var(--container-max-width,1400px)}.page-heroes .hero-filters{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);background:rgba(0,0,0,.74);border:1px solid hsla(0,0%,100%,.22);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45);margin:18px 0 22px;padding:12px 14px 14px;position:-webkit-sticky;position:sticky;top:12px;z-index:50}.page-heroes .search-container{margin-bottom:14px}.page-heroes #hero-search{background:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;color:var(--text-primary,#fff);outline:none;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.page-heroes #hero-search::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.page-heroes #hero-search::-moz-placeholder{color:hsla(0,0%,100%,.65)}.page-heroes #hero-search::placeholder{color:hsla(0,0%,100%,.65)}.page-heroes #hero-search:focus{border-color:hsla(0,0%,100%,.55);box-shadow:0 0 0 3px hsla(0,0%,100%,.18),0 14px 30px rgba(0,0,0,.35);transform:translateY(-1px)}.page-heroes .filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.page-heroes .filter-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(135deg,rgba(0,0,0,.85),rgba(0,0,0,.9));border:none;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.88);cursor:pointer;font-size:.825rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:7px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.page-heroes .filter-tab:before{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-radius:6px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;padding:1px;position:absolute;transition:opacity .2s ease}.page-heroes .filter-tab:hover{background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(0,0,0,.98));box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.25),inset 0 1px 0 hsla(0,0%,100%,.05);transform:translateY(-2px)}.page-heroes .filter-tab:hover:before{background:linear-gradient(135deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.15))}.page-heroes .filter-tab.active{background:linear-gradient(135deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.18));box-shadow:0 4px 12px hsla(0,0%,100%,.3),0 0 0 1px hsla(0,0%,100%,.5),inset 0 1px 2px hsla(0,0%,100%,.1),inset 0 -1px 2px rgba(0,0,0,.2);color:#fff;font-weight:700}.page-heroes .filter-tab.active:before{background:linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.3))}.page-heroes .filter-group{margin-top:12px}.page-heroes .filter-group-row{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:12px}.page-heroes .filter-group-row .filter-group{margin-top:0}.page-heroes .filter-group-title{color:hsla(0,0%,100%,.75);font-size:.7rem;font-weight:800;letter-spacing:.8px;margin:2px 2px 8px;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase}@media (max-width:768px){.page-heroes .filter-group-row{gap:0;grid-template-columns:1fr}.page-heroes .filter-group-row .filter-group{margin-top:12px}}.page-heroes .filter-tab[data-filter="The Solari"]{color:var(--status-warning)}.page-heroes .filter-tab[data-filter="The Minutemen"]{color:var(--status-success)}.page-heroes .filter-tab[data-filter="The Vindicators"]{color:#9c27b0}.page-heroes .filter-tab[data-filter="The Wildlings"]{color:var(--accent-gold)}.page-heroes .filter-tab[data-filter="The Watchers"]{color:#2196f3}.page-heroes .filter-tab[data-filter=Lawbringers]{color:#ffeb3b}.page-heroes .filter-tab[data-filter=Wreakers]{color:var(--status-error)}.page-heroes .filter-tab[data-filter="Spacetime Travelers"]{color:#00bcd4}.page-heroes .filter-tab[data-filter="The Solari"].active{background:linear-gradient(135deg,rgba(255,152,0,.15),rgba(255,152,0,.1));box-shadow:0 4px 12px rgba(255,152,0,.3),0 0 0 1px rgba(255,152,0,.5)}.page-heroes .filter-tab[data-filter="The Minutemen"].active{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(76,175,80,.1));box-shadow:0 4px 12px rgba(76,175,80,.3),0 0 0 1px rgba(76,175,80,.5)}.page-heroes .filter-tab[data-filter="The Vindicators"].active{background:linear-gradient(135deg,rgba(156,39,176,.15),rgba(156,39,176,.1));box-shadow:0 4px 12px rgba(156,39,176,.3),0 0 0 1px rgba(156,39,176,.5)}.page-heroes .filter-tab[data-filter="The Wildlings"].active{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.1));box-shadow:0 4px 12px rgba(255,215,0,.3),0 0 0 1px rgba(255,215,0,.5)}.page-heroes .filter-tab[data-filter="The Watchers"].active{background:linear-gradient(135deg,rgba(33,150,243,.15),rgba(33,150,243,.1));box-shadow:0 4px 12px rgba(33,150,243,.3),0 0 0 1px rgba(33,150,243,.5)}.page-heroes .filter-tab[data-filter=Lawbringers].active{background:linear-gradient(135deg,rgba(255,235,59,.15),rgba(255,235,59,.1));box-shadow:0 4px 12px rgba(255,235,59,.3),0 0 0 1px rgba(255,235,59,.5)}.page-heroes .filter-tab[data-filter=Wreakers].active{background:linear-gradient(135deg,rgba(244,67,54,.15),rgba(244,67,54,.1));box-shadow:0 4px 12px rgba(244,67,54,.3),0 0 0 1px rgba(244,67,54,.5)}.page-heroes .filter-tab[data-filter="Spacetime Travelers"].active{background:linear-gradient(135deg,rgba(0,188,212,.15),rgba(0,188,212,.1));box-shadow:0 4px 12px rgba(0,188,212,.3),0 0 0 1px rgba(0,188,212,.5)}.page-heroes .filter-tab[data-filter-type=rarity]{position:relative}.page-heroes .filter-tab[data-filter-type=rarity]:after{background:var(--rarity-accent,hsla(0,0%,100%,.6));border-radius:2px;bottom:2px;content:"";height:2px;left:8px;opacity:.65;position:absolute;right:8px;transition:all .2s ease}.page-heroes .filter-tab[data-filter-type=rarity].rarity-common:after{background:var(--quality-common-text,var(--quality-common-text))}.page-heroes .filter-tab[data-filter-type=rarity].rarity-uncommon:after{background:var(--quality-uncommon,var(--quality-uncommon))}.page-heroes .filter-tab[data-filter-type=rarity].rarity-rare:after{background:var(--quality-rare,var(--quality-rare))}.page-heroes .filter-tab[data-filter-type=rarity].rarity-epic:after{background:var(--quality-epic,var(--quality-epic))}.page-heroes .filter-tab[data-filter-type=rarity].rarity-common.active{background:linear-gradient(135deg,rgba(156,163,175,.18),hsla(220,9%,46%,.15));box-shadow:0 4px 12px hsla(220,9%,46%,.3),0 0 0 1px rgba(156,163,175,.5),inset 0 1px 2px rgba(156,163,175,.1)}.page-heroes .filter-tab[data-filter-type=rarity].rarity-uncommon.active{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.16));box-shadow:0 4px 12px rgba(16,185,129,.35),0 0 0 1px rgba(16,185,129,.5),inset 0 1px 2px rgba(16,185,129,.15)}.page-heroes .filter-tab[data-filter-type=rarity].rarity-rare.active{background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(37,99,235,.18));box-shadow:0 4px 12px rgba(59,130,246,.4),0 0 0 1px rgba(59,130,246,.6),inset 0 1px 2px rgba(59,130,246,.15)}.page-heroes .filter-tab[data-filter-type=rarity].rarity-epic.active{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(124,58,237,.18));box-shadow:0 4px 12px rgba(139,92,246,.4),0 0 0 1px rgba(139,92,246,.6),inset 0 1px 2px rgba(139,92,246,.15)}.page-heroes .filter-tab[data-filter-type=rarity].active:after{height:3px;opacity:1}.page-heroes .hero-grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:26px}.page-heroes .hero-card{background:linear-gradient(135deg,rgba(0,0,0,.95),#000);border:2px solid hsla(0,0%,100%,.25);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08),0 0 20px hsla(0,0%,100%,.1);cursor:pointer;display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;width:100%}.page-heroes .hero-card:before{content:none!important}.page-heroes .hero-card:focus-visible{outline:3px solid hsla(0,0%,100%,.65);outline-offset:3px}.page-heroes .hero-card:hover{background:linear-gradient(135deg,rgba(0,0,0,.98),#000);border-color:hsla(0,0%,100%,.5);box-shadow:0 30px 80px rgba(0,0,0,.8),0 15px 40px hsla(0,0%,100%,.3),0 0 40px hsla(0,0%,100%,.2),inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 0 30px hsla(0,0%,100%,.05);transform:translateY(-8px) scale(1.02)}.page-heroes .hero-card:after{background:var(--rarity-accent,hsla(0,0%,100%,.5));box-shadow:0 0 12px var(--rarity-accent,hsla(0,0%,100%,.6)),0 0 24px var(--rarity-accent,hsla(0,0%,100%,.3));content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0;transition:height .3s ease,box-shadow .3s ease;z-index:4}.page-heroes .hero-card:hover:after{box-shadow:0 0 20px var(--rarity-accent,hsla(0,0%,100%,.8)),0 0 40px var(--rarity-accent,hsla(0,0%,100%,.5));height:6px}.page-heroes .rarity-common{--rarity-accent:var(--quality-common,var(--quality-common))}.page-heroes .rarity-uncommon{--rarity-accent:var(--quality-uncommon,var(--quality-uncommon))}.page-heroes .rarity-rare{--rarity-accent:var(--quality-rare,var(--quality-rare))}.page-heroes .rarity-epic{--rarity-accent:var(--quality-epic,var(--quality-epic))}.page-heroes .rarity-legendary{--rarity-accent:var(--quality-legendary,var(--quality-legendary))}.page-heroes .hero-card.rarity-common{border-color:hsla(220,9%,46%,.55)}.page-heroes .hero-card.rarity-uncommon{border-color:rgba(16,185,129,.62)}.page-heroes .hero-card.rarity-rare{border-color:rgba(59,130,246,.65)}.page-heroes .hero-card.rarity-epic{border-color:rgba(139,92,246,.65)}.page-heroes .hero-card.rarity-legendary{border-color:rgba(245,158,11,.7)}.page-heroes .hero-card:hover{border-color:hsla(0,0%,100%,.12)}.page-heroes .hero-card.rarity-common:hover{box-shadow:0 26px 70px rgba(0,0,0,.72),0 12px 30px hsla(220,9%,46%,.25)}.page-heroes .hero-card.rarity-uncommon:hover{box-shadow:0 26px 70px rgba(0,0,0,.72),0 12px 30px rgba(16,185,129,.25)}.page-heroes .hero-card.rarity-rare:hover{box-shadow:0 26px 70px rgba(0,0,0,.72),0 12px 30px rgba(59,130,246,.3)}.page-heroes .hero-card.rarity-epic:hover{box-shadow:0 26px 70px rgba(0,0,0,.72),0 12px 34px rgba(139,92,246,.32)}.page-heroes .hero-card.rarity-legendary:hover{box-shadow:0 26px 70px rgba(0,0,0,.72),0 12px 38px rgba(245,158,11,.35)}.page-heroes .hero-card-portrait{aspect-ratio:1/1;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.1),transparent 55%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.04),transparent 60%),rgba(0,0,0,.65);border-bottom:1px solid hsla(0,0%,100%,.06);padding:10px;position:relative;width:100%}.page-heroes .hero-card-portrait:after{background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,hsla(0,0%,100%,.06),transparent 55%);border-radius:10px;content:"";inset:10px;opacity:.8;pointer-events:none;position:absolute}.page-heroes .hero-card-portrait img{border:1px solid hsla(0,0%,100%,.15);border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.7),0 5px 15px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.3),0 0 20px hsla(0,0%,100%,.1);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:2}.page-heroes .hero-card:hover .hero-card-portrait img{box-shadow:0 20px 45px rgba(0,0,0,.8),0 8px 20px hsla(0,0%,100%,.3),0 0 30px hsla(0,0%,100%,.2),inset 0 0 0 1px rgba(0,0,0,.3);transform:scale(1.05)}.page-heroes .hero-card-content{display:flex;flex-direction:column;gap:10px;padding:14px 14px 16px}.page-heroes .hero-card-title{display:grid;gap:2px}.page-heroes .hero-card-name{color:hsla(0,0%,100%,.98);font-size:1.05rem;font-weight:800;letter-spacing:.2px}.page-heroes .hero-card-nickname{color:hsla(0,0%,100%,.9);font-size:.9rem}.page-heroes .hero-meta{display:grid;gap:10px}.page-heroes .hero-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.page-heroes .hero-arms-badge,.page-heroes .hero-faction-badge{align-items:center;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.9));border:1px solid hsla(0,0%,100%,.3);border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.08),0 0 15px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.95);display:inline-flex;font-size:.85rem;font-weight:650;gap:8px;padding:10px 14px;transition:all .25s ease;white-space:nowrap}.page-heroes .faction-icon,.page-heroes .role-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));height:20px;-o-object-fit:contain;object-fit:contain;opacity:.95;width:20px}.page-heroes .heroes-empty{color:hsla(0,0%,100%,.95);padding:18px 6px}.page-heroes .heroes-error{color:var(--quality-mythic);padding:18px 6px}.page-heroes .modal{align-items:center;display:none;inset:0;justify-content:center;position:fixed;z-index:200}.page-heroes .modal.active{display:flex}.page-heroes .modal-backdrop{background:rgba(0,0,0,.72);inset:0;position:absolute}.page-heroes .modal-content{background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.98));border:1px solid hsla(0,0%,100%,.25);border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.8);max-height:min(86vh,920px);overflow:auto;padding:14px 16px 16px;position:relative;width:min(1200px,calc(100vw - 24px))}.page-heroes .modal-close{background:linear-gradient(135deg,rgba(185,28,28,.85),rgba(153,27,27,.9));border:1px solid rgba(220,38,38,.4);border-radius:12px;box-shadow:0 4px 12px rgba(185,28,28,.4),inset 0 1px 0 hsla(0,0%,100%,.15);color:#fff;cursor:pointer;display:grid;font-size:26px;font-weight:700;height:40px;margin-left:auto;place-items:center;position:-webkit-sticky;position:sticky;right:0;top:-2px;transition:all .2s ease;width:40px;z-index:10}.page-heroes .modal-close:hover{background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(185,28,28,.98));border-color:rgba(239,68,68,.6);box-shadow:0 6px 20px rgba(220,38,38,.6),0 0 25px rgba(239,68,68,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transform:scale(1.05)}.page-heroes.modal-open,body.modal-open{overflow:hidden!important}.page-heroes .stat-group{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.14);border-radius:14px;padding:12px}.page-heroes .stat-group h3{color:hsla(0,0%,100%,.92);font-size:.95rem;letter-spacing:.15px;margin:0 0 10px}.page-heroes .stat-items-horizontal{display:flex;flex-wrap:wrap;gap:10px}.page-heroes .stat-table{background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;display:grid;gap:8px;min-width:0;padding:12px}.page-heroes .stat-table-body,.page-heroes .stat-table-head{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(65px,1fr));text-align:center}.page-heroes .stat-item-vertical{background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;display:grid;flex:1 1 70px;gap:6px;min-width:70px;padding:10px;text-align:center}.page-heroes .stat-label{color:hsla(0,0%,100%,.9);font-size:.82rem;font-weight:900;letter-spacing:.3px}.page-heroes .stat-value{color:hsla(0,0%,100%,.98);font-size:1.05rem;font-weight:900}@keyframes iconPulse{0%,to{border-color:hsla(0,0%,100%,.7);box-shadow:0 0 18px hsla(0,0%,100%,.7),0 0 8px hsla(0,0%,100%,.5),inset 0 0 12px hsla(0,0%,100%,.3)}50%{border-color:#fff;box-shadow:0 0 35px #fff,0 0 18px hsla(0,0%,100%,.8),inset 0 0 20px hsla(0,0%,100%,.5)}}@media (max-width:820px){.page-heroes .modal-content{max-height:90vh}}@media (max-width:640px){.page-heroes .hero-grid{gap:16px!important;grid-template-columns:1fr!important}.page-heroes .hero-card{align-items:start!important;display:grid!important;gap:12px!important;grid-template-columns:120px 1fr!important;grid-template-rows:auto!important;min-height:auto!important;padding:0!important}.page-heroes .hero-card-portrait{aspect-ratio:unset!important;display:block!important;height:125px!important;min-height:125px!important;overflow:hidden!important;padding:6px!important;width:120px!important}.page-heroes .hero-card-portrait:after{inset:6px!important}.page-heroes .hero-card-portrait img{border-radius:8px!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center top!important;object-position:center top!important;width:100%!important}.page-heroes .hero-card-content{display:flex!important;flex:1!important;flex-direction:column!important;gap:8px!important;padding:12px 12px 12px 0!important}.page-heroes .hero-card-title{display:grid!important;gap:3px!important}.page-heroes .hero-card-name{display:block!important;font-size:1rem!important;line-height:1.3!important}.page-heroes .hero-card-nickname{display:block!important;font-size:.85rem!important;line-height:1.3!important}.page-heroes .hero-meta{display:flex!important;flex-direction:column!important;gap:6px!important}.page-heroes .hero-meta-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.page-heroes .hero-arms-badge,.page-heroes .hero-faction-badge{display:inline-flex!important;font-size:.75rem!important;padding:5px 8px!important;white-space:nowrap!important}.page-heroes .faction-icon,.page-heroes .role-icon{height:14px!important;width:14px!important}}@media (max-width:480px){.page-heroes .hero-grid{gap:14px!important;grid-template-columns:1fr!important}.page-heroes .hero-card{align-items:start!important;gap:10px!important;grid-template-columns:100px 1fr!important;padding:0!important}.page-heroes .hero-card-portrait{aspect-ratio:unset!important;height:105px!important;min-height:105px!important;overflow:hidden!important;padding:5px!important;width:100px!important}.page-heroes .hero-card-portrait:after{inset:5px!important}.page-heroes .hero-card-portrait img{height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;width:100%!important}.page-heroes .hero-card-content{gap:6px!important;padding:10px 10px 10px 0!important}.page-heroes .hero-card-name{font-size:.9rem!important}.page-heroes .hero-card-nickname{font-size:.8rem!important}.page-heroes .hero-meta{gap:5px!important}.page-heroes .hero-arms-badge,.page-heroes .hero-faction-badge{font-size:.7rem!important;padding:4px 7px!important}}@media (prefers-reduced-motion:reduce){.page-heroes #hero-search,.page-heroes .filter-tab,.page-heroes .hero-card{animation:none!important;transition:none!important}.page-heroes .filter-tab:hover,.page-heroes .hero-card:hover{transform:none!important}}body.modal-open{overflow:hidden}@media (min-width:900px){.page-heroes .stat-group{padding:10px}.page-heroes .stat-group h3{font-size:.9rem;margin-bottom:8px}.page-heroes .stat-items-horizontal{gap:8px}.page-heroes .stat-item-vertical{flex:1 1 65px;min-width:65px;padding:8px}.page-heroes .stat-label{font-size:.75rem}.page-heroes .stat-value{font-size:.95rem}}.page-heroes .gear-bonus-text{color:hsla(0,0%,100%,.92);flex:1;font-size:.88rem;line-height:1.35}@keyframes badge-sparkle{0%,to{border-color:rgba(255,215,0,.5);box-shadow:0 2px 8px rgba(255,215,0,.3),0 0 20px rgba(255,215,0,.5),0 0 35px rgba(255,215,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:scale(1)}50%{border-color:rgba(255,235,150,.8);box-shadow:0 2px 12px rgba(255,215,0,.5),0 0 30px rgba(255,215,0,.8),0 0 50px rgba(255,215,0,.6),0 0 70px rgba(255,235,150,.4),inset 0 1px 0 hsla(0,0%,100%,.3);transform:scale(1.05)}}.page-heroes .hp-hero{--hp-accent:var(--quality-common,var(--quality-common))}.page-heroes .hp-hero.rarity-uncommon{--hp-accent:var(--quality-uncommon,var(--quality-uncommon))}.page-heroes .hp-hero.rarity-rare{--hp-accent:var(--quality-rare,var(--quality-rare))}.page-heroes .hp-hero.rarity-epic{--hp-accent:var(--quality-epic,var(--quality-epic))}.page-heroes .hp-hero.rarity-legendary{--hp-accent:var(--quality-legendary,var(--quality-legendary))}.page-heroes .hp-main-row{align-items:start;display:grid;gap:0;grid-template-columns:220px 1fr}.page-heroes .hp-portrait-col{border-right:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:12px;padding:14px}.page-heroes .hp-identity{align-items:center;background:rgba(0,0,0,.35);border-bottom:1px solid color-mix(in srgb,var(--hp-accent) 35%,transparent);border-top:2px solid color-mix(in srgb,var(--hp-accent) 60%,transparent);display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;padding:10px 16px}.page-heroes .hp-skills-col{display:flex;flex-direction:column;min-width:0}.page-heroes .hp-portrait-compact{border:2px solid var(--hp-accent);border-radius:8px;box-shadow:0 0 14px color-mix(in srgb,var(--hp-accent) 40%,transparent);flex-shrink:0;height:255px;overflow:hidden;position:relative;width:190px;z-index:1}.page-heroes .hp-portrait-compact .hp-portrait-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.page-heroes .hp-stats-panel{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;padding:12px 14px}.page-heroes .hp-stats-title{border-bottom:1px solid hsla(0,0%,100%,.06);color:var(--hp-accent);font-size:.63rem;font-weight:700;letter-spacing:.12em;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.page-heroes .hp-rarity-tag{background:color-mix(in srgb,var(--hp-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--hp-accent) 35%,transparent);border-radius:20px;color:var(--hp-accent);display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.14em;padding:2px 8px;text-transform:uppercase}.page-heroes .hp-nickname{color:#8ca8c8;font-size:.95rem;font-style:italic;font-weight:500;line-height:1.2;margin:0;white-space:nowrap}.page-heroes .hp-identity-name{color:#e8f0fa;font-size:1.05rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.page-heroes .hp-identity-sep{color:hsla(0,0%,100%,.25);font-size:.9rem}.page-heroes .hp-identity .hp-badges{flex:1;min-width:0}.page-heroes .hp-badges{display:flex;flex-wrap:wrap;gap:4px}.page-heroes .hp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:2px 8px}.page-heroes .hp-faction-badge{background:rgba(120,180,255,.1);border:1px solid rgba(120,180,255,.2);color:#78b4ff}.page-heroes .hp-role-badge{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);color:var(--quality-legendary-text)}.page-heroes .hp-badge-icon{height:14px;-o-object-fit:contain;object-fit:contain;width:14px}.page-heroes .hp-role-pill{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;color:hsla(0,0%,100%,.45);display:inline-block;font-size:.62rem;font-weight:600;padding:1px 7px;white-space:nowrap}.page-heroes .hp-section{border-bottom:1px solid hsla(0,0%,100%,.05);padding:12px 18px}.page-heroes .hp-section-title{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--hp-accent);display:flex;font-size:.68rem;font-weight:700;gap:7px;letter-spacing:.1em;margin:0 0 10px;padding-bottom:5px;text-transform:uppercase}.page-heroes .hp-section-title:before{background:var(--hp-accent);border-radius:2px;content:"";display:block;flex-shrink:0;height:12px;width:3px}.page-heroes .hp-skills-grid{display:flex;flex-direction:column;gap:7px}.page-heroes .hp-skill-card{align-items:flex-start;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-left:3px solid var(--hp-accent);border-radius:7px;display:flex;gap:8px;padding:8px}.page-heroes .hp-skill-icon{background:rgba(0,0,0,.4);border:1px solid color-mix(in srgb,var(--hp-accent) 50%,hsla(0,0%,100%,.15));border-radius:7px;box-shadow:0 0 8px color-mix(in srgb,var(--hp-accent) 30%,transparent);flex-shrink:0;height:52px;overflow:hidden;width:52px}.page-heroes .hp-skill-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-heroes .hp-skill-info{flex:1;min-width:0}.page-heroes .hp-skill-name{color:#c8dcf0;font-size:.8rem;font-weight:700;line-height:1.2;margin:0 0 3px}.page-heroes .hp-skill-desc{color:#7090aa;font-size:.74rem;line-height:1.45;margin:0 0 2px}.page-heroes .hp-equip-row{border-bottom:1px solid hsla(0,0%,100%,.05);display:grid;grid-template-columns:1fr 1fr}.page-heroes .hp-equip-row .hp-section{border-bottom:none;border-right:1px solid hsla(0,0%,100%,.05)}.page-heroes .hp-equip-row .hp-section:last-child{border-right:none}.page-heroes .hp-gear-setname{color:#a0c0e0;font-size:.75rem;font-weight:600;margin:0 0 8px}.page-heroes .hp-gear-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.page-heroes .hp-gear-item{align-items:center;display:flex;flex-direction:column;gap:4px;width:84px}.page-heroes .hp-gear-item img{background:rgba(0,0,0,.35);border:1px solid color-mix(in srgb,var(--hp-accent) 55%,transparent);border-radius:8px;box-shadow:0 0 8px color-mix(in srgb,var(--hp-accent) 20%,transparent);height:76px;-o-object-fit:contain;object-fit:contain;padding:3px;width:76px}.page-heroes .hp-gear-item-name{color:#7090aa;font-size:.67rem;line-height:1.2;max-width:84px;text-align:center;word-break:break-word}.page-heroes .hp-gear-bonuses{display:flex;flex-direction:column;gap:5px}.page-heroes .hp-gear-bonus{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:5px;padding:5px 7px}.page-heroes .hp-bonus-label{color:#4a7a9b;display:block;font-size:.6rem;font-weight:700;letter-spacing:.07em;margin-bottom:2px;text-transform:uppercase}.page-heroes .hp-bonus-text{color:#9ab8d0;font-size:.72rem;line-height:1.4}.page-heroes .hp-weapons-list{display:flex;flex-direction:column;gap:7px}.page-heroes .hp-weapon-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.07);border-left:3px solid #4a5568;border-radius:7px;padding:9px}.page-heroes .hp-weapon-card.hp-weapon-red{border-left-color:var(--quality-mythic)}.page-heroes .hp-weapon-card.hp-weapon-orange{border-left-color:var(--color-orange)}.page-heroes .hp-weapon-card.hp-weapon-purple{border-left-color:var(--quality-epic)}.page-heroes .hp-weapon-header{align-items:center;display:flex;gap:9px;margin-bottom:5px}.page-heroes .hp-weapon-icon{background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;flex-shrink:0;height:60px;-o-object-fit:contain;object-fit:contain;width:60px}.page-heroes .hp-weapon-card.hp-weapon-red .hp-weapon-icon{border-color:rgba(239,68,68,.55);box-shadow:0 0 8px rgba(239,68,68,.22)}.page-heroes .hp-weapon-card.hp-weapon-orange .hp-weapon-icon{border-color:rgba(249,115,22,.55);box-shadow:0 0 8px rgba(249,115,22,.22)}.page-heroes .hp-weapon-card.hp-weapon-purple .hp-weapon-icon{border-color:rgba(139,92,246,.55);box-shadow:0 0 8px rgba(139,92,246,.22)}.page-heroes .hp-weapon-name{color:#c8dcf0;font-size:.84rem;font-weight:700;margin:0 0 3px}.page-heroes .hp-weapon-quality{font-size:.63rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.page-heroes .hp-weapon-quality--red{color:var(--quality-mythic)}.page-heroes .hp-weapon-quality--orange{color:var(--color-orange)}.page-heroes .hp-weapon-quality--purple{color:var(--quality-epic)}.page-heroes .hp-weapon-effect-name{color:#a0b8d0;font-size:.73rem;font-weight:600;margin:3px 0 2px}.page-heroes .hp-weapon-effect-desc{color:#6b8aaa;font-size:.7rem;line-height:1.5;margin:0}.page-heroes .hp-skins-list{display:flex;flex-direction:column;gap:10px}.page-heroes .hp-skin-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.07);border-radius:8px;display:flex;gap:10px;overflow:hidden}.page-heroes .hp-skin-img{border-right:1px solid hsla(0,0%,100%,.06);flex-shrink:0;min-height:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100px}.page-heroes .hp-skin-info{flex:1;min-width:0;padding:8px 10px 8px 0}.page-heroes .hp-skin-name{color:#c8dcf0;font-size:.8rem;font-weight:700;margin:0 0 2px}.page-heroes .hp-skin-source{color:#506880;display:block;font-size:.68rem;margin-bottom:5px}.page-heroes .hp-skin-bonuses{display:flex;flex-wrap:wrap;gap:4px}.page-heroes .hp-stat-pill{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22);border-radius:10px;color:var(--quality-uncommon);font-size:.65rem;font-weight:600;padding:1px 6px}.page-heroes .hp-modified-flag{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.22);border-radius:10px;color:var(--quality-epic-text);font-size:.65rem;font-weight:600;padding:1px 6px}@media (max-width:900px){.page-heroes .hp-equip-row{grid-template-columns:1fr}.page-heroes .hp-equip-row .hp-section{border-bottom:1px solid hsla(0,0%,100%,.05);border-right:none}.page-heroes .hp-equip-row .hp-section:last-child{border-bottom:none}}.page-heroes .hp-stats-bars{display:flex;flex-direction:column;gap:7px}.page-heroes .hp-stat-row{align-items:center;display:flex;gap:8px}.page-heroes .hp-stat-label{color:var(--hp-accent);flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:30px}.page-heroes .hp-stat-bar-track{background:hsla(0,0%,100%,.08);border-radius:4px;flex:1;height:7px;min-width:60px;overflow:hidden}.page-heroes .hp-stat-bar-fill{background:var(--hp-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--hp-accent) 70%,transparent),var(--hp-accent));border-radius:4px;height:100%;opacity:.85}.page-heroes .hp-stat-value{color:#c8dcf0;cursor:default;flex-shrink:0;font-size:.72rem;font-weight:700;text-align:right;width:36px}.page-heroes .hp-topbar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.07);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.page-heroes .hp-breadcrumb{align-items:center;display:flex;font-size:.8rem;gap:6px}.page-heroes .hp-breadcrumb-link{color:hsla(0,0%,100%,.5);text-decoration:none;transition:color .18s}.page-heroes .hp-breadcrumb-link:hover{color:hsla(0,0%,100%,.9)}.page-heroes .hp-breadcrumb-sep{color:hsla(0,0%,100%,.2)}.page-heroes .hp-breadcrumb-current{color:hsla(0,0%,100%,.85);font-weight:600}.page-heroes .hp-page-nav{align-items:center;display:flex;gap:6px}.page-heroes .hp-page-nav-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:hsla(0,0%,100%,.7);display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:5px 12px;text-decoration:none;transition:background .18s,border-color .18s,color .18s;white-space:nowrap}.page-heroes .hp-page-nav-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.28);color:#fff}.page-heroes .hp-page-nav--bottom{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 0 4px}.page-heroes .hp-back-to-list{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.14);border-radius:6px;color:hsla(0,0%,100%,.7);display:inline-flex;font-size:.78rem;font-weight:600;padding:6px 20px;text-decoration:none;transition:background .18s,border-color .18s,color .18s}.page-heroes .hp-back-to-list:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.28);color:#fff}@media (max-width:768px){.page-heroes .hp-main-row{grid-template-columns:1fr}.page-heroes .hp-portrait-col{border-bottom:1px solid hsla(0,0%,100%,.05);border-right:none}.page-heroes .hp-skills-col{border-top:none}}@media (max-width:600px){.page-heroes .hp-portrait-compact{height:175px;width:130px}.page-heroes .hp-portrait-col{padding:10px}.page-heroes .hp-stat-bar-track{min-width:30px}.page-heroes .hp-skill-icon{height:36px;width:36px}.page-heroes .hp-gear-item{width:70px}.page-heroes .hp-gear-item img{height:62px;width:62px}.page-heroes .hp-weapon-icon{height:48px;width:48px}}