.ph{min-height:320px}
          .scatter.ph-art{height:320px}
          .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
          .lvh2,.lvr2{display:grid;grid-template-columns:52px repeat(2,minmax(0,1fr)) minmax(0,1.3fr) minmax(0,1fr) 70px 54px;align-items:center;column-gap:12px;padding:0 20px}
          .lvh2{height:40px;background:var(--bg2);border-top:1px solid var(--line);font:500 12px/1 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)}
          .grow{display:flex;flex-direction:column;gap:12px;padding:6px 20px 18px}
          .grow>div{display:grid;grid-template-columns:110px minmax(0,1fr) 70px;align-items:center;gap:12px;font-size:13px}
          .grow>div>span:first-child{color:var(--faint)}
          .grow b{text-align:right;font-variant-numeric:tabular-nums}
          .grow .hb{height:6px}
          .grow .hb.w i{background:var(--loss)}