:root{--gold-1:#f0e6d2;--gold-2:#c8aa6e;--gold-3:#c89b3c;--gold-4:#785a28;--gold-5:#463714;--gold-6:#32281e;--gold-text:#cdbe91;--grey-1:#a09b8c;--grey-15:#5b5a56;--grey-2:#3c3c41;--grey-3:#1e2328;--grey-cool:#1e282d;--black:#010a13;--blue-1:#cdfafa;--blue-2:#0ac8b9;--blue-3:#0397ab;--blue-4:#005a82;--blue-5:#0a323c;--blue-6:#091428;--blue-7:#0a1428;--status-online:#36d987;--status-online-bg:#1e825a;--status-online-text:#2dc06a;--status-ingame:#0acbe6;--status-ingame-bg:#025579;--status-away:#be1e37;--status-away-bg:#400a12;--status-offline:#5b5a56;--victory:#0acbe6;--defeat:#e84057;--border-gold:linear-gradient(to top, #785b28 0%, #c89c3c 55%, #c8a355 71%, #c8aa6e 100%);--border-gold-hover:linear-gradient(to top, #c89c3c 0%, #dcc188 50%, #e1c998 71%, #f0e6d8 100%);--border-frame:linear-gradient(to top, #785a28 0, #463714 50%, #463714 100%);--font-display:"Beaufort for LOL", "BeaufortforLOL", "Cinzel", "Times New Roman", serif;--font-body:"Spiegel", "Source Sans 3", "Segoe UI", system-ui, sans-serif;--nav-h:5rem;--social-w:14.0625rem;--subnav-h:2.75rem;--ease-out:cubic-bezier(0, 0, .33, 1)}html{font-size:clamp(13px,min(1.25vw,2.2222vh),26px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--black);color:var(--grey-1);font-family:var(--font-body);letter-spacing:.025em;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.43;overflow:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--gold-1);outline-offset:2px}::selection{background:var(--gold-4);color:var(--gold-1)}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.075em;font-weight:700}.heading-1{font-family:var(--font-display);text-transform:uppercase;color:var(--gold-1);letter-spacing:.05em;font-size:1.75rem;font-weight:700;line-height:1.1}.heading-2{font-family:var(--font-display);text-transform:uppercase;color:var(--gold-1);letter-spacing:.05em;font-size:1.125rem;font-weight:700;line-height:1.375rem}.heading-3{font-family:var(--font-display);text-transform:uppercase;color:var(--gold-1);letter-spacing:.075em;font-size:.875rem;font-weight:700;line-height:1.125rem}.label{font-family:var(--font-display);text-transform:uppercase;color:var(--grey-1);letter-spacing:.1em;font-size:.75rem;font-weight:700;line-height:1rem}.body-text{color:var(--grey-1);letter-spacing:.025em;font-size:.875rem;line-height:1.25rem}.gold{color:var(--gold-2)}.scroll{scrollbar-width:thin;scrollbar-color:var(--gold-5) transparent;overflow:hidden auto}.scroll::-webkit-scrollbar{width:.375rem}.scroll::-webkit-scrollbar-track{background:#010a1380}.scroll::-webkit-scrollbar-thumb{background:var(--gold-5);border:1px solid var(--gold-4)}.scroll::-webkit-scrollbar-thumb:hover{background:var(--gold-4)}@keyframes hoverTextShadow{0%{text-shadow:0 0 4px #f0e6d8}50%{text-shadow:0 0 4px #f0e6d880}to{text-shadow:0 0 4px #f0e6d800}}@keyframes hoverGlow{0%{box-shadow:0 0 1px 1px #010a13,0 0 6px 3px #f0e6d880,inset 0 0 2px 1px #f0e6d880}50%{box-shadow:0 0 1px 1px #010a13,0 0 6px 3px #f0e6d84d,inset 0 0 2px 1px #f0e6d84d}to{box-shadow:0 0 1px 1px #010a13,0 0 6px 3px #f0e6d800,inset 0 0 2px 1px #f0e6d800}}@keyframes clickScale{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes sheen{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.lol-btn{background:var(--grey-3);min-height:2rem;color:var(--gold-text);font-family:var(--font-display);letter-spacing:.0625em;text-transform:uppercase;white-space:nowrap;border:2px solid #0000;border-image:var(--border-gold) 1;isolation:isolate;justify-content:center;align-items:center;gap:.5em;padding:.3125rem 1.3em;font-size:.875rem;font-weight:700;line-height:1;transition:color .15s linear;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 1px 1px #010a13,inset 0 0 1px 1px #010a13}.lol-btn:before{content:"";z-index:-1;opacity:0;transition:opacity .4s var(--ease-out);background-image:linear-gradient(#1e232a 0% 40%,#766133cc 140%);position:absolute;inset:0}.lol-btn:after{content:"";z-index:-1;filter:blur(2px);pointer-events:none;background:linear-gradient(#fff0 0%,#ffffff26 92%,#fff0 100%);position:absolute;inset:0 0 -50%;transform:translateY(-100%)}.lol-btn:hover{color:var(--gold-1);border-image:var(--border-gold-hover) 1;animation:hoverTextShadow .6s var(--ease-out) 1, hoverGlow .6s var(--ease-out) 1}.lol-btn:hover:before{opacity:1}.lol-btn:active{color:#5c5b57;border-image:linear-gradient(#463817 0%,#694f24 100%) 1;animation:none}.lol-btn:active:before{opacity:0}.lol-btn.is-clicked{animation:clickScale .2s var(--ease-out)}.lol-btn.is-clicked:after{animation:sheen .5s var(--ease-out)}.lol-btn:disabled,.lol-btn[aria-disabled=true]{color:#5c5b57;background:var(--grey-3);cursor:default;border-color:#5c5b57;border-image:;animation:none}.lol-btn:disabled:before{opacity:0}.lol-btn--sm{min-height:1.75rem;padding:.25rem 1em;font-size:.75rem}.lol-btn--lg{min-height:2.5rem;padding:.5rem 1.75em;font-size:1rem}.lol-btn--block{width:100%}.lol-btn svg{width:.75em;height:.75em}.text-btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text);font-size:.75rem;font-weight:700;transition:color .15s linear}.text-btn:hover{color:var(--gold-1)}.text-btn:active{color:var(--gold-4)}.magic-btn{min-width:12.5rem;height:3rem;color:var(--gold-1);font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;isolation:isolate;justify-content:center;align-items:center;padding:0 2.5rem .25rem;font-size:1rem;font-weight:700;display:inline-flex;position:relative}.magic-btn__shape{z-index:-1;filter:drop-shadow(0 0 #0ac8b900);width:100%;height:100%;transition:filter .3s var(--ease-out);position:absolute;inset:0;overflow:visible}.magic-btn__fill-hover{opacity:0;transition:opacity .3s var(--ease-out)}.magic-btn:hover{color:#fff;animation:hoverTextShadow .6s var(--ease-out) 1}.magic-btn:hover .magic-btn__shape{filter:drop-shadow(0 0 .375rem #0ac8b98c)}.magic-btn:hover .magic-btn__fill-hover{opacity:1}.magic-btn:active{color:var(--blue-1);transform:translateY(1px)}.magic-btn:disabled{color:var(--grey-15);cursor:default;animation:none}.magic-btn:disabled .magic-btn__shape{filter:grayscale()brightness(.6)}.close-btn{background:linear-gradient(#c8aa6e 0%,#c89b3c 10%,#785a28 77%,#463714 96%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.close-btn__inner{background:var(--grey-cool);width:1.5rem;height:1.5rem;color:var(--gold-text);border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .15s ease-out,color .15s ease-out;display:flex}.close-btn__inner svg{width:.625rem;height:.625rem}.close-btn:hover .close-btn__inner{color:var(--gold-1);box-shadow:inset 0 0 .5rem #f0e6d259}.close-btn:active .close-btn__inner{color:var(--gold-4)}.frame{background:#010a13d1;border:1px solid #0000;border-image:linear-gradient(#785a28,#463714 60%,#32281e) 1;position:relative}.frame--solid{background:var(--black)}.frame--glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#010a13a6,#010a13e6)}.panel-title{border-bottom:1px solid var(--gold-6);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.divider{background:linear-gradient(to right, transparent, var(--gold-5) 15%, var(--gold-4) 50%, var(--gold-5) 85%, transparent);border:0;height:1px;margin:0}.divider-diamond{background:linear-gradient(to right, transparent, var(--gold-4) 20%, var(--gold-4) 80%, transparent);height:1px;position:relative}.divider-diamond:after{content:"";border:1px solid var(--gold-4);background:var(--black);width:.4375rem;height:.4375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.icon-frame{background:var(--black);border:2px solid #0000;border-image:linear-gradient(#c8aa6e,#6b5028) 1;outline:1px solid #000;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px 1px #333}.icon-frame img{object-fit:cover;width:100%;height:100%;display:block}.tech-icon{background:radial-gradient(circle at 50% 35%,#1e2a33,#0a0f14 70%);justify-content:center;align-items:center;display:flex}.tech-icon img{object-fit:contain;width:62%;height:62%}.lol-input{height:2rem;color:var(--gold-1);font-family:var(--font-body);letter-spacing:.025em;border:1px solid var(--grey-15);background:#000000b3;outline:none;padding:0 .625rem 0 2rem;font-size:.75rem;transition:border-color .15s linear,background .15s linear}.lol-input::placeholder{color:var(--grey-15)}.lol-input:hover{border-color:var(--gold-4)}.lol-input:focus{border-color:var(--gold-3);background:linear-gradient(270deg,#000000b3,#20272cb3)}.search{align-items:center;display:flex;position:relative}.search>svg{width:.9375rem;height:.9375rem;color:var(--grey-15);pointer-events:none;position:absolute;left:.5625rem}.search:focus-within>svg{color:var(--gold-2)}.dropdown{position:relative}.dropdown__btn{min-width:9.5rem;height:2rem;color:var(--gold-text);font-family:var(--font-body);letter-spacing:.025em;text-align:left;background:linear-gradient(#1e2328,#1e2328 60%,#2b2a27);border:1px solid #0000;border-image:linear-gradient(#785a28,#463714) 1;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .625rem;font-size:.75rem;display:flex}.dropdown__btn:hover{color:var(--gold-1);border-image:linear-gradient(#c8aa6e,#785a28) 1}.dropdown__btn span.prefix{color:var(--grey-1)}.dropdown__btn svg{width:.625rem;height:.625rem;color:var(--gold-2);flex-shrink:0}.dropdown__menu{z-index:40;background:var(--black);border:1px solid var(--gold-4);min-width:100%;padding:.25rem 0;animation:.12s ease-out fadeIn;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 .5rem 1.5rem #0009}.dropdown__item{width:100%;color:var(--grey-1);text-align:left;white-space:nowrap;align-items:center;gap:.5rem;padding:.4375rem .75rem;font-size:.75rem;display:flex}.dropdown__item:hover{color:var(--gold-1);background:#f0e6d214}.dropdown__item.is-selected{color:var(--gold-1)}.dropdown__item.is-selected:before{content:"";background:var(--gold-2);width:.375rem;height:.375rem;transform:rotate(45deg)}.radio{color:var(--gold-text);text-align:left;align-items:center;gap:.625rem;padding:.375rem 0;font-size:.875rem;transition:color .15s linear;display:flex}.radio:hover{color:var(--gold-1)}.radio__dot{border:1px solid var(--gold-4);background:var(--black);border-radius:50%;flex-shrink:0;width:.875rem;height:.875rem;position:relative}.radio.is-checked{color:var(--gold-1)}.radio.is-checked .radio__dot{border-color:var(--gold-2)}.radio.is-checked .radio__dot:after{content:"";background:radial-gradient(circle at 40% 35%,#f0e6d2,#c8aa6e 60%,#785a28);border-radius:50%;position:absolute;inset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:none}}.modal-backdrop{z-index:100;background:#010a13b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog{background:var(--black);border:2px solid #0000;border-image:var(--border-frame) 1 stretch;width:min(28rem,100vw - 2rem);max-height:calc(100vh - 4rem);animation:dialogIn .25s var(--ease-out);flex-direction:column;display:flex;position:relative;box-shadow:0 0 0 1px #010a13e6,0 1.5rem 4rem #000c}.dialog:before,.dialog:after{content:"";pointer-events:none;height:4px;position:absolute;left:.75rem;right:.75rem}.dialog:before{border-top:1px solid var(--gold-5);border-left:1px solid var(--gold-5);border-right:1px solid var(--gold-5);top:-6px}.dialog:after{border-bottom:1px solid var(--gold-4);border-left:1px solid var(--gold-4);border-right:1px solid var(--gold-4);bottom:-6px}.dialog--wide{width:min(44rem,100vw - 2rem)}.dialog__close{z-index:2;position:absolute;top:-.875rem;right:-.875rem}.dialog__body{padding:1.75rem 1.75rem 1.5rem;overflow-y:auto}.dialog__title{text-align:center;margin:0 0 .75rem}.dialog__text{text-align:center;color:var(--grey-1);margin:0}.dialog__actions{justify-content:center;gap:.5rem;padding:0 1.75rem 1.5rem;display:flex}.tooltip{z-index:200;background:var(--black);pointer-events:none;border:1px solid #0000;border-image:linear-gradient(#785a28,#463714) 1;max-width:17rem;padding:.625rem .75rem;animation:.12s ease-out fadeIn;position:fixed;box-shadow:0 .25rem 1rem #000000b3}.tooltip__title{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--gold-1);font-size:.75rem;font-weight:700}.tooltip__text{color:var(--grey-1);margin-top:.25rem;font-size:.75rem;line-height:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.page-enter{animation:pageIn .35s var(--ease-out)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.difficulty{gap:.1875rem;display:inline-flex}.difficulty i{background:var(--grey-2);width:1.25rem;height:.3125rem;display:block;transform:skew(-25deg)}.difficulty i.on{background:linear-gradient(#f0e6d2,#c8aa6e);box-shadow:0 0 .25rem #c8aa6e99}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.client{grid-template-columns:minmax(0, 1fr) var(--social-w);grid-template-rows:var(--nav-h) minmax(0, 1fr);height:100%;transition:grid-template-columns .35s var(--ease-out);background:radial-gradient(60% 50% at 35% 0,#0a323c73,#0000 70%),radial-gradient(50% 60% at 85% 100%,#005a821f,#0000 70%),linear-gradient(#010a13,#010a13);display:grid;position:relative;overflow:hidden}.client.is-social-hidden{grid-template-columns:minmax(0,1fr) 0}.client__main{border-top:1px solid #4637148c;grid-area:2/1;min-height:0;position:relative;overflow:hidden}.navbar{z-index:20;background:linear-gradient(#010a13 0%,#010a13f0 100%);grid-area:1/1;align-items:center;gap:1.25rem;padding:0 1rem 0 .75rem;display:flex;position:relative}.client-logo{width:4.25rem;height:4.25rem;display:block;position:relative}.client-logo--lg{width:8rem;height:8rem}.client-logo img{object-fit:contain;filter:drop-shadow(0 .25rem .5rem #000000b3);width:100%;height:100%;display:block}.play{flex-shrink:0;align-items:center;display:flex;position:relative}.play__logo{z-index:2;border-radius:50%;transition:filter .2s;position:relative}.play__logo:hover{filter:brightness(1.15)}.play__btn{--cut:.875rem;z-index:1;height:2.5rem;clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);align-items:center;margin-left:-1.625rem;padding:0 2rem 0 2.5rem;display:flex;position:relative}.play__btn-border{background:linear-gradient(#cdfafa 0%,#0ac8b9 35%,#0397ab 65%,#005a82 100%);position:absolute;inset:0}.play__btn-bg{clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut) + 1px) 100%, 0 100%);transition:background .3s var(--ease-out);background:radial-gradient(80% 120% at 50% 0,#0ac8b938,#0000 60%),linear-gradient(#0a323c 0%,#091d2a 55%,#061018 100%);position:absolute;inset:2px 2px 2px 0}.play__btn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#cdfafa38 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.play__btn-label{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--blue-1);text-shadow:0 0 .5rem #0ac8b959;align-items:center;gap:.375rem;font-size:1.0625rem;font-weight:700;display:flex;position:relative}.play__back{width:.875rem;height:.875rem}.play__btn:hover .play__btn-bg{background:radial-gradient(80% 140% at 50% 0,#0ac8b98c,#0000 65%),linear-gradient(#0f5e72 0%,#0a3d4f 60%,#06222e 100%)}.play__btn:hover .play__btn-label{color:#fff;text-shadow:0 0 .6rem #cdfafacc}.play__btn:hover:after{transition:transform .7s var(--ease-out);transform:translate(120%)}.play__btn:active .play__btn-label{color:var(--blue-2)}.play.is-active .play__btn-border{background:var(--border-gold)}.play.is-active .play__btn-bg{background:linear-gradient(#1e2328 0%,#141a1f 100%)}.play.is-active .play__btn-label{color:var(--gold-text);text-shadow:none}.play.is-active .play__btn:hover .play__btn-label{color:var(--gold-1)}.navbar__tabs{align-self:stretch;align-items:stretch;gap:.25rem;min-width:0;display:flex}.navtab{color:var(--gold-text);justify-content:center;align-items:center;padding:0 .875rem;transition:color .15s linear;display:flex;position:relative}.navtab--text{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;font-size:.875rem;font-weight:700}.navtab--icon{height:100%;padding:0 .625rem}.navtab--icon svg{width:1.5rem;height:1.5rem;transition:filter .2s}.navtab:hover{color:var(--gold-1)}.navtab:active{color:var(--gold-4)}.navtab.is-active{color:var(--gold-1)}.navtab.is-active svg{filter:drop-shadow(0 0 .375rem #cdbe91cc)}.navtab:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(50% 100% at 50% 100%,#c8aa6e47,#0000 70%);height:2.5rem;transition:opacity .3s;position:absolute;bottom:0;left:15%;right:15%}.navtab:after{content:"";width:0;height:2px;transition:width .3s var(--ease-out);pointer-events:none;background:linear-gradient(90deg,#0000,#f0e6d2 30%,#c8aa6e 50%,#f0e6d2 70%,#0000);position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.navtab.is-active:before{opacity:1}.navtab.is-active:after{width:80%}.navbar__tabs .tip-anchor{align-items:stretch;display:flex}.navbar__sep{background:linear-gradient(180deg, transparent, var(--gold-4), transparent);align-self:center;width:1px;height:1.75rem;margin:0 .375rem}.navbar__wallet{flex-direction:column;align-items:flex-end;gap:.25rem;margin-left:auto;display:flex}.currency{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--gold-1);cursor:default;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;display:flex}.currency img{object-fit:contain;width:.875rem;height:.875rem}.social{z-index:25;min-width:0;width:var(--social-w);color:var(--grey-1);transition:transform .35s var(--ease-out);background:linear-gradient(#010a13,#010a13f5 18%,#010a13eb),#010a13;border-left:1px solid #1e2328;flex-direction:column;grid-area:1/2/span 2;font-size:.75rem;display:flex;position:relative;box-shadow:-1px 0 #010a13e6}.client.is-social-hidden .social{transform:translate(100%)}.social__controls{align-items:center;gap:.125rem;display:flex;position:absolute;top:.375rem;right:.5rem}.social__controls .tip-anchor>button{width:1.375rem;height:1.375rem;color:var(--grey-1);justify-content:center;align-items:center;transition:color .15s;display:flex}.social__controls .tip-anchor>button svg{width:.75rem;height:.75rem}.social__controls .tip-anchor>button:hover{color:var(--gold-1)}.social__controls .tip-anchor>button:active{color:var(--gold-4)}.social__identity{height:var(--nav-h);flex-shrink:0;align-items:center;padding:1.25rem .5rem 0 .6875rem;display:flex}.social__avatar-btn{border-radius:50%;flex-shrink:0;margin-right:.75rem}.social__details{flex:1;min-width:0}.social__name{color:var(--gold-1);letter-spacing:.0375em;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.social__status{align-items:center;gap:.3125rem;min-width:0;margin-top:.1875rem;font-size:.75rem;line-height:1rem;display:flex}.social__status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social__status--online{color:var(--status-online-text)}.social__status--ingame{color:var(--status-ingame)}.social__status--away{color:var(--status-away)}.social__status--offline,.social__status--mobile{color:var(--grey-15)}.status-dot{border:2px solid;border-radius:50%;flex-shrink:0;width:.5625rem;height:.5625rem}.status-dot--online{background:var(--status-online-bg);border-color:var(--status-online)}.status-dot--ingame{background:var(--status-ingame-bg);border-color:var(--status-ingame)}.status-dot--away{background:var(--status-away-bg);border-color:var(--status-away)}.status-dot--offline,.status-dot--mobile{background:var(--black);border-color:var(--status-offline)}.summoner{width:3.5rem;height:3.5rem;position:relative}.summoner--lg{width:8rem;height:8rem}.summoner__ring{width:100%;height:100%;position:absolute;inset:0}.summoner__img{object-fit:cover;border-radius:50%;width:calc(100% - .625rem);height:calc(100% - .625rem);position:absolute;inset:.3125rem;box-shadow:inset 0 0 0 1px #000}.summoner--lg .summoner__img{width:calc(100% - 1.25rem);height:calc(100% - 1.25rem);inset:.625rem}.summoner__level{border:1px solid var(--gold-4);min-width:1.75rem;color:var(--gold-1);font-family:var(--font-display);letter-spacing:.05em;text-align:center;background:#1e2328;border-radius:.5rem;padding:.0625rem .3125rem;font-size:.5625rem;font-weight:700;line-height:.75rem;position:absolute;bottom:-.4375rem;left:50%;transform:translate(-50%)}.summoner--lg .summoner__level{border-color:var(--gold-3);border-radius:.75rem;min-width:3rem;padding:.125rem .5rem;font-size:.875rem;line-height:1.125rem;bottom:-.625rem;box-shadow:0 0 0 2px #010a13}.social__actions{height:var(--subnav-h);border-top:1px solid #1e2328;border-bottom:1px solid #1e2328;flex-shrink:0;align-items:center;margin:0 0 .25rem;padding:0 .25rem 0 .625rem;display:flex}.social__header{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--grey-1);flex:1;font-size:.75rem;font-weight:700}.social__action{width:1.875rem;height:1.875rem;color:var(--gold-2);justify-content:center;align-items:center;transition:color .15s;display:flex}.social__action svg{width:1.0625rem;height:1.0625rem}.social__action:hover{color:var(--gold-1)}.social__action:active{color:var(--gold-5)}.social__search{flex:1;margin-right:.25rem}.social__search .lol-input{width:100%;height:1.625rem}.social__roster{flex:1;min-height:0;padding-bottom:.5rem}.group__header{width:100%;height:1.5rem;color:var(--grey-1);font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;text-align:left;background:#010a1373;align-items:center;gap:.375rem;margin-bottom:.25rem;padding:0 .625rem;font-size:.75rem;font-weight:700;line-height:1rem;transition:background .15s,color .15s;display:flex}.group__header svg{width:.5rem;height:.5rem;color:var(--gold-4)}.group__header:hover{color:var(--gold-1);background:#f0e6d11a}.group__header:active{color:var(--gold-text)}.group__members{margin-bottom:.375rem}.friend-tip{display:block}.friend{cursor:default;align-items:center;gap:.625rem;height:2.625rem;padding:0 .625rem 0 .875rem;transition:background .15s;display:flex}.friend.is-link{cursor:pointer}.friend:hover{background:#f0e6d114}.friend__avatar{background:var(--status-offline);border-radius:50%;flex-shrink:0;width:2rem;height:2rem;padding:2px;position:relative}.friend--online .friend__avatar{background:linear-gradient(180deg, var(--status-online), var(--status-online-bg))}.friend--ingame .friend__avatar{background:linear-gradient(180deg, var(--status-ingame), var(--status-ingame-bg))}.friend--away .friend__avatar{background:linear-gradient(180deg, var(--status-away), var(--status-away-bg))}.friend__avatar img,.friend__avatar .icon-avatar{object-fit:cover;background:#0f171e;border-radius:50%;width:100%;height:100%;display:flex;box-shadow:inset 0 0 0 1px #000}.friend__avatar img{object-fit:contain;padding:.25rem}.friend--offline .friend__avatar img,.friend--offline .friend__avatar .icon-avatar{filter:grayscale()brightness(.6)}.icon-avatar{color:var(--gold-1);justify-content:center;align-items:center}.icon-avatar svg{width:55%;height:55%}.icon-avatar--github{background:radial-gradient(circle at 50% 30%,#3a3f45,#16191c)!important}.icon-avatar--linkedin{color:#fff;background:radial-gradient(circle at 50% 30%,#1a7fc1,#0a4f7c)!important}.icon-avatar--mail{background:radial-gradient(circle at 50% 30%,#785a28,#32281e)!important}.icon-avatar--briefcase{color:#fff;background:radial-gradient(circle at 50% 30%,#c43c55,#5e1424)!important}.icon-avatar--calendar{background:radial-gradient(circle at 50% 30%,#0397ab,#0a323c)!important}.icon-avatar--discord{color:#fff;background:radial-gradient(circle at 50% 30%,#6772e5,#3a3fa0)!important}.icon-avatar--x{color:#fff;background:radial-gradient(circle at 50% 30%,#333,#000)!important}.friend__info{flex-direction:column;min-width:0;display:flex}.friend__name{color:var(--gold-1);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1rem;overflow:hidden}.friend__status{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:.9375rem;overflow:hidden}.friend--online .friend__status{color:var(--status-online-text)}.friend--ingame .friend__status{color:var(--status-ingame)}.friend--away .friend__status{color:var(--status-away)}.friend--offline .friend__name,.friend--offline .friend__status{color:var(--grey-15)}.friend--offline:hover .friend__name{color:var(--grey-1)}.social__footer{background:linear-gradient(#1e232880,#010a13e6);border-top:1px solid #1e2328;flex-shrink:0;align-items:center;gap:.25rem;height:2.5rem;padding:0 .625rem;display:flex}.social__footer button{width:1.75rem;height:1.75rem;color:var(--gold-2);justify-content:center;align-items:center;transition:color .15s;display:flex}.social__footer button svg{width:1.0625rem;height:1.0625rem}.social__footer button:hover{color:var(--gold-1)}.social__version{color:var(--grey-15);letter-spacing:.05em;margin-left:auto;font-size:.625rem}.social-reopen{z-index:30;background:var(--black);border:1px solid var(--gold-5);width:1.25rem;height:4rem;color:var(--gold-2);border-right:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.social-reopen svg{width:.625rem;height:.625rem;transform:rotate(180deg)}.social-reopen:hover{color:var(--gold-1);border-color:var(--gold-4)}.page{flex-direction:column;display:flex;position:absolute;inset:0}.subnav{z-index:5;height:var(--subnav-h);flex-shrink:0;align-items:center;padding:0 1.5rem;display:flex;position:relative}.subnav__items{align-items:stretch;gap:1.5rem;height:100%;display:flex}.subnav__item{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text);align-items:center;font-size:.75rem;font-weight:700;transition:color .15s;display:flex;position:relative}.subnav__item:hover,.subnav__item.is-active{color:var(--gold-1)}.subnav__item:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-2) 25%, var(--gold-1) 50%, var(--gold-2) 75%, transparent);width:0;height:2px;transition:width .25s var(--ease-out);position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 0 .375rem #c8aa6e99}.subnav__item.is-active:after{width:100%}.subnav__right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.page__content{flex:1;min-height:0;padding:.5rem 1.5rem 1.5rem;position:relative}.boot{z-index:500;background:radial-gradient(50% 40% at 50% 45%,#0a323c99,#0000 70%),#010a13;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.boot.is-done{opacity:0;visibility:hidden}.boot__logo{justify-content:center;align-items:center;width:10rem;height:10rem;display:flex;position:relative}.boot__spinner{border:2px solid #46371499;border-top-color:var(--gold-1);border-right-color:var(--gold-3);filter:drop-shadow(0 0 .375rem #c8aa6e99);border-radius:50%;animation:1.1s cubic-bezier(.5,.15,.5,.85) infinite spin;position:absolute;inset:0}.boot__spinner--inner{border-width:1px;border-top-color:var(--blue-2);filter:drop-shadow(0 0 .375rem #0ac8b999);border-right-color:#0000;animation-duration:1.7s;animation-direction:reverse;inset:.75rem}.boot__text{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-text);font-size:.75rem;font-weight:700}.boot__bar{background:var(--grey-3);width:16rem;height:2px;overflow:hidden}.boot__bar i{background:linear-gradient(90deg, var(--gold-4), var(--gold-1));height:100%;animation:bootBar 1.3s var(--ease-out) forwards;display:block}@keyframes bootBar{0%{width:0}to{width:100%}}.goodbye{z-index:400;text-align:center;background:#010a13;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;animation:.6s fadeIn;display:flex;position:fixed;inset:0}.goodbye p{margin:0}.mobile-social-toggle{display:none}@media (width<=900px),(aspect-ratio<=1){html{font-size:14px}body{overflow:auto}.client{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh}.client.is-social-hidden{grid-template-columns:minmax(0,1fr)}.navbar{flex-wrap:wrap;gap:.25rem .75rem;padding:.5rem 3.25rem .5rem .75rem}.navbar__tabs{scrollbar-width:none;order:3;width:100%;height:2.75rem;overflow-x:auto}.navbar__wallet{flex-direction:row;gap:.75rem}.social{width:min(18rem,85vw);position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-1rem 0 2rem #0009}.client.is-social-open .social{transform:none}.client.is-social-hidden .social{transform:translate(100%)}.social-reopen{display:none}.mobile-scrim{z-index:24;background:#010a1399;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-social-toggle{z-index:30;width:2.25rem;height:2.25rem;color:var(--gold-2);justify-content:center;align-items:center;display:flex;position:fixed;top:.6rem;right:.6rem}.mobile-social-toggle svg{width:1.25rem;height:1.25rem}.subnav{scrollbar-width:none;padding:0 .875rem;overflow-x:auto}.subnav__right{display:none}.page__content{padding:.5rem .875rem 1.5rem}}.navbar .navbar__lang{display:none}.lang-switch{border:1px solid var(--gold-5);background:#010a13cc;padding:1px;display:inline-flex}.lang-switch button{min-width:1.75rem;font-family:var(--font-display);letter-spacing:.08em;color:var(--grey-15);padding:.125rem .375rem;font-size:.625rem;font-weight:700;transition:color .15s,background .15s}.lang-switch button:hover{color:var(--gold-1)}.lang-switch button.is-active{color:var(--black);background:linear-gradient(180deg, var(--gold-1), var(--gold-2) 60%, var(--gold-3))}.social__lang{margin-right:.25rem}.social__lang button{min-width:1.25rem;padding:0 .1875rem;font-size:.5625rem;line-height:1rem}.toasts{z-index:700;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.toast{color:var(--blue-1);white-space:nowrap;animation:toastIn .3s var(--ease-out);background:linear-gradient(#0a323c,#010a13);border:1px solid #0000;border-image:linear-gradient(#0ac8b9,#005a82) 1;padding:.625rem 1.25rem;font-size:.8125rem;box-shadow:0 .5rem 1.5rem #000000b3,0 0 1rem #0ac8b933}@media (width<=900px),(aspect-ratio<=1){.navbar .navbar__lang{display:inline-flex}.social .social__lang{display:none}}.help-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.help-list li{color:var(--grey-1);padding-left:1.125rem;font-size:.8125rem;line-height:1.25rem;position:relative}.help-list li:before{content:"";background:var(--gold-3);width:.375rem;height:.375rem;position:absolute;top:.4375rem;left:.125rem;transform:rotate(45deg)}.help-list b{color:var(--gold-1);font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;font-size:.75rem}.legal{color:var(--grey-15);margin:1.25rem 0 0;font-size:.6875rem;line-height:1rem}.checkbox{cursor:pointer;color:var(--gold-text);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.checkbox:hover{color:var(--gold-1)}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox__box{border:1px solid var(--gold-4);background:var(--black);flex-shrink:0;width:1rem;height:1rem;position:relative}.checkbox input:checked+.checkbox__box:after{content:"";background:linear-gradient(180deg, var(--gold-1), var(--gold-3));position:absolute;inset:2px}.checkbox input:focus-visible+.checkbox__box{outline:1px solid var(--gold-1);outline-offset:2px}.home{grid-template-columns:minmax(0,1fr) 15.5rem;gap:1rem;height:100%;display:grid}.hero{background:var(--black);border:1px solid #785a2880;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #010a13e6}.hero__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s,transform 9s linear;position:absolute;inset:0;transform:scale(1.06)}.hero__img.is-active{opacity:1;transform:scale(1)}.hero__shade{background:linear-gradient(90deg,#010a13eb 0%,#010a138c 38%,#010a1300 68%),linear-gradient(#010a1300 58%,#010a13eb 100%);position:absolute;inset:0}@keyframes heroIn{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:none}}.hero__content{max-width:27rem;animation:heroIn .7s var(--ease-out);position:absolute;bottom:4.75rem;left:2.25rem}.hero__eyebrow{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);align-items:center;gap:.625rem;font-size:.75rem;font-weight:700;display:flex}.hero__eyebrow:before{content:"";background:var(--gold-2);width:1.5rem;height:1px}.hero__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 .125rem 1rem #000000b3;margin:.5rem 0 .75rem;font-size:2.75rem;font-weight:700;line-height:1.02}.hero__desc{color:#cdc6b4;text-shadow:0 1px 4px #000c;max-width:25rem;margin:0 0 1.375rem;font-size:.875rem;line-height:1.35rem}.hero__actions{align-items:center;gap:1.5rem;display:flex}.hero__pager{gap:1rem;display:flex;position:absolute;bottom:1.375rem;left:2.25rem;right:2.25rem}.hero__pip{text-align:left;flex-direction:column;flex:0 0 9rem;gap:.375rem;display:flex}.hero__pip-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--grey-1);font-size:.625rem;font-weight:700;transition:color .15s}.hero__pip:hover .hero__pip-label,.hero__pip.is-active .hero__pip-label{color:var(--gold-1)}.hero__pip-bar{background:#f0e6d22e;height:2px;overflow:hidden}.hero__pip-bar i{background:linear-gradient(90deg, var(--gold-3), var(--gold-1));width:0;height:100%;display:block}@keyframes pipFill{0%{width:0}to{width:100%}}.hero__pip.is-active .hero__pip-bar i{animation:linear forwards pipFill}.hero.is-paused .hero__pip.is-active .hero__pip-bar i{animation-play-state:paused}.home__side{flex-direction:column;gap:.75rem;min-height:0;display:flex}.home-card{text-align:left;background:var(--black);border:1px solid #463714e6;flex:1;min-height:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.home-card img{object-fit:cover;filter:saturate(.85)brightness(.8);width:100%;height:100%;transition:transform .6s var(--ease-out), filter .3s;position:absolute;inset:0}.home-card:hover{border-color:var(--gold-2);box-shadow:0 0 .75rem #c8aa6e40}.home-card:hover img{filter:none;transform:scale(1.06)}.home-card__shade{background:linear-gradient(#0000,#010a1340 40%,#010a13f2 100%);position:absolute;inset:0}.home-card__text{flex-direction:column;gap:.125rem;display:flex;position:absolute;bottom:.75rem;left:.875rem;right:.875rem}.home-card__eyebrow{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);font-size:.625rem;font-weight:700}.home-card__title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--gold-1);font-size:.9375rem;font-weight:700}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:1rem;display:grid}.news-card{text-align:left;background:#010a13d9;border:1px solid #463714e6;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.news-card:hover{border-color:var(--gold-2);box-shadow:0 0 .75rem #c8aa6e33}.news-card--featured{grid-area:span 2/span 2}.news-card__media{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.news-card--featured .news-card__media{aspect-ratio:auto;flex:1;min-height:14rem}.news-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);position:absolute;inset:0}.news-card:hover .news-card__media img{transform:scale(1.05)}.news-card__version{border:1px solid var(--gold-4);color:var(--gold-1);font-family:var(--font-display);letter-spacing:.1em;background:#010a13d9;padding:.125rem .5rem;font-size:.625rem;font-weight:700;position:absolute;top:.625rem;left:.625rem}.news-card__body{flex-direction:column;gap:.25rem;padding:.75rem .875rem 1rem;display:flex}.news-card__date{color:var(--grey-15);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem}.news-card__title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-1);font-size:.875rem;font-weight:700}.news-card--featured .news-card__title{font-size:1.25rem}.news-card__summary{color:var(--grey-1);font-size:.75rem;line-height:1.125rem}.patch__img{aspect-ratio:21/8;object-fit:cover;border:1px solid var(--gold-5);width:100%;margin-bottom:1rem;display:block}.patch__title{margin:.25rem 0 .5rem}.patch__list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.patch__list li{color:var(--grey-1);padding-left:1.125rem;font-size:.8125rem;position:relative}.patch__list li:before{content:"";background:var(--blue-2);width:.375rem;height:.375rem;position:absolute;top:.4375rem;left:.125rem;transform:rotate(45deg)}.history{grid-template-columns:minmax(0,1fr) 13.5rem;gap:1rem;height:100%;display:grid}.history__list{flex-direction:column;gap:.375rem;min-height:0;padding-right:.5rem;display:flex}.history__heading{border-bottom:1px solid var(--gold-6);flex-shrink:0;justify-content:space-between;margin-bottom:.125rem;padding:.125rem .25rem .375rem;display:flex}.history__heading-right{color:var(--grey-15)}.match{--accent:var(--victory);--tint:#0acbe621;background:linear-gradient(90deg, var(--tint), #010a13bf 45%);border:1px solid #1e2328;border-left:3px solid var(--accent);flex-shrink:0;transition:border-color .15s,background .15s;position:relative}.match--defeat{--accent:var(--defeat);--tint:#e8405721}.match--ongoing{--accent:var(--gold-2);--tint:#c8aa6e24}.match:hover{border-color:var(--grey-2);border-left-color:var(--accent)}.match.is-open{border-color:var(--gold-5);border-left-color:var(--accent)}.match__row{text-align:left;grid-template-columns:3.25rem 5.5rem minmax(7rem,1fr) 7.25rem auto 7rem .625rem;align-items:center;gap:.875rem;width:100%;padding:.625rem 1rem .625rem .75rem;display:grid}.match__champ img{border:2px solid var(--gold-4);object-fit:cover;border-radius:50%;width:3.25rem;height:3.25rem;display:block;box-shadow:0 0 0 1px #000}.match__result{flex-direction:column;min-width:0;display:flex}.match__outcome{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--accent);font-size:.875rem;font-weight:700}.match__mode{color:var(--gold-1);font-size:.75rem}.match__loc{color:var(--grey-15);font-size:.6875rem}.match__role{flex-direction:column;min-width:0;display:flex}.match__role-title{-webkit-line-clamp:2;color:var(--gold-1);-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.1rem;display:-webkit-box;overflow:hidden}.match__org{color:var(--grey-1);font-size:.75rem}.match__kda{text-align:center;flex-direction:column;align-items:center;display:flex}.match__kda b{color:var(--gold-1);letter-spacing:.05em;font-size:1rem}.match__kda small{color:var(--grey-15);letter-spacing:.03em;font-size:.5625rem;line-height:.75rem}.match__items{gap:2px;display:flex}.match__item{border:1px solid var(--gold-5);width:1.5rem;height:1.5rem;display:flex}.match__item--empty{background:#010a1399;border-color:#1e2328}.match__date{text-align:right;color:var(--grey-1);flex-direction:column;font-size:.75rem;display:flex}.match__duration{color:var(--grey-15)}.match__chevron{width:.625rem;height:.625rem;color:var(--gold-4);transition:transform .2s,color .2s}.match:hover .match__chevron{color:var(--gold-2)}.match.is-open .match__chevron{transform:rotate(180deg)}.match__details{animation:pageIn .25s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;padding:.25rem 1.25rem 1rem 5rem;display:grid}.match__desc{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.match__desc li{color:var(--grey-1);padding-left:1rem;font-size:.8125rem;position:relative}.match__desc li:before{content:"";background:var(--accent);width:.3125rem;height:.3125rem;position:absolute;top:.45rem;left:.125rem;transform:rotate(45deg)}.match__stats{gap:1.5rem;display:flex}.match__stat{flex-direction:column;gap:.125rem;display:flex}.match__stat-value{color:var(--gold-1);font-family:var(--font-display);font-size:.875rem;font-weight:700}.history__summary{align-self:start;padding:1rem}.donut{flex-direction:column;align-items:center;display:flex}.donut__ring{width:8rem;height:8rem;position:relative}.donut__ring svg{width:100%;height:100%}.donut__arc--victory{stroke:var(--victory)}.donut__arc--ongoing{stroke:var(--gold-2)}.donut__arc--defeat{stroke:var(--defeat)}.donut__center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut__center b{color:var(--gold-1);font-family:var(--font-display);font-size:1.5rem;line-height:1.6rem}.donut__center span{color:var(--grey-1);letter-spacing:.1em;text-transform:uppercase;font-size:.625rem}.donut__legend{font-family:var(--font-display);letter-spacing:.05em;gap:.875rem;margin-top:.625rem;font-size:.6875rem;font-weight:700;display:flex}.donut__key--victory{color:var(--victory)}.donut__key--ongoing{color:var(--gold-2)}.donut__key--defeat{color:var(--defeat)}.history__orgs{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.history__orgs li{align-items:center;gap:.625rem;display:flex}.history__orgs img{border:1px solid var(--gold-4);border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.history__orgs li>span{flex-direction:column;min-width:0;display:flex}.history__orgs b{color:var(--gold-1);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.history__orgs small{color:var(--grey-15);font-size:.6875rem}.history__tag{font-style:normal;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:.5625rem;font-weight:700}.history__tag--victory{color:var(--victory)}.history__tag--ongoing{color:var(--gold-2)}.history__tag--defeat{color:var(--defeat)}.profile-page__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.profile-page__bg img{object-fit:cover;object-position:center 20%;opacity:.85;width:100%;height:100%;animation:1s fadeIn}.profile-page__bg:after{content:"";background:linear-gradient(90deg,#010a13d9 0%,#010a1333 34%,#010a1373 60%,#010a13cc 100%),linear-gradient(#010a1300 50%,#010a13 100%),linear-gradient(#010a13b3 0%,#010a1300 18%);position:absolute;inset:0}.profile-page .subnav,.profile-page .page__content{z-index:1;position:relative}.profile{grid-template-columns:17rem minmax(0,1fr);gap:2rem;min-height:100%;display:grid}.profile__identity{text-align:center;flex-direction:column;align-items:center;display:flex}.banner{filter:drop-shadow(0 .5rem 1rem #0009);flex-direction:column;align-items:center;margin-top:.375rem;display:flex;position:relative}.banner__rod{z-index:2;background:linear-gradient(#f0e6d2,#c8aa6e 40%,#785a28);border-radius:.1875rem;width:12.5rem;height:.375rem;position:relative;box-shadow:0 2px 4px #0009}.banner__rod:before,.banner__rod:after{content:"";background:linear-gradient(135deg,#f0e6d2,#c89b3c 60%,#785a28);width:.625rem;height:.625rem;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.banner__rod:before{left:-.375rem}.banner__rod:after{right:-.375rem}.banner__flag{clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 2.25rem),0 100%);background:linear-gradient(#c8aa6e,#785a28 50%,#463714);flex-direction:column;align-items:center;width:10rem;margin-top:-.125rem;padding:1.75rem 0 4rem;display:flex;position:relative}.banner__flag:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 2.25rem + 1px),0 100%);background:radial-gradient(80% 40% at 50% 30%,#0ac8b91f,#0000 70%),linear-gradient(#1e2328 0%,#141b21 45%,#0a0f14 100%);position:absolute;inset:0 2px 2px}.banner__flag>*{position:relative}.banner__crest{filter:drop-shadow(0 0 .375rem #b06ce099);width:3rem;height:3rem;margin-top:1.5rem}.profile__who{margin-top:.75rem}.profile__name{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold-1);text-shadow:0 2px 8px #000c;margin:0;font-size:1.75rem;font-weight:700;line-height:1.15}.profile__name span{color:var(--grey-1);font-size:1rem}.profile__title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);margin-top:.25rem;font-size:.75rem;font-weight:700}.profile__status{align-items:center;gap:.375rem;margin-top:.75rem;font-size:.8125rem;display:inline-flex}.profile__location{color:var(--grey-15);margin-top:.375rem}.profile__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.profile__panels{flex-direction:column;gap:.875rem;min-width:0;padding-top:.25rem;display:flex}.profile__about{padding:.875rem 1.25rem .5rem}.profile__about p{margin:0 0 .625rem}.profile__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem .5rem;display:flex}.stat__value{font-family:var(--font-display);color:var(--gold-1);font-size:1.5rem;font-weight:700;line-height:1.75rem}.stat__label{color:var(--grey-1);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem}.profile__widgets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.widget{text-align:center;flex-direction:column;align-items:center;gap:.1875rem;min-height:13.5rem;padding:.75rem .875rem .875rem;transition:box-shadow .2s;display:flex}.widget:hover{border-image:linear-gradient(#c8aa6e,#785a28) 1;box-shadow:0 0 1rem #c8aa6e26}.widget__title{border-bottom:1px solid var(--gold-6);align-self:stretch;margin-bottom:.25rem;padding-bottom:.375rem}.widget:hover .widget__title{color:var(--gold-1)}.widget__emblem{flex-shrink:0;width:100%;height:5.5rem;position:relative;overflow:hidden}.widget__emblem img{width:24rem;max-width:none;transition:transform .4s var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.widget:hover .widget__emblem img{transform:translate(-50%,-48%)scale(1.06)}.widget__big{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-1);font-size:1rem;font-weight:700}.widget__small{color:var(--grey-1);font-size:.6875rem}.widget__mastery{flex:1;justify-content:center;align-items:flex-end;gap:.25rem;padding-bottom:.25rem;display:flex}.widget__champ{flex-direction:column;align-items:center;width:4rem;display:flex;position:relative}.widget__champ--0{order:2}.widget__champ--1{order:1}.widget__champ--2{order:3}.widget__champ-icon{border:2px solid var(--gold-4);border-radius:50%;width:2.75rem;height:2.75rem;box-shadow:0 0 0 1px #000}.widget__champ--0 .widget__champ-icon{border-color:var(--gold-2);width:3.5rem;height:3.5rem}.widget__champ-crest{filter:drop-shadow(0 2px 3px #000000b3);width:3.5rem;margin-top:-.875rem}.widget__champ--0 .widget__champ-crest{width:4.25rem}.widget__champ-name{color:var(--grey-1);white-space:nowrap;margin-top:-.25rem;font-size:.625rem}.widget__tokens{flex:1;align-items:center;gap:.875rem;display:flex}.token{border:1px solid var(--gold-4);background:radial-gradient(circle,#c8aa6e2e,#010a1399 70%);justify-content:center;align-items:center;width:2.875rem;height:2.875rem;display:flex;transform:rotate(45deg)}.token img{width:1.75rem;height:1.75rem;transform:rotate(-45deg)}.mastery__header,.challenges__header{z-index:5;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:.625rem 1rem;display:flex}.mastery__header-crest{width:4.5rem;margin:-.75rem -.25rem}.mastery__score{font-family:var(--font-display);color:var(--gold-1);font-size:1.375rem;font-weight:700;line-height:1.6rem}.mastery__header-sep{background:var(--gold-6);width:1px;height:2.5rem}.mastery__filters{gap:.5rem;margin-left:auto;display:flex}.mastery__grid{grid-template-columns:repeat(auto-fill,minmax(9.75rem,1fr));gap:2.25rem .75rem;padding-top:1.25rem;display:grid}.mastery-card{text-align:center;transition:border-color .2s, transform .2s var(--ease-out), box-shadow .2s;background:linear-gradient(#1e2328e0,#010a13f0);border:1px solid #463714e6;flex-direction:column;align-items:center;padding:3.25rem .75rem .875rem;display:flex;position:relative}.mastery-card:hover{border-color:var(--gold-3);transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000080}.mastery-card.is-max{border-color:#c8aa6e8c;box-shadow:inset 0 0 1.5rem #c8aa6e14}.mastery-card__crest{pointer-events:none;filter:drop-shadow(0 .25rem .375rem #0009);width:5.25rem;position:absolute;top:-2.25rem;left:50%;transform:translate(-50%)}.mastery-card__icon{border:1px solid var(--gold-4);border-radius:50%;width:2.75rem;height:2.75rem;margin-bottom:.5rem}.mastery-card__name{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-1);font-size:.875rem;font-weight:700}.mastery-card__cat{color:var(--grey-15);font-size:.6875rem}.mastery-card__level{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);margin-top:.375rem;font-size:.625rem;font-weight:700}.mastery-card__bar{background:var(--grey-3);width:100%;height:.25rem;margin:.375rem 0}.mastery-card__bar i{background:linear-gradient(90deg, var(--gold-4), var(--gold-1));height:100%;display:block;box-shadow:0 0 .375rem #c8aa6e80}.mastery-card__pts{color:var(--grey-1);font-size:.6875rem}.tier--iron{--tier:#8a8580}.tier--bronze{--tier:#b07b55}.tier--silver{--tier:#a6b7c4}.tier--gold{--tier:#c8aa6e}.tier--platinum{--tier:#4fb0a8}.tier--emerald{--tier:#2ec27e}.tier--diamond{--tier:#7b9cf4}.tier--master{--tier:#b76ce0}.tier--grandmaster{--tier:#e0524a}.tier--challenger{--tier:#f4d27a}.challenges__crystal{width:3rem;height:3rem}.challenges__grid{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.75rem;display:grid}.challenge{background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 14%, transparent), #010a13e6 55%);border:1px solid #463714d9;border-left:3px solid var(--tier);gap:.875rem;padding:.875rem 1rem;transition:border-color .2s;display:flex}.challenge:hover{border-color:var(--gold-4);border-left-color:var(--tier)}.challenge__crystal{width:2.75rem;height:2.75rem;filter:drop-shadow(0 0 .375rem color-mix(in srgb, var(--tier) 60%, transparent));flex-shrink:0}.challenge__body{flex:1;min-width:0}.challenge__top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.challenge__name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--gold-1);font-size:.8125rem;font-weight:700}.challenge__tier{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--tier);white-space:nowrap;font-size:.5625rem;font-weight:700}.challenge__desc{color:var(--grey-1);margin:.25rem 0 .5rem;font-size:.75rem;line-height:1.1rem}.challenge__meta{color:var(--grey-15);align-items:center;gap:.75rem;font-size:.6875rem;display:flex}.challenge__meta b{color:var(--tier);font-family:var(--font-display);letter-spacing:.04em;margin-left:auto}.collection-wrap{flex-direction:column;padding-bottom:0;display:flex}.collection{flex-direction:column;flex:1;min-height:0;display:flex}.collection__toolbar{z-index:5;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.125rem 0 .75rem;display:flex;position:relative}.role-filter{gap:.125rem;display:flex}.role-filter__btn{width:2rem;height:2rem;color:var(--grey-15);border:1px solid #0000;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.role-filter__btn svg{width:1.125rem;height:1.125rem}.role-filter__btn:hover{color:var(--gold-1)}.role-filter__btn.is-active{color:var(--gold-2);border-color:var(--gold-5);background:radial-gradient(circle,#c8aa6e2e,#0000 70%)}.collection__search .lol-input{width:12rem}.collection__dropdowns{gap:.5rem;margin-left:auto;display:flex}.collection__grid{flex:1;min-height:0;padding:1rem .5rem 1.5rem 0}.collection__empty{text-align:center;margin-top:3rem}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:1.375rem .75rem;display:grid}.champ{flex-direction:column;align-items:center;gap:.5rem;display:flex}.champ__portrait{width:5.5rem;height:5.5rem;position:relative}.champ__img{border:2px solid #0000;border-image:linear-gradient(#785a28,#463714) 1;width:100%;height:100%;transition:box-shadow .2s;display:block;overflow:hidden;box-shadow:0 0 0 1px #000}.champ__img img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-out), filter .2s;display:block;transform:scale(1.1)}.champ:hover .champ__img{border-image:linear-gradient(#f0e6d2,#c8aa6e) 1;box-shadow:0 0 0 1px #000,0 0 .75rem #c8aa6e80}.champ:hover .champ__img img{transform:scale(1.2)}.champ__crest{filter:drop-shadow(0 2px 2px #000c);pointer-events:none;width:2.5rem;position:absolute;bottom:-1.125rem;left:50%;transform:translate(-50%)}.champ__name{max-width:100%;color:var(--gold-1);letter-spacing:.025em;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:.5rem;font-size:.75rem;overflow:hidden}.champ.is-locked .champ__img img{filter:grayscale()brightness(.4)}.champ.is-locked .champ__name{color:var(--grey-15)}.champ__lock{color:var(--gold-4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.champ__lock svg{width:1.5rem;height:1.5rem}.champion{position:absolute;inset:0;overflow:hidden}.champion__bg img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s,transform 7s ease-out;position:absolute;inset:0;transform:scale(1.05)}.champion__bg img.is-active{opacity:1;transform:scale(1)}.champion__shade{background:linear-gradient(90deg,#010a13f5 0%,#010a13d1 28%,#010a1326 58%,#010a1300 75%),linear-gradient(#010a1300 65%,#010a13e6 100%);position:absolute;inset:0}.champion__back{z-index:3;align-items:center;gap:.375rem;display:flex;position:absolute;top:.875rem;left:1.5rem}.champion__back svg{width:.75rem;height:.75rem}.champion__info{z-index:2;width:24rem;animation:heroIn .6s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:2.75rem;bottom:1.25rem;left:1.5rem}.champion__roles{gap:.875rem;display:flex}.champion__role{color:var(--grey-1);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.3125rem;font-size:.625rem;font-weight:700;display:flex}.champion__role svg{width:.875rem;height:.875rem;color:var(--gold-2)}.champion__name{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 .125rem 1rem #000c;margin:.375rem 0 .25rem;font-size:2.75rem;font-weight:700;line-height:1}.champion__title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);font-size:.8125rem;font-weight:700}.champion__meta{align-items:flex-end;gap:1.5rem;margin-top:1rem;display:flex}.champion__meta>div{flex-direction:column;gap:.25rem;display:flex}.champion__meta-row{align-items:center;gap:.5rem;display:flex}.champion__meta-value{color:var(--gold-1);font-size:.8125rem}.champion__meta>.champion__meta-mastery{flex-direction:row;align-items:center;gap:.25rem}.champion__meta-mastery img{width:2.75rem;margin:-.5rem 0}.champion__meta-mastery>span{flex-direction:column;gap:.25rem;display:flex}.champion__section-label{margin:1.125rem 0 .5rem}.abilities{gap:.5rem;display:flex}.ability{flex-direction:column;align-items:center;gap:.25rem;display:flex}.ability__icon{border:2px solid #0000;border-image:linear-gradient(#785a28,#463714) 1;width:3rem;height:3rem;transition:box-shadow .2s;box-shadow:0 0 0 1px #000}.ability.is-active .ability__icon{border-image:linear-gradient(#f0e6d2,#c8aa6e) 1;box-shadow:0 0 0 1px #000,0 0 .625rem #c8aa6e8c}.ability__key{font-family:var(--font-display);color:var(--grey-1);font-size:.6875rem;font-weight:700}.ability.is-active .ability__key{color:var(--gold-1)}.ability-desc{border-left:2px solid var(--gold-3);animation:pageIn .25s var(--ease-out);background:#010a13b3;margin-top:.625rem;padding:.625rem .875rem}.ability-desc__head{justify-content:space-between;align-items:baseline;display:flex}.ability-desc__name{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-1);font-size:.8125rem;font-weight:700}.ability-desc__key{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);font-size:.625rem;font-weight:700}.ability-desc p{color:var(--grey-1);margin:.25rem 0 0;font-size:.8125rem;line-height:1.2rem}.champion__lore{flex:0 auto;min-height:2.5rem;margin-top:.875rem;padding-right:.5rem}.champion__lore p{color:var(--grey-1);margin:0 0 .625rem;font-size:.8125rem;line-height:1.25rem}.champion__links{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.champion__locked{color:var(--gold-3);align-items:center;gap:.375rem;margin-top:1rem;display:flex}.champion__locked svg{width:.875rem;height:.875rem}.skins{z-index:2;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:calc(100% - 28rem);display:flex;position:absolute;bottom:1.25rem;right:1.5rem}.skins__name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 2px 8px #000000e6;font-size:1.25rem;font-weight:700}.skins__strip{gap:.5rem;max-width:100%;padding:.25rem;display:flex;overflow-x:auto}.skins__thumb{opacity:.65;border:2px solid #0000;border-image:linear-gradient(#785a28,#463714) 1;flex-shrink:0;width:7.5rem;height:4.25rem;transition:opacity .2s,box-shadow .2s;box-shadow:0 0 0 1px #000}.skins__thumb img{object-fit:cover;width:100%;height:100%;display:block}.skins__thumb:hover{opacity:1}.skins__thumb.is-active{opacity:1;border-image:linear-gradient(#f0e6d2,#c8aa6e) 1;box-shadow:0 0 0 1px #000,0 0 .75rem #c8aa6e80}.play-screen{overflow:hidden}.play-screen__bg img{object-fit:cover;opacity:0;filter:blur(2px)saturate(.8);width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0;transform:scale(1.04)}.play-screen__bg img.is-active{opacity:.4}.play-screen__shade{background:radial-gradient(70% 60% at 50% 35%,#010a1359,#010a13f2 80%),linear-gradient(#010a1300 60%,#010a13);position:absolute;inset:0}.play-screen__top{z-index:2;height:var(--subnav-h);border-bottom:1px solid #4637148c;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:relative}.play-screen__tabs{gap:1.5rem;height:100%;display:flex}.play-screen__tabs span{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--gold-text);align-items:center;font-size:.875rem;font-weight:700;display:flex;position:relative}.play-screen__tabs span.is-active{color:var(--gold-1)}.play-screen__tabs span.is-active:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-1), transparent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.play-screen__body{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;min-height:0;padding:1rem;display:flex;position:relative}.modes{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.mode{flex-direction:column;align-items:center;gap:.25rem;width:9rem;display:flex}.mode__map{background:linear-gradient(#785a28,#463714);border-radius:50%;width:7.5rem;height:7.5rem;padding:3px;transition:background .2s,box-shadow .3s;position:relative;box-shadow:0 0 0 1px #000,0 .5rem 1rem #0009}.mode__map-art{filter:grayscale(.7)brightness(.45);background-position:50% 25%;background-size:cover;border-radius:50%;transition:filter .3s;position:absolute;inset:3px}.mode__map-icon{color:var(--gold-text);justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;inset:0}.mode__map-icon svg{filter:drop-shadow(0 2px 6px #000000e6);width:2.5rem;height:2.5rem}.mode__name{font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:var(--gold-text);margin-top:.625rem;font-size:1rem;font-weight:700;transition:color .2s}.mode__sub{color:var(--grey-15);font-size:.75rem;transition:color .2s}.mode:hover .mode__map{background:linear-gradient(#c8aa6e,#785a28)}.mode:hover .mode__map-art{filter:grayscale(.3)brightness(.6)}.mode:hover .mode__name{color:var(--gold-1)}.mode.is-selected .mode__map{background:linear-gradient(#cdfafa,#0ac8b9 40%,#005a82);box-shadow:0 0 0 1px #000,0 0 1.5rem #0ac8b98c}.mode.is-selected .mode__map-art{filter:brightness(.75)}.mode.is-selected .mode__map-icon{color:#fff}.mode.is-selected .mode__name{color:var(--gold-1)}.mode.is-selected .mode__sub{color:var(--blue-2)}.queues{background:#010a13bf;border:1px solid #0000;border-image:linear-gradient(#785a28,#463714 60%,#4637144d) 1;min-width:19rem;padding:.75rem 1.25rem .875rem}.queues__title{border-bottom:1px solid var(--gold-6);margin-bottom:.375rem;padding-bottom:.375rem}.play-screen__footer{z-index:2;flex-shrink:0;justify-content:center;padding-bottom:1.75rem;display:flex;position:relative}.ready-backdrop{z-index:300;background:#010a13b8;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes readyIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.ready{text-align:center;background:radial-gradient(90% 55% at 50% 0,#0a4655d9,#010a1300 75%),#010a13;border:2px solid #0000;border-image:linear-gradient(#c8aa6e,#785a28 40%,#463714) 1;flex-direction:column;align-items:center;width:23rem;padding:2rem 1.5rem 1.5rem;animation:.45s cubic-bezier(.2,1.4,.4,1) readyIn;display:flex;position:relative;box-shadow:0 0 3rem #000000d9,0 0 2.5rem #0ac8b91f}.ready__ring{width:7.5rem;height:7.5rem;position:relative}.ready__ring svg{width:100%;height:100%;transition:filter .3s}.ready.is-accepted .ready__ring svg{filter:drop-shadow(0 0 .5rem #0ac8b9)}.ready__icon{color:var(--gold-1);background:radial-gradient(circle at 50% 35%,#0ac8b9,#005a82 50%,#0a1428);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:.875rem;box-shadow:inset 0 0 1rem #0009,0 0 0 1px #000}.ready__icon svg{filter:drop-shadow(0 2px 4px #000c);width:2.25rem;height:2.25rem}.ready__title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-1);margin-top:1rem;font-size:1.5rem;font-weight:700}.ready__mode{color:var(--grey-1);margin-top:.25rem;font-size:.8125rem}.ready__actions{flex-direction:column;align-items:center;gap:.625rem;margin-top:1.25rem;display:flex}.magic-btn.ready__accept{min-width:15rem;height:3.5rem;font-size:1.25rem}@media (width<=900px),(aspect-ratio<=1){.home{grid-template-columns:1fr;height:auto}.page__content:has(.home){overflow-y:auto}.hero{height:30rem}.hero__content{bottom:4.5rem;left:1.25rem;right:1.25rem}.hero__title{font-size:2rem}.hero__pager{left:1.25rem;right:1.25rem}.hero__pip{flex:1}.home__side{grid-template-columns:1fr;display:grid}.home-card{height:7.5rem}.news-grid{grid-template-columns:1fr}.news-card--featured{grid-area:auto}.history{flex-direction:column;display:flex;overflow-y:auto}.history__list,.history__summary{flex-shrink:0;overflow:visible}.history__list{padding-right:0}.match__row{grid-template-columns:2.75rem minmax(0,1fr) auto;gap:.25rem .75rem}.match__champ img{width:2.75rem;height:2.75rem}.match__role{grid-area:2/2/auto/4}.match__kda,.match__items,.match__chevron{display:none}.match__details{grid-template-columns:1fr;padding:.25rem 1rem 1rem}.profile{grid-template-columns:1fr}.profile__stats{grid-template-columns:repeat(2,1fr)}.profile__widgets{grid-template-columns:1fr}.mastery__header,.challenges__header{flex-wrap:wrap}.mastery__filters{width:100%;margin-left:0}.collection__dropdowns{margin-left:0}.champion{overflow-y:auto}.champion__info{width:auto;padding:3rem 1rem 1rem;position:relative;top:auto;bottom:auto;left:auto}.skins{align-items:flex-start;max-width:none;padding:0 1rem 2rem;position:relative;bottom:auto;right:auto}.modes{gap:1rem}.mode{width:7rem}.mode__map{width:5.5rem;height:5.5rem}}.settings__section{border-bottom:1px solid var(--gold-6);margin:1.25rem 0 .625rem;padding-bottom:.375rem}.slider{color:var(--gold-text);align-items:center;gap:.75rem;margin-top:.75rem;font-size:.8125rem;display:flex}.slider.is-disabled{opacity:.45}.slider__label{flex-shrink:0;min-width:8.5rem}.slider__value{text-align:right;width:1.75rem;color:var(--gold-1);font-family:var(--font-display);font-size:.75rem;font-weight:700}.slider input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;flex:1;height:1rem;margin:0}.slider input[type=range]:disabled{cursor:default}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold-4), var(--gold-2) var(--fill), var(--grey-3) var(--fill));border:1px solid #000;height:.25rem}.slider input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--gold-4), var(--gold-2) var(--fill), var(--grey-3) var(--fill));border:1px solid #000;height:.25rem}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#f0e6d2,#c89b3c 60%,#785a28);border:1px solid #010a13;width:.75rem;height:.75rem;margin-top:-.3125rem;transform:rotate(45deg)}.slider input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#f0e6d2,#c89b3c 60%,#785a28);border:1px solid #010a13;border-radius:0;width:.75rem;height:.75rem;transform:rotate(45deg)}.slider input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 .375rem #f0e6d2b3}.secret{z-index:600;background:radial-gradient(at 50% 45%,#0a323cbf,#010a13eb 70%);justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes secretIn{0%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{opacity:1;transform:scale(1.05)rotate(1deg)}to{transform:none}}.secret__card{flex-direction:column;align-items:center;gap:.5rem;padding:1.75rem 2rem 1.5rem;animation:.6s cubic-bezier(.2,1.3,.4,1) secretIn;display:flex;position:relative}.secret__rays{z-index:-1;pointer-events:none;background:repeating-conic-gradient(#f0e6d229 0deg 6deg,#0000 6deg 18deg);border-radius:50%;width:44rem;height:44rem;animation:24s linear infinite raysSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 65%);mask-image:radial-gradient(circle,#000 0%,#0000 65%)}@keyframes raysSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.secret__eyebrow{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--blue-2);font-size:.75rem;font-weight:700}.secret__title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 0 1.5rem #c8aa6e99;font-size:2rem;font-weight:700}.secret__frame{background:linear-gradient(#f0e6d2,#c8aa6e 35%,#785a28);margin:.5rem 0;padding:3px;box-shadow:0 0 0 1px #000,0 0 2.5rem #c8aa6e73,0 1.5rem 3rem #000000b3}.secret__frame img{border:1px solid #000;width:min(23.5rem,80vw);height:auto;display:block}.secret__name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.profile__top{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:.875rem;display:grid}.profile__top.is-single{grid-template-columns:1fr}.langs__item{border:1px solid var(--gold-5);color:var(--gold-1);background:#1e2328cc;padding:.125rem .5rem;font-size:.75rem}.langs__item b{color:var(--gold-2);font-family:var(--font-display);margin-left:.25rem;font-size:.6875rem}.seeking{background:radial-gradient(90% 60% at 50% 0,#0ac8b91f,#0000 70%),linear-gradient(#010a13a6,#010a13e6);border-image:linear-gradient(#0ac8b9,#005a82 60%,#0a323c) 1;flex-direction:column;padding:.875rem 1rem 1rem;display:flex}.seeking .panel-title{border-bottom-color:#0ac8b940}@keyframes seekPulse{0%{box-shadow:0 0 #0ac8b999}to{box-shadow:0 0 0 .5rem #0ac8b900}}.seeking__pulse{background:var(--blue-2);border-radius:50%;width:.5rem;height:.5rem;animation:1.6s ease-out infinite seekPulse}.seeking__list{flex:1;margin:0 0 .875rem}.seeking__row{border-bottom:1px solid #46371459;justify-content:space-between;gap:.75rem;padding:.3125rem 0;display:flex}.seeking__row dt{color:var(--grey-1);font-size:.75rem}.seeking__row dd{color:var(--gold-1);text-align:right;margin:0;font-size:.75rem;font-weight:600}.match--queue{--accent:var(--blue-2);--tint:#0ac8b929}@keyframes queueGlow{0%,to{box-shadow:inset 3px 0 0 var(--blue-2), 0 0 0 #0ac8b900}50%{box-shadow:inset 3px 0 0 var(--blue-1), 0 0 .75rem #0ac8b940}}.match--queue{animation:2.4s ease-in-out infinite queueGlow}.match--queue .match__champ img{border-color:var(--blue-3)}.match__timer{font-family:var(--font-display);color:var(--blue-1)!important;letter-spacing:.1em!important}.match__cta{margin-top:.75rem}.champion__heading{align-items:center;gap:.875rem;margin:.375rem 0 .25rem;display:flex}.champion__heading .champion__name{margin:0}.champion__logo{object-fit:contain;filter:drop-shadow(0 .25rem .5rem #000000b3);border-radius:.5rem;flex-shrink:0;width:3.25rem;height:3.25rem}.settings__langs{gap:1.25rem;display:flex}@media (width<=900px),(aspect-ratio<=1){.profile__top{grid-template-columns:1fr}.profile-page__bg img{opacity:.45}}.profile__langs{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.875rem;display:flex}.profile__bio p:last-child{margin-bottom:0}.seeking__actions{gap:.5rem;display:flex}@media (width>=901px) and (aspect-ratio>=1){.page__content.is-fit{padding-bottom:1rem;overflow:hidden}.is-fit .profile{height:100%;min-height:0}.is-fit .profile__panels{gap:.75rem;height:100%;min-height:0;padding-top:0}.is-fit .profile__top{flex:1;min-height:0}.is-fit .profile__about{flex-direction:column;min-height:0;padding-bottom:.875rem;display:flex}.is-fit .profile__bio{flex:1;min-height:0;padding-right:.375rem}.is-fit .profile__stats,.is-fit .profile__widgets{flex-shrink:0}.is-fit .stat{padding:.5rem}.is-fit .stat__value{font-size:1.25rem;line-height:1.5rem}.is-fit .widget{min-height:0;padding:.625rem .75rem .75rem}.is-fit .widget__emblem{height:4.5rem}.is-fit .widget__emblem img{width:20rem}}