@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800&family=JetBrains+Mono:wght@800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:0 0;font-family:Inter,sans-serif;overflow:hidden}.widget{border-radius:var(--w-radius,20px);color:#f0f0f0;background:#141414;flex-direction:column;gap:16px;padding:24px 36px;display:inline-flex}.widget-main{align-items:center;gap:40px;display:flex}.identity{align-items:center;gap:16px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:80px;height:80px}.identity-text{flex-direction:column;gap:12px;min-width:0;display:flex}.name{font-size:24px;font-weight:var(--w-weight,700);color:#f0f0f0;white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.rating-line{align-items:center;gap:12px;display:flex}.num-slot{place-items:center start;display:inline-grid}.num-slot>*{grid-area:1/1}.num-slot{padding-inline-end:1px}.num-slot>:not(.slot-ghost){margin-inline-end:-1px}.slot-ghost{visibility:hidden;pointer-events:none}.rating-plain{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:30px;font-weight:var(--w-weight,700);letter-spacing:-.01em;white-space:nowrap;line-height:1}.rank-gray .rating-plain{color:#afc4d5}.rank-lightblue .rating-plain{color:#76bde5}.rank-blue .rating-plain{color:#6085f0}.rank-purple .rating-plain{color:#d76afe}.rank-pink .rating-plain{color:#fe13f7}.rank-red .rating-plain{color:#ff4f46}.rank-gold .rating-plain{color:#fddc02}.rating-badge{flex-shrink:0;width:122px;height:44px;position:relative}.badge-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.rating-badge-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;text-shadow:0 2px 3px #00000059;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:22px;font-style:italic;font-weight:700;line-height:1;display:flex;position:absolute;inset:0 8% 0 26%}.rank-gray .rating-badge-text{color:#afc4d5}.rank-lightblue .rating-badge-text{color:#76bde5}.rank-blue .rating-badge-text{color:#6085f0}.rank-purple .rating-badge-text{color:#d76afe}.rank-pink .rating-badge-text{color:#fe13f7}.rank-red .rating-badge-text{color:#ff4f46}.rank-gold .rating-badge-text{color:#fddc02}.rating-diff{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:24px;font-weight:var(--w-weight-strong,800);white-space:nowrap;align-items:center;gap:.1em;line-height:1;display:inline-flex}.diff-arrow{flex-shrink:0;width:1.2em;height:1.2em}.rating-diff.negative .diff-arrow{transform:rotate(90deg)}.rating-diff.positive{color:#23a827}.rating-diff.negative{color:#ff3636}.wl{flex-shrink:0;grid-template-columns:auto auto;place-content:center end;gap:12px 6px;margin-inline-start:auto;display:grid}.wl-pill{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800;line-height:1;display:contents}.wl-letter{text-align:right;min-width:22px}.wl-count{justify-self:end}.wl-win{color:#23a827}.wl-loss{color:#ff3636}.stats{flex-shrink:0;gap:24px;display:flex}.stat{flex-direction:column;align-items:center;gap:6px;display:flex}.stat-val{font-size:24px;font-weight:var(--w-weight,700);color:#f0f0f0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1}.stat-val.num-slot{justify-items:center}.stat-lbl{color:#8d8d8d;letter-spacing:.04em;font-size:14px;font-weight:700;line-height:1}.widget-history{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:24px;padding-top:16px;display:flex}.hist-letters{font-size:16px;font-weight:var(--w-weight,700);gap:14px;line-height:1;display:flex;position:relative}.hist-letters .w{color:#23a827}.hist-letters .l{color:#ff3636}.hist-letters .t{color:#ffe136}.hist-letters:not(.hist-elo)>span{text-align:center;min-width:1em}.hist-letters.hist-elo{gap:8px}.hist-chip{white-space:nowrap;box-sizing:border-box;font-variant-numeric:tabular-nums;border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:52px;height:32px;padding:0 4px;display:flex}.hist-letters .hist-chip.w{color:#23a827;background:#082809}.hist-letters .hist-chip.l{color:#ff3636;background:#3d0c0c}.hist-letters .hist-chip.t{color:#ffe136;background:#3a2f0c}.hist-brand{flex-shrink:0;align-items:center;gap:8px;display:flex}.hist-logo{width:auto;height:26px;display:block}.faceit-rank{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.faceit-rank svg{width:80px;height:80px;display:block}.rank-fx{pointer-events:none;width:100%;height:80px;position:absolute;top:0;left:0}.rank-fx-layer{position:absolute;inset:0}.rank-fx-layer svg{width:100%;height:100%}.rank-fx-num{clip-path:circle(30%)}.rank-fx-ring{border:3px solid;border-radius:50%;position:absolute;inset:0}.faceit-pos{z-index:1;color:#fb0a33;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;background:#141414;border-radius:999px;padding:6px 8px;font-size:20px;font-weight:800;line-height:1;position:absolute;top:calc(100% - 17px);left:50%;transform:translate(-50%)}.name{align-items:center;gap:10px;display:flex}.flag{border-radius:4px;flex-shrink:0;width:29.3333px;height:22px;box-shadow:inset 0 0 0 1px #ffffff26}.faceit-elo{color:#fff;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.widget.is-skeleton{--bone:#f0f0f014;--bone-hi:#f0f0f033;--bone-fill:var(--bone) linear-gradient(100deg, transparent 35%, var(--bone-hi) 50%, transparent 65%) no-repeat}.is-skeleton,.is-skeleton *{color:#0000!important;text-shadow:none!important}.is-skeleton :where(.avatar,.dial-bone,.flag,.name-text,.rating-badge,.rating-line>.num-slot,.stat-val,.stat-lbl,.wl-letter,.wl-count,.hist-letters>span){background:var(--bone-fill);background-position:100% 0;background-size:300% 100%;border-radius:6px}.is-skeleton .avatar,.is-skeleton .dial-bone{border-radius:50%}.is-skeleton .dial-bone{width:80px;height:80px;display:block}.is-skeleton .flag{box-shadow:none}.is-skeleton .name-text{line-height:1;display:inline-block}.is-skeleton .rating-badge{clip-path:polygon(9.7% 0,100% 0,90.3% 100%,0 100%);border-radius:0}.is-skeleton .hist-letters .hist-chip{background:var(--bone-fill);background-size:300% 100%;border-color:#0000}.is-skeleton .hist-brand{opacity:.3}@media (prefers-reduced-motion:no-preference){.widget.is-skeleton{animation:1.125s cubic-bezier(.2,.8,.2,1) both w-in-card}.widget.is-skeleton.no-enter{animation:none}.is-skeleton :where(.avatar,.dial-bone,.flag,.name-text,.rating-badge,.rating-line>.num-slot,.stat-val,.stat-lbl,.wl-letter,.wl-count,.hist-letters>span){animation:1.8s ease-in-out infinite bone-sweep}.is-skeleton .identity-text :is(.name-text,.flag,.num-slot){animation-delay:.1s}.is-skeleton .stats :is(.stat-val,.stat-lbl){animation-delay:.25s}.is-skeleton :is(.wl-letter,.wl-count){animation-delay:.4s}.is-skeleton .hist-letters>span{animation-delay:.15s}}@keyframes bone-sweep{0%{background-position:100% 0}to{background-position:0 0}}number-flow{--number-flow-mask-height:.25em;margin-block:calc(-2 * round(nearest, calc(var(--number-flow-mask-height) / 2), 1px))}@media (prefers-reduced-motion:no-preference){.intro .widget{animation:1.125s cubic-bezier(.2,.8,.2,1) both w-in-card}.intro .avatar,.intro .faceit-rank svg{animation:1.5s cubic-bezier(.34,1.56,.64,1) .25s both w-in-pop}.intro .faceit-pos{animation:1.25s cubic-bezier(.34,1.56,.64,1) .875s both w-in-pos}.intro .name{animation:1.25s cubic-bezier(.2,.8,.2,1) .375s both w-in-left}.intro .badge-svg{animation:1.375s cubic-bezier(.65,0,.35,1) .375s both w-in-wipe}.intro .stat-lbl{animation:1.125s cubic-bezier(.2,.8,.2,1) .625s both w-in-up}.intro .stat:nth-child(2) .stat-lbl{animation-delay:.8s}.intro .stat:nth-child(3) .stat-lbl{animation-delay:.975s}.intro .stat:nth-child(4) .stat-lbl{animation-delay:1.15s}.intro .stat:nth-child(5) .stat-lbl{animation-delay:1.325s}.intro .stat:nth-child(6) .stat-lbl{animation-delay:1.5s}.intro .wl-letter{animation:1.125s cubic-bezier(.2,.8,.2,1) .75s both w-in-left}.intro .wl-loss .wl-letter{animation-delay:.95s}.intro .hist-letters>*{animation:.875s cubic-bezier(.2,.8,.2,1) both w-in-up}.intro .hist-letters>:first-child{animation-delay:.875s}.intro .hist-letters>:nth-child(2){animation-delay:1s}.intro .hist-letters>:nth-child(3){animation-delay:1.125s}.intro .hist-letters>:nth-child(4){animation-delay:1.25s}.intro .hist-letters>:nth-child(5){animation-delay:1.375s}.intro .hist-letters>:nth-child(6){animation-delay:1.5s}.intro .hist-letters>:nth-child(7){animation-delay:1.625s}.intro .hist-letters>:nth-child(8){animation-delay:1.75s}.intro .hist-letters>:nth-child(9){animation-delay:1.875s}.intro .hist-letters>:nth-child(10){animation-delay:2s}.intro .hist-brand{animation:1.25s ease-out 1.5s both w-in-fade}.intro.from-skeleton .widget{animation:none}}@keyframes w-in-card{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes w-in-pop{0%{opacity:0;transform:scale(.5)}}@keyframes w-in-pos{0%{opacity:0;transform:translate(-50%)scale(.5)}}@keyframes w-in-left{0%{opacity:0;transform:translate(-10px)}}@keyframes w-in-up{0%{opacity:0;transform:translateY(8px)}}@keyframes w-in-fade{0%{opacity:0}}@keyframes w-in-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}