.champ{container:champ/inline-size;display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:end;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--color-rule)}.champ-col{position:relative;min-width:0;overflow:hidden;isolation:isolate}.champ-col[data-champ="1"]{order:2;height:clamp(17rem,62cqw,34rem);z-index:2;margin-inline:-6%;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.champ-col[data-champ="2"]{order:1;height:clamp(14rem,50cqw,28rem);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.champ-col[data-champ="3"]{order:3;height:clamp(12rem,43cqw,24rem);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.champ-port{position:absolute;inset:0;display:block}.champ-port .portrait-letter{font-family:var(--font-display);font-size:var(--fs-champ-letter);color:hsl(var(--text-tertiary));align-self:start;margin-top:18%}.champ-foot{position:absolute;left:0;right:0;bottom:0;display:grid;z-index:1}.champ-num{font-family:var(--font-display-wide);font-variation-settings:"wdth" 125,"wght" 700;font-weight:700;font-size:var(--fs-champ-numeral);line-height:.78;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px hsl(var(--text-primary));padding-left:10%;margin-bottom:-.06em;position:relative;z-index:1;pointer-events:none}.champ-col[data-champ="1"] .champ-num{font-size:var(--fs-champ-numeral-1);padding-left:18%;-webkit-text-stroke-color:hsl(var(--brand-primary))}.champ-col[data-champ="3"] .champ-num{padding-left:18%}.champ-col[data-champ="1"].champ-mine .champ-num,.champ-mine .champ-num{-webkit-text-stroke-color:hsl(var(--classic-amber))}.champ-plate.pro-step{--pro-cut:0.5rem;position:relative;background:hsl(var(--bg-primary));display:grid;gap:.25rem;min-width:0;padding:clamp(.5rem,2cqw,1rem) clamp(.625rem,3cqw,1.5rem)}.champ-col[data-champ="1"] .champ-plate{padding-inline:16%}.champ-col[data-champ="3"] .champ-plate{padding-left:16%}.champ-name{font-family:var(--font-display);font-variation-settings:"wdth" 112.5,"wght" 600;font-weight:600;font-size:var(--fs-champ-name);line-height:1;min-width:0;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.champ-col[data-champ="1"] .champ-name{font-size:var(--fs-champ-name-1)}.champ-sub{font-size:var(--fs-micro);color:hsl(var(--text-tertiary));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champ-fig,.champ-sub{font-family:var(--font-mono)}.champ-fig{font-size:var(--fs-champ-fig);font-variant-numeric:tabular-nums;line-height:1}.champ-plate .hot-bar{margin-top:.25rem}@container champ (max-width: 30rem){.champ-sub{display:none}.champ-col[data-champ="1"] .champ-plate,.champ-col[data-champ="3"] .champ-plate,.champ-plate.pro-step{padding-inline:.5rem}.champ-col[data-champ="1"] .champ-plate,.champ-col[data-champ="3"] .champ-plate{padding-left:14%}.champ-col[data-champ="2"] .champ-name,.champ-col[data-champ="3"] .champ-name{font-size:var(--fs-champ-name-sm)}}.champ-streak,.vs-streak{position:absolute;background:hsl(var(--text-primary));pointer-events:none;z-index:3;opacity:0}.champ-streak{top:0;bottom:0;width:1px;transform-origin:bottom}.vs-list{container:versus/inline-size;list-style:none;margin:0;padding:0;display:grid}.vs-slot{min-width:0}.vs-sec,.vs-slot{position:relative}.vs-sec{display:grid;grid-template-columns:50% minmax(0,1fr);height:clamp(10.5rem,30cqw,17rem);border-bottom:1px solid var(--color-rule);overflow:hidden;isolation:isolate}.vs-r .vs-sec{grid-template-columns:minmax(0,1fr) 50%}.vs-face{width:100%;height:100%;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.vs-r .vs-face{order:2;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}.vs-face .portrait-letter{font-family:var(--font-display);font-size:var(--fs-vs-letter);color:hsl(var(--text-tertiary))}.vs-info{position:relative;display:grid;align-content:center;gap:clamp(.25rem,1cqw,.625rem);padding:0 clamp(.75rem,3cqw,2rem) 0 0;margin-left:-6%;min-width:0}.vs-r .vs-info{text-align:right;justify-items:end;padding:0 0 0 clamp(.75rem,3cqw,2rem);margin-left:0;margin-right:-6%}.vs-big{position:absolute;top:50%;right:-.06em;transform:translateY(-50%);z-index:-1;pointer-events:none;font-family:var(--font-display-wide);font-variation-settings:"wdth" 125,"wght" 700;font-weight:700;font-size:var(--fs-vs-numeral);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px hsl(var(--text-primary)/.28)}.vs-r .vs-big{right:auto;left:-.06em}.vs-mine .vs-big{-webkit-text-stroke-color:hsl(var(--classic-amber)/.6)}.vs-rk{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--text-tertiary))}.vs-nm{font-family:var(--font-display);font-variation-settings:"wdth" 112.5,"wght" 600;font-weight:600;font-size:var(--fs-vs-name);line-height:1;min-width:0;overflow-x:clip;overflow-y:visible}.vs-by,.vs-nm{max-width:100%;text-overflow:ellipsis;white-space:nowrap}.vs-by{font-size:var(--fs-micro);color:hsl(var(--text-tertiary));overflow:hidden}.vs-by,.vs-v{font-family:var(--font-mono)}.vs-v{font-size:var(--fs-vs-figure);font-variant-numeric:tabular-nums;line-height:1;font-weight:500}.vs-bar.hot-bar{width:100%;margin-top:.25rem}.vs-r .vs-bar>i{margin-left:auto}.vs-top{position:absolute;left:0;right:0;top:0;height:2px;background:hsl(var(--text-primary));z-index:2;transform-origin:left}.vs-r .vs-top{transform-origin:right}.vs-streak{left:0;right:0;height:1px;transform-origin:left}.vs-r .vs-streak{transform-origin:right}.champ-col[data-champ="1"].champ-you .champ-num,.champ-you .champ-num,.vs-you .vs-big{color:hsl(var(--classic-amber));-webkit-text-stroke-color:hsl(var(--classic-amber))}@container versus (max-width: 30rem){.vs-slot{--fs-vs-name:var(--fs-vs-name-sm)}.vs-by .hub-net-short{display:none}.vs-by .hub-net-code{display:inline}.vs-you .vs-big{color:hsl(var(--classic-amber)/.35);-webkit-text-stroke-color:transparent}}@media (forced-colors:active){.champ-num,.vs-big{-webkit-text-stroke-color:CanvasText}.champ-streak,.vs-streak,.vs-top{background:CanvasText}}.vs-ki{margin-top:.375rem}.vs-r .vs-ki{justify-items:end;padding-right:7%}.vs-hit{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;color:hsl(var(--text-tertiary))}@property --page-col{syntax:"<length>";inherits:true;initial-value:0}@property --page-pad{syntax:"<length>";inherits:true;initial-value:0}.page-bleed,.px-gutter{--page-col:100cqw;--page-pad:var(--spacing-gutter)}.champ,.vs-list{width:var(--page-col);max-width:none;margin-inline:calc(50% - var(--page-col) / 2)}.champ-col[data-champ="2"] .champ-plate.pro-step{padding-left:calc(var(--page-pad) + .5rem)}.champ-col[data-champ="3"] .champ-plate.pro-step{padding-right:calc(var(--page-pad) + .5rem)}.vs-slot:not(.vs-r) .vs-info{padding-right:var(--page-pad)}.vs-slot.vs-r .vs-info{padding-left:var(--page-pad)}.champ .champ-port{mask-image:linear-gradient(0deg,transparent 0,transparent 22%,rgba(0,0,0,.35) 34%,#000 62%);-webkit-mask-image:linear-gradient(0deg,transparent 0,transparent 22%,rgba(0,0,0,.35) 34%,#000 62%)}.champ .champ-port .portrait img,.vs-list .vs-face img{filter:grayscale(1) contrast(1.1)}.champ .champ-port:after,.vs-list .vs-face:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:color-mix(in srgb,hsl(var(--text-tertiary)) 70%,#000);mix-blend-mode:multiply}.champ .champ-col[data-champ="1"] .champ-port:after{background:color-mix(in srgb,hsl(var(--brand-primary)) 75%,#000)}@media (forced-colors:active){.champ-port:after,.vs-face:after{display:none}}.champ .champ-port:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5))}@media (forced-colors:active){.champ-port:before{display:none}}.vs-slot{--t:0}.vs-slot:nth-child(2){--t:0.17}.vs-slot:nth-child(3){--t:0.33}.vs-slot:nth-child(4){--t:0.5}.vs-slot:nth-child(5){--t:0.67}.vs-slot:nth-child(6){--t:0.83}.vs-slot:nth-child(n+7){--t:1}.vs-sec{height:auto;min-height:calc(clamp(9.5rem, 26cqw, 15rem) * (1 - .45 * var(--t)))}.vs-info{padding-block:calc(clamp(.875rem, 1.6cqw, 1.125rem) * (1 - .3 * var(--t)));gap:calc(clamp(.25rem, 1cqw, .625rem) * (1 - .6 * var(--t)))}.vs-big{font-size:calc(var(--fs-vs-numeral) * (1 - .4 * var(--t)))}.vs-nm{font-size:calc(var(--fs-vs-name) * (1 - .35 * var(--t)))}.vs-v{font-size:calc(var(--fs-vs-figure) * (1 - .3 * var(--t)))}.champ-col .champ-port>.portrait{translate:calc(var(--pic-x, 0) * 1%) calc(var(--pic-y, 0) * 1%);scale:calc(1 + max(var(--pic-x, 0), -1 * var(--pic-x, 0)) * .025)}.champ-col .champ-num{translate:calc(var(--pic-x, 0) * -.09375rem) calc(var(--pic-y, 0) * -.09375rem)}.pic-glint{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 40%,hsl(var(--text-primary)/.16) 50%,transparent 60%)}@media (forced-colors:active){.pic-glint{display:none}}.champ-door,.vs-door .vs-sec{cursor:var(--cursor-pointer,pointer)}.champ-door .champ-name a:focus-visible,.vs-door .vs-nm a:focus-visible{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.12em}