.ph{min-height:330px}
          .scatter.ph-art{height:330px}
          .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
          .lvh2,.lvr2{display:grid;grid-template-columns:56px 52px repeat(2,minmax(0,1fr)) minmax(0,1.3fr) minmax(0,1fr) 64px;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:58px;border-top:1px solid var(--line);font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--dim);transition:background-color .12s}
          .lvr2:hover{background:var(--surface2)}
          .lvr2.on{background:color-mix(in oklch,var(--coc) 8%,var(--surface))}
          .lvr2 img{width:48px;height:48px;object-fit:contain}
          .lvr2 b{font-weight:650;color:var(--text)}
          .lvh2>span:nth-child(n+3),.lvr2>span:nth-child(n+3){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)}
          .cnt{display:flex;align-items:flex-end;gap:5px;height:110px;padding:14px 20px 0}
          .cnt>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}
          .cnt i{display:block;width:100%;border-radius:3px 3px 1px 1px;background:color-mix(in oklch,var(--coc) 60%,var(--surface3));transform-origin:bottom;animation:growy .7s var(--ease) both}
          .cnt em{font:600 11px/1 var(--font);font-style:normal;color:var(--dim)}
          .cntx{display:flex;gap:5px;padding:6px 20px 16px}
          .cntx span{flex:1;text-align:center;font-size:10.5px;color:var(--faint)}