/* Hierarquia visual — comparação e ranking.
   Somente apresentação: não altera dados, ranking ou cálculos. */

:root{--rank-1:#f5c451;--rank-2:#b9c5d6;--rank-3:#d78b55;--rank-4:#9d82ff;--rank-5:#53d6e8}
.stats-panel{border-color:rgba(179,154,255,.22)!important;background:linear-gradient(180deg,rgba(16,18,34,.97),rgba(9,10,20,.98))!important;box-shadow:0 26px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.02)}
.stats-heading{padding-top:28px!important;padding-bottom:22px!important}.stats-heading h2{font-family:var(--font-display)!important;font-size:clamp(25px,2.1vw,34px)!important;line-height:1!important;letter-spacing:-.02em!important;color:#fff!important;text-shadow:0 0 22px rgba(179,154,255,.10)}.stats-heading p{margin-top:8px!important;color:#b4b7ca!important;font-size:12px!important;line-height:1.55!important}.section-number{min-width:46px!important;height:46px!important;border-radius:13px!important;display:grid!important;place-items:center!important;color:#d8ccff!important;border:1px solid rgba(169,135,255,.32)!important;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(67,213,255,.05))!important;box-shadow:0 0 24px rgba(139,92,246,.10);font-size:11px!important;font-weight:900!important}
.filter-row{background:rgba(255,255,255,.018)!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.filter-row button{color:#a9adbf!important;font-weight:760!important}.filter-row button.active{color:#f5f1ff!important;background:rgba(139,92,246,.13)!important;box-shadow:inset 0 -2px #a78bfa}.table-head{color:#9fa4b9!important;font-size:9px!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase!important;background:rgba(255,255,255,.018)!important}
.stat-row-wrap{margin:8px 10px!important;border:1px solid rgba(150,158,199,.10)!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(100deg,rgba(255,255,255,.024),rgba(255,255,255,.010))!important}.stat-row-wrap:hover,.stat-row-wrap.open{border-color:color-mix(in srgb,var(--stat-row-accent,var(--purple-light)) 30%,rgba(255,255,255,.08))!important;background:linear-gradient(100deg,color-mix(in srgb,var(--stat-row-accent,var(--purple-light)) 7%,rgba(255,255,255,.02)),rgba(255,255,255,.012))!important;box-shadow:0 14px 34px rgba(0,0,0,.16)}.stat-row{min-height:76px!important;padding-top:13px!important;padding-bottom:13px!important}.stat-category-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important}.stat-category-icon svg{width:26px!important;height:26px!important}
.stat-name>span{min-width:0;display:flex!important;flex-direction:column!important;gap:6px!important}.stat-name strong{color:#f7f7fc!important;font-family:var(--font-display)!important;font-size:20px!important;line-height:1!important;font-weight:800!important;letter-spacing:.005em!important;opacity:1!important}.stat-name small{width:max-content;max-width:100%;padding:4px 7px!important;border-radius:999px!important;color:#aeb3c8!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;opacity:1!important}
.stat-value>strong{color:#f7f8ff!important;font-family:var(--font-display)!important;font-size:25px!important;font-weight:800!important;line-height:1!important;opacity:1!important}.stat-value.winner>strong{color:#eafff5!important}.stat-value.loser>strong{color:#ffecef!important}.stat-value>i{height:5px!important;margin-top:9px!important;background:rgba(255,255,255,.055)!important;border-radius:99px!important}
.delta-badge{min-width:92px!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important}.delta-badge strong{font-family:var(--font-display)!important;font-size:18px!important;line-height:1!important;font-weight:850!important}.delta-badge>small:not(.mobile-col-label){margin-top:4px!important;color:#adb1c3!important;opacity:1!important;font-size:8px!important;font-weight:750!important}.delta-badge.positive{border-color:rgba(69,231,164,.24)!important;background:rgba(69,231,164,.055)!important}.delta-badge.negative{border-color:rgba(255,104,124,.22)!important;background:rgba(255,104,124,.05)!important}.delta-badge.neutral{border-color:rgba(173,178,201,.12)!important}.mobile-col-label{color:#858ba4!important;opacity:1!important;font-size:8px!important;font-weight:800!important;letter-spacing:.10em!important}
.stat-detail{padding:18px 20px 20px!important;background:linear-gradient(180deg,rgba(8,9,17,.25),rgba(8,9,17,.62))!important}.stat-detail>div:not(.detail-verdict){padding:13px 14px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important}.stat-detail small{color:#9da3bb!important;opacity:1!important;font-size:8px!important;font-weight:850!important;letter-spacing:.12em!important}.stat-detail p{margin-top:7px!important;color:#d2d5e2!important;font-size:11px!important;line-height:1.55!important}.detail-verdict{min-width:130px!important;border-radius:12px!important;box-shadow:0 10px 26px rgba(0,0,0,.15)}.detail-verdict strong{font-family:var(--font-display)!important;font-size:20px!important}
.rank-tag,.selector-rank,.option-rank,#modal-rank{--rank-color:var(--purple-light);--rank-rgb:179,154,255}[data-rank="1"]{--rank-color:var(--rank-1);--rank-rgb:245,196,81}[data-rank="2"]{--rank-color:var(--rank-2);--rank-rgb:185,197,214}[data-rank="3"]{--rank-color:var(--rank-3);--rank-rgb:215,139,85}[data-rank="4"]{--rank-color:var(--rank-4);--rank-rgb:157,130,255}[data-rank="5"]{--rank-color:var(--rank-5);--rank-rgb:83,214,232}
.rank-tag{position:relative!important;min-height:31px!important;padding:0 12px 0 31px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;color:var(--rank-color)!important;border:1px solid rgba(var(--rank-rgb),.42)!important;background:linear-gradient(135deg,rgba(var(--rank-rgb),.16),rgba(var(--rank-rgb),.05))!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;box-shadow:0 0 22px rgba(var(--rank-rgb),.10),inset 0 1px rgba(255,255,255,.04)!important}.rank-tag::before{content:"";position:absolute;left:9px;width:14px;height:14px;border-radius:50%;background:var(--rank-color);box-shadow:0 0 14px rgba(var(--rank-rgb),.58)}.rank-tag[data-rank="1"]{min-height:36px!important;padding-left:36px!important;color:#ffe8a2!important;border-color:rgba(245,196,81,.58)!important;background:linear-gradient(135deg,rgba(245,196,81,.20),rgba(245,196,81,.06))!important;box-shadow:0 0 30px rgba(245,196,81,.16),inset 0 1px rgba(255,255,255,.06)!important}.rank-tag[data-rank="1"]::before{width:17px;height:17px;background:radial-gradient(circle at 35% 30%,#fff2b7,#f5c451 55%,#b87a12)}
.build-community[data-rank="1"]{border-color:rgba(245,196,81,.34)!important;box-shadow:0 20px 58px rgba(0,0,0,.28),0 0 34px rgba(245,196,81,.07)!important}.build-community[data-rank="2"]{border-color:rgba(185,197,214,.24)!important}.build-community[data-rank="3"]{border-color:rgba(215,139,85,.24)!important}.build-selector{border-color:rgba(var(--rank-rgb),.18)!important;background:linear-gradient(100deg,rgba(var(--rank-rgb),.06),rgba(255,255,255,.018))!important}.selector-rank{min-width:44px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important;color:var(--rank-color)!important;background:rgba(var(--rank-rgb),.10)!important;border:1px solid rgba(var(--rank-rgb),.28)!important;font-family:var(--font-display)!important;font-size:19px!important;font-weight:900!important;box-shadow:0 0 18px rgba(var(--rank-rgb),.08)}
.build-options button{margin:5px 6px!important;border:1px solid rgba(var(--rank-rgb),.10)!important;border-radius:11px!important;background:linear-gradient(100deg,rgba(var(--rank-rgb),.035),rgba(255,255,255,.012))!important}.build-options button:hover,.build-options button.selected{border-color:rgba(var(--rank-rgb),.28)!important;background:linear-gradient(100deg,rgba(var(--rank-rgb),.09),rgba(255,255,255,.02))!important}.option-rank{width:42px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:9px!important;color:var(--rank-color)!important;background:rgba(var(--rank-rgb),.10)!important;border:1px solid rgba(var(--rank-rgb),.24)!important;font-family:var(--font-display)!important;font-size:17px!important;font-weight:900!important}.build-options button[data-rank="1"] .option-rank{color:#ffe7a1!important;background:linear-gradient(145deg,rgba(245,196,81,.20),rgba(245,196,81,.07))!important;border-color:rgba(245,196,81,.42)!important;box-shadow:0 0 18px rgba(245,196,81,.11)}.build-options button strong{color:#f6f6fb!important;font-weight:780!important;opacity:1!important}.build-options button small{color:#9ea3b8!important;opacity:1!important}#modal-rank{width:max-content;padding:5px 9px!important;border-radius:999px!important;color:var(--rank-color)!important;background:rgba(var(--rank-rgb),.08)!important;border:1px solid rgba(var(--rank-rgb),.23)!important;font-weight:900!important}
@media(max-width:760px){.stat-row-wrap{margin:7px 5px!important}.stat-row{min-height:unset!important}.stat-category-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.stat-name strong{font-size:18px!important}.stat-name small{font-size:7px!important}.stat-value>strong{font-size:22px!important}.delta-badge{min-width:82px!important}.stats-heading h2{font-size:27px!important}.rank-tag{font-size:9px!important}}