@layer site-scrollbars{html[data-page="/hub"] body{background-color:#0b0c0e!important;background-image:linear-gradient(#0006,#0006),url(/assets/event-headings/race-panel-monogram.png),radial-gradient(ellipse at 50% 20%,#251219,#0b0c0e 70%)!important;background-size:100% 100%,180px 180px,100% 100%!important;background-repeat:no-repeat,repeat,no-repeat!important}html[data-page="/hub"] body:before{background:none!important}html[data-page="/hub"] body #pd-wallpaper{display:none!important}html[data-page="/hub"] #main .ho-champion-search .ho-search-control{display:flex!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;flex:0 1 420px!important;min-width:0!important;width:min(420px,100%)!important;max-width:100%!important;margin-inline:auto!important;min-height:46px!important;padding:7px 16px!important;border:0!important;border-radius:999px!important;background:#111317d1!important;box-shadow:none!important;outline:0!important;outline-offset:0!important}html[data-page="/hub"] #main .ho-search-control>.hub-search-symbol{display:block!important;position:static!important;width:17px!important;height:17px!important;flex:0 0 17px!important}html[data-page="/hub"] #main .ho-champion-search .ho-search-control>input{flex:1 1 0!important;min-width:0!important;width:100%!important;height:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;font:13px/19.5px Arial,sans-serif!important;color:#eee!important}html[data-page="/hub"] .ho-champion-viewport:before,html[data-page="/hub"] .ho-champion-viewport:after{display:none!important}html[data-page="/hub"] .ho-champion-viewport .ho-champion-stage{mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}@media(min-width:1400px){html[data-page="/hub"] body #app>.header.header{height:0!important;min-height:0!important;padding-block:0!important}html[data-page="/hub"] body #app>.header.header>.header-actions{position:absolute!important;inset:calc(100% + 67px) 32px auto auto!important;transform:translateY(-50%)!important}}}@layer replays{html[data-page="/hub"] body{background:radial-gradient(ellipse at 50% 20%,#251219,#0b0c0e 70%)!important}html[data-page="/hub"] #app #main{display:block!important;padding:30px 24px 48px!important;min-height:calc(100svh - 180px)!important}html[data-page="/hub"] #app #main .hub-overview{width:min(1488px,100%)!important;max-width:none!important;padding:0!important;margin:auto!important;font:14px/1.4 Arial,sans-serif!important}.hub-overview *{box-sizing:border-box}html[data-page="/hub"] #app #main .hub-overview .champion-hub-header{position:relative!important;display:block!important;width:100%!important;min-height:90px!important;margin:0 0 14px!important;padding:0!important;border:1px solid #49303a!important;border-radius:6px!important;background:#111114a6!important}html[data-page="/hub"] #app #main .hub-overview .hub-stats{position:static!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;align-items:center!important;gap:0!important;width:100%!important;height:90px!important;margin:0!important;padding:8px 12px!important;transform:none!important;border:0!important;background:none!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;border:0!important}.hub-overview .hub-stat:nth-child(4){grid-column:5}.hub-overview .hub-stat:nth-child(5){grid-column:6}.hub-overview .hub-stat:nth-child(6){grid-column:7}html[data-page="/hub"] #app #main .hub-overview .hub-stat>span{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;background:none!important;padding:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat strong{font:600 23px/1.15 Arial!important;color:#eee!important;text-shadow:none!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat small{font:11px/1.4 Arial!important;color:#b1b4bd!important;margin:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-uploaded-icon{position:static!important;display:block!important;width:28px!important;height:28px!important;min-width:28px!important;opacity:.8!important;background:#ddd!important;mask:var(--hub-icon) center/contain no-repeat!important;transform:none!important}.ho-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:70px;height:76px}.ho-logo img{display:block;width:100%;height:100%;object-fit:contain}.ho-champions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin:0 0 18px}.ho-champion{position:relative;display:block;min-width:0;color:#eee!important;text-decoration:none!important;border:1px solid #52606a;border-radius:3px;overflow:hidden;background:#101114;transition:border-color .15s}.ho-champion>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:60% center}.ho-champion>span{display:block;padding:7px;text-align:center;font:600 13px/1.2 Arial;color:#eee;background:#0b0c0e}.ho-champion:hover{border-color:#bdc3cc}.ho-champion:focus-visible,.ho-entry:focus-visible,.ho-event:focus-visible{outline:2px solid #a5cee5;outline-offset:2px}.ho-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.ho-column{min-width:0;padding:14px 10px 16px;border:1px solid #33353e;border-radius:5px;background:#0b0d10b8}html[data-page="/hub"] #app #main .ho-column h2{font:700 22px/1.2 Arial!important;color:#eee!important;margin:0 5px 16px!important;padding:0!important;text-align:left!important;letter-spacing:0!important;text-transform:none!important}.ho-entry{display:flex;align-items:center;gap:12px;min-height:96px;padding:12px 10px;margin:0 0 9px;border:1px solid #242830;border-radius:5px;background:#11131780;color:#eee!important;text-decoration:none!important}.ho-entry:hover{background:#1a1d2380}.ho-portrait{display:block;flex:0 0 52px;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#171a1f}.ho-portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.ho-rune{width:30px;flex:0 0 30px}.ho-rune img{display:block;width:30px;height:30px;object-fit:contain}.ho-build-copy,.ho-matchup-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.ho-build-copy strong,.ho-matchup-copy strong{font:600 14px/1.3 Arial!important;color:#eee!important;margin:0!important}.ho-entry small{font:11px/1.3 Arial!important;color:#9fa7b5!important;margin:0!important}.ho-items{display:flex;gap:3px}.ho-items img{display:block;width:clamp(17px,1.85vw,27px);height:clamp(17px,1.85vw,27px);border-radius:3px}.ho-pair{display:flex;align-items:center;gap:7px;flex:none}.ho-pair .ho-portrait{width:46px;height:46px;flex-basis:46px}.ho-pair small{font-size:10px!important}.ho-difficulty{display:inline-flex;align-self:flex-start;padding:3px 8px;border:1px solid #72613c;border-radius:20px;font:11px/1.2 Arial;color:#ecd37c;background:#3c301c55}.ho-difficulty[data-difficulty=easy]{color:#7fd6aa;border-color:#325c4a}.ho-difficulty[data-difficulty*=hard]{color:rgb(153, 209, 195);border-color:rgb(16, 46, 47)}.ho-event{display:block;overflow:hidden;margin:0 0 10px;border:1px solid #323540;border-radius:5px;background:#111318;color:#eee!important;text-decoration:none!important}.ho-event>img{display:block;width:100%;aspect-ratio:3.8;object-fit:cover;object-position:center 35%}.ho-event>div{padding:12px;display:flex;flex-direction:column;gap:7px}.ho-event strong{font:700 19px/1.3 Arial}.ho-event small{font:12px/1.3 Arial;color:#b0b9c9}.ho-event-meta,.ho-event-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;font:11px/1.4 Arial;color:#bdc4d0}.ho-event-status{color:#8dd5af}.ho-event-bottom>span{padding:5px 9px;border:1px solid #454e5b;border-radius:4px;font:11px Arial}.ho-empty{padding:20px 8px;color:#9ca6b6;font:13px/1.6 Arial}@media(max-width:1150px){.ho-entry{gap:7px;padding:10px 6px}.ho-portrait{width:40px;height:40px;flex-basis:40px}.ho-pair{gap:4px}.ho-pair .ho-portrait{width:32px;height:32px;flex-basis:32px}.ho-rune{width:22px;flex-basis:22px}.ho-rune img{width:22px;height:22px}.ho-build-copy strong,.ho-matchup-copy strong{font-size:12px!important}}@media(max-width:800px){html[data-page="/hub"] #app #main{padding:16px 10px 30px!important}.ho-columns{grid-template-columns:1fr}.ho-champions{gap:4px}.ho-champion>span{font-size:9px;padding:5px 0}.ho-entry{min-height:84px;padding:12px;gap:12px}.ho-portrait{width:48px;height:48px;flex-basis:48px}.ho-pair .ho-portrait{width:44px;height:44px;flex-basis:44px}.ho-items img{width:27px;height:27px}.ho-build-copy strong,.ho-matchup-copy strong{font-size:14px!important}.ho-event>img{aspect-ratio:4}.ho-logo{width:42px;height:52px}html[data-page="/hub"] #app #main .hub-overview .hub-stats{padding:5px 2px!important;height:76px!important}html[data-page="/hub"] #app #main .hub-overview .champion-hub-header{min-height:76px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat{gap:0!important;flex-direction:column!important}html[data-page="/hub"] #app #main .hub-overview .hub-uploaded-icon{width:17px!important;height:17px!important;min-width:17px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat strong{font-size:17px!important;text-align:center!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat small{font-size:8px!important}}}@layer replays{html[data-page="/hub"] #app #main .hub-overview .hub-stat{height:auto!important;min-height:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat>span{width:auto!important;flex:0 1 auto!important;position:static!important;height:auto!important}}@layer replays{html[data-page="/hub"] #app #main{padding:22px 14px 36px!important}html[data-page="/hub"] #app #main .hub-overview{width:100%!important;max-width:none!important}html[data-page="/hub"] #app #main .hub-overview .champion-hub-header{min-height:132px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stats{height:132px!important;padding:12px 10px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat{position:relative!important;height:94px!important;isolation:isolate;gap:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-uploaded-icon{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:72px!important;height:72px!important;min-width:72px!important;background:rgb(56, 151, 139)!important;opacity:.32!important;z-index:-1!important;pointer-events:none}html[data-page="/hub"] #app #main .hub-overview .hub-stat>span{position:relative!important;z-index:1!important;align-items:center!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat strong{font:700 30px/1.15 Arial!important;text-shadow:0 2px 4px #000!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat small{font-size:12px!important;text-shadow:0 2px 3px #000!important}.ho-logo{width:96px;height:108px}.ho-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);gap:12px}.ho-entry{min-height:80px;padding:8px;gap:9px;margin-bottom:8px}.ho-column{padding:12px 8px 8px}.ho-build-copy,.ho-matchup-copy{gap:4px}.ho-pair{gap:8px}.ho-entry .ho-pair small{font:800 17px/1 Arial!important;color:#f4f1ee!important;text-shadow:0 2px 5px #000!important;letter-spacing:.2px}[data-ho-events]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}[data-ho-events]>.ho-empty{grid-column:1/-1}.ho-event{min-width:0;margin:0;height:100%}.ho-event>img{aspect-ratio:2.1}.ho-event>div{padding:10px;gap:7px}.ho-event strong{font-size:17px}.ho-event-meta,.ho-event-bottom{flex-wrap:wrap}.ho-event-race{grid-column:1/-1}.ho-event-race>img{aspect-ratio:5}@media(min-width:1500px){.ho-columns{grid-template-columns:minmax(0,400px) minmax(0,1fr) minmax(0,420px)}}@media(min-width:801px)and (max-width:1150px){.ho-entry{gap:6px;padding:8px 5px}.ho-entry .ho-pair small{font-size:14px!important}.ho-pair{gap:5px}.ho-pair .ho-portrait{width:30px;height:30px;flex-basis:30px}.ho-items{gap:2px}.ho-items img{width:19px;height:19px}.ho-build-copy strong,.ho-matchup-copy strong{font-size:11px!important}.ho-entry small{font-size:10px!important}}@media(max-width:800px){html[data-page="/hub"] #app #main{padding:12px 8px 28px!important}.ho-columns{grid-template-columns:1fr}html[data-page="/hub"] #app #main .hub-overview .champion-hub-header{min-height:100px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stats{height:100px!important;padding:6px 0!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat{height:76px!important}html[data-page="/hub"] #app #main .hub-overview .hub-uploaded-icon{width:38px!important;height:38px!important;min-width:38px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat strong{font-size:20px!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat small{font-size:8px!important}.ho-logo{width:46px;height:64px}.ho-entry{padding:8px;min-height:78px}.ho-event>div{padding:8px}.ho-event strong{font-size:15px}.ho-event small,.ho-event-meta,.ho-event-bottom{font-size:10px}.ho-event-bottom>span{padding:5px 6px;font-size:10px}}}@layer replays{@media(min-width:801px){html[data-page="/hub"] #app #main{padding-left:clamp(28px,4vw,80px)!important;padding-right:clamp(28px,4vw,80px)!important}}}@layer replays{@media(min-width:801px){html[data-page="/hub"] #app #main{padding-left:clamp(36px,8vw,160px)!important;padding-right:clamp(36px,8vw,160px)!important}}@media(min-width:1500px){.ho-columns{grid-template-columns:minmax(0,320px) minmax(0,1fr) minmax(0,330px)}}}@layer replays{.ho-slide-stage{display:grid;overflow:hidden;isolation:isolate}.ho-slide{grid-area:1/1;min-width:0;transition:transform .5s ease;will-change:transform}.ho-slide-dots{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 0 3px}.ho-slide-dots button{display:block;width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#777880;cursor:pointer}.ho-slide-dots button[aria-pressed=true]{background:rgb(56, 151, 139)}.ho-slide-dots button:focus-visible{outline:2px solid #eee;outline-offset:4px}.ho-slide-dots button.ho-slide-pause{width:20px;height:20px;border-radius:3px;background:transparent;color:#aaa;font:11px Arial}.ho-rune{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ho-rune img{width:27px;height:27px;object-fit:contain}.ho-rune img+img{width:22px;height:22px}.ho-event-slot{min-width:0}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact){height:100%;min-width:0;overflow:hidden;border-radius:12px!important;background:#13191e!important;border-color:#596c9b66!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-art{height:230px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-badges{padding:15px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-title{inset:auto 15px 20px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) h3{font:800 24px/1.05 Arial!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-title small{font:700 10px Arial!important;color:#a9b9df!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) h3 span{font-size:10px!important;letter-spacing:3px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-details{padding:0 15px 14px!important;font:11px/1.5 Arial!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-registered{padding:0 15px 18px!important;font:11px Arial!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-footer{padding:15px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact) .pet-footer a,.hub-overview .public-event-tile:not(.event-lp-compact) .pet-entry{font:11px Arial!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact).ho-event-race .pet-art{height:190px!important}@media(prefers-reduced-motion:reduce){.ho-slide{transition:none}}}@layer replays{html[data-page="/hub"] #app #main .ho-column h2{text-align:center!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat.synergies .hub-uploaded-icon,html[data-page="/hub"] #app #main .hub-overview .hub-stat.members .hub-uploaded-icon{width:88px!important;height:88px!important}.ho-member-rank{display:block;flex:0 0 42px;width:42px;height:42px;object-fit:contain}.ho-person-detail{display:block;flex:0 0 38px}.ho-person-detail .ho-portrait{width:38px;height:38px}[data-ho-events]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:start;gap:12px}[data-ho-events]>.ho-event-slot,[data-ho-events]>.public-event-tile:not(.event-lp-compact){flex:0 0 281.25px;width:281.25px!important;max-width:100%}[data-ho-events]>.ho-event-race{flex-basis:100%;width:100%!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race){height:281px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-art{height:174px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-title{inset:auto 15px 16px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) h3{font-size:21px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-details{height:29px;padding:0 15px 7px!important;align-items:center!important;font-size:9px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-registered{height:30px;padding:0 15px 12px!important;font-size:9px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-footer{height:46px;padding:12px 15px!important}html body #app #main .hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-footer a,.hub-overview .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-entry{font-size:9px!important}@media(max-width:800px){html[data-page="/hub"] #app #main .hub-overview .hub-stat:is(.synergies,.members) .hub-uploaded-icon{width:46px!important;height:46px!important}}}@layer replays{[data-ho-events]{max-width:574.5px;margin-inline:auto}[data-ho-events]>.ho-event-race{flex:0 0 min(100%,574.5px);width:574.5px!important;max-width:100%}}@layer replays{@media(min-width:1350px){html[data-page="/hub"] #app #main{padding-left:4vw!important;padding-right:4vw!important}.ho-columns{grid-template-columns:minmax(0,1fr) 592.5px minmax(0,1fr)}}}@layer replays{html[data-page="/hub"] #app #main .hub-overview .champion-hub-header,html[data-page="/hub"] #app #main .hub-overview .ho-column{border-color:transparent!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}}@layer replays{html[data-page="/hub"] #app #main .hub-overview .champion-hub-header,html[data-page="/hub"] #app #main .hub-overview .ho-column{border-color:transparent!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}}@layer replays{.ho-columns{justify-content:center}@media(min-width:1350px){.ho-columns{grid-template-columns:minmax(0,340px) 592.5px minmax(0,340px)}}.ho-carousel .ho-entry{padding-right:18px}.ho-member-rank,.ho-person-detail{margin-right:5px}.ho-champion-search{display:flex;justify-content:center;margin:0 0 12px}.ho-champion-search input{width:280px;max-width:100%;height:34px;padding:7px 14px;border:1px solid #45434a;border-radius:20px;background:#101216;color:#eee;font:12px Arial;outline-offset:3px}.ho-champion-stage{overflow:hidden;margin-bottom:18px}.ho-champions{display:flex;gap:12px;margin:0;width:max-content;will-change:transform}.ho-champions .ho-champion{flex:0 0 clamp(108px,11.8vw,210px);width:clamp(108px,11.8vw,210px)}.ho-champions .ho-champion[hidden]{display:none}.ho-champions.is-filtered{width:100%;flex-wrap:wrap;justify-content:center}@media(max-width:800px){.ho-champions .ho-champion{flex-basis:112px;width:112px}.ho-champions{gap:8px}}}@layer replays{html[data-page="/hub"] #app #main .hub-overview .hub-stat.synergies .hub-uploaded-icon{width:70px!important;height:70px!important}html[data-page="/hub"] #app #main .ho-champion-search input{width:280px!important;max-width:100%!important;flex:0 1 280px!important}.ho-slide-stage{display:block;position:relative;transition:height .25s ease}.ho-slide{position:absolute;top:0;left:0;width:100%;height:auto;min-height:0}.ho-slide .ho-entry:last-child{margin-bottom:0}.ho-slide-dots{padding-top:9px;padding-bottom:0}@media(max-width:800px){html[data-page="/hub"] #app #main .hub-overview .hub-stat.synergies .hub-uploaded-icon{width:36px!important;height:36px!important}}@media(prefers-reduced-motion:reduce){.ho-slide-stage{transition:none}}}@layer replays{html[data-page="/hub"] #app #main{padding-left:clamp(16px,8.3vw,170px)!important;padding-right:clamp(16px,8.3vw,170px)!important}html[data-page="/hub"] #app #main .hub-overview{width:100%!important;max-width:1520px!important;margin-inline:auto!important}.ho-columns{grid-template-columns:minmax(0,1fr) minmax(0,592.5px) minmax(0,1fr);justify-content:stretch}.ho-column{padding-left:0!important;padding-right:0!important}.ho-search-control{position:relative;display:block;width:280px;max-width:100%}.ho-search-control svg{position:absolute;left:12px;top:9px;width:16px;height:16px;fill:none;stroke:#aeb3bd;stroke-width:1.7;pointer-events:none}html[data-page="/hub"] #app #main .ho-champion-search input{width:100%!important;padding-left:36px!important;box-sizing:border-box}@media(max-width:1100px){.ho-columns{grid-template-columns:1fr}.ho-carousel{width:min(100%,420px);margin-inline:auto}}@media(max-width:640px){html[data-page="/hub"] #app #main{padding-left:14px!important;padding-right:14px!important}}}@layer replays{.ho-champion-stage{position:relative;isolation:isolate}.ho-champion-stage:before,.ho-champion-stage:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,3.2vw,58px);z-index:2;pointer-events:none}.ho-champion-stage:before{left:0;background:linear-gradient(90deg,#100d11e6,#100d1100)}.ho-champion-stage:after{right:0;background:linear-gradient(270deg,#100d11e6,#100d1100)}.hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact){position:relative;cursor:pointer}.hub-overview [data-ho-events] .pet-footer a:after{content:"";position:absolute;inset:0;z-index:4;border-radius:12px}.hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):has(a:focus-visible){outline:2px solid #adc5db;outline-offset:3px}}@layer replays{html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact){--pet-bg:#13191e!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact) .pet-art{background:#13191e!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact) .pet-art:after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none;background:linear-gradient(180deg,#13191e00 18%,#13191e1f 40%,#13191e94,#13191e)!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact) .event-banner-art{mask-image:linear-gradient(180deg,#000 35%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%)!important}}@layer replays{.ho-search-control{width:min(640px,100%)}html[data-page="/hub"] #app #main .ho-champion-search input{height:46px!important;border-radius:28px!important;background:#222225!important;border:1px solid #39333b!important;padding-left:58px!important;font-size:13px!important}.ho-search-control svg{left:21px;top:15px}.ho-champion-stage{padding:16px 14px 26px;margin-bottom:38px;border-bottom:1px solid #49303a80}.ho-champion{--champion-border:rgb(56, 151, 139);border:2px solid var(--champion-border);border-radius:8px;transform:rotate(5deg);background:#090a0c;isolation:isolate}.ho-champion[href*=Locke]{--champion-border:#4d6baf}.ho-champion[href*=Malphite]{--champion-border:#8d7455}.ho-champion[href*=Pyke]{--champion-border:#459c8c}.ho-champion[href*=Sejuani]{--champion-border:#6c9bb3}.ho-champion>img{aspect-ratio:2/3;object-fit:cover;object-position:60% center}.ho-champion:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08090be8 78%,#08090b);pointer-events:none;z-index:0}.ho-champion>.ho-champion-copy{position:absolute;bottom:20px;left:4px;right:4px;z-index:1;padding:0;background:none;text-align:center;text-shadow:0 2px 5px #000}.ho-champion-copy strong{display:block;font:italic 900 clamp(14px,1.2vw,20px)/1.3 Arial,sans-serif;text-transform:uppercase}.ho-champion-copy small{display:block;margin-top:5px;font:12px/1.3 Arial,sans-serif;color:#c9c8cc}@media(max-width:640px){.ho-champion-stage{margin-bottom:26px}.ho-champion-copy small{font-size:10px}.ho-champion>.ho-champion-copy{bottom:14px}}}@layer replays{html[data-page="/hub"] #app #main .hub-overview .champion-hub-header{border-bottom:0!important;background-image:linear-gradient(90deg,transparent,#49303a,transparent)!important;background-position:center bottom!important;background-size:100% 1px!important;background-repeat:no-repeat!important}.ho-champion-stage{border-bottom:0!important;background-image:linear-gradient(90deg,transparent,rgba(56, 151, 139, 0.6) 25%,rgba(56, 151, 139, 0.6) 75%,transparent),linear-gradient(90deg,transparent,rgba(56, 151, 139, 0.6) 25%,rgba(56, 151, 139, 0.6) 75%,transparent),linear-gradient(90deg,transparent,#49303a,transparent)!important;background-position:center bottom!important;background-size:100% 1px!important;background-repeat:no-repeat!important}.ho-search-control{width:min(420px,100%)}html[data-page="/hub"] #app #main .ho-champion-search input:focus,html[data-page="/hub"] #app #main .ho-champion-search input:focus-visible{outline:none!important;box-shadow:none!important;border-color:#77717c!important}.ho-champion[href*=Ambessa]>img{object-position:50% center}.ho-champion[href*=Darius]>img{object-position:56% center}.ho-champion[href*=Locke]>img{object-position:69% center}.ho-champion[href*=Malphite]>img{object-position:76% center}.ho-champion[href*=Pyke]>img{object-position:50% center}.ho-champion[href*=Samira]>img{object-position:61% center}.ho-champion[href*=Sejuani]>img{object-position:58% center}}@layer replays{.ho-champion-stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:auto!important;scrollbar-color:transparent transparent!important;scroll-behavior:auto;overflow-anchor:none;padding-bottom:32px;margin-bottom:32px}.ho-champion-stage::-webkit-scrollbar{height:5px}.ho-champion-stage::-webkit-scrollbar-track{background:transparent!important}.ho-champion-stage::-webkit-scrollbar-thumb{background:transparent!important;border:0!important;border-radius:8px}.ho-champion-stage:hover::-webkit-scrollbar-thumb{background:#9b8d9755!important}.ho-champion-stage:before,.ho-champion-stage:after{position:sticky;display:block;height:0;top:0;bottom:auto}.ho-champions{transform:none!important;overflow-anchor:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ho-champion[href*=Pyke]>img{object-position:50% center}}@layer replays{@media(min-width:1101px){[data-ho-builds],[data-ho-matchups],[data-ho-synergies],[data-ho-streamers],[data-ho-members]{display:grid;grid-auto-rows:minmax(80px,1fr);gap:9px;align-content:stretch}.ho-slide .ho-entry{margin-bottom:0;min-height:80px}}}@layer replays{.ho-champion-viewport{position:relative;isolation:isolate;padding-bottom:22px;margin-bottom:32px;background-image:linear-gradient(90deg,transparent,rgba(56, 151, 139, 0.6) 25%,rgba(56, 151, 139, 0.6) 75%,transparent),linear-gradient(90deg,transparent,rgba(56, 151, 139, 0.6) 25%,rgba(56, 151, 139, 0.6) 75%,transparent),linear-gradient(90deg,transparent,#49303a,transparent);background-position:center bottom;background-size:100% 1px;background-repeat:no-repeat}.ho-champion-viewport:before,.ho-champion-viewport:after{content:"";position:absolute;z-index:2;top:0;bottom:22px;width:clamp(24px,3.2vw,58px);pointer-events:none}.ho-champion-viewport:before{left:0;background:linear-gradient(90deg,#100d11f2,transparent)}.ho-champion-viewport:after{right:0;background:linear-gradient(270deg,#100d11f2,transparent)}.ho-champion-viewport .ho-champion-stage{padding:0 14px;margin:0;background:none!important}.ho-champion-stage:before,.ho-champion-stage:after{display:none}.ho-champion-stage .ho-champions{padding-block:18px;mask-image:none;align-items:flex-start}}@layer replays{.hub-overview,.ho-champion-viewport,.ho-champion-stage,.ho-columns,.ho-column{min-width:0;max-width:100%}.ho-entry>span{min-width:0}.ho-items{flex-wrap:wrap}.ho-build-copy strong,.ho-matchup-copy strong{overflow-wrap:anywhere}@media(max-width:1100px){.ho-carousel{max-width:100%}.ho-columns{gap:26px}}@media(max-width:640px){html[data-page="/hub"] #app #main .hub-overview{width:100%!important}html[data-page="/hub"] #app #main .hub-overview .hub-stats{grid-template-columns:repeat(7,minmax(0,1fr))!important;padding-inline:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat{width:100%!important;min-width:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat .hub-uploaded-icon{width:30px!important;height:30px!important;min-width:0!important}html[data-page="/hub"] #app #main .hub-overview .hub-stat small{font-size:7px!important}.ho-logo{width:36px;height:44px}.ho-entry{gap:8px;padding:9px 10px!important}.ho-portrait{width:40px;height:40px;flex-basis:40px}.ho-pair{gap:5px;flex-shrink:0}.ho-pair .ho-portrait{width:36px;height:36px;flex-basis:36px}.ho-pair small{font-size:14px!important}.ho-rune{width:24px;flex-basis:24px}.ho-rune img{width:24px;height:24px}.ho-rune img+img{width:20px;height:20px}.ho-items{gap:2px}.ho-items img{width:22px;height:22px}.ho-member-rank,.ho-person-detail{flex-shrink:0;margin-right:5px}[data-ho-events]{width:100%;max-width:100%}[data-ho-events]>.ho-event-slot,[data-ho-events]>.public-event-tile:not(.event-lp-compact){flex:0 1 281.25px;width:min(281.25px,100%)!important}[data-ho-events]>.ho-event-race{flex-basis:100%;width:100%!important;max-width:100%}.ho-champion-viewport{margin-bottom:26px}}}@layer replays{@media(max-width:640px){.hub-overview [data-ho-events]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;width:100%;max-width:100%}.hub-overview [data-ho-events]>.ho-event-slot,.hub-overview [data-ho-events]>.public-event-tile:not(.event-lp-compact){width:100%!important;min-width:0;max-width:100%}.hub-overview [data-ho-events]>.ho-event-race{grid-column:1/-1}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race){height:clamp(225px,65vw,281px)!important;width:100%!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-art{height:clamp(129px,40vw,174px)!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-title{inset:auto 9px 12px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) h3{font-size:clamp(14px,3.7vw,21px)!important;overflow-wrap:normal}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) h3 span{font-size:clamp(7px,1.8vw,10px)!important;letter-spacing:1.5px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-badges{padding:9px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-status{font-size:7px!important;letter-spacing:.7px!important;padding:4px 5px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-title small{font-size:8px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-details{padding-inline:9px!important;gap:4px;flex-wrap:wrap;height:auto;min-height:25px;font-size:8px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-registered{padding-inline:9px!important;font-size:8px!important;line-height:1.3!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-footer{padding:9px!important;gap:4px;height:40px;flex-wrap:wrap}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-footer a,html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact):not(.ho-event-race) .pet-entry{font-size:8px!important;white-space:nowrap}}}@layer replays{html[data-page="/hub"] #app #main .hub-overview .ho-slide{box-sizing:border-box!important;width:100%!important;padding-inline:1px!important}html[data-page="/hub"] #app #main .hub-overview .ho-entry{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}[data-ho-builds],[data-ho-matchups],[data-ho-synergies],[data-ho-streamers],[data-ho-members]{grid-auto-rows:minmax(80px,max-content)!important;align-content:start!important;align-items:start!important}html[data-page="/hub"] #app #main .hub-overview [data-ho-carousel=people] .ho-entry{height:80px!important;min-height:80px!important;margin-bottom:0!important}}@layer replays{@media(min-width:1101px){html[data-page="/hub"] #app #main .hub-overview .ho-columns{grid-template-columns:minmax(0,340px) minmax(0,574.5px) minmax(0,340px);justify-content:center;gap:24px}}html body #app #main .hub-overview [data-ho-events] .event-tile-slot{width:100%!important;min-width:0}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact){width:100%!important;zoom:1!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race{height:281px!important;min-height:0!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-art{height:174px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-details{height:29px;padding:0 15px 7px!important;font-size:9px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-registered{height:30px;padding:0 15px 12px!important;font-size:9px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-footer{height:46px;padding:12px 15px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race h3{font-size:24px!important}}@layer replays{html body #app #main .hub-overview [data-ho-events]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}html body #app #main .hub-overview [data-ho-events]>.ho-event-slot{width:100%!important;min-width:0!important}html body #app #main .hub-overview [data-ho-events]>.ho-event-race{grid-column:1/-1}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact){height:375px!important;min-height:375px!important;max-height:375px!important;min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-art{height:245px!important;flex:0 0 245px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-details{height:35px!important;flex:0 0 35px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-registered{height:38px!important;flex:0 0 38px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-footer{height:55px!important;flex:0 0 55px!important;margin-top:auto!important}@media(max-width:640px){html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact){height:clamp(225px,65vw,281px)!important;min-height:0!important;max-height:none!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-art{height:clamp(129px,40vw,174px)!important;flex:0 0 clamp(129px,40vw,174px)!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-details{height:25px!important;flex-basis:25px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-registered{height:30px!important;flex-basis:30px!important}html body #app #main .hub-overview [data-ho-events] .public-event-tile:not(.event-lp-compact).ho-event-race .pet-footer{height:40px!important;flex-basis:40px!important;padding:9px!important}}}@layer replays{html[data-page="/hub"] body #app>.header>.nav,html[data-page="/hub"] body #app>.header>.mobile-toggle{display:none!important}html[data-page="/hub"] body #app>.header{display:flex!important;position:absolute!important;inset:10px auto auto 0!important;z-index:20!important;pointer-events:none!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:72px!important;min-height:72px!important;padding:10px 16px!important;gap:16px!important;background:transparent!important;border:0!important}html[data-page="/hub"] body #app>.header>.brand{display:flex!important;align-items:center!important;min-width:0!important;flex:0 0 auto!important;margin-right:auto!important;pointer-events:auto!important}html[data-page="/hub"] body #app>.header>.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;min-width:0!important;margin-left:auto!important;gap:12px!important;pointer-events:auto!important}html[data-page="/hub"] body #app>.header .theme-menu{display:none!important}html[data-page="/hub"] #app #main{padding-top:0!important}@media(max-width:959px){html[data-page="/hub"] #app #main{padding-top:58px!important}}@media(max-width:800px){html[data-page="/hub"] body #app>.header{top:8px!important;height:64px!important;min-height:64px!important;padding-block:8px!important}}@media(max-width:760px){html[data-page="/hub"] body #app>.header>.brand{--header-logo-width:28px;--header-logo-height:36px}html[data-page="/hub"] body #app>.header>.header-actions{gap:8px!important}}}@layer replays{html[data-page="/hub"] body #app>.header{top:0!important;height:68px!important;min-height:68px!important;padding:0 3.5%!important}html[data-page="/hub"] body #app>.header>.header-actions{gap:18px!important}html[data-page="/hub"] body #app>.header .theme-menu{display:block!important}html body #app>.header{grid-template-rows:minmax(0,1fr)!important}html body #app>.header>.brand{display:flex!important;align-items:center!important;align-self:center!important;height:48px!important;padding:0!important;line-height:0!important;--header-logo-width:52px!important;--header-logo-height:48px!important}html body #app>.header>.header-actions{align-self:center!important}@media(min-width:1101px)and (max-width:1600px){html[data-page="/hub"] body #app>.header{padding-inline:24px!important}html[data-page="/hub"] body #app>.header>.header-actions{gap:12px!important}}@media(max-width:1100px){html[data-page="/hub"] body #app>.header{height:72px!important;min-height:72px!important;padding-inline:12px!important}html[data-page="/hub"] body #app>.header>.header-actions{gap:8px!important}}}@layer replays{html[data-page="/hub"] body #app>.header>.brand,html[data-page="/hub"] body #app>.header .theme-menu{display:none!important}html[data-page="/hub"] body #app>.header>.header-actions{margin-left:auto!important;align-items:center!important}}@layer replays{.ho-row-scrollbar{position:sticky;left:0;bottom:0;display:block;height:5px;width:100%;margin-top:8px;background:transparent;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:4;touch-action:none}.ho-row-scroll-thumb{height:5px;border-radius:8px;background:#a0a0ab55;will-change:transform}.ho-champion-stage:hover .ho-row-scrollbar,.ho-champion-stage.ho-scroll-dragging .ho-row-scrollbar,.ho-row-scrollbar:focus-visible{opacity:1;pointer-events:auto}.ho-row-scrollbar[hidden]{display:none}.ho-row-scrollbar:focus-visible{outline:1px solid #aaa;outline-offset:3px}}@layer replays{html body #app #main .hub-overview [data-ho-events]{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important}html body #app #main .hub-overview [data-ho-events]>.ho-event-slot{width:100%!important;max-width:375px!important;grid-column:1/-1!important;justify-self:center!important}}@layer replays{.ho-stream-live[data-preserve-color]{flex:none;color:#ff2337!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.7px;white-space:nowrap;animation:ambe-nav-live-blink 1.8s ease-in-out infinite;text-shadow:0 1px 4px #000}@media(prefers-reduced-motion:reduce){.ho-stream-live[data-preserve-color]{animation:none}}}
