.htf{font-family:var(--font-montserrat)}.htf-item{flex:none;width:min(80vw,290px)}.htf-card{box-sizing:border-box;color:#fff;background:#1e1e22;border:1px solid #2a2a2f;border-radius:16px;flex-direction:column;gap:8px;height:100%;padding:0 14px 14px;text-decoration:none;transition:transform .18s,background-color .15s;display:flex;overflow:hidden}.htf-card:hover{background:#232328;transform:translateY(-2px)}.htf-top{background:var(--accent);min-width:0;color:var(--on-accent,#fff);align-items:center;gap:8px;margin:0 -14px 4px;padding:9px 14px;display:flex}.htf-logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:6px;flex:none;width:24px;height:24px;padding:2px}.htf-series{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:900;overflow:hidden}.htf-left{opacity:.85;white-space:nowrap;flex:none;font-size:11px;font-weight:700}.htf-who{color:#ffffffb8;grid-template-columns:16px 34px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.htf-who.is-lead{color:#fff}.htf-pos{text-align:center;font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.htf-face{background:#2c2c33;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.htf-who.is-lead .htf-face{box-shadow:0 0 0 2px var(--accent)}.htf-face img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.htf-face img.htf-face-logo{object-fit:contain;object-position:center;width:70%;height:70%}.htf-who b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.htf-who:not(.is-lead) b{font-weight:700}.htf-pts{font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.htf-bar{gap:2px;height:8px;margin-top:4px;display:flex;position:relative}.htf-bar i{flex-basis:0;min-width:0}.htf-bar i:first-child{background:var(--accent);border-radius:5px 0 0 5px}.htf-bar i:last-child{background:#4a4a53;border-radius:0 5px 5px 0}.htf-bar:after{content:"";background:#fff;border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:-1px;left:50%}.htf-gap{color:#fff;margin-top:2px;font-size:12px;font-weight:800}@media (hover:none){.htf-card:hover{transform:none}}