.ph{min-height:300px}
          .scatter.ph-art{height:300px}
          .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
          .lvh2,.lvr2{display:grid;grid-template-columns:52px repeat(3,minmax(0,1fr)) minmax(0,1.2fr) minmax(0,1fr) 60px 54px;align-items:center;column-gap:12px;padding:0 20px}
          .lvh2{min-height:42px;background:var(--bg2);border-top:1px solid var(--line);font:500 12px/1.25 var(--font);color:var(--faint)}
          .lvr2{min-height:44px;border-top:1px solid var(--line);font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--dim)}
          .lvr2.on{background:color-mix(in oklch,var(--coc) 8%,var(--surface))}
          .lvr2 b{font-weight:650;color:var(--text)}
          .lvh2>span:nth-child(n+2),.lvr2>span:nth-child(n+2){text-align:right}
          .res{display:inline-flex;align-items:center;gap:6px}
          .res i{width:9px;height:9px;border-radius:50%}
          .res .gold{background:oklch(0.82 0.15 85)}
          .res .elixir{background:oklch(0.65 0.2 330)}
          .res .darkElixir{background:oklch(0.35 0.05 300);box-shadow:0 0 0 1px oklch(0.6 0.05 300)}
          @media (max-width:1100px){.lvh2,.lvr2{grid-template-columns:44px repeat(3,minmax(0,1fr)) 54px}.lvh2 .c-x,.lvr2 .c-x{display:none}}