.faceoffs{display:grid;gap:14px;margin:28px 0}.faceoffs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.faceoffs-head .eyebrow{margin:0 0 4px}.faceoffs-head h2{margin:0;font-size:24px;letter-spacing:-.02em;font-family:var(--font-display)}.faceoffs-head h2 .faceoffs-sub{color:var(--tenue)}.faceoffs-toggle{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.35);color:var(--soft);cursor:pointer;transition:background .2s ease,border-color .2s ease}:where([data-look=watif]) .faceoffs-toggle{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);transition:background .2s ease,color .2s ease}.faceoffs-toggle:hover{background:rgba(255,255,255,.6);border-color:var(--border-strong)}:where([data-look=watif]) .faceoffs-toggle:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.faceoffs-toggle svg{width:14px;height:14px}.faceoffs-stage{--px:0;--py:0;position:relative;min-width:0}.faceoff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px) minmax(0,1fr);align-items:stretch;gap:14px}.faceoffs .matchup-card{min-height:360px}.faceoffs .matchup-card .cand-avatar.portrait.cut{height:92%}:where([data-look=watif]) .faceoffs .matchup-card .cand-avatar.portrait.cut{height:80%}:where([data-look=watif]) .faceoffs .matchup-card .cand-avatar.portrait:not(.cut){height:66%}@media (min-width:981px){:where([data-look=watif]) .faceoffs .matchup-card .cand-avatar.portrait{right:2px}:where([data-look=watif]) .faceoffs .faceoff-face.mirrored .cand-avatar.portrait{left:2px}}.faceoffs .matchup-info{max-width:50%}:where([data-look=watif]) .faceoffs .matchup-info{max-width:46%}.faceoffs .matchup-info strong{font-size:min(clamp(24px,2.4vw,36px),calc(50cqi / (var(--longest, 8) * .6)))}:where([data-look=watif]) .faceoffs .matchup-info strong{font-size:min(clamp(22px,2.1vw,32px),calc(46cqi / (var(--longest, 8) * .7)))}.faceoff-face.mirrored{justify-content:flex-end}.faceoff-face.mirrored .cand-avatar.portrait{right:auto;left:26px}.faceoff-face.mirrored .matchup-info{justify-items:end;text-align:right}.faceoff-face.mirrored .matchup-halo{right:auto;left:-22%}.faceoff-face.mirrored .matchup-surname{left:auto;right:-.04em}:where([data-look=watif]) .faceoff-face.mirrored .matchup-party{right:auto;left:12px}.faceoffs-stage .matchup-surname{translate:calc(var(--px) * -14px) calc(var(--py) * -6px)}.faceoffs-stage .cand-avatar.portrait{translate:calc(var(--px) * 7px) calc(var(--py) * 4px)}.faceoffs-stage .matchup-halo{translate:calc(var(--px) * 5px) 0}.faceoff-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;padding:8px 0;text-align:center}.faceoff-center.skeleton{border-radius:24px;animation:cand-pulse 1.4s ease-in-out infinite;background:rgba(255,255,255,.18)}.faceoff-place{display:grid;gap:6px;margin:0}.faceoff-place b{font:500 clamp(30px,3vw,42px)/1 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere}:where([data-look=watif]) .faceoff-place b{color:var(--pink);font:900 clamp(30px,3vw,42px)/.95 var(--font-display);letter-spacing:-.05em;text-wrap:balance}.faceoff-vs{display:none}:where([data-look=watif]) .faceoff-vs{display:block;padding:9px 13px;border-radius:999px;background:var(--pink);color:#f4ecda;font:900 15px/1 var(--font-display);letter-spacing:-.04em}.faceoff-place small{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}:where([data-look=watif]) .faceoff-place small{font-weight:700;letter-spacing:.02em}.faceoff-odds{display:grid;justify-items:center;gap:4px}.faceoff-odds span{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.17em}.faceoff-odds strong{font:500 clamp(52px,5.4vw,72px)/.9 var(--font-display);letter-spacing:-.055em}.faceoff-odds small{color:var(--soft);font-size:13px}.faceoff-bar{display:flex;gap:2px;width:100%;height:6px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.06)}.faceoff-bar i{display:block;height:100%}.faceoff-bar .dem,.faceoff-bar .ind{flex:0 0 calc(var(--p) * 100%);background:var(--blue)}.faceoff-bar .ind{background:var(--ind)}.faceoff-bar .rep{flex:1 1 0;background:var(--red)}.faceoff-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:0;text-align:left}.faceoff-numbers>div{display:grid;gap:3px;align-content:start;padding-top:9px;border-top:1px solid var(--line)}.faceoff-numbers dt{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}:where([data-look=watif]) .faceoff-numbers dt{letter-spacing:.02em}.faceoff-numbers dd{display:grid;gap:2px;margin:0}.faceoff-numbers b{font:500 21px/1.1 var(--font-display);letter-spacing:-.03em}.faceoff-numbers small{color:var(--muted);font-size:11.5px;line-height:1.35}.faceoff-link{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.35);color:var(--ink);font-size:13px;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease}:where([data-look=watif]) .faceoff-link{min-height:38px;border:2px solid var(--pink);border-radius:999px;background:transparent;font-size:14px;font-weight:800;letter-spacing:-.03em;transition:background .2s ease,color .2s ease}.faceoff-link:hover{background:rgba(255,255,255,.6);border-color:var(--border-strong)}:where([data-look=watif]) .faceoff-link:hover{background:var(--pink);color:#f4ecda;border-color:var(--pink)}.faceoffs-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faceoffs-tab{position:relative;display:grid;justify-items:center;gap:2px;min-width:78px;padding:8px 12px 13px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.18);color:var(--soft);font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .4s var(--ease-expo)}:where([data-look=watif]) .faceoffs-tab{border:2px solid var(--line);border-radius:14px;background:var(--paper-light);color:var(--ink);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .4s var(--ease-expo)}.faceoffs-tab:hover{background:rgba(255,255,255,.4);transform:translateY(-2px)}:where([data-look=watif]) .faceoffs-tab:hover{border-color:var(--pink);background:var(--paper-light)}.faceoffs-tab[aria-selected=true]{background:var(--paper-light);border-color:var(--border-strong);color:var(--ink);box-shadow:var(--shadow)}:where([data-look=watif]) .faceoffs-tab[aria-selected=true]{border-color:var(--pink);background:var(--pink);color:#f4ecda;box-shadow:none}:where([data-look=watif]) .faceoffs-tab[aria-selected=true] small{color:inherit!important;opacity:.9}.faceoff-link:focus-visible,.faceoffs-tab:focus-visible,.faceoffs-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}:where([data-look=watif]) .faceoff-link:focus-visible,:where([data-look=watif]) .faceoffs-tab:focus-visible,:where([data-look=watif]) .faceoffs-toggle:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.faceoffs-tab b{font-size:14px;font-weight:600;letter-spacing:.02em}:where([data-look=watif]) .faceoffs-tab b{font-weight:800;letter-spacing:-.02em;white-space:nowrap}.faceoffs-tab small{color:var(--muted);font-size:11px;white-space:nowrap}:where([data-look=watif]) .faceoffs-tab small{font-weight:700}.faceoffs-progress{position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;overflow:hidden;background:rgba(0,0,0,.07)}:where([data-look=watif]) .faceoffs-progress{background:color-mix(in srgb,currentColor 22%,transparent)}.faceoffs-progress i{display:block;height:100%;background:var(--ink);transform-origin:0 50%}:where([data-look=watif]) .faceoffs-progress i{background:currentColor}.faceoffs-progress i.running{animation-name:faceoff-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes faceoff-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.faceoffs-notes{display:grid;gap:4px}.faceoffs-notes p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.faceoffs-notes .photo-credit{margin:0}.faceoff-slide .cand-avatar.portrait{animation:faceoff-reveal 1.1s cubic-bezier(.7,0,.2,1) both}.faceoff-slide .matchup-halo{animation:faceoff-fade 1.2s ease .15s both}.faceoff-slide .matchup-surname{animation:faceoff-rise .9s var(--ease-expo) both .1s}.faceoff-slide .matchup-info>*{animation:faceoff-up .6s var(--ease-soft) both}.faceoff-slide .matchup-info>:nth-child(2){animation-delay:.06s}.faceoff-slide .matchup-info>:nth-child(3){animation-delay:.12s}.faceoff-slide .faceoff-center>*{animation:faceoff-up .6s var(--ease-soft) both}.faceoff-slide .faceoff-center>:nth-child(2){animation-delay:.06s}.faceoff-slide .faceoff-center>:nth-child(3){animation-delay:.12s}.faceoff-slide .faceoff-center>:nth-child(4){animation-delay:.18s}.faceoff-slide .faceoff-center>:nth-child(5){animation-delay:.24s}:where([data-look=watif]) .faceoff-slide .faceoff-center>:nth-child(6){animation-delay:.3s}:where([data-look=watif]) .faceoff-slide .faceoff-center>.faceoff-vs{animation:faceoff-pop .5s cubic-bezier(.3,1.5,.5,1) .3s both}.faceoff-slide .faceoff-bar i:first-child{animation:faceoff-bar 1.1s var(--ease-expo) both .2s}@keyframes faceoff-reveal{0%{clip-path:inset(100% -60% 0 -60%)}to{clip-path:inset(-60% -60% 0 -60%)}}@keyframes faceoff-fade{0%{opacity:0}}@keyframes faceoff-rise{0%{opacity:0;transform:translateY(28%)}}@keyframes faceoff-up{0%{opacity:0;transform:translateY(10px)}}@keyframes faceoff-bar{0%{flex-basis:50%}}@keyframes faceoff-pop{0%{scale:0}}@media (max-width:980px){.faceoff-grid{grid-template-columns:minmax(0,1fr) minmax(200px,240px) minmax(0,1fr);gap:10px}.faceoffs .matchup-card{min-height:320px;padding:20px}.faceoffs .matchup-card .cand-avatar.portrait{right:14px}.faceoff-face.mirrored .cand-avatar.portrait{left:14px}.faceoffs .matchup-surname{font-size:clamp(72px,10vw,120px)}}@media (max-width:720px){.faceoffs-head h2{font-size:21px}.faceoff-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "center center";gap:10px}.faceoff-grid>:first-child{grid-area:left}.faceoff-grid>:last-child{grid-area:right}.faceoff-center{grid-area:center;padding:4px 0 0;gap:12px}.faceoff-center.skeleton{min-height:220px}.faceoffs .matchup-card{min-height:250px;padding:14px;border-radius:20px}.faceoff-face.mirrored .matchup-info,.faceoffs .matchup-info{max-width:100%;gap:5px}.faceoffs .matchup-info strong{margin-top:2px;font-size:min(18px,calc(100cqi / (var(--longest, 8) * .6)));line-height:1.05}:where([data-look=watif]) .faceoffs .matchup-info strong{font-size:min(18px,calc(100cqi / (var(--longest, 8) * .7)))}.faceoffs .matchup-info small{font-size:11px}.faceoffs .cand-party{gap:6px;font-size:9.5px}.faceoffs .cand-party i{width:7px;height:7px}.faceoffs .matchup-surname{font-size:64px}.faceoff-face.mirrored .cand-avatar.portrait,.faceoffs .matchup-card .cand-avatar.portrait{left:50%;right:auto;height:62%}.faceoffs .matchup-card .cand-avatar.portrait.cut{height:66%}.faceoffs-stage .cand-avatar.portrait{translate:-50% 0}.faceoff-odds strong{font-size:54px}.faceoffs-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.faceoffs-tab{min-width:0;padding:7px 2px 12px;border-radius:12px}.faceoffs-tab b{font-size:13px}:where([data-look=watif]) .faceoffs-tab b{font-size:12px}.faceoffs-tab small{font-size:10px}.faceoffs-progress{left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.faceoff-slide *,.faceoffs-tab{animation:none!important;transition:none}.faceoffs-tab:hover{transform:none}.faceoffs-stage .matchup-halo,.faceoffs-stage .matchup-surname{translate:none}}@media (prefers-reduced-motion:reduce) and (min-width:721px){.faceoffs-stage .cand-avatar.portrait{translate:none}}@property --pull{syntax:"<number>";inherits:true;initial-value:0}.hf{--mx:0;--my:0;--expo:cubic-bezier(.16,1,.3,1);position:relative;isolation:isolate;overflow:hidden;height:clamp(680px,calc(100svh - 96px),1000px)}.hf-state{position:absolute;z-index:0;top:7%;bottom:3%;left:34%;right:6%;pointer-events:none;translate:calc(var(--mx) * -16px) calc(var(--my) * -8px);transition:translate 1s var(--expo)}.hf-silhouette{width:100%;height:100%;overflow:visible;animation:hf-settle 1.6s var(--expo) both}.hf-silhouette path{fill:var(--lead-tone,var(--ink));fill-opacity:.09;fill-rule:evenodd;stroke:var(--lead-tone,var(--ink));stroke-opacity:.4;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:hf-draw 1.6s cubic-bezier(.65,0,.35,1) both,hf-fill 1.2s ease .7s both}.hf-usmap{position:absolute;z-index:4;top:clamp(24px,5vh,56px);right:clamp(16px,2.2vw,32px);width:clamp(220px,19vw,290px);margin:0;animation:hf-fade-up .8s var(--expo) .6s both}.hf-usmap svg{display:block;width:100%;height:auto;overflow:visible}.hf-usmap path{stroke:var(--paper-light,#f6f4f0);stroke-width:.8;stroke-linejoin:round;fill-rule:evenodd;transition:fill .4s ease,fill-opacity .4s ease}.hf-usmap .land{fill:rgba(29,28,26,.09)}.hf-usmap .duel{fill:var(--lead-tone);fill-opacity:.32;cursor:pointer}.hf-usmap .duel:hover{fill-opacity:.6}.hf-usmap .duel.on{fill-opacity:1}.hf-ping circle{fill:none;stroke:var(--lead-tone,var(--ink));stroke-width:3.5;transform-box:fill-box;transform-origin:center;animation:hf-ping 2.4s cubic-bezier(.2,.6,.3,1) infinite}.hf-ping circle+circle{animation-delay:1.2s}.hf-usmap figcaption{margin-top:6px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-align:right;text-transform:uppercase}:where([data-look=watif]) .hf-usmap figcaption{letter-spacing:.02em}.hf-usmap figcaption b{display:inline-block;color:var(--ink);animation:hf-fade-up .5s var(--expo) both}.hf-copy{position:absolute;z-index:4;top:clamp(28px,6vh,64px);left:clamp(16px,3vw,44px);display:grid;gap:18px;justify-items:start;max-width:min(540px,38vw)}.hf h1{margin:0;font:500 clamp(42px,4.7vw,78px)/.96 var(--font-display);letter-spacing:-.045em}.hf-line{display:block}.hf-line.soft{color:var(--tenue)}.hf-word{display:inline-block;overflow:hidden;margin-bottom:-.08em;padding-bottom:.08em;vertical-align:top}.hf-word>span{display:inline-block;animation:hf-up 1s var(--expo) both;animation-delay:calc(.12s + var(--k) * .07s)}.hf-reveal{animation:hf-fade-up .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.2s + var(--k) * .07s)}.hf-deck{max-width:400px;margin:0;color:var(--soft);font-size:15px;line-height:1.6}.hf-cta{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.hf-cta span{transition:transform .35s var(--expo)}.hf-cta:hover span{transform:translateX(4px)}.hf-cta:hover{text-decoration:underline;text-underline-offset:4px}.hf-stage{position:absolute;z-index:2;bottom:0;left:60%;width:min(1080px,64vw);height:80%;pointer-events:none;transform:translateX(-50%);animation:hf-curtain 1.3s cubic-bezier(.7,0,.2,1) .25s backwards}.hf-depth{translate:calc(var(--mx) * 10px) calc(var(--my) * 6px);transition:translate 1s var(--expo)}.hf-depth,.hf-pair{position:absolute;inset:0}.hf-pair.out{animation:hf-fade .6s ease-in both}.hf-fighter{position:absolute;bottom:0;height:100%;aspect-ratio:225/275}.hf-fighter.left{right:50%;margin-right:-9%}.hf-fighter.right{left:50%;margin-left:-9%}.hf-fighter.front{z-index:2}.hf-fighter.back{z-index:1;scale:.93;transform-origin:50% 100%}.hf-fighter.back .hf-body{filter:brightness(.97) contrast(.96)}.hf-halo{position:absolute;left:50%;bottom:-22%;width:125%;aspect-ratio:1;border-radius:50%;translate:-50% 0;background:radial-gradient(closest-side,color-mix(in srgb,var(--tone) 34%,transparent),color-mix(in srgb,var(--tone) 10%,transparent) 56%,transparent 74%);animation:hf-bloom 1.4s var(--expo) both}.hf-fighter.back .hf-halo{opacity:.6}.hf-body{position:absolute;inset:0;animation:1s var(--expo) both}.hf-fighter.left .hf-body{animation-name:hf-in-left;animation-delay:.05s}.hf-fighter.right .hf-body{animation-name:hf-in-right;animation-delay:.14s}.hf-pair.out .hf-fighter.left .hf-body{animation:hf-out-left .55s cubic-bezier(.4,0,1,1) both}.hf-pair.out .hf-fighter.right .hf-body{animation:hf-out-right .55s cubic-bezier(.4,0,1,1) both}.hf-body .cand-avatar.portrait{position:absolute;inset:0;width:100%;height:100%;--size:auto}.hf-body .cand-avatar.portrait.cut img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 72%,transparent)}.hf-body .cand-avatar.portrait:not(.cut){background:none;box-shadow:none}.hf-body .cand-avatar.portrait:not(.cut) img{-webkit-mask-image:radial-gradient(64% 58% at 50% 44%,#000 50%,transparent 100%);mask-image:radial-gradient(64% 58% at 50% 44%,#000 50%,transparent 100%)}.hf-scan{position:absolute;z-index:3;left:12%;right:12%;height:2px;border-radius:2px;opacity:0;background:linear-gradient(90deg,transparent,var(--lead-tone) 20%,var(--lead-tone) 80%,transparent);box-shadow:0 0 22px 2px color-mix(in srgb,var(--lead-tone) 55%,transparent);animation:hf-scan 1s cubic-bezier(.6,0,.3,1) .35s both}.hf-card{position:absolute;z-index:4;bottom:84px;right:clamp(16px,2.2vw,32px);width:min(360px,28vw);display:grid;gap:0;padding:16px 18px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:color-mix(in srgb,var(--paper-light) 70%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 24px 48px -28px rgba(29,28,26,.35);color:var(--soft);font-size:14px}.hf-card>*{animation:hf-fade-up .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.06s + var(--k, 0) * 45ms)}.hf-card .eyebrow{margin:0}.hf-names{display:grid;gap:4px;margin-top:10px}.hf-names a{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.hf-names a:hover b{text-decoration:underline;text-underline-offset:3px}.hf-names i{width:10px;height:10px;border-radius:50%;background:var(--tone)}.hf-names b{font:500 clamp(20px,1.8vw,26px)/1.15 var(--font-display);letter-spacing:-.025em}.hf-names small{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}.hf-rule{width:44px;height:3px;margin:12px 0 10px;border-radius:2px;background:var(--lead-tone)}.hf-card>.hf-rule{animation:hf-grow .7s var(--expo) .2s both}.hf-lead{display:flex;align-items:center;gap:12px;margin:0}.hf-lead strong{font:500 clamp(40px,3.6vw,54px)/.95 var(--font-display);letter-spacing:-.045em}.hf-lead small{color:var(--muted);font-size:12px;line-height:1.35}.hf-tug{display:grid;gap:6px;margin:14px 0 6px}.hf-tug-track{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 16%,transparent),color-mix(in srgb,var(--red) 16%,transparent))}.hf-tug-track:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:rgba(29,28,26,.3)}.hf-tug-track i{top:0;bottom:0;border-radius:99px;left:calc(50% - max(var(--pull), 0) * 50%);width:calc(max(var(--pull), var(--pull) * -1) * 50%)}.hf-tug-track b,.hf-tug-track i{position:absolute;background:var(--lead-tone)}.hf-tug-track b{top:50%;left:calc(50% - var(--pull) * 50%);width:16px;height:16px;border:3px solid var(--paper-light);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);translate:-50% -50%}.hf-tug-track{animation:hf-pull 1.2s var(--expo) .35s both}.hf-tug-names{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}:where([data-look=watif]) .hf-tug-names{letter-spacing:.02em}.hf-card ul{margin:8px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.hf-card li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.hf-card li b,.hf-link{color:var(--ink);font-weight:600}.hf-link{justify-self:start;margin-top:12px;font-size:14px;text-decoration:none}.hf-link:hover{text-decoration:underline;text-underline-offset:4px}.hf-picks{position:absolute;z-index:4;left:clamp(16px,3vw,44px);bottom:32px;display:flex;align-items:center;gap:18px}.hf-picks [role=group]{display:flex;gap:14px}.hf-pick{display:grid;justify-items:center;gap:7px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;animation:hf-fade-up .7s var(--expo) both;animation-delay:calc(.95s + var(--k) * .08s);transition:transform .35s var(--expo),color .25s ease}.hf-pick:hover{transform:translateY(-4px)}.hf-pick[aria-pressed=true]{color:var(--ink)}.hf-pick-faces{display:flex}.hf-pick-faces .cand-avatar{--size:46px;box-shadow:0 0 0 2px var(--paper-light),0 2px 10px rgba(0,0,0,.12);transition:transform .4s var(--expo)}.hf-pick-faces .cand-avatar+.cand-avatar{margin-left:-12px}.hf-pick:hover .cand-avatar:first-child{transform:translateX(-3px)}.hf-pick:hover .cand-avatar:last-child{transform:translateX(3px)}.hf-pick small{font-size:11px;font-weight:600;letter-spacing:.06em}.hf-pick-line{position:relative;width:100%;height:2px;overflow:hidden;border-radius:2px;background:rgba(29,28,26,.08)}.hf-pick-line i{position:absolute;inset:0;background:var(--lead-tone);transform-origin:left}.hf-pick-line i.running{animation:hf-progress linear both}.hf-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.45);color:var(--soft);cursor:pointer;transition:background .25s ease}.hf-toggle:hover{background:rgba(255,255,255,.75)}.hf-toggle svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hf-credits{position:absolute;z-index:4;right:clamp(16px,3vw,44px);bottom:28px;max-width:320px;text-align:right}.hf-credits .photo-credit{margin:0;color:var(--muted);font-size:11px;line-height:1.5}@keyframes hf-up{0%{transform:translateY(105%)}}@keyframes hf-fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes hf-fade{to{opacity:0}}@keyframes hf-settle{0%{opacity:0;scale:1.06}}@keyframes hf-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes hf-fill{0%{fill-opacity:0}}@keyframes hf-ping{0%{r:6;opacity:1}to{r:46;opacity:0}}@keyframes hf-curtain{0%{clip-path:inset(100% -60% 0 -60%)}to{clip-path:inset(0 -60% 0 -60%)}}@keyframes hf-bloom{0%{opacity:0;scale:.6}}@keyframes hf-in-left{0%{opacity:0;translate:-80px 0;filter:blur(10px)}}@keyframes hf-in-right{0%{opacity:0;translate:80px 0;filter:blur(10px)}}@keyframes hf-out-left{to{opacity:0;translate:-44px 0;filter:blur(6px)}}@keyframes hf-out-right{to{opacity:0;translate:44px 0;filter:blur(6px)}}@keyframes hf-scan{0%{top:6%;opacity:0}15%{opacity:1}80%{opacity:1}to{top:92%;opacity:0}}@keyframes hf-grow{0%{width:0}}@keyframes hf-pull{0%{--pull:0}}@keyframes hf-progress{0%{transform:scaleX(0)}}@media (max-width:1100px){.hf-copy{max-width:46vw}.hf-stage{width:92vw;transform:translateX(-40%);height:74%}.hf-card{bottom:110px;right:16px;width:min(340px,40vw)}.hf-card ul{display:none}}@media (max-width:720px){.hf{height:auto;min-height:calc(100svh - 90px);display:flex;flex-direction:column}.hf-copy{position:relative;top:auto;left:auto;max-width:none;padding:20px 16px 0;gap:12px}.hf h1{font-size:clamp(36px,10.5vw,46px)}.hf-deck{font-size:14px}.hf-cta{display:none}.hf-state{top:330px;bottom:auto;left:6%;right:6%;height:340px}.hf-usmap{display:none}.hf-stage{position:relative;left:auto;bottom:auto;width:100%;height:clamp(300px,86vw,400px);transform:none;margin-top:8px}.hf-fighter.left{margin-right:-10%}.hf-fighter.right{margin-left:-10%}.hf-card{position:relative;top:auto;bottom:auto;right:auto;width:auto;margin:-70px 16px 0;padding:14px 16px}.hf-names b{font-size:18px}.hf-picks{position:relative;left:auto;bottom:auto;padding:18px 16px 8px;overflow-x:auto;scrollbar-width:none}.hf-picks [role=group]{gap:12px}.hf-pick-faces .cand-avatar{--size:38px}.hf-credits{position:relative;right:auto;bottom:auto;max-width:none;padding:4px 16px 18px;text-align:left}}@media (prefers-reduced-motion:reduce){.hf,.hf *{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}.hf-scan{display:none}}