.hm-title{padding-block:var(--sp-2) 0;gap:clamp(12px,1.4vw,20px);display:grid}.hm-arena{--bg:#0a0a0b;--s1:#111113;--s2:#18181b;--s3:#222226;--line:#2b2b30;--line-2:#3d3d44;--text:#f4f4f5;--text-2:#b9b9c2;--muted:#8a8a96;--accent:#d4ff3a;--accent-ink:#d4ff3a;--on-accent:#0a0a0b;--focus:#d4ff3a;--pad:clamp(16px, 2.4vw, 36px);color-scheme:dark;isolation:isolate;padding:var(--pad);border-radius:var(--r-l);color:var(--text);background:#0a0a0b;position:relative;overflow:hidden;container:arena/inline-size}.hm-arena-in{--sk:3.4deg;--off:22px;--u:1;--gx:clamp(64px, 5.5cqi, 80px);z-index:1;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3cqi,32px);display:grid;position:relative}.hm-copy{grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(14px,1.5cqi,22px);min-width:0;display:grid}.hm-meta{flex-wrap:wrap;gap:6px 22px;display:flex}.hm-meta .kicker:first-child{align-items:center;gap:10px;display:inline-flex}.hm-meta .kicker:first-child:before{content:"";background:var(--accent);width:8px;height:8px;rotate:45deg}.hm-ace{font:800 min(36cqi, 12rem) / .82 var(--font-display);letter-spacing:-.045em;color:var(--text);text-wrap:nowrap;justify-items:start;gap:clamp(8px,1.2cqi,16px);margin:0;display:grid}.hm-ace .ln{margin-block:-.03em;padding-block:.03em}.hm-ace .ln>span{translate:calc(var(--px,0) * -10px) calc(var(--py,0) * -6px);display:block}.hm-wiki{background:var(--accent);color:var(--on-accent);font:800 clamp(1.125rem, 2.6cqi, 1.75rem) / 1 var(--font-display);letter-spacing:0;clip-path:polygon(0 0,100% 0,calc(100% - .7em) 100%,0 100%);padding:.5em 1.4em .5em .9em;display:inline-block}.hm-copy .lead{max-width:46ch;margin:0}.hm-cut{height:clamp(250px,58cqi,380px);margin:0 calc(-1 * var(--pad)) calc(-1 * var(--pad));position:relative}.hm-wins{padding:0 var(--off) 0 var(--off);gap:10px;margin:0;list-style:none;display:flex;position:absolute;inset:0}.hm-win{--o:0px;min-width:0;height:calc(100% - var(--u) * 70px);margin-top:var(--o);background:var(--s2);transform:skewX(calc(-1 * var(--sk)));animation:win-rise .9s var(--ease-out) backwards;animation-delay:calc(var(--k) * 90ms);transition:translate var(--dur-2) var(--ease-out);flex:1 1 0;position:relative;overflow:hidden}.hm-win:first-child{--o:calc(var(--u) * 40px)}.hm-win:nth-child(2){--o:0px}.hm-win:nth-child(3){--o:calc(var(--u) * 70px)}.hm-win:nth-child(4){--o:calc(var(--u) * 20px)}.hm-win:hover,.hm-win:focus-within{translate:0 -6px}.hm-win-in{inset:0 calc(-1 * var(--off));color:var(--text);transform:skewX(var(--sk));text-decoration:none;display:block;position:absolute;container:win/inline-size}.hm-win-in:hover{text-decoration:none}.hm-win-in:focus-visible{outline:none}.hm-win:has(.hm-win-in:focus-visible){outline:3px solid var(--focus);outline-offset:-3px}.hm-win-bg,.hm-win-art{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hm-win-art{object-position:50% 16%;transform-origin:50% 30%;animation:9s ease-in-out infinite alternate win-drift;animation-delay:calc(var(--k) * -2.3s);transition:scale var(--dur-3,.4s) var(--ease-out);scale:1.18}.hm-win:hover .hm-win-art{scale:1.26}.hm-win-in:after{content:"";background:linear-gradient(#0a0a0b00 42%,#0a0a0bf0 100%);position:absolute;inset:0}.hm-win-ht{z-index:1;background-image:radial-gradient(circle, var(--accent) 1.3px, transparent 1.8px);opacity:.4;pointer-events:none;background-size:9px 9px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000 0,#0000 26% 74%,#000 100%)}.hm-win-num{z-index:2;top:14px;left:calc(2 * var(--off) + 6px);background:var(--accent);color:var(--on-accent);font:800 .8125rem / 1 var(--font-display);padding:6px 9px;position:absolute}.hm-win-tag{z-index:2;font:700 .625rem / 1.2 var(--font-sans);letter-spacing:.14em;text-align:right;text-transform:uppercase;background:#0a0a0bb8;gap:2px;padding:5px 7px;display:grid;position:absolute;top:14px;right:8px}.hm-win-cap{z-index:2;left:18px;right:calc(2 * var(--off) + 8px);gap:6px;display:grid;position:absolute;bottom:20px}.hm-win-cap b{font:800 clamp(.8125rem, 11cqi, 1.3rem) / 1.1 var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;hyphens:manual;text-wrap:balance}.hm-win-q{display:block}.hm-win-cap small{color:var(--text-2);font:700 .6875rem / 1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.hm-cut:before{content:"";z-index:1;inset-block:0;left:calc(var(--off) - 32px);background:var(--accent);width:18px;transform:skewX(calc(-1 * var(--sk)));pointer-events:none;display:none;position:absolute}.is-roll .hm-win-art{animation:win-hop .52s var(--ease-out) both}@keyframes win-hop{0%,to{translate:0;scale:1.18}45%{translate:0 -14px;scale:1.26}}@keyframes win-rise{0%{opacity:0;translate:0 48px}to{opacity:1;translate:0}}@keyframes win-drift{0%{translate:0}to{translate:0 -12px}}.hm-facts{border-top:2px solid var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hm-facts>li{display:grid}.hm-facts>li+li{border-left:2px solid var(--s3)}.hm-fact{min-width:0;color:var(--text);transition:color var(--dur-1) var(--ease-out);flex-direction:column;gap:8px;padding:14px 12px 0 14px;text-decoration:none;display:flex}.hm-facts>li:first-child .hm-fact{padding-left:0}.hm-fact:hover{text-decoration:none}.hm-fact:hover b,.hm-fact.accent b{color:var(--accent)}.hm-fact:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hm-fact b{white-space:nowrap;font:800 clamp(1.5rem, 4cqi, 2.5rem) / 1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:color var(--dur-1) var(--ease-out)}.hm-fact span{font:600 var(--fs-mono) / 1.25 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}.hm-search{border-radius:var(--r-full);background:var(--s2);width:100%;min-height:56px;color:var(--text-2);font:600 1.0625rem / 1.2 var(--font-sans);text-align:left;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), scale var(--dur-1) var(--ease-out);border:0;align-items:center;gap:14px;padding:0 14px 0 20px;display:flex}.hm-search>span:not(.hm-keys){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hm-search:hover{background:var(--s3);color:var(--text)}.hm-search:active{scale:.99}.hm-search:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hm-search>svg{color:var(--accent);flex:none}.hm-keys{flex:none;gap:6px;margin-left:auto;display:inline-flex}.hm-pick{gap:10px;display:grid}.hm-pick-t{color:var(--muted);font:600 var(--fs-mono) / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:2px 12px;margin:0;display:flex}.hm-pick-t span{color:var(--text-2)}.hm-pick-grid{background:var(--s2);border-radius:22px;flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:4px;display:flex}.hm-rnd{border-radius:var(--r-full);min-height:40px;color:var(--text-2);font:700 .8125rem / 1.2 var(--font-sans);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), scale var(--dur-1) var(--ease-out);background:0 0;align-items:center;gap:8px;padding:6px 13px;text-decoration:none;display:inline-flex}.hm-rnd:hover{background:var(--s3);color:var(--text);text-decoration:none}.hm-rnd:active{scale:.98}.hm-rnd:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hm-rnd.main,.hm-rnd.main:hover{background:var(--accent);color:var(--on-accent)}@container arena (width>=1000px){.hm-arena-in{gap:0 var(--gx);grid-template-columns:minmax(0,.92fr) minmax(0,1fr)}.hm-ace{font-size:calc((100cqi - var(--gx)) * .184)}.hm-cut{height:auto;min-height:500px;margin-block:calc(-1 * var(--pad))}.hm-cut:before{display:block}}@container arena (width<=640px){.hm-arena-in{--sk:2.2deg;--off:9px;--u:.34}.hm-win-num{padding:4px 6px;font-size:.6875rem;top:8px}.hm-win-tag,.hm-win-q{display:none}.hm-win-cap{bottom:12px;left:12px}.hm-win-cap small{letter-spacing:.06em;font-size:.625rem}.hm-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-facts>li:nth-child(odd) .hm-fact{padding-left:0}.hm-facts>li:nth-child(3){border-left:0}.hm-facts>li:nth-child(n+3){border-top:2px solid var(--s3);margin-top:14px}.hm-pick-grid{width:100%}.hm-rnd{flex:auto}}@container arena (width<=430px){.hm-rnd{flex-basis:100%}}@container win (width<=150px){.hm-win-tag,.hm-win-q{display:none}}.hm-rnd.is-rolling{animation:rnd-shake .65s var(--ease-out)}.is-shuffle .mq-item{animation:rnd-hop .52s var(--ease-out) both}.is-shuffle .mq-item:nth-child(3n){animation-delay:60ms}.is-shuffle .mq-item:nth-child(3n+1){animation-delay:.12s}.is-shuffle .mq-track{animation-duration:6s}@keyframes rnd-shake{0%,to{rotate:0deg}20%{rotate:-18deg}45%{rotate:16deg}70%{rotate:-10deg}}@keyframes rnd-hop{0%,to{translate:0;scale:1}45%{translate:0 -14px;scale:1.08}}.hm-reel{--mq-s:100px;border-radius:var(--r-l);background:var(--s1);gap:8px;padding:10px;display:grid;overflow:hidden}.mq{padding:6px 4px;overflow:hidden}.mq-track{width:max-content;animation:mq-run calc(var(--n,40) * 2.2s) linear infinite;display:flex}.mq-rev .mq-track{animation-direction:reverse}.mq-half{gap:12px;padding-right:12px;display:flex}@keyframes mq-run{to{transform:translate(-50%)}}.hm-reel:hover .mq-track,.hm-reel:focus-within .mq-track,.mq[data-paused] .mq-track{animation-play-state:paused}.mq-item{width:var(--mq-s);aspect-ratio:1;border-radius:var(--r-m);background:var(--s3);transition:translate var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);display:block;position:relative;overflow:hidden}.mq-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-3) var(--ease-out)}.mq-item:after{content:"";background:var(--c,var(--line-2));height:4px;position:absolute;inset:auto 0 0}.mq-name{z-index:1;background:var(--s2);color:var(--text);font:700 .75rem / 1.2 var(--font-sans);text-align:center;overflow-wrap:anywhere;transition:transform var(--dur-2) var(--ease-out);padding:8px 8px 10px;position:absolute;inset:auto 0 0;transform:translateY(101%)}.mq-item:hover,.mq-item:focus-visible{text-decoration:none;translate:0 -4px}.mq-item:hover img,.mq-item:focus-visible img{transform:scale(1.06)}.mq-item:hover .mq-name,.mq-item:focus-visible .mq-name{transform:none}.mq-item:active{scale:.97}.mq-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hd-nav{gap:6px;margin-left:12px;display:flex}.hm-day .hm-head .kicker{margin-left:auto}.hd-card{border-radius:var(--r-l);background:var(--s1);grid-template-columns:clamp(170px,18vw,260px) minmax(0,1fr);align-items:stretch;gap:clamp(16px,2.2vw,32px);padding:clamp(14px,1.6vw,22px);display:grid}.hd-art{border-radius:var(--r-m);background:var(--s3);border-bottom:6px solid var(--c,var(--line-2));min-height:240px;display:block;position:relative;overflow:hidden}.hd-art img{object-fit:cover;object-position:50% 10%;width:100%;height:100%;transition:scale var(--dur-4,.6s) var(--ease-out);display:block;position:absolute;inset:0}.hd-card:hover .hd-art img{scale:1.04}.hd-main{align-content:start;gap:14px;min-width:0;display:grid}.hd-name{font:800 clamp(1.75rem, 1.2rem + 1.8vw, 3rem) / 1 var(--font-display);letter-spacing:var(--track-display);overflow-wrap:anywhere;margin:0}.hd-name a{color:var(--text);text-decoration:none}.hd-name a:hover{text-underline-offset:6px;text-decoration:underline 3px}.hd-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px clamp(16px,2.2vw,32px);display:grid}.hd-col{align-content:start;gap:12px;min-width:0;display:grid}.hd-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;display:grid}.hd-facts>div{gap:2px;display:grid}.hd-facts dt,.hd-main .kicker{color:var(--muted);font:600 var(--fs-mono) / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.hd-facts dd{align-items:center;gap:6px;margin:0;font-weight:700;display:inline-flex}.hd-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hd-stats li{border-radius:var(--r-m);background:var(--s2);grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.hd-stats svg{color:var(--muted);grid-row:span 2}.hd-stats b{font:800 1.125rem / 1.1 var(--font-display);font-variant-numeric:tabular-nums}.hd-stats span{color:var(--muted);font-size:.6875rem;font-weight:600;line-height:1.2}.hd-note{color:var(--muted);margin:-6px 0 0;font-size:.75rem}.hd-skill{gap:4px;display:grid}.hd-skill b{font:800 1.125rem / 1.2 var(--font-display)}.hd-skill p{color:var(--text-2);margin:0;font-size:.9375rem;line-height:1.45}.hd-gears{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hd-gear{border-radius:var(--r-m);background:var(--s2);min-width:0;color:var(--text);align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.8125rem;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.hd-gear img{border-radius:var(--r-s,8px);object-fit:cover;flex:none;width:40px;height:40px}.hd-gear:hover{background:var(--s3);text-decoration:none}.hd-lu{border-radius:var(--r-m);background:var(--s2);color:var(--text);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 14px;text-decoration:none;display:flex}.hd-lu span{color:var(--muted);margin-right:auto;font-size:.8125rem;font-weight:600}.hd-lu:hover{background:var(--s3);text-decoration:none}.hd-video{border-radius:var(--r-m);background:var(--s2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:12px 14px;display:grid}.hd-video-ico{border-radius:var(--r-full);background:var(--accent);width:44px;height:44px;color:var(--on-accent);place-items:center;display:grid}.hd-video-t{gap:2px;min-width:0;display:grid}.hd-video-t b{font:800 1rem / 1.25 var(--font-display);overflow-wrap:anywhere}.hd-video-t small{color:var(--muted);font-size:.75rem;font-weight:600}.hd-more{color:var(--text-2);gap:8px;margin:0;padding:0;font-size:.9375rem;line-height:1.45;list-style:none;display:grid}.hd-more b{color:var(--text)}.hd-actions{flex-wrap:wrap;gap:10px;display:flex}.hd-actions [aria-expanded] svg{transition:rotate var(--dur-2) var(--ease-out)}.hd-actions [aria-expanded=true] svg{rotate:180deg}.hd-panel{transition:grid-template-rows var(--dur-3) var(--ease-out);grid-template-rows:0fr;display:grid}.hd-card.is-open .hd-panel{grid-template-rows:1fr}.hd-panel-in{visibility:hidden;min-height:0;transition:visibility 0s linear var(--dur-3);gap:16px;display:grid;overflow:hidden}.hd-card.is-open .hd-panel-in{visibility:visible;padding-top:6px;transition-delay:0s}.hd-sec{gap:8px;display:grid}.hd-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hd-chip{border-radius:var(--r-full);background:var(--s2);color:var(--text);transition:background var(--dur-1) var(--ease-out);align-items:center;gap:8px;padding:4px 14px 4px 4px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.hd-chip:not(:has(img)){padding:8px 14px}.hd-chip img{border-radius:var(--r-full);object-fit:cover;width:28px;height:28px}.hd-chip:hover{background:var(--s3);text-decoration:none}.hd-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=1100px){.hd-cols{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.hd-card{grid-template-columns:minmax(0,1fr)}.hd-art{aspect-ratio:16/10;min-height:0}.hd-video{grid-template-columns:auto minmax(0,1fr)}.hd-video .btn{grid-column:1/-1;justify-content:center}}@media (prefers-reduced-motion:reduce){.is-roll .hm-win-art,.hm-win,.hm-win-art{animation:none}.hm-win,.hm-win-art,.hm-ace .ln>span{transition:none;translate:none}.is-shuffle .mq-item,.hm-rnd.is-rolling{animation:none}.hd-art img,.hd-panel,.hd-panel-in,.hd-actions [aria-expanded] svg,a.hm-fact{transition:none}.hd-card:hover .hd-art img,a.hm-fact:hover{translate:none;scale:none}}.hm-sect{margin-top:clamp(32px,3.4vw,48px)}.hm-head{flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-bottom:clamp(14px,1.6vw,20px);display:flex}.hm-head .chap-n{color:var(--accent-ink)}.hm-head .kicker{margin-left:auto}.hm-bento{--h1:clamp(380px, 25vw, 440px);--h2:clamp(320px, 19vw, 360px);--pg:12px}.hm-tile{min-height:var(--h2);gap:var(--pg);isolation:isolate;transition:background var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);justify-content:flex-end;padding:clamp(18px,1.8vw,24px)}.hm-tile:active{scale:.985}.hm-tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hm-txt{z-index:2;gap:6px;margin-top:auto;display:grid;position:relative}.hm-tile h3{font:800 clamp(1.6rem, 1.1rem + 1.6vw, 2.4rem) / 1.02 var(--font-display);letter-spacing:var(--track-display);overflow-wrap:anywhere}.hm-tile p{max-width:44ch}.hm-go{color:var(--text);font:800 .9375rem / 1.2 var(--font-sans);align-items:center;gap:10px;display:inline-flex}.hm-go svg{transition:translate var(--dur-2) var(--ease-out)}.hm-tile:hover .hm-go svg{translate:6px}.tile.accent .kicker,.tile.accent .hm-go{color:var(--on-accent)}.hm-heroes{min-height:var(--h1);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:end;display:grid}.hm-heroes h3{font-size:clamp(2.4rem,1.2rem + 3.6vw,4.4rem)}.hm-heroes .hm-txt{grid-row:2;max-width:none}.hm-fan{pointer-events:none;grid-row:1;height:clamp(176px,46vw,300px);position:relative;container-type:size}.fan-card{--w:min(calc(100cqw / 4.3), calc(100cqh * .64));z-index:calc(10 - var(--o) * var(--o));width:var(--w);aspect-ratio:3/4;border-radius:var(--r-m);background:var(--s3);transform-origin:50% 130%;transform:translateX(calc(-50% + var(--o) * var(--w) * .6)) rotate(calc(var(--o) * 5deg));transition:transform var(--dur-4) var(--ease-out) calc(var(--k) * 40ms);position:absolute;bottom:6cqh;left:50%;overflow:hidden}@media (width>=760px){.hm-heroes{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(240px,.72fr) minmax(0,1.8fr);align-content:stretch;column-gap:16px}.hm-heroes .hm-txt{grid-area:1/1;align-self:end}.hm-fan{grid-area:1/2;height:auto}}@media (width<=520px){.fan-card:is(:first-child,:nth-child(5)){display:none}.fan-card{--w:min(calc(100cqw / 2.7), calc(100cqh * .64))}}.fan-card img{object-fit:cover;object-position:50% 18%;width:100%;height:100%}.fan-card:after{content:"";background:var(--c,var(--line-2));height:6px;position:absolute;inset:auto 0 0}.hm-heroes:hover .fan-card,.hm-heroes:focus-visible .fan-card{transform:translateX(calc(-50% + var(--o) * var(--w) * .66)) translateY(-3cqh) rotate(calc(var(--o) * 6deg));transition-duration:var(--dur-3)}.hm-traits{min-height:var(--h1)}.hm-emblems{--cn:3;--rn:2;--eg:12px;--es:min(calc((100cqw - (var(--cn) - 1) * var(--eg)) / var(--cn)), calc((100cqh - (var(--rn) - 1) * var(--eg)) / var(--rn)));grid-template-columns:repeat(var(--cn), auto);place-content:center space-between;gap:var(--eg);flex:1 1 0;grid-auto-rows:auto;min-height:150px;display:grid;container-type:size}.emb{width:var(--es);height:var(--es);animation:7s ease-in-out infinite emb-float;animation-delay:calc(var(--k) * -1.1s);transition:transform var(--dur-3) var(--ease-out) calc(var(--k) * 40ms);background:#2c2d30;border-radius:50%;position:relative;overflow:hidden}.emb img{object-fit:cover;width:100%;height:100%}@keyframes emb-float{50%{translate:0 -6px}}.hm-traits:hover .emb,.hm-traits:focus-visible .emb{transform:translateY(-8px) rotate(calc((var(--k) - 2.5) * 5deg))}.hm-field{border-radius:var(--r-m);background:var(--s1);flex:1 1 0;min-height:150px;overflow:hidden}.hm-field svg{width:100%;height:100%;display:block}.mf-cell{fill:var(--line-2)}.mf-ring{fill:var(--s2);stroke-width:110px}.mf-piece{transform-box:fill-box;transform-origin:50%;transition:scale var(--dur-3) var(--ease-out) calc(var(--k) * 45ms), translate var(--dur-2) var(--ease-out) calc(var(--k) * 25ms)}.hm-lineups:hover .mf-piece,.hm-lineups:focus-visible .mf-piece{translate:0 -200px}.hm-heat{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));grid-template-rows:repeat(var(--rows,8), minmax(0, 1fr));flex:1 1 0;gap:4px;min-height:150px;display:grid}.hc{background:color-mix(in srgb, var(--c) calc(var(--w) * 0.92%), var(--s3));border-radius:4px;display:block}.hm-shop:hover .hc,.hm-shop:focus-visible .hc{animation:heat-wave .8s var(--ease-out) both;animation-delay:calc(var(--d) * 45ms)}@keyframes heat-wave{40%{transform:scale(1.22)}}@keyframes heat-idle{0%,to{transform:none}6%{transform:scale(1.2)}14%{transform:none}}.hm-slots{--sg:8px;--ss:min(calc((100cqw - 6 * var(--sg)) / 7), calc((100cqh - 3 * var(--sg)) / 4));place-content:center space-between;gap:var(--sg);flex:1 1 0;grid-template-columns:repeat(7,auto);grid-auto-rows:auto;min-height:130px;display:grid;container-type:size}.hm-slots i{width:var(--ss);height:var(--ss);background:color-mix(in srgb, var(--on-accent) 18%, var(--accent));border-radius:50%;display:block;position:relative}.hm-slots i:after{content:"";background:var(--on-accent);animation:slot-in 4.2s var(--ease-inout) infinite;animation-delay:calc(var(--k) * .11s);border-radius:50%;position:absolute;inset:0;scale:0}@keyframes slot-in{0%{scale:0}8%,42%{scale:1}52%,to{scale:0}}.hm-builder:hover .hm-slots i:after{animation-duration:1.8s}.hm-bento.no-lineups>.hm-shop,.hm-bento.no-lineups>.hm-builder{grid-column:span 6}:root.js .hm-tile:not([data-live]) :is(.emb,.hc){animation-play-state:paused}@media (prefers-reduced-motion:no-preference){:root.js:not([data-motion=reduce]) .hm-heroes:not([data-live]) .fan-card{transform:translate(-50%)translateY(18px)}:root.js:not([data-motion=reduce]) .hm-lineups:not([data-live]) .mf-piece{scale:0}:root.js:not([data-motion=reduce]) .hm-shop[data-live] .hc{animation:9s ease-in-out infinite heat-idle;animation-delay:calc(var(--d) * 90ms)}:root.js:not([data-motion=reduce]) .hm-shop[data-live]:hover .hc{animation:heat-wave .8s var(--ease-out) both;animation-delay:calc(var(--d) * 45ms)}}.hm-builder:not([data-live]) .hm-slots i:after{animation-play-state:paused}.hm-tiers{gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.hm-tier{--bg-t:var(--s2);border-radius:var(--r-l);background:var(--bg-t);min-width:0;min-height:180px;color:var(--text);transition:background var(--dur-2) var(--ease-out), translate var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);flex-direction:column;gap:4px;padding:16px 18px 22px;display:flex;position:relative;overflow:hidden}.hm-tier:after{content:"";background:var(--c,var(--line-2));height:6px;transition:height var(--dur-3) var(--ease-out);position:absolute;inset:auto 0 0}.hm-tier:hover,.hm-tier:focus-visible{--bg-t:var(--s3);text-decoration:none;translate:0 -4px}.hm-tier:hover:after,.hm-tier:focus-visible:after{height:14px}.hm-tier:active{scale:.98}.hm-tier:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hm-tier-k{font:600 var(--fs-mono) / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.hm-tier b{font:800 clamp(2.6rem, 1.6rem + 3.4vw, 4.6rem) / 1 var(--font-display);letter-spacing:var(--track-display);font-variant-numeric:tabular-nums;margin-top:auto}.hm-tier-n{color:var(--muted);font-size:.875rem;font-weight:700}.hm-tier-pics{margin-top:12px;padding-left:12px;display:flex}.hm-tier-pics img{border:2px solid var(--bg-t);object-fit:cover;background:var(--s3);width:44px;height:44px;transition:margin var(--dur-2) var(--ease-out);border-radius:50%;margin-left:-12px}.hm-tier:hover .hm-tier-pics img,.hm-tier:focus-visible .hm-tier-pics img{margin-left:-4px}.hm-more{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.hm-link{border-radius:var(--r-m);background:var(--s2);color:var(--text);transition:background var(--dur-1) var(--ease-out), scale var(--dur-1) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"i t a""i s a";align-items:center;gap:2px 16px;padding:16px 20px 16px 16px;display:grid}.hm-link:hover{background:var(--s3);text-decoration:none}.hm-link:active{scale:.98}.hm-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hm-link .ico-box{border-radius:var(--r-s);background:var(--s3);width:48px;height:48px;color:var(--text);transition:background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);grid-area:i;place-items:center;display:grid}.hm-link:hover .ico-box{background:var(--accent);color:var(--on-accent)}.hm-link-t{font:800 1.0625rem / 1.2 var(--font-sans);grid-area:t}.hm-link small{color:var(--muted);grid-area:s;font-size:.8125rem;font-weight:600}.hm-link>svg:last-child{color:var(--muted);transition:translate var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);grid-area:a}.hm-link:hover>svg:last-child{color:var(--text);translate:4px}@media (width<=1599px){.hm-bento{--h1:320px}.hm-bento>.hm-heroes{grid-column:1/-1}.hm-bento>:is(.hm-traits,.hm-lineups,.hm-shop,.hm-builder){grid-column:span 6}.hm-bento.no-lineups>.hm-builder{grid-column:1/-1}.hm-traits{min-height:var(--h2)}.hm-emblems{min-height:190px}}@media (width<=1023px){.hm-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899px){.hm-reel{--mq-s:96px}}@media (width<=620px){.hm-bento{--h1:0px;--h2:0px}.hm-bento>:is(.hm-heroes,.hm-traits,.hm-lineups,.hm-shop,.hm-builder),.hm-bento.no-lineups>:is(.hm-shop,.hm-builder){grid-column:1/-1}.hm-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-tier{min-height:210px;padding:16px 16px 22px}.hm-reel{--mq-s:84px}.hm-actions,.hm-search,.hm-actions .btn{width:100%}.hm-head .kicker{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.mq{overflow-x:auto}.mq-track,.emb,.hc,.hm-slots i:after,.hm-shop .hc{animation:none!important}.mq-half:nth-child(2){display:none}.hm-slots i:after{scale:1}.hm-slots i:nth-child(3n+1):after{scale:0}.fan-card,.mf-piece,.mq-item,.mq-item img,.hm-tier,.hm-tile{transition:none}.hm-heroes:hover .fan-card,.hm-traits:hover .emb,.hm-lineups:hover .mf-piece,.mq-item:hover,.hm-tier:hover{transform:translate(0,0)}.hm-ace .ln>span{translate:none}}:root[data-motion=reduce] .mq{overflow-x:auto}:root[data-motion=reduce] .mq-track,:root[data-motion=reduce] .emb,:root[data-motion=reduce] .hc,:root[data-motion=reduce] .hm-win,:root[data-motion=reduce] .hm-win-art,:root[data-motion=reduce] .hm-slots i:after{animation:none!important}:root[data-motion=reduce] .mq-half:nth-child(2){display:none}.about-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px;display:grid}.about-card{align-content:start;gap:16px;display:grid}.about-card h3{font-size:var(--step-1);align-items:center;gap:14px;margin:0;display:flex}.about-card h3 .ico{width:46px;height:46px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line-2);border-radius:14px;flex:none;padding:11px}.about-card .prose{max-width:none}.formula{border-radius:var(--r-2);background:var(--raise-2);border:1px solid var(--line-2);border-left:4px solid var(--accent);color:var(--text);gap:8px;padding:18px 22px;font-weight:700;line-height:1.6;display:grid}.formula small{color:var(--muted);font-size:.92rem;font-weight:700;display:block}.step-list{counter-reset:st;gap:12px;display:grid}.step-list li{counter-increment:st;border-radius:var(--r-2);background:var(--raise);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:14px 18px;line-height:1.55;display:grid}.step-list li:before{content:counter(st);background:var(--accent);width:34px;height:34px;color:var(--on-accent);font:800 1rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.kbd-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kbd-row kbd{padding:6px 12px;font-size:.95rem}