.kftc-grid{--kftc-gap:8px;--kftc-height:6.5rem;--kftc-inline-gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,calc((var(--kftc-height) - var(--kftc-gap)) / 2)));grid-template-areas:"big rank" "big trend";gap:var(--kftc-gap);margin-bottom:var(--kftc-gap);height:var(--kftc-height)}.kftc-text-lg{font-size:xx-large;font-weight:600;line-height:1.05;color:var(--primary);font-variant-numeric:tabular-nums}.kftc-text-lg--wrap{white-space:normal}.kftc-text-sm{font-size:medium;font-weight:400;line-height:1.15;color:var(--muted-foreground)}.kftc-col{background:var(--beige);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;min-width:0;height:100%;margin:0}.kftc-col--big{grid-area:big;overflow-wrap:break-word}.kftc-col--trend{grid-area:trend}.kftc-col--rank{grid-area:rank}.kftc-col--inline{flex-direction:row;gap:var(--kftc-inline-gap)}.kftc-col--selectable{border:0;border-right:4px solid transparent;color:inherit;cursor:pointer;font:inherit}.kftc-col--selectable.is-active,.kftc-col--selectable:hover{border-right-color:var(--beige-dark)}.kftc-col--selectable:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.kftc-trend-icon{display:inline-flex;align-items:center;justify-content:center}.kftc-trend-icon--neutral{color:var(--primary)}.kftc-trend-icon--positive{color:green}.kftc-trend-icon--negative{color:red}.info-popover.kftc-medal{position:absolute;top:-2px;right:14px;z-index:3}.info-popover.kftc-medal,.kftc-medal .info-popover__trigger--custom{display:flex;flex-direction:column;align-items:center}.kftc-medal .info-popover__content{width:min(200px,70vw)}.kftc-medal__ribbon{width:18px;height:15px;margin-bottom:-6px;clip-path:polygon(0 0,100% 0,82% 100%,50% 78%,18% 100%);background:linear-gradient(90deg,#111 0 33.33%,#d22928 33.33% 66.67%,#e0b31f 66.67% 100%)}.kftc-medal__disc{position:relative;display:grid;width:34px;height:34px;place-items:center;border:2px solid rgb(255 255 255/52%);border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0/13%),0 4px 10px rgb(0 0 0/14%);color:rgb(0 0 0/68%);font-size:.85rem;font-weight:800}.kftc-medal__disc:before{content:"";position:absolute;inset:4px;border:1px solid rgb(0 0 0/18%);border-radius:inherit}.kftc-medal__disc--gold{background:conic-gradient(from 210deg,#9d7412,#ffe48a,#c28b12,#fff2ac,#9d7412)}.kftc-medal__disc--silver{background:conic-gradient(from 210deg,#777d83,#f3f5f5,#9ca2a7,#fff,#777d83)}.kftc-medal__disc--bronze{background:conic-gradient(from 210deg,#7b3e20,#e2a16b,#9f552c,#f2bc87,#7b3e20);color:rgb(0 0 0/85%)}.card:hover .kftc-medal__disc{animation:kftc-medal-jiggle .48s ease-in-out}@keyframes kftc-medal-jiggle{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-3deg)}50%{transform:translateY(1px) rotate(2.5deg)}75%{transform:translateY(-1px) rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.card:hover .kftc-medal__disc{animation:none}}.info-popover{position:relative;display:inline-flex;align-items:center}.info-popover__trigger{padding:.42rem .72rem;border:1.5px solid var(--orange);border-radius:.55rem;background:color-mix(in srgb,var(--orange) 10%,white);color:var(--orange);font:inherit;font-size:.82rem;font-weight:700;line-height:1;cursor:default;transition:background-color .15s ease,color .15s ease}.info-popover.is-open .info-popover__trigger,.info-popover__trigger:hover{background:color-mix(in srgb,var(--orange) 18%,white)}.info-popover__trigger--custom{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:normal}.info-popover.is-open .info-popover__trigger--custom,.info-popover__trigger--custom:hover{background:transparent}.info-popover__trigger:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.info-popover__content{position:absolute;top:calc(100% + 12px);right:0;z-index:10;width:min(280px,70vw);padding:.55rem .7rem;border-radius:6px;background:var(--dark-grey);color:white;font-size:small;line-height:1.4;text-align:left;box-shadow:0 4px 10px rgb(0 0 0/8%);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease}.info-popover__content:after{content:"";position:absolute;top:0;right:12px;border-right:6px solid transparent;border-bottom:6px solid var(--dark-grey);border-left:6px solid transparent;transform:translateY(-100%)}.info-popover.is-open .info-popover__content{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.info-popover:focus-within .info-popover__content,.info-popover:hover .info-popover__content{opacity:1;pointer-events:auto;transform:translateY(0)}}