@layer champion-hub{html[data-page="/hub"]{background:#08090b!important;color:#eee!important}html[data-page="/hub"] body{isolation:isolate;background:radial-gradient(ellipse at 50% 32%,#242424,#141414 42%,#080808 78%,#050505)!important;background-attachment:fixed!important}html[data-page="/hub"] body:before,html[data-page="/hub"] body:after{content:none!important;display:none!important;background-image:none!important}html[data-page="/hub"] .nav,html[data-page="/hub"] .mobile-toggle,html[data-page="/hub"] .theme-menu,html[data-page="/hub"] .header{display:none!important}html[data-page="/hub"] .page-viewport{width:100%!important;height:auto!important}html[data-page="/hub"] #main{box-sizing:border-box;transform:none!important;width:100%!important;min-height:calc(100svh - 70px);display:grid;place-items:center;padding:48px 24px!important}.champion-hub{box-sizing:border-box;width:min(680px,100%);margin:auto;padding:0 18px}.champion-hub-intro{text-align:center;margin:0 0 42px}.champion-hub-intro h1{font:800 clamp(30px,5vw,46px)/1.1 Arial,sans-serif;letter-spacing:-1px;margin:0!important;color:#eee9df}.champion-hub-intro h1{display:flex;justify-content:center;align-items:center;line-height:0!important}.champion-hub-logo{display:block!important;width:112px!important;height:104px!important;max-width:100%;object-fit:contain!important;margin:0!important;filter:none!important}.champion-hub-tiles{display:grid;grid-template-columns:repeat(var(--hub-columns,3),minmax(0,min(190px,calc((100% - 44px)/3))));justify-content:center;align-items:center;gap:22px}.champion-tile{--tile-accent:rgb(123, 55, 67);--tile-accent-hover:rgb(123, 55, 67);box-sizing:border-box;position:relative;isolation:isolate;display:block;aspect-ratio:19/30;height:auto;overflow:hidden;border:1px solid var(--tile-accent);border-radius:9px;background:#121315;text-decoration:none!important;transform:rotate(7deg);transform-origin:center;box-shadow:0 16px 35px #0009;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.champion-tile-darius{--tile-accent:#7b3743;--tile-accent-hover:#904652}.champion-tile-sejuani{--tile-accent:#648baa;--tile-accent-hover:#789bb8}.champion-tile-link>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:none}.champion-tile-ambessa .champion-tile-link>img{object-position:51% center}.champion-tile-darius .champion-tile-link>img{object-position:61% center}.champion-tile-sejuani .champion-tile-link>img{object-position:59% center}.champion-tile:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 48%,#08090b24 65%,#08090bba 76%,#08090b 100%)}.champion-tile-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 15px;background:#090a0cb8;border-top:1px solid #ffffff12}.champion-tile-copy h3{font:800 clamp(14px,2.1vw,20px)/1.15 Arial,sans-serif!important;text-align:center;text-transform:uppercase;letter-spacing:.15px;margin:0!important;color:#f2eee8}.champion-tile-copy span{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:30px;padding:7px 17px;border:0;border-radius:999px;background:var(--tile-accent);color:#fff;font:700 10px/1 Arial,sans-serif;letter-spacing:.6px;transition:background .22s ease}.champion-tile-copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.champion-tile:hover,.champion-tile:focus-visible{transform:translateY(-5px) rotate(7deg);border-color:var(--tile-accent-hover);box-shadow:0 21px 40px #000a}.champion-tile:hover .champion-tile-copy span,.champion-tile:focus-visible .champion-tile-copy span{background:var(--tile-accent-hover)}.champion-tile:focus-visible{outline:2px solid #eee9df;outline-offset:5px}@media(max-width:560px){html[data-page="/hub"] #main{padding:36px 12px!important}.champion-hub{padding:0 10px}.champion-hub-intro{margin-bottom:34px}.champion-hub-tiles{gap:12px;grid-template-columns:repeat(var(--hub-columns,3),minmax(0,min(190px,calc((100% - 24px)/3))))}.champion-tile{transform:rotate(5deg);border-radius:7px}.champion-tile:hover,.champion-tile:focus-visible{transform:translateY(-3px) rotate(5deg)}.champion-tile-copy{gap:7px;padding:10px 3px}.champion-tile-copy h3{font-size:clamp(10px,2.8vw,15px)!important}.champion-tile-copy span{min-height:26px;padding:6px 9px;gap:5px;font-size:8px;letter-spacing:.2px}.champion-tile-copy svg{width:11px;height:11px}}@media(prefers-reduced-motion:reduce){.champion-tile,.champion-tile-copy span{transition:none}}}@layer champion-hub{.hub-manage{margin-top:16px;padding:9px 15px;border:1px solid #655258;border-radius:999px;background:#19161a;color:#eee9df;cursor:pointer}.hub-manage[hidden]{display:none!important}.hub-feedback{text-align:center;color:#b7adb0;font:14px Arial,sans-serif}.hub-admin{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid #57454b;border-radius:14px;background:#19161a;color:#eee9df;overflow:auto}.hub-admin::backdrop{background:#000a;backdrop-filter:blur(5px)}.hub-admin header{display:flex;align-items:center;justify-content:space-between;gap:16px}.hub-admin h2{font:700 22px Arial,sans-serif;margin:0}.hub-admin header button{font:26px Arial,sans-serif;background:transparent;border:0;color:inherit;cursor:pointer}.hub-admin p{font:13px/1.5 Arial,sans-serif;color:#bab0b4}.hub-admin input{box-sizing:border-box;width:100%;padding:11px 14px;border-radius:999px;border:1px solid #5b4d52;background:#242025;color:inherit;font:14px Arial,sans-serif}.hub-admin-rows{margin-top:12px;max-height:50dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(123, 55, 67) #242025}.hub-admin-row{display:flex;align-items:center;gap:12px;min-height:54px;padding:5px 4px;border-bottom:1px solid #ffffff0d}.hub-admin-row img{width:36px;height:36px;object-fit:cover;border-radius:50%;flex:none}.hub-admin-row span{flex:1;min-width:0;font:14px Arial,sans-serif}.hub-admin-row button{width:72px;flex:none;padding:7px;border:0;border-radius:999px;background:#373037;color:#c7bec2;cursor:pointer}.hub-admin-row button[aria-checked=true]{background:rgb(123, 55, 67);color:#fff}.hub-admin-row button:disabled{opacity:.6;cursor:wait}.hub-admin-status{min-height:20px}.hub-admin button:focus-visible,.hub-manage:focus-visible{outline:2px solid rgb(144, 70, 82);outline-offset:3px}}dialog.hub-admin[open]{box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:auto!important;width:min(540px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 40px)!important;padding:22px!important;border:1px solid #57454b!important;border-radius:14px!important;background:#19161a!important;color:#eee9df!important;overflow:auto!important;transform:none!important}dialog.hub-admin input{border-radius:999px!important}dialog.hub-admin .hub-admin-rows{max-height:50dvh!important;overflow-y:auto!important}@layer champion-hub{.champion-hub-favorites[hidden],.champion-hub-divider[hidden],.champion-hub-tiles[hidden]{display:none!important}.champion-hub-favorites,.champion-hub-champions{margin:0!important;padding:0!important}#main .champion-hub .hub-section-title{margin:0 0 42px!important;padding:0!important;font:700 12px/1.2 Arial,sans-serif!important;letter-spacing:2px!important;text-align:center!important;text-transform:uppercase;color:#d2cfca!important}.champion-hub-divider{display:block!important;box-sizing:border-box;width:min(460px,80%);height:1px;margin:54px auto 36px!important;padding:0!important;border:0!important;background:linear-gradient(90deg,transparent,#77777770,transparent)!important}.hub-section-empty{margin:0!important;padding:0 0 16px!important;text-align:center;font:12px/1.5 Arial,sans-serif;color:#898989}.hub-section-empty[hidden]{display:none!important}.champion-tile-link{position:absolute;inset:0;display:block;color:inherit;text-decoration:none!important}.champion-tile-link:focus-visible{outline:2px solid #eee9df;outline-offset:-4px}.champion-favorite-toggle{position:absolute;top:8px;right:8px;z-index:4;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #c5bfb366;border-radius:50%;background:#101217c9;color:#eee9df;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease}.champion-favorite-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.champion-tile:hover .champion-favorite-toggle,.champion-tile:has(:focus-visible) .champion-favorite-toggle,.champion-favorite-toggle[aria-pressed=true]{opacity:1;pointer-events:auto}.champion-favorite-toggle[aria-pressed=true]{background:rgb(123, 55, 67);border-color:#eee9df88}.champion-favorite-toggle[aria-pressed=true] svg{fill:currentColor}.champion-favorite-toggle:hover{background:rgb(123, 55, 67)}.champion-favorite-toggle:focus-visible{outline:2px solid #eee9df;outline-offset:3px}.champion-tile:has(:focus-visible){border-color:var(--tile-accent-hover)}.champion-hub-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:none),(pointer:coarse){.champion-favorite-toggle{opacity:1;pointer-events:auto}}@media(max-width:560px){#main .champion-hub .hub-section-title{margin-bottom:32px!important}.champion-hub-divider{margin:38px auto 30px!important}.champion-favorite-toggle{top:5px;right:5px;width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.champion-favorite-toggle{transition:none}}}@layer champion-hub{#main .champion-hub button.champion-favorite-toggle{line-height:1!important;display:grid!important;place-items:center!important;filter:none!important;color:#f7f4ee!important}#main .champion-hub button.champion-favorite-toggle svg{display:block!important;margin:0!important;padding:0!important;width:17px!important;height:17px!important;opacity:1!important;filter:none!important;fill:none!important;stroke:#f7f4ee!important;stroke-width:1.7;transform:rotate(-7deg)}#main .champion-hub button.champion-favorite-toggle svg path{opacity:1!important;fill:inherit!important;stroke:inherit!important;transform:none!important}#main .champion-hub button.champion-favorite-toggle[aria-pressed=true]{opacity:1!important;background:rgb(123, 55, 67)!important;border:1px solid #eee9df88!important}#main .champion-hub button.champion-favorite-toggle[aria-pressed=true] svg{fill:#f7f4ee!important}#main .champion-hub button.champion-favorite-toggle:hover{background:rgb(123, 55, 67)!important}@media(max-width:560px){#main .champion-hub button.champion-favorite-toggle svg{transform:rotate(-5deg)}}}@layer champion-hub{html[data-page="/hub"] body{background:radial-gradient(ellipse at 50% 22%,#210f17,#080a0c 58%)!important}html[data-page="/hub"] #main{padding:42px 48px!important;overflow:visible!important}#main .champion-hub{width:min(1240px,100%);padding:0 16px}#main .champion-hub-logo{width:155px!important;height:145px!important}#main .champion-hub-intro{margin-bottom:36px}#main .hub-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0 0 54px;padding:0}#main .hub-stat{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;background:none!important;border:0;box-shadow:none!important;cursor:default;color:#f5f1e7}#main .hub-stat>svg{width:27px;height:27px;flex:none}#main .hub-stat>span{display:grid;justify-items:center;text-align:center;min-width:65px}#main .hub-stat strong,#main .hub-stat small{display:block;width:100%;text-align:center!important;margin:0;padding:0}#main .hub-stat strong{font:700 22px/1.2 Arial,sans-serif;letter-spacing:0}#main .hub-stat small{font:12px/1.4 Arial,sans-serif;margin-top:6px;white-space:nowrap;color:#c4bfc3}#main .champion-hub-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;align-items:center;padding:18px 0}#main .champion-tile{flex:0 0 calc((100% - 128px)/5);max-width:210px;aspect-ratio:.63;transform:rotate(6deg)}#main .champion-tile:hover{transform:translateY(-5px) rotate(6deg)}#main .champion-tile-copy{bottom:0;padding:20px 8px;background:none;border:0;gap:8px}#main .champion-tile-copy h3{font-size:18px!important;text-align:center}#main .champion-tile-copy .champion-mains{min-height:0;padding:0;background:none!important;border:0;border-radius:0;color:#ddd;font:12px/1.3 Arial,sans-serif;letter-spacing:0}#main .champion-hub-champions>.hub-section-title{display:none!important}@media(max-width:1000px){#main .champion-tile{flex-basis:calc((100% - 64px)/3)}#main .hub-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}}@media(max-width:600px){html[data-page="/hub"] #main{padding:28px 20px!important}#main .champion-hub{padding:0 8px}#main .champion-hub-logo{width:125px!important;height:117px!important}#main .hub-stats{gap:20px 8px;margin-bottom:30px}#main .hub-stat{flex-direction:column;gap:7px}#main .hub-stat>svg{width:23px;height:23px}#main .hub-stat strong{font-size:19px}#main .hub-stat small{font-size:11px}#main .champion-hub-tiles{gap:30px 26px}#main .champion-tile{flex-basis:calc((100% - 26px)/2);max-width:190px;transform:rotate(5deg)}#main .champion-tile:hover{transform:translateY(-3px) rotate(5deg)}#main .champion-tile-copy h3{font-size:15px!important}}@media(max-width:360px){#main .champion-tile{flex-basis:170px}#main .hub-stat>span{min-width:0}#main .hub-stat small{font-size:10px}}}@layer champion-hub{#main .hub-stat{gap:6px}#main .hub-stat .hub-uploaded-icon{display:block;width:29px;height:29px;flex:0 0 29px;background:#f2ecdf;mask-image:var(--hub-icon);-webkit-mask-image:var(--hub-icon);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}#main .hub-stat.matchups .hub-uploaded-icon,#main .hub-stat.events .hub-uploaded-icon{mask-size:88% 88%;-webkit-mask-size:88% 88%}@media(max-width:600px){#main .hub-stat{gap:3.5px}#main .hub-stat .hub-uploaded-icon{width:23px;height:23px;flex-basis:23px}}}@layer champion-hub{#main .hub-stat>span{min-width:0;width:max-content;flex:0 0 auto}#main .hub-stat .hub-uploaded-icon{mask-size:contain;-webkit-mask-size:contain;mask-position:right center;-webkit-mask-position:right center}#main .hub-stat.matchups .hub-uploaded-icon,#main .hub-stat.events .hub-uploaded-icon{width:25.52px;height:25.52px;flex-basis:25.52px;mask-size:contain;-webkit-mask-size:contain}@media(max-width:600px){#main .hub-stat .hub-uploaded-icon{mask-position:center;-webkit-mask-position:center}#main .hub-stat.matchups .hub-uploaded-icon,#main .hub-stat.events .hub-uploaded-icon{width:20.24px;height:20.24px;flex-basis:20.24px}}}@layer champion-hub{#main .hub-stat{gap:12px}@media(max-width:600px){#main .hub-stat{gap:8px}}}@layer champion-hub{html[data-page="/hub"] #main .hub-stats{position:relative;padding-bottom:28px;margin-bottom:36px}html[data-page="/hub"] #main .hub-stats:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(123, 55, 67, 0.6) 25%,rgba(123, 55, 67, 0.6) 75%,transparent)}html[data-page="/hub"] #main .hub-stat{position:relative;isolation:isolate;display:grid;place-items:center;height:88px;gap:0}html[data-page="/hub"] #main .hub-stat .hub-uploaded-icon{position:absolute;left:50%;top:0;transform:translate(-50%);width:72px;height:72px;flex:none;background:rgba(123, 55, 67, 0.2196);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;z-index:-1;pointer-events:none}html[data-page="/hub"] #main .hub-stat>span{position:relative;width:100%;margin-top:25px}html[data-page="/hub"] #main .hub-stat strong{font:700 28px/1.2 Arial,sans-serif;color:#f5f1e7}html[data-page="/hub"] #main .hub-stat small{font:12px/1.4 Arial,sans-serif;margin-top:7px;color:#c4bfc3}@media(max-width:600px){html[data-page="/hub"] #main .hub-stat{height:78px}html[data-page="/hub"] #main .hub-stat .hub-uploaded-icon{width:60px;height:60px}html[data-page="/hub"] #main .hub-stat>span{margin-top:18px}html[data-page="/hub"] #main .hub-stat strong{font-size:24px}html[data-page="/hub"] #main .hub-stat small{font-size:11px}}}.champion-tile-locke .champion-tile-link>img{object-position:64% center}.champion-tile-locke{--tile-accent:#3d5799;--tile-accent-hover:#506cb1}@layer champion-hub{html[data-page="/hub"] #main .champion-hub-header{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 150px repeat(3,minmax(0,1fr));align-items:center;gap:12px;padding:0 0 26px}html[data-page="/hub"] #main .champion-hub-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(123, 55, 67, 0.6) 25%,rgba(123, 55, 67, 0.6) 75%,transparent)}html[data-page="/hub"] #main .hub-stats{display:contents}html[data-page="/hub"] #main .hub-stats:after{display:none}html[data-page="/hub"] #main .champion-hub-intro{grid-column:4;grid-row:1;margin:0}html[data-page="/hub"] #main .champion-hub-logo{width:130px!important;height:122px!important}html[data-page="/hub"] #main .hub-stat{grid-row:1;height:88px}html[data-page="/hub"] #main .hub-stat.matchups{grid-column:1}html[data-page="/hub"] #main .hub-stat.builds{grid-column:2}html[data-page="/hub"] #main .hub-stat.members{grid-column:3}html[data-page="/hub"] #main .hub-stat.events{grid-column:5}html[data-page="/hub"] #main .hub-stat.coaches{grid-column:6}html[data-page="/hub"] #main .hub-stat.streamers{grid-column:7}html[data-page="/hub"] #main .champion-hub-search{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:min(640px,100%);height:46px;margin:28px auto;padding:0 18px;border:1px solid #393437;border-radius:999px;background:#222124;color:#aaa3a7}html[data-page="/hub"] #main .champion-hub-search svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}html[data-page="/hub"] #main .champion-hub-search input{box-sizing:border-box;flex:1;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none;color:#eee9df;font:14px/1.4 Arial,sans-serif}html[data-page="/hub"] #main .champion-hub-search input::placeholder{color:#aaa3a7;opacity:1}html[data-page="/hub"] #main .champion-hub-search:focus-within{border-color:rgb(123, 55, 67);outline:2px solid rgba(123, 55, 67, 0.251);outline-offset:3px}html[data-page="/hub"] #main .champion-hub-tiles{padding:10px 0}@media(max-width:700px){html[data-page="/hub"] #main{padding:28px 16px!important}html[data-page="/hub"] #main .champion-hub-header{grid-template-columns:repeat(3,minmax(0,1fr)) 76px repeat(3,minmax(0,1fr));gap:4px;padding-bottom:20px}html[data-page="/hub"] #main .champion-hub-logo{width:76px!important;height:72px!important}html[data-page="/hub"] #main .hub-stat{height:66px}html[data-page="/hub"] #main .hub-stat .hub-uploaded-icon{width:40px;height:40px;top:4px}html[data-page="/hub"] #main .hub-stat>span{margin-top:17px}html[data-page="/hub"] #main .hub-stat strong{font-size:16px}html[data-page="/hub"] #main .hub-stat small{font-size:9px;margin-top:5px}html[data-page="/hub"] #main .champion-hub-search{height:40px;margin:24px auto}}@media(max-width:380px){html[data-page="/hub"] #main .champion-hub-header{grid-template-columns:repeat(3,minmax(0,1fr)) 58px repeat(3,minmax(0,1fr));gap:2px}html[data-page="/hub"] #main .champion-hub-logo{width:58px!important;height:56px!important}html[data-page="/hub"] #main .hub-stat small{font-size:8px}}}@layer champion-hub{html[data-page="/hub"] #main .champion-hub-search input,html[data-page="/hub"] #main .champion-hub-search input:focus,html[data-page="/hub"] #main .champion-hub-search input:focus-visible{border:0!important;outline:none!important;box-shadow:none!important;border-radius:0!important;appearance:none!important}}@layer champion-hub{html[data-page="/hub"] #main{align-items:start!important;align-content:start!important}html[data-page="/hub"] #main .champion-hub{margin:0 auto!important;align-self:start!important}}@layer champion-hub{html[data-page="/hub"] #main .hub-stat strong{font-variant-numeric:tabular-nums}}