.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}
          .fc{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:inset 0 1px 0 var(--hi);transition:border-color .15s,background-color .15s,transform .2s var(--ease)}
          .fc:hover{border-color:var(--line2);background:var(--surface2);transform:translateY(-2px)}
          .fc .card{width:78px}
          .fc .bd{display:flex;flex-direction:column;gap:9px;min-width:0}
          .fc .bd b{font:650 15px/1.2 var(--font)}
          .fc .row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--faint)}
          .fc .row strong{font:650 14px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums}
          .fc .row strong.good{color:var(--win)}
          .fc .row strong.bad{color:var(--loss)}
          .fc .hb{height:4px}
          .fc .bd .pill{align-self:flex-start}
          .fc.e .hb i{background:var(--evo)}
          .fc.h .hb i{background:var(--hero)}
          .fc .none{font-size:12.5px;color:var(--faint)}
          .expl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
          .expl>div{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3)}
          .expl b{display:block;margin-bottom:6px;font:600 14px/1.3 var(--font)}
          .expl p{margin:0;font-size:13px;line-height:1.55;color:var(--faint)}
          @media (max-width:1100px){.expl{grid-template-columns:minmax(0,1fr)}}
