/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:BeaufortforLOL-Bold;src:url(/assets/12420e8c141ca7c3dff41de2d59df13e-Gt5o2Pse.eot);src:url(/assets/12420e8c141ca7c3dff41de2d59df13e-Gt5o2Pse.eot?#iefix) format("embedded-opentype"),url(/assets/12420e8c141ca7c3dff41de2d59df13e-BueOZy1C.woff2) format("woff2"),url(/assets/12420e8c141ca7c3dff41de2d59df13e-AWKBP-Ud.woff) format("woff"),url(/assets/12420e8c141ca7c3dff41de2d59df13e-9hYdcIex.ttf) format("truetype"),url(/assets/12420e8c141ca7c3dff41de2d59df13e-dw0E836_.svg) format("svg")}body{margin:0;font-family:BeaufortforLOL-Bold,-apple-system,BlinkMacSystemFont,BeaufortforLOL-Bold,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.champion-list{max-width:80%;margin:0 auto;animation:fadeOut .7s linear forwards;opacity:0;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);z-index:0}.champion-list__main{padding-top:90px;position:relative}.champion-list_faded{animation:fadeIn .5s linear}.champion-list__preloader-overlay{width:100vw;height:100vh;top:0;left:0;position:fixed;z-index:10;background-color:#fff}@keyframes fadeOut{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(0)}}@media screen and (max-width: 1000px){.champion-list{max-width:90%;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 768px){.champion-list{max-width:90%;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 600px){.champion-list{max-width:90%;grid-template-columns:repeat(2,1fr)}}.character-grid-item{position:relative;cursor:pointer;overflow:hidden;width:100%;max-width:308px;box-sizing:border-box}.character-grid-item__corner{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;top:-4px;right:-1px;background-color:transparent;position:absolute;transform:translate(33%) rotate(45deg);z-index:1;transition:transform .3s linear}.character-grid-item:hover .character-grid-item__corner{transform:translate(100px) rotate(45deg)}.character-grid-item__image-wrapper{width:100%;max-height:300px}.character-grid-item__image{transition:all .3s linear;object-fit:contain}.character-grid-item:hover .character-grid-item__image{transform:scale(1.05);z-index:0}.character-grid-item__title-wrapper{position:absolute;display:flex;align-items:center;width:100%;height:50px;bottom:0;left:0;z-index:1}.character-grid-item__title-wrapper{background-color:#061c25;transition:background-color .3s linear}.character-grid-item:hover .character-grid-item__title-wrapper{background-color:#006680}.character-grid-item__title{font-size:20px;color:#fff;transform:translate(10px);transition:transform .3s linear}.character-grid-item:hover .character-grid-item__title{transform:translate(15px)}.character-grid-item__favorite{position:absolute;top:10px;right:10px;z-index:2;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.favorite-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:50%}.favorite-button:hover{background:#ffffff1a;transform:scale(1.1)}.favorite-button__icon{width:24px;height:24px;color:#fff;transition:all .3s ease}.favorite-button_active .favorite-button__icon{color:#ff4458;fill:#ff4458;animation:heartbeat .3s ease}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.favorite-button:focus{outline:2px solid #ff4458;outline-offset:2px}.filter-bar{display:flex;width:80%;height:60px;align-items:center;justify-content:space-between;margin:0 auto 30px;border:1px solid rgb(208,168,92);padding:0 40px;position:relative;box-sizing:border-box;z-index:1}.triangle{width:0;height:0;position:absolute}.triangle-bottom{border-bottom:20px solid rgb(208,168,92);border-right:20px solid transparent;bottom:0;left:0}.triangle-bottom:after{content:"";width:0;height:0;position:absolute;border-bottom:solid 11px #fff;border-top:solid 10px transparent;border-left:solid 10px #fff;border-right:solid 11px transparent;bottom:-21px;left:-1px}.triangle-top{border-top:20px solid rgb(208,168,92);border-left:20px solid transparent;top:0;right:0}.triangle-top:after{content:"";width:0;height:0;position:absolute;border-top:solid 11px #fff;border-bottom:solid 10px transparent;border-right:solid 10px #fff;border-left:solid 11px transparent;top:-21px;right:-1px}@media screen and (max-width: 1000px){.filter-bar{width:100%;justify-content:center}.triangle{display:none}}.filter-label{display:flex;height:60%;transition:height .3s linear}.filter-icon{width:20px;transition:transform .3s linear}.filter-label:hover,.filter-label:focus{height:100%}.filter-label:hover .filter-icon{transform:translate(-10px)}.filter-input{width:100%;padding:10px 15px;outline:none;border:none;border-right:1px solid rgb(208,168,92);border-radius:0}.filter-input::placeholder{text-transform:uppercase;font-size:.8rem}@media screen and (max-width: 1000px){.filter-label{width:30%}}.filter-difficulty__graph-box{display:flex;width:100%;height:30px;justify-content:center;align-items:center;gap:3px;cursor:pointer;background-color:transparent;transition:background-color .3s linear}.filter-difficulty__graph{transform:skew(40deg);width:30px;height:20px;background-color:#08d7f7;opacity:.2}.filter-difficulty__graph-text{text-transform:uppercase}.filter-difficulty__graph_active{opacity:1}.filter-difficulty__graph-box:hover{background-color:#0000001a}.filter-difficulty__graph-box_noncolored-bg:hover{background-color:transparent}.filter-difficulty{height:100%;display:flex;position:relative;align-items:center;width:20%}.filter-difficulty__button{cursor:pointer;padding:0 0 0 20px;background-color:transparent;border:none;border-left:1px solid rgb(208,168,92);height:60%;width:100%;transition:height .3s linear}.filter-difficulty__button:hover{height:100%}.filter-difficulty__list{list-style:none;position:absolute;display:none;flex-direction:column;left:0;top:100%;padding:0;z-index:10;width:calc(100% + 41px);margin:0;background-color:#fff;box-sizing:border-box;border:1px solid rgb(208,168,92)}.filter-difficulty__list_active{display:flex}@media screen and (max-width: 1000px){.filter-difficulty{width:30%;font-size:.8rem}.filter-difficulty__button,.filter-difficulty__list{color:#0009}}.filter-tags__button-container{height:100%;width:100%;position:relative}.filter-tags__current{display:none;height:100%;padding:0;margin:0 auto;min-width:100%;border:none;text-transform:uppercase;cursor:pointer;background-color:transparent;color:#0009}.filter-tags__list{display:flex;background-color:#fff;z-index:2;align-items:center;list-style-type:none;padding:0;width:100%;margin:0;height:100%;justify-content:center}.filter-tags__list-item{height:100%}.filter-tags__list_opened{display:flex!important}@media screen and (max-width: 1000px){.filter-tags__button-container{width:40%}.filter-tags__current{display:block}.filter-tags__list{display:none;flex-direction:column;height:auto;width:100%;box-sizing:border-box;border:1px solid rgb(208,168,92)}.filter-tags__list-item{height:60px;width:100%}}.filter-button{height:100%;border:none;background-color:transparent;text-transform:uppercase;font-size:.8rem;cursor:pointer;opacity:.6;position:relative}.filter-button:after{content:"";position:absolute;top:0;left:50%;height:100%;width:0;border-bottom:3px solid rgb(208,168,92);opacity:1;box-sizing:border-box;transition:all .3s linear}.filter-button_active{opacity:1}.filter-button_active:after{width:100%;left:0}.filter-button:hover{opacity:1}.filter-button:hover:after{width:30%;left:35%}@media screen and (max-width: 1000px){.filter-button:hover:after,.filter-button_active:after{display:none}.filter-button{width:100%;color:#0009;font-size:.8rem}.filter-button:hover{background-color:#0000001a}.filter-button_active,.filter-button_active:hover{background-color:#08d7f7}}.preloader-spinner{display:block;width:100%;height:100%;border:1px solid #fffdd5;border-bottom-color:#fdcf78;border-radius:50%;animation:spin .75s infinite linear}.preloader{position:relative;width:74px;height:74px}.preloader-box{display:flex;justify-content:center;align-items:center;height:100vh}.preloader-logo{width:64px;position:absolute;top:3px;left:5px}@keyframes spin{to{transform:rotate(360deg)}}.class-icon{width:40px;margin-bottom:10px;-webkit-user-drag:none}.champion-info{overflow:hidden}.champion-card{position:relative;display:flex;margin:0 auto;flex-direction:column;align-items:center;max-height:80vh;max-width:90%;overflow:hidden;z-index:2}.champion-background{filter:blur(5px);opacity:.5;min-width:100vw;min-height:90vh;position:absolute;background-repeat:no-repeat;background-size:cover;background-position:top;top:0;left:0}.champion-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00091900 50%,#000913)}.champion-page{max-width:98%;margin:0 auto;color:#fff;padding-top:90px}.champion-info__skins-container{position:absolute;top:0;left:0;background-color:#000000b3;height:100%;max-width:30%;width:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.champion-card__image{width:100%}.champion-info__available-skins{display:flex;flex-direction:column;overflow-y:scroll;padding:0 5px 40px 0;margin:0 20px;height:75%;box-sizing:border-box;border-top:1px rgba(255,255,255,.4) solid;border-bottom:1px rgba(255,255,255,.4) solid}.champion-info__skins-title{color:#fff;font-size:30px;cursor:default;display:flex;align-items:center;-webkit-user-select:none;user-select:none;margin:0 0 0 20px;box-sizing:border-box;height:15%}.champion-info__available-skins::-webkit-scrollbar{display:none}.champion-info__skin{color:#ffffff4d;min-height:70px;padding:5px 5px 5px 80px;font-size:20px;background-color:transparent;border:1px solid transparent;cursor:pointer;position:relative;margin-top:30px;transition:color .3s linear}.champion-info__skin-image{width:80px;height:80px;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transform:translate(-5px,-5px);-webkit-user-drag:none}.champion-info__skin_active{position:relative;color:#fff;border:1px solid rgba(255,255,255,.3);transition:all .3s linear}.champion-info__skin_active:before{content:"";position:absolute;top:0;left:0;z-index:1;border-left:2px solid #fff;border-top:2px solid #fff;animation:borders .3s linear forwards}.champion-info__skin_active:after{content:"";position:absolute;bottom:0;right:0;z-index:1;border-right:2px solid #fff;border-bottom:2px solid #fff;animation:borders .3s linear forwards}.champion-info__skin:hover{color:#fff9}.champion-info__skin_active:hover{color:#fff}.champion-role-container{display:flex;flex-direction:column;align-items:center;width:60px;margin-left:30px}.champion-role-container:first-child{margin-left:0}.champion-page__preloader-overlay{width:110%;height:100vh;top:0;left:-5%;position:fixed;z-index:10;background-color:#000913}.champion-titles{margin-top:30px;padding-bottom:30px;text-align:center;-webkit-user-select:none;user-select:none;font-style:italic;border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;gap:20px}.champion-titles__text{flex:1}.champion-page__favorite{flex-shrink:0}.champion__title{font-size:90px;line-height:90px;margin:0;text-transform:uppercase;z-index:2;position:relative}.champion__subtitle{margin:5px 0;text-transform:uppercase;position:relative;z-index:2}.champion-character-description{display:flex;flex-direction:row-reverse}.champion-character-description__text{max-width:40%;padding:5%;border-left:1px solid rgba(255,255,255,.2);align-self:center}.champion-skills{display:flex;flex-direction:column;align-items:center;width:50%;padding:5%}.skills__description{min-height:100px}.champion-roles-box{display:flex;margin-bottom:20px;flex-direction:row}.champion-difficulty__graph{opacity:.2;width:30px;height:20px;transform:skew(40deg);background-color:#08d7f7}.champion-difficulty__graph_active{opacity:1}.champion-text{text-transform:uppercase;font-size:.8rem;line-height:20px}.champion-text_yellow{color:#d0a85c}.champion-difficulty__box{display:flex;flex-direction:column;align-items:center}.champion-difficulty__graph-box{display:flex;flex-direction:row;gap:3px;margin-bottom:1rem}.champion-stats-box{display:flex;justify-content:space-around;align-items:center;width:100%}.champion-page__button{position:absolute!important;top:4%;right:2%;font-size:.8rem}@keyframes borders{0%{width:0;height:0}to{width:30%;height:40%}}@media screen and (max-width: 1000px){.champion-page{max-width:100%}.champion-card{max-width:100%;width:100%}.champion-info__skins-container{position:absolute;top:auto;bottom:0;background-color:transparent;max-width:100%;padding-bottom:5px;height:auto}.champion-info__skins-title{width:90%;margin:2px 20px}.champion-info__available-skins{flex-direction:row;padding:5px 0}.champion-info__skin{font-size:0px;min-width:72px;min-height:72px;margin:10px;padding:0;box-sizing:content-box}.champion-info__skin-image{transform:translate(-4px,-4px)}}@media screen and (max-width: 600px){.champion-card{max-width:100%;width:100%}.champion-card__image{height:60vh;object-fit:cover;object-position:70%}.champion-character-description{flex-direction:column}.champion__title{font-size:70px}.champion-character-description__text{max-width:90%;border-left:none;padding:5% 0;z-index:5}.champion-skills{width:90%}.skills__description{min-height:auto}}.skillset{display:flex;width:100%;justify-content:center;column-gap:5%;border-bottom:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);padding:20px 0}.skill-button{position:relative;width:70px;height:70px;display:flex;justify-content:center;align-items:center;border:1px solid transparent;transition:all .3s linear;cursor:pointer}.skill-button img{-webkit-user-drag:none}.skill-button_active{border:1px solid rgba(255,255,255,.2)}.skill-button_active:before{content:"";position:absolute;width:40%;height:25%;top:0;left:0;z-index:1;border-left:2px solid #fff;border-top:2px solid #fff;animation:skillBorders .3s linear forwards}.skill-button_active:after{content:"";position:absolute;width:40%;height:25%;bottom:0;right:0;z-index:1;border-right:2px solid #fff;border-bottom:2px solid #fff;animation:skillBorders .3s linear forwards}.skill-button:hover{border:1px solid rgba(255,255,255,.2)}@keyframes skillBorders{0%{width:0;height:0}to{width:40%;height:20%}}.page-button{width:200px;height:60px;text-transform:uppercase;font-style:italic;color:#fff;background-color:#000913;cursor:pointer;position:absolute;z-index:1;top:1px;left:1px;border:none;transition:all .3s linear;-webkit-user-select:none;user-select:none;clip-path:polygon(7% 0%,0% 25%,0% 100%,100% 100%,93% 100%,100% 75%,100% 0%)}.page-button__border{position:relative;z-index:2;width:202px;height:62px;background-color:#0bc4e2;clip-path:polygon(7% 0%,0% 25%,0% 100%,100% 100%,93% 100%,100% 75%,100% 0%);transition:all .3s linear}.page-button__border:hover{clip-path:polygon(0% 0%,0% 0%,0% 100%,100% 100%,100% 100%,100% 100%,100% 0%)}.page-button__border:hover .page-button{clip-path:polygon(0% 0%,0% 0%,0% 100%,100% 100%,100% 100%,100% 100%,100% 0%);background-color:#000913cc}@media screen and (max-width: 600px){.page-button{width:160px;height:40px}.page-button__border{width:162px;height:42px}}.error-page{background-color:#000913;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;max-width:1440px;overflow:hidden}.error-page__container{max-width:30%;position:relative}.error-page__image{position:relative;width:100%;z-index:2}.error-page__text{position:absolute;font-size:25rem;font-style:italic;color:#fff6;top:10%;left:50%;transform:translate(-55%)}.error-page__button{position:absolute;top:100%;left:50%;z-index:10;transform:translate(-50%);width:40px;height:40px;color:transparent;background-color:#ffffff80;text-transform:uppercase;border-radius:50px;font-style:italic;border:none;cursor:pointer;filter:drop-shadow(0px 0px 15px #fff);transition:all .3s linear;animation:makeWider .5s linear 1s forwards;overflow:hidden}.error-page__button:hover{filter:drop-shadow(0px 0px 15px greenyellow);background-color:#fff}@keyframes makeWider{0%{width:40px;border-radius:50px;color:transparent}75%{color:transparent}to{width:200px;border-radius:10px;color:#000}}@media screen and (max-width: 1000px){.error-page__container{max-width:40%}.error-page__text{font-size:20rem}}@media screen and (max-width: 600px){.error-page__container{max-width:80%}.error-page__text{font-size:15rem}.error-page__button{top:120%}}.app{background-color:#000913}.app_color_white{background-color:#fff}.app__main{max-width:1440px;margin:0 auto;position:relative;z-index:0}.item-list{max-width:1440px;min-height:100vh;color:#fff;overflow:hidden;position:relative}.item-list__background-image{position:fixed;top:0;left:0;width:100vw;min-height:100vh;height:100%;background-image:url(/assets/jinx-p9-2YhOD.png);background-position:center;background-repeat:no-repeat;background-size:cover;background-position:top center;opacity:.2;pointer-events:none;z-index:0}.item-list__title{text-transform:uppercase;font-style:italic;text-align:center;font-size:3rem;margin:70px 0 10px}.item-list__subtitle{text-transform:uppercase;text-align:center;font-style:italic}.item-list__current-item-container{max-width:90%;margin:0 auto;display:flex;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2)}.item-list__current{width:50%;display:flex;flex-direction:column;align-items:flex-start;padding:10px 30px 0 0;border-right:1px solid rgba(255,255,255,.2)}.item-list__current-text{display:block;margin-bottom:20px}.item-list__build{width:50%;height:100%;padding:20px 0 0 30px;box-sizing:border-box}.item-list__build-title{margin:0;text-transform:uppercase;font-style:italic;top:50%;right:0}.item-list__prev,.item-list__next{display:flex;flex-wrap:wrap;box-sizing:border-box;gap:5px;height:45%;padding:10px 0;align-content:flex-start}.item-list__current-image{width:80px;height:80px;transform:translate(-4px,-4px)}.item-list__current-title{text-transform:uppercase;font-size:2.5rem;font-style:italic;margin:0 0 10px}.item-list__current-image-wrapper{position:relative;width:70px;height:70px;margin:20px 0}.item-list__current-image-wrapper:after{content:"";position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.4);top:0;left:0}.item-list__current__plaintext{text-transform:uppercase;margin:0}.item-list__image-and-cost-wrapper{display:flex;align-items:center;width:100%}.item-list__categories{max-width:1440px;width:70%;margin:0 auto;padding-bottom:100px}@media screen and (max-width: 600px){.item-list__current-item-container{flex-direction:column}.item-list__current,.item-list__build{width:100%}.item-list__categories{width:90%}}.item{position:relative}.item:before,.item:after{content:"";width:0;height:0;top:0;left:0;position:absolute;border:2px solid transparent;transition:all .3s linear;box-sizing:border-box;z-index:2;pointer-events:none;cursor:pointer}.item:after{top:auto;left:auto;bottom:0;right:0}.item:hover:before{width:100%;height:100%;border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7)}.item:hover:after{width:100%;height:100%;border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7)}.item:hover .item__image{transform:scale(1.1)}.item__image{width:40px;height:40px;cursor:pointer;position:relative;z-index:1;transition:transform .3s linear}@media screen and (max-width: 600px){.item__image{width:60px;height:60px}}.item-popup{display:none;position:absolute;flex-direction:column;width:300px;border:1px solid rgba(255,255,255,.4);background-color:#000;padding:5px;z-index:10}.item-popup_active{display:flex;font-size:.8rem;bottom:50px;left:50px}.item-popup_active-reverse-x{left:-320px}.item-popup_active-reverse-y{bottom:auto;top:50px}.item-popup__title{text-transform:uppercase;text-align:center;font-style:italic;font-size:1.5rem;width:100%;border-bottom:1px solid rgba(255,255,255,.4)}.item-popup__price{display:flex;align-items:center;justify-content:flex-end}.item-popup__image{width:40px;margin:10px 0}@media screen and (max-width: 600px){.item-popup_active{display:none}}.item-category__title{font-style:italic;text-transform:uppercase;font-size:1.5rem;margin:30px 0 10px}.item-category__list{display:flex;flex-wrap:wrap;gap:5px}.item-cost{display:flex;flex-direction:column;margin-left:20px}.item-cost__text{color:#c9aa71;display:flex;align-items:center}.item-cost__image{margin-left:5px}.main-page{width:100%;min-height:100vh;background:#fff;color:#1a1a1a}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;background-image:url(/assets/lol-logo-black-tThmxUeu.png);background-repeat:no-repeat;background-position:center;background-size:60%;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,rgba(255,255,255,.95) 70%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 50%,#fff);pointer-events:none}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#08d7f714,#d0a85c14);pointer-events:none}.hero__content{position:relative;z-index:2;text-align:center;max-width:800px;padding:40px 20px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__logo{width:300px;max-width:80%;margin-bottom:30px;filter:drop-shadow(0 0 20px rgba(102,126,234,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__title{font-size:72px;font-weight:700;font-style:italic;margin:0 0 20px;text-transform:uppercase;letter-spacing:2px;color:#1a1a1a;text-shadow:0 0 30px rgba(8,215,247,.3),0 0 60px rgba(8,215,247,.2);position:relative}.hero__subtitle{font-size:18px;color:#1a1a1ab3;margin:0 0 40px;line-height:1.6;text-transform:uppercase;letter-spacing:1px;font-weight:400}.hero__buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero__button{padding:16px 40px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero__button:hover:before{left:100%}.hero__button_primary{background:#08d7f7;color:#1a1a1a;box-shadow:0 0 20px #08d7f766}.hero__button_primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #08d7f799;background:#0ae6ff}.hero__button_secondary{background:transparent;color:#d0a85c;border:2px solid rgb(208,168,92);box-shadow:0 0 15px #d0a85c4d}.hero__button_secondary:hover{background:#d0a85c1a;transform:translateY(-2px);box-shadow:0 0 25px #d0a85c80}.features{padding:100px 20px;max-width:1400px;margin:0 auto;position:relative}.features:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:60px;background:linear-gradient(180deg,transparent,rgb(8,215,247),transparent)}.features__title{font-size:48px;text-align:center;margin:0 0 20px;text-transform:uppercase;font-style:italic;letter-spacing:3px;color:#1a1a1a;text-shadow:0 0 20px rgba(8,215,247,.3)}.features__title:after{content:"";display:block;width:100px;height:3px;background:#d0a85c;margin:20px auto 40px;box-shadow:0 0 10px #d0a85c80}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px;margin-top:60px}.feature-card{background:#fffc;border:2px solid rgba(8,215,247,.3);padding:45px 35px;text-align:center;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000001a}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#08d7f71a,#d0a85c1a);opacity:0;transition:opacity .4s ease}.feature-card:after{content:"";position:absolute;top:0;left:0;width:0;height:0;border-left:2px solid rgb(8,215,247);border-top:2px solid rgb(8,215,247);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:#08d7f7;box-shadow:0 15px 40px #08d7f74d,inset 0 0 30px #08d7f71a}.feature-card:hover:before{opacity:1}.feature-card:hover:after{width:30%;height:30%}.feature-card__icon{width:70px;height:70px;margin-bottom:25px;color:#08d7f7;stroke:#08d7f7;filter:drop-shadow(0 0 15px rgba(8,215,247,.6));transition:all .4s ease;-webkit-user-drag:none;position:relative;z-index:1}.feature-card:hover .feature-card__icon{color:#d0a85c;stroke:#d0a85c;filter:drop-shadow(0 0 25px rgba(208,168,92,.8));transform:scale(1.15) rotateY(360deg)}.feature-card__title{font-size:22px;margin:0 0 15px;color:#1a1a1a;position:relative;z-index:1;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;font-style:italic}.feature-card__description{font-size:14px;color:#1a1a1ab3;line-height:1.7;margin:0;position:relative;z-index:1;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.live-data{padding:100px 20px;background:#f8f8f8cc;border-top:2px solid rgba(8,215,247,.3);border-bottom:2px solid rgba(8,215,247,.3);position:relative}.live-data:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:60px;background:linear-gradient(180deg,transparent,rgb(208,168,92),transparent)}.live-data__title{font-size:48px;text-align:center;margin:0 0 15px;text-transform:uppercase;font-style:italic;letter-spacing:3px;color:#1a1a1a;text-shadow:0 0 20px rgba(208,168,92,.3)}.live-data__title:after{content:"";display:block;width:100px;height:3px;background:#08d7f7;margin:20px auto 0;box-shadow:0 0 10px #08d7f780}.live-data__subtitle{font-size:14px;text-align:center;color:#1a1a1ab3;margin:30px 0 50px;text-transform:uppercase;letter-spacing:1px}.live-data__tabs{display:flex;justify-content:center;gap:30px;margin-bottom:50px;flex-wrap:wrap}.live-data__tab{padding:14px 35px;background:#fff;border:2px solid rgba(8,215,247,.4);color:#1a1a1a99;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.live-data__tab:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#08d7f71a;transition:width .3s ease;z-index:-1}.live-data__tab:hover{border-color:#08d7f7;color:#1a1a1a;box-shadow:0 0 20px #08d7f74d}.live-data__tab:hover:before{width:100%}.live-data__tab_active{background:#08d7f7;border-color:#08d7f7;color:#1a1a1a;box-shadow:0 0 25px #08d7f780}.live-data__tab_active:before{display:none}.live-data__content{max-width:1400px;margin:0 auto}.ahri-section{padding:80px 20px;max-width:1400px;margin:0 auto}@media screen and (max-width: 768px){.hero__title{font-size:36px}.hero__subtitle{font-size:16px}.hero__logo{width:200px}.hero__buttons{flex-direction:column;align-items:center}.hero__button{width:100%;max-width:300px}.features__title,.live-data__title{font-size:32px}.features__grid{grid-template-columns:1fr}.live-data__tabs{flex-direction:column;align-items:center}.live-data__tab{width:100%;max-width:300px}}@media screen and (max-width: 600px){.hero{min-height:80vh;background-size:80%}.hero__title{font-size:28px}.features,.live-data,.ahri-section{padding:60px 15px}.feature-card{padding:30px 20px}}.live-game-search{max-width:1200px;margin:0 auto;padding:0;color:#fff}.live-game-search__form{background:#1a1a2e;border:1px solid #2d2d44;border-radius:8px;padding:25px;margin-bottom:30px}.live-game-search__inputs{display:flex;gap:12px;flex-wrap:wrap}.live-game-search__region{padding:12px 16px;background:#0f0f1e;border:1px solid #2d2d44;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;min-width:180px}.live-game-search__region:focus{outline:none;border-color:#667eea}.live-game-search__input{flex:1;min-width:250px;padding:12px 16px;background:#0f0f1e;border:1px solid #2d2d44;border-radius:6px;color:#fff;font-size:14px}.live-game-search__input:focus{outline:none;border-color:#667eea}.live-game-search__button{padding:12px 32px;background:#667eea;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.live-game-search__button:hover:not(:disabled){background:#5568d3}.live-game-search__button:disabled{opacity:.6;cursor:not-allowed}.live-game-search__error{margin:15px 0 0;color:#ef4444;font-size:14px;text-align:center}.live-game-result{background:#1a1a2e;border:1px solid #2d2d44;border-radius:8px;padding:25px}.live-game-result__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #2d2d44}.live-game-result__title{margin:0;font-size:24px;color:#fff}.live-game-result__duration{font-size:20px;color:#4ade80;font-weight:700;font-family:monospace}.live-game-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin-bottom:25px}.live-game-teams__vs{font-size:24px;font-weight:700;color:#667eea;text-shadow:0 0 10px rgba(102,126,234,.5)}.live-game-team{background:#0f0f1e;border-radius:8px;padding:20px}.live-game-team_blue{border-left:4px solid #3b82f6}.live-game-team_red{border-left:4px solid #ef4444}.live-game-team__title{margin:0 0 15px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.live-game-team_blue .live-game-team__title{color:#3b82f6}.live-game-team_red .live-game-team__title{color:#ef4444}.live-game-team__players{display:flex;flex-direction:column;gap:10px}.live-game-player{display:flex;align-items:center;gap:12px;padding:8px;background:#1a1a2e;border-radius:6px}.live-game-player:hover{background:#2d2d44}.live-game-player__champion{width:40px;height:40px;border-radius:6px;border:2px solid #2d2d44}.live-game-player__name{font-size:14px;color:#fff;font-weight:500}.live-game-result__note{background:#0f0f1e;border:1px solid #2d2d44;border-radius:6px;padding:15px;font-size:13px;color:#888;line-height:1.6}.live-game-result__note strong{color:#fbbf24}.live-game-result__note ul{margin:10px 0 0;padding-left:20px}.live-game-result__note li{margin:5px 0}.live-game-result__note a{color:#667eea;text-decoration:none}.live-game-result__note a:hover{text-decoration:underline}@media (max-width: 968px){.live-game-teams{grid-template-columns:1fr;gap:20px}.live-game-teams__vs{text-align:center}.live-game-search__inputs{flex-direction:column}.live-game-search__region,.live-game-search__input{width:100%;min-width:auto}}@media (max-width: 768px){.live-game-search{padding:30px 15px}.live-game-search__title{font-size:28px}.live-game-result__header{flex-direction:column;gap:10px;text-align:center}}.lor-match-search{max-width:1200px;margin:0 auto;padding:0;color:#fff}.lor-match-search__form{background:#1a1a2e;border:1px solid #2d2d44;border-radius:8px;padding:25px;margin-bottom:30px}.lor-match-search__inputs{display:flex;gap:12px;flex-wrap:wrap}.lor-match-search__region{padding:12px 16px;background:#0f0f1e;border:1px solid #2d2d44;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;min-width:180px}.lor-match-search__region:focus{outline:none;border-color:#c89b3c}.lor-match-search__input{flex:1;min-width:300px;padding:12px 16px;background:#0f0f1e;border:1px solid #2d2d44;border-radius:6px;color:#fff;font-size:14px}.lor-match-search__input:focus{outline:none;border-color:#c89b3c}.lor-match-search__button{padding:12px 32px;background:#c89b3c;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.lor-match-search__button:hover:not(:disabled){background:#f0b232}.lor-match-search__button:disabled{opacity:.6;cursor:not-allowed}.lor-match-search__error{margin:15px 0 0;color:#ef4444;font-size:14px;text-align:center}.lor-match-search__empty{text-align:center;padding:60px 20px;color:#888}.lor-match-search__empty p{margin:10px 0;font-size:16px}.lor-match-search__note{margin-top:20px;padding:15px;background:#1a1a2e;border:1px solid #2d2d44;border-radius:6px;font-size:13px;line-height:1.6}.lor-match-search__note strong{color:#c89b3c}.lor-matches-list{margin-top:30px}.lor-matches-list__title{font-size:24px;margin:0 0 20px;color:#c89b3c}.lor-match-card{background:#1a1a2e;border:2px solid #2d2d44;border-radius:8px;padding:20px;margin-bottom:15px;cursor:pointer;transition:all .2s ease}.lor-match-card:hover{border-color:#c89b3c;transform:translateY(-2px)}.lor-match-card_win{border-left:4px solid #4ade80}.lor-match-card_loss{border-left:4px solid #ef4444}.lor-match-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #2d2d44;flex-wrap:wrap;gap:10px}.lor-match-card__result{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.lor-match-card__result_win{color:#4ade80}.lor-match-card__result_loss{color:#ef4444}.lor-match-card__type{font-size:14px;color:#888}.lor-match-card__time{font-size:13px;color:#666}.lor-match-card__body{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.lor-match-card__player,.lor-match-card__opponent{display:flex;flex-direction:column;gap:10px}.lor-match-card__vs{font-size:18px;font-weight:700;color:#c89b3c;text-shadow:0 0 10px rgba(200,155,60,.5)}.lor-match-factions{display:flex;gap:8px;flex-wrap:wrap}.lor-faction-badge{padding:6px 12px;background:linear-gradient(135deg,#c89b3c,#785a28);border-radius:4px;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.lor-faction-badge_opponent{background:linear-gradient(135deg,#666,#333);color:#fff}.lor-match-card__stats{display:flex;gap:15px;font-size:13px;color:#888}.lor-match-card__stats span{display:flex;align-items:center;gap:5px}.lor-match-card__details{margin-top:20px;padding-top:20px;border-top:1px solid #2d2d44}.lor-match-card__details h4{margin:0 0 15px;font-size:16px;color:#c89b3c}.lor-match-card__details p{margin:10px 0;font-size:13px;color:#888}.lor-match-card__details strong{color:#fff}.lor-deck-code{display:block;padding:10px;background:#0f0f1e;border:1px solid #2d2d44;border-radius:4px;font-size:11px;color:#c89b3c;word-break:break-all;margin:5px 0 15px;font-family:Courier New,monospace}@media (max-width: 968px){.lor-match-card__body{grid-template-columns:1fr;gap:15px}.lor-match-card__vs{text-align:center}.lor-match-search__inputs{flex-direction:column}.lor-match-search__region,.lor-match-search__input{width:100%;min-width:auto}}@media (max-width: 768px){.lor-match-search{padding:0 15px}.lor-match-search__title{font-size:28px}.lor-match-card__header{flex-direction:column;align-items:flex-start}.lor-match-card__stats{flex-direction:column;gap:5px}}.ahri__subtitle_active{transform:translateY(-150px);opacity:0}.ahri__image{width:150px;filter:drop-shadow(0 0 10px rgba(255,255,255,1));transform:translateY(120%);transition:all 1s cubic-bezier(.37,.37,.28,1);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;z-index:1}.ahri__image_active{transform:translateY(30%)}.ahri__orb-container{width:120px;position:absolute;cursor:pointer;transition:all 2s cubic-bezier(0,1.15,.82,1.13);bottom:40%;-webkit-user-select:none;user-select:none;z-index:1}.ahri__crystal-orb{width:100%;aspect-ratio:1/1;-webkit-user-drag:none}.ahri__crystal-orb_moved{width:70px;animation:rotateOrb .3s linear infinite}.ahri__orb-container:hover{filter:drop-shadow(0 0 15px rgb(10,10,227))}.ahri__orb-container_active{animation:rotateOrb .3s linear infinite;width:70px;bottom:7%}.ahri__orb-container_moved{animation:flyToTopOrb 3s linear forwards}.ahri__orb-container_hidden{display:none}.ahri__container{position:fixed;bottom:20px;right:20px;width:300px;height:350px;display:flex;flex-direction:column;align-items:center;z-index:9999;background:#0a0e27f2;border:2px solid rgba(102,126,234,.5);border-radius:16px;padding:20px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ahri__char-box{width:100%;max-width:300px;height:280px;display:flex;justify-content:center;position:relative;border-bottom:1px solid rgba(255,255,255,.2);overflow:hidden}.ahri__subtitle{color:#fff;transition:all .5s linear;text-transform:uppercase;font-size:.85rem;font-style:italic;margin:0 0 10px}.ahri__tail-box{width:300px;height:300px;position:absolute;bottom:0;justify-content:center;z-index:0;transform:translateY(120%) translate(-10%);transition:all 1s cubic-bezier(.37,.37,.28,1)}.ahri__tail-box_active{transform:translateY(0) translate(-10%)}.ahri__tail{position:absolute;transition:all .3s linear;bottom:0;left:50%;transform:translate(-50%);max-height:300px;transition:all 1s cubic-bezier(.37,.37,.28,1.5);-webkit-user-drag:none}.ahri__tail:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,1))}.ahri__tail-1{transform:translate(20%) translateY(20%) rotate(120deg)}.ahri__tail-2{transform:translate(15%) translateY(10%) rotate(100deg)}.ahri__tail-3{transform:translate(5%) rotate(80deg)}.ahri__tail-4{transform:translate(-15%) translateY(-5%) rotate(50deg)}.ahri__tail-5{transform:translate(-40%) translateY(-5%) rotate(30deg)}.ahri__tail-6{transform:translate(-65%) translateY(5%) rotate(10deg)}.ahri__tail-7{transform:translate(-90%) translateY(20%) rotate(-5deg)}.ahri__tail-8{transform:translate(-90%) translateY(35%) rotate(-30deg)}.ahri__tail-9{transform:translate(-80%) translateY(50%) rotate(-50deg)}.ahri__mouth{width:15px;height:0;background-color:#440505;border-radius:50%;position:absolute;bottom:25.5%;left:48%;z-index:3;transform:rotate(-10deg)}.ahri__mouth_active{animation:mouthMove .5s linear .5s infinite}.ahri__mouth_not-animated{animation:none}.ahri__intro-text{padding:24px;margin:0;font-size:14px;width:0;height:0;overflow:hidden;opacity:0;transition:all .5s linear 1s}.ahri__intro-text_active{width:auto;height:auto;opacity:1}.ahri__intro-text-container{position:absolute;width:120px;height:100px;transform:translateY(30px);opacity:0;border-radius:40px;background-color:#fff;transition:all .5s linear}.ahri__intro-text-container:before{content:"";width:0px;height:0px;position:absolute;border-left:24px solid #fff;border-right:12px solid transparent;border-top:12px solid #fff;border-bottom:24px solid transparent;right:45%;bottom:-24px}.ahri__intro-text-container_active{width:260px;transform:translateY(0);opacity:1}.ahri__intro-text-container_moved{transform:translate(200%);opacity:0}.ahri__nav-button{margin-top:30px}@keyframes mouthMove{0%{height:0;transform:translateY(-5px) rotate(-7deg)}50%{height:10px;transform:translateY(0) rotate(-7deg)}to{height:0;transform:translateY(-5px) rotate(-7deg)}}@keyframes rotateOrb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flyToTopOrb{0%{bottom:7%;width:70px}25%{bottom:40%;width:220px}50%{bottom:50%;width:220px}75%{bottom:60%;width:220px;transform:rotate(810deg)}90%{bottom:65%;width:220px;transform:rotate(810deg)}to{bottom:-100%;width:70px;transform:rotate(810deg)}}@media screen and (max-width: 768px){.ahri__container{width:250px;height:300px;bottom:15px;right:15px}.ahri__char-box{height:230px}.ahri__image{width:120px}.ahri__intro-text-container_active{width:220px}.ahri__intro-text{font-size:12px;padding:16px}}@media screen and (max-width: 600px){.ahri__container{width:200px;height:250px;bottom:10px;right:10px;padding:15px}.ahri__char-box{height:180px}.ahri__image{width:100px}.ahri__subtitle{font-size:.75rem}.ahri__intro-text-container_active{width:180px}.ahri__intro-text{font-size:11px;padding:12px}.ahri__nav-button_inner{width:calc(100% - 2px);height:58px}.ahri__nav-button{width:60%;height:60px}}.header{position:fixed;width:100%;height:60px;background-color:#111;z-index:10;max-width:100vw}.header__logo{width:40px;margin-left:10px;cursor:pointer}.header__container{max-width:1440px;width:100%;margin:auto;align-items:center;display:flex;height:100%;padding:0 10px;box-sizing:border-box;justify-content:space-between}.header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.navigation{height:100%;margin-left:auto}.navigation__burger-button{display:none;width:45px;height:45px;border:none;margin-left:auto;margin-right:10px;border-radius:50px;border:3px solid rgb(194,144,45);background-color:transparent;position:relative;cursor:pointer}.navigation__burger-button-icon{position:absolute;width:15px;height:15px;transform:rotate(-45deg);box-sizing:border-box;border-left:3px solid rgb(194,144,45);border-bottom:3px solid rgb(194,144,45);top:8px;left:12px;transition:all .3s linear}.navigation__burger-button-icon-second{position:absolute;width:15px;height:15px;transform:rotate(-45deg);box-sizing:border-box;border-left:3px solid rgb(194,144,45);border-bottom:3px solid rgb(194,144,45);transform:rotate(135deg);top:8px;left:12px;transition:all .3s linear;opacity:0}.navigation__burger-button-icon_active{position:absolute;width:15px;height:15px;transform:rotate(-45deg);box-sizing:border-box;border-left:3px solid rgb(194,144,45);border-bottom:3px solid rgb(194,144,45);top:3px;left:12px}.navigation__burger-button-icon-second_active{position:absolute;width:15px;height:15px;box-sizing:border-box;border-left:3px solid rgb(194,144,45);border-bottom:3px solid rgb(194,144,45);top:21px;left:12px;opacity:1}.navigation__button{height:100%;background-color:transparent;border:none;color:#fff;text-transform:uppercase;font-style:italic;cursor:pointer;margin-left:10px;transition:all .3s linear}.navigation__button:hover{background-color:#413f3f}.navigation__button_active{color:#0bc4e2}@media screen and (max-width: 600px){.navigation__burger-button{display:block}.navigation{display:none}.navigation_active{display:flex;height:180px;position:fixed;flex-direction:column;top:60px;left:0;width:100%;background-color:#111}.navigation__button{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2)}}.favorites-dropdown{position:relative}.favorites-dropdown__button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;transition:background .3s ease}.favorites-dropdown__button:hover{background:#ffffff1a}.favorites-dropdown__icon{width:28px;height:28px;color:#ff4458}.favorites-dropdown__badge{position:absolute;top:2px;right:2px;background:#ff4458;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.favorites-dropdown__menu{position:absolute;top:calc(100% + 10px);right:0;background:#1a1a2e;border:1px solid #2d2d44;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:300px;max-height:400px;overflow:hidden;z-index:1000;animation:fadeIn .2s ease}.favorites-dropdown__header{padding:16px;border-bottom:1px solid #2d2d44}.favorites-dropdown__title{margin:0;color:#fff;font-size:18px;font-weight:600}.favorites-dropdown__empty{padding:32px 16px;text-align:center;color:#888}.favorites-dropdown__empty p{margin:0 0 8px}.favorites-dropdown__empty-hint{font-size:14px;color:#666}.favorites-dropdown__list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.favorites-dropdown__list::-webkit-scrollbar{width:8px}.favorites-dropdown__list::-webkit-scrollbar-track{background:#1a1a2e}.favorites-dropdown__list::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:4px}.favorites-dropdown__list::-webkit-scrollbar-thumb:hover{background:#3d3d54}.favorites-dropdown__item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #2d2d44}.favorites-dropdown__item:last-child{border-bottom:none}.favorites-dropdown__item:hover{background:#2d2d44}.favorites-dropdown__item-image{width:48px;height:48px;border-radius:8px;margin-right:12px;object-fit:cover}.favorites-dropdown__item-info{display:flex;flex-direction:column;flex:1}.favorites-dropdown__item-name{color:#fff;font-weight:600;font-size:16px;margin-bottom:4px}.favorites-dropdown__item-title{color:#888;font-size:13px}.search-history{position:relative}.search-history__button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;transition:background .3s ease}.search-history__button:hover{background:#ffffff1a}.search-history__icon{width:28px;height:28px;color:#fff}.search-history__badge{position:absolute;top:2px;right:2px;background:#4a90e2;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.search-history__menu{position:absolute;top:calc(100% + 10px);right:0;background:#1a1a2e;border:1px solid #2d2d44;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:300px;max-height:400px;overflow:hidden;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-history__header{padding:16px;border-bottom:1px solid #2d2d44;display:flex;justify-content:space-between;align-items:center}.search-history__title{margin:0;color:#fff;font-size:18px;font-weight:600}.search-history__clear{background:transparent;border:1px solid #4a90e2;color:#4a90e2;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.search-history__clear:hover{background:#4a90e2;color:#fff}.search-history__empty{padding:32px 16px;text-align:center;color:#888}.search-history__empty p{margin:0 0 8px}.search-history__empty-hint{font-size:14px;color:#666}.search-history__list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.search-history__list::-webkit-scrollbar{width:8px}.search-history__list::-webkit-scrollbar-track{background:#1a1a2e}.search-history__list::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:4px}.search-history__list::-webkit-scrollbar-thumb:hover{background:#3d3d54}.search-history__item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #2d2d44}.search-history__item:last-child{border-bottom:none}.search-history__item:hover{background:#2d2d44}.search-history__item-image{width:48px;height:48px;border-radius:8px;margin-right:12px;object-fit:cover}.search-history__item-info{display:flex;flex-direction:column;flex:1}.search-history__item-name{color:#fff;font-weight:600;font-size:16px;margin-bottom:4px}.search-history__item-title{color:#888;font-size:13px}.champion-comparison{max-width:1440px;margin:0 auto;padding:90px 20px 40px;color:#1a1a1a;background:#fff;min-height:100vh}.champion-comparison__header{text-align:center;margin-bottom:60px;padding:40px 20px;background:linear-gradient(135deg,#08d7f71a,#d0a85c1a);border:2px solid rgba(8,215,247,.3);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);box-shadow:0 4px 20px #0000001a;position:relative}.champion-comparison__header:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#08d7f7,#d0a85c)}.champion-comparison__title{font-size:56px;margin:0 0 25px;text-transform:uppercase;font-style:italic;letter-spacing:4px;color:#1a1a1a;text-shadow:0 0 25px rgba(8,215,247,.4);font-weight:700}.champion-comparison__title:after{content:"";display:block;width:120px;height:4px;background:#d0a85c;margin:25px auto 0;box-shadow:0 0 15px #d0a85c99}.champion-comparison__subtitle{font-size:16px;color:#1a1a1ab3;margin:25px 0 0;text-transform:uppercase;letter-spacing:2px;font-weight:600}.champion-comparison__selectors{display:flex;align-items:center;justify-content:center;gap:50px;margin-bottom:60px;flex-wrap:wrap;padding:30px 0}.champion-selector{flex:1;min-width:280px;max-width:400px;position:relative;z-index:10}.champion-selector__label{display:block;font-size:14px;font-weight:700;margin-bottom:10px;color:#1a1a1a;text-transform:uppercase;letter-spacing:1.5px}.champion-selector__input-wrapper{position:relative;z-index:1000}.champion-selector__input{width:100%;padding:18px 24px;background:#fff;border:3px solid rgba(8,215,247,.4);color:#1a1a1a;font-size:17px;transition:all .3s ease;box-sizing:border-box;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);font-weight:600}.champion-selector__input:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 25px #08d7f766}.champion-selector__dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:3px solid rgb(8,215,247);list-style:none;margin:0;padding:8px;max-height:400px;overflow-y:auto;z-index:99999;box-shadow:0 8px 30px #0000004d,0 0 20px #08d7f766;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.champion-selector__dropdown::-webkit-scrollbar{width:8px}.champion-selector__dropdown::-webkit-scrollbar-track{background:#f5f5f5}.champion-selector__dropdown::-webkit-scrollbar-thumb{background:#08d7f7;border-radius:4px}.champion-selector__option{display:flex;align-items:center;padding:12px 14px;cursor:pointer;transition:all .2s ease;gap:12px;color:#1a1a1a;margin-bottom:6px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border:2px solid transparent}.champion-selector__option:last-child{margin-bottom:0}.champion-selector__option:hover{background:#08d7f726;color:#08d7f7;border-color:#08d7f780;transform:translate(3px)}.champion-selector__option-image{width:40px;height:40px;object-fit:cover;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.champion-comparison__vs{font-size:48px;font-weight:700;font-style:italic;color:#08d7f7;text-shadow:0 0 20px rgba(8,215,247,.6);letter-spacing:3px;padding:10px 20px;border:3px solid rgba(8,215,247,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#08d7f70d}.champion-comparison__loader{display:flex;justify-content:center;padding:60px 0}.champion-comparison__empty{text-align:center;padding:80px 20px;color:#1a1a1a99;font-size:16px;text-transform:uppercase;letter-spacing:1px}.comparison-results{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comparison-results__clear{display:block;margin:0 auto 30px;padding:14px 35px;background:transparent;border:2px solid rgb(208,168,92);color:#d0a85c;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 15px #d0a85c4d}.comparison-results__clear:hover{background:#d0a85c1a;transform:translateY(-2px);box-shadow:0 0 25px #d0a85c80}.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.comparison-card{background:#fffc;overflow:hidden;border:2px solid rgba(8,215,247,.3);transition:all .4s ease;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:0 4px 15px #0000001a;position:relative}.comparison-card:after{content:"";position:absolute;top:0;left:0;width:0;height:0;border-left:2px solid rgb(8,215,247);border-top:2px solid rgb(8,215,247);transition:all .3s ease}.comparison-card:hover{transform:translateY(-8px);border-color:#08d7f7;box-shadow:0 15px 40px #08d7f74d}.comparison-card:hover:after{width:30%;height:30%}.comparison-card__image{width:100%;height:350px;object-fit:cover}.comparison-card__info{padding:20px}.comparison-card__name{font-size:28px;margin:0 0 5px;color:#1a1a1a;text-transform:uppercase;font-style:italic;font-weight:700;letter-spacing:1.5px}.comparison-card__title{font-size:14px;color:#1a1a1ab3;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.comparison-card__roles{display:flex;gap:8px;flex-wrap:wrap}.comparison-card__role{padding:6px 12px;background:#08d7f7;color:#1a1a1a;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.stats-comparison{background:#f8f8f8cc;padding:50px 40px;margin-bottom:50px;border:2px solid rgba(8,215,247,.3);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:0 4px 15px #0000001a;min-height:400px}.stats-comparison__title{font-size:32px;margin:0 0 30px;text-align:center;color:#1a1a1a;text-transform:uppercase;font-style:italic;letter-spacing:2px;font-weight:700}.stats-comparison__grid{display:flex;flex-direction:column;gap:15px}.stat-row{display:grid;grid-template-columns:1fr 2fr 1fr 100px;align-items:center;gap:20px;padding:15px 20px;background:#fff;border:1px solid rgba(8,215,247,.2);transition:all .2s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.stat-row:hover{background:#08d7f70d;border-color:#08d7f7}.stat-value{font-size:20px;font-weight:700;color:#1a1a1a;text-align:center}.stat-label{font-size:16px;color:#1a1a1ab3;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}.stat-diff{font-size:18px;font-weight:700;text-align:center;padding:8px;border-radius:6px}.stat-diff.positive{color:#4ade80;background:#4ade801a}.stat-diff.negative{color:#f87171;background:#f871711a}.stat-diff.neutral{color:#888;background:#8888881a}.abilities-comparison{background:#f8f8f8cc;padding:50px 40px;border:2px solid rgba(8,215,247,.3);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:0 4px 15px #0000001a;min-height:500px}.abilities-comparison__title{font-size:32px;margin:0 0 30px;text-align:center;color:#1a1a1a;text-transform:uppercase;font-style:italic;letter-spacing:2px;font-weight:700}.abilities-comparison__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.abilities-column{display:flex;flex-direction:column;gap:20px}.abilities-column__name{font-size:22px;margin:0 0 10px;text-align:center;color:#08d7f7;text-transform:uppercase;font-style:italic;letter-spacing:1.5px;font-weight:700}.ability-card{display:flex;gap:15px;padding:15px;background:#fff;border:1px solid rgba(8,215,247,.2);transition:all .2s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.ability-card:hover{background:#08d7f70d;border-color:#08d7f7}.ability-card__icon{width:64px;height:64px;flex-shrink:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.ability-card__info{flex:1}.ability-card__name{font-size:16px;margin:0 0 8px;color:#1a1a1a;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ability-card__description{font-size:13px;color:#1a1a1ab3;margin:0;line-height:1.6}@media (max-width: 768px){.champion-comparison__title{font-size:32px}.stat-row{grid-template-columns:1fr;text-align:center;gap:10px}.stat-label{order:-1;font-size:14px;font-weight:700;color:#08d7f7}.abilities-comparison__grid{grid-template-columns:1fr}}.build-calculator,.build-calculator-new{max-width:1400px;margin:0 auto;padding:80px 15px 30px;color:#1a1a1a;background:#fff;min-height:100vh}.build-calculator__layout{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-bottom:30px}.champion-builds-area{background:#f8f8f8cc;padding:20px;border:2px solid rgba(8,215,247,.3);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:15px}.champion-build-row{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto;gap:15px;padding:20px;background:#fff;border:2px solid rgba(8,215,247,.3);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);position:relative;box-shadow:0 2px 8px #0000001a}.champion-build-row:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#08d7f7,#d0a85c)}.champion-portrait-section{grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}.champion-portrait{text-align:center}.champion-portrait__image{width:80px;height:80px;border:3px solid rgb(8,215,247);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);margin-bottom:5px;box-shadow:0 0 15px #08d7f780}.champion-portrait__name{font-size:12px;font-weight:700;color:#08d7f7;text-transform:uppercase;letter-spacing:.5px}.champion-select-box{position:relative;width:100%;z-index:10}.champion-select-box__input{width:100%;padding:12px 14px;background:#1a1a1af2;border:2px solid rgba(8,215,247,.4);color:#fffffff2;font-size:12px;box-sizing:border-box;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:all .3s ease;text-align:center;font-weight:700;letter-spacing:.5px}.champion-select-box__input:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 15px #08d7f766;background:#1a1a1a}.champion-select-box__input::placeholder{color:#08d7f799;font-size:11px;text-transform:uppercase;letter-spacing:1px}.champion-select-box__dropdown{position:absolute;top:calc(100% + 5px);left:0;background:#1a1a1a;border:2px solid rgba(8,215,247,.4);list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;z-index:1000;width:180px;box-shadow:0 4px 20px #00000080;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.champion-select-box__option{display:flex;align-items:center;padding:6px 8px;cursor:pointer;gap:8px;font-size:12px;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-select-box__option:hover{background:#08d7f733;color:#08d7f7}.champion-select-box__option-img{width:28px;height:28px;flex-shrink:0;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.item-slots-horizontal{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:15px;background:#f8f8f880;border:2px solid rgba(8,215,247,.2);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.item-slot-compact{position:relative;width:100%;aspect-ratio:1;background:#1a1a1ae6;border:2px dashed rgba(8,215,247,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.item-slot-compact:hover{border-color:#08d7f7;background:#08d7f726}.item-slot-compact_filled{border-style:solid;border-color:#08d7f7;background:#1a1a1ae6;box-shadow:0 0 10px #08d7f74d}.item-slot-compact_filled:hover{box-shadow:0 0 20px #08d7f780}.item-slot-compact__image{width:100%;height:100%;object-fit:contain}.item-slot-compact__placeholder{font-size:18px;color:#08d7f74d;font-weight:300}.item-slot-compact__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#f87171;border:none;border-radius:50%;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.item-slot-compact__remove:hover{background:#dc2626}.build-row-info{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:12px}.build-row-info__inputs{display:flex;flex-direction:column;gap:10px}.build-row-info__header{display:flex;justify-content:space-between;align-items:center;gap:10px}.build-row-info__name{padding:12px 16px;background:#1a1a1a;border:2px solid rgba(8,215,247,.4);color:#fffffff2;font-size:14px;font-weight:700;width:100%;box-sizing:border-box;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all .3s ease;letter-spacing:.5px}.build-row-info__name:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 20px #08d7f766;background:#1a1a1a}.build-row-info__name::placeholder{color:#08d7f780;font-weight:600}.build-row-info__notes{padding:12px 16px;background:#1a1a1a;border:2px solid rgba(8,215,247,.4);color:#ffffffe6;font-size:13px;width:100%;box-sizing:border-box;resize:vertical;font-family:inherit;line-height:1.5;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all .3s ease;min-height:60px}.build-row-info__notes:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 20px #08d7f766;background:#1a1a1a}.build-row-info__notes::placeholder{color:#08d7f766;font-style:italic}.build-row-info__remove{width:28px;height:28px;background:transparent;border:1px solid #f87171;border-radius:50%;color:#f87171;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.build-row-info__remove:hover{background:#f87171;color:#fff}.build-stats-enhanced{grid-column:1 / -1;padding:20px;background:linear-gradient(135deg,#1a1a2ef2,#0f0f1ef2);border:2px solid rgba(8,215,247,.3);margin-top:15px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 4px 20px #0000004d,inset 0 1px #08d7f71a}.build-stats-enhanced__header{font-size:16px;font-weight:700;color:#08d7f7;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;font-style:italic;text-shadow:0 0 10px rgba(8,215,247,.5)}.build-stats-enhanced__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stat-box{display:flex;flex-direction:column;gap:6px;padding:12px 15px;background:#00000080;border-left:4px solid;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.stat-box_gold{border-left-color:#fbbf24}.stat-box_ad{border-left-color:#ef4444}.stat-box_ap{border-left-color:#8b5cf6}.stat-box_armor{border-left-color:#94a3b8}.stat-box_mr{border-left-color:#3b82f6}.stat-box_hp{border-left-color:#22c55e}.stat-box__label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:1px;font-weight:700}.stat-box__value{font-size:20px;font-weight:700;color:#fff;text-shadow:0 0 8px currentColor}.add-champion-btn{padding:14px;background:transparent;border:2px dashed rgba(8,215,247,.5);color:#08d7f7;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);text-transform:uppercase;letter-spacing:1.5px}.add-champion-btn:hover{background:#08d7f71a;border-style:solid;border-color:#08d7f7}.add-champion-btn__icon{font-size:24px;line-height:1}.save-all-btn{padding:12px 24px;background:#08d7f7;border:none;color:#1a1a1a;font-size:14px;font-weight:700;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;box-shadow:0 0 20px #08d7f766}.save-all-btn:hover{background:#0ae6ff;transform:translateY(-2px);box-shadow:0 0 30px #08d7f799}.items-panel-compact{background:#f8f8f8cc;padding:15px;border:2px solid rgba(8,215,247,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;max-height:800px}.items-panel-compact__title{font-size:18px;margin:0 0 12px;color:#08d7f7;text-align:center;text-transform:uppercase;font-style:italic;letter-spacing:2px;font-weight:700}.items-panel-compact__search{width:100%;padding:10px 14px;background:#fff;border:2px solid rgba(8,215,247,.4);color:#1a1a1a;font-size:12px;margin-bottom:10px;box-sizing:border-box;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all .3s ease}.items-panel-compact__search:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 15px #08d7f74d}.items-panel-compact__categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.category-btn-small{padding:6px 12px;background:#1a1a1ae6;border:2px solid rgba(8,215,247,.3);color:#ffffffb3;font-size:11px;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.category-btn-small:hover{border-color:#08d7f7;color:#08d7f7}.category-btn-small_active{background:#08d7f7;border-color:#08d7f7;color:#1a1a1a}.items-grid-compact{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;padding-right:5px}.items-grid-compact::-webkit-scrollbar{width:6px}.items-grid-compact::-webkit-scrollbar-track{background:#1a1a1a80;border-radius:4px}.items-grid-compact::-webkit-scrollbar-thumb{background:#08d7f7;border-radius:4px}.item-card-compact{background:#fff;border:1px solid rgba(8,215,247,.3);padding:4px;cursor:grab;aspect-ratio:1;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.item-card-compact:active{cursor:grabbing}.item-card-compact:hover{border-color:#08d7f7}.item-card-compact__image{width:100%;height:100%;object-fit:contain;border-radius:4px}.build-calculator__loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.build-calculator__header{text-align:center;margin-bottom:25px}.build-calculator__title{font-size:48px;margin:0 0 20px;text-transform:uppercase;font-style:italic;letter-spacing:3px;color:#1a1a1a;text-shadow:0 0 20px rgba(8,215,247,.3)}.build-calculator__title:after{content:"";display:block;width:100px;height:3px;background:#d0a85c;margin:20px auto 0;box-shadow:0 0 10px #d0a85c80}.build-calculator__subtitle{font-size:14px;color:#1a1a1ab3;margin:20px 0 0;text-transform:uppercase;letter-spacing:1px}.build-calculator__content{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:30px}.build-area{background:#1a1a2e;border-radius:10px;padding:20px;border:2px solid #2d2d44}.champion-selection{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #2d2d44}.champion-selection__label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#f5576c}.champion-selection__wrapper{position:relative;margin-bottom:12px}.champion-selection__input{width:100%;padding:10px 12px;background:#0f0f1e;border:2px solid #2d2d44;border-radius:8px;color:#fff;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.champion-selection__input:focus{outline:none;border-color:#f5576c}.champion-selection__dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#0f0f1e;border:2px solid #2d2d44;border-radius:8px;list-style:none;margin:0;padding:0;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 15px #0006}.champion-selection__option{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:background .2s ease;gap:10px}.champion-selection__option:hover{background:#2d2d44}.champion-selection__option-image{width:35px;height:35px;border-radius:6px;object-fit:cover}.selected-champion{display:flex;align-items:center;gap:12px;padding:12px;background:#0f0f1e;border-radius:8px;border:2px solid #f5576c}.selected-champion__image{width:50px;height:50px;border-radius:8px}.selected-champion__info{flex:1}.selected-champion__name{margin:0 0 4px;font-size:16px;color:#fff;font-weight:600}.selected-champion__title{margin:0;font-size:12px;color:#888;font-style:italic}.build-area__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px;flex-wrap:wrap}.build-area__name-input{flex:1;min-width:180px;padding:10px 12px;background:#0f0f1e;border:2px solid #2d2d44;border-radius:8px;color:#fff;font-size:16px;font-weight:600;transition:border-color .3s ease}.build-area__name-input:focus{outline:none;border-color:#f5576c}.build-area__actions{display:flex;gap:10px;flex-wrap:wrap}.build-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.build-action-btn_save{background:#4ade80;color:#000}.build-action-btn_save:hover{background:#22c55e;transform:translateY(-2px)}.build-action-btn_share{background:#3b82f6;color:#fff}.build-action-btn_share:hover{background:#2563eb;transform:translateY(-2px)}.build-action-btn_clear{background:transparent;border:2px solid #f87171;color:#f87171}.build-action-btn_clear:hover{background:#f87171;color:#fff}.build-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.build-slot{position:relative;aspect-ratio:1;background:#0f0f1e;border:2px dashed #2d2d44;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.build-slot:hover{border-color:#f5576c;background:#16162e}.build-slot_filled{border-style:solid;border-color:#f5576c}.build-slot__image{width:100%;height:100%;object-fit:contain;border-radius:8px}.build-slot__placeholder{font-size:48px;color:#2d2d44;font-weight:300}.build-slot__remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#f87171;border:none;border-radius:50%;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.build-slot__remove:hover{background:#dc2626;transform:scale(1.1)}.build-slot__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#0f0f1e;border:2px solid #2d2d44;border-radius:8px;padding:10px 15px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.build-slot:hover .build-slot__tooltip{opacity:1}.build-slot__tooltip h4{margin:0 0 5px;font-size:14px;color:#fff}.build-slot__gold{margin:0;font-size:12px;color:#fbbf24}.build-stats{background:#0f0f1e;border-radius:10px;padding:15px}.build-stats__title{font-size:18px;margin:0 0 12px;text-align:center;color:#f5576c}.build-stats__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.build-stat{display:flex;flex-direction:column;gap:4px;padding:8px;background:#1a1a2e;border-radius:6px;text-align:center}.build-stat__label{font-size:10px;color:#888;text-transform:uppercase}.build-stat__value{font-size:15px;font-weight:700;color:#4ade80}.items-panel{background:#1a1a2e;border-radius:10px;padding:15px;border:2px solid #2d2d44;display:flex;flex-direction:column;max-height:700px}.items-panel__filters{margin-bottom:20px}.items-panel__search{width:100%;padding:8px 10px;background:#0f0f1e;border:2px solid #2d2d44;border-radius:6px;color:#fff;font-size:13px;margin-bottom:12px;box-sizing:border-box}.items-panel__search:focus{outline:none;border-color:#f5576c}.items-panel__categories{display:flex;flex-wrap:wrap;gap:6px}.category-btn{padding:5px 10px;background:#0f0f1e;border:1px solid #2d2d44;border-radius:5px;color:#888;font-size:11px;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:#f5576c;color:#fff}.category-btn_active{background:#f5576c;border-color:#f5576c;color:#fff}.items-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;padding-right:5px}.items-grid::-webkit-scrollbar{width:8px}.items-grid::-webkit-scrollbar-track{background:#0f0f1e;border-radius:4px}.items-grid::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:4px}.items-grid::-webkit-scrollbar-thumb:hover{background:#3d3d54}.item-card{background:#0f0f1e;border:2px solid #2d2d44;border-radius:8px;padding:8px;cursor:grab;transition:all .2s ease;display:flex;flex-direction:column;align-items:center}.item-card:active{cursor:grabbing}.item-card:hover{border-color:#f5576c;transform:translateY(-2px)}.item-card__image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;margin-bottom:8px}.item-card__info{text-align:center;width:100%}.item-card__name{font-size:11px;margin:0 0 4px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card__gold{font-size:10px;margin:0;color:#fbbf24;font-weight:600}.saved-builds{background:#1a1a2e;border-radius:6px;padding:20px;border:1px solid #2d2d44}.saved-builds__title{font-size:22px;margin:0 0 8px;color:#fff;text-align:center}.saved-builds__subtitle{font-size:13px;color:#888;text-align:center;margin:0 0 18px;font-style:italic}.saved-builds__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.saved-build-card{background:#0f0f1e;border:1px solid #2d2d44;border-radius:6px;padding:15px}.saved-build-card:hover{border-color:#f5576c}.saved-build-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.saved-build-card__name{font-size:16px;margin:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.saved-build-card__delete{width:24px;height:24px;background:transparent;border:1px solid #f87171;border-radius:50%;color:#f87171;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.saved-build-card__delete:hover{background:#f87171;color:#fff}.saved-build-card__champion{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:#1a1a2e;border-radius:6px}.saved-build-card__champion-image{width:35px;height:35px;border-radius:6px}.saved-build-card__champion-name{font-size:13px;color:#f5576c;font-weight:600}.saved-build-card__items{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.saved-build-card__item-image{width:35px;height:35px;border-radius:5px;border:1px solid #2d2d44}.saved-build-card__stats{margin-bottom:12px;padding:8px;background:#1a1a2e;border-radius:6px;text-align:center;color:#fbbf24;font-weight:600;font-size:13px}.saved-build-card__load{width:100%;padding:8px;background:#3b82f6;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.saved-build-card__load:hover{background:#2563eb}@media (max-width: 1200px){.build-calculator__content,.build-calculator__layout{grid-template-columns:1fr}.items-panel,.items-panel-compact{max-height:400px}}@media (max-width: 768px){.build-calculator__title{font-size:28px}.build-calculator,.build-calculator-new{padding:70px 10px 20px}.champion-build-row{grid-template-columns:1fr;gap:10px}.item-slots-horizontal,.build-row-actions{justify-content:center}.build-slots{grid-template-columns:repeat(2,1fr);gap:10px}.build-stats__grid{grid-template-columns:repeat(2,1fr)}.items-grid,.items-grid-compact{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.saved-builds__grid{grid-template-columns:1fr}.build-stats-enhanced__grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a2e;border:1px solid #2d2d44;border-radius:8px;max-width:500px;width:90%;position:relative}.modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:transparent;border:1px solid #f87171;border-radius:50%;color:#f87171;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f87171;color:#fff}.modal-footer{padding:0 30px 30px;display:flex;justify-content:center;gap:10px}.modal-btn_primary{background:#4ade80;color:#000}.modal-btn_primary:hover{background:#22c55e}.build-calculator-pro{max-width:1400px;margin:0 auto;padding:80px 20px 40px;color:#1a1a1a;background:#fff;min-height:150vh;position:relative}.build-calculator-pro__page-title{text-align:center;margin:0 0 40px;padding:30px 20px;background:linear-gradient(135deg,#08d7f71a,#d0a85c1a);border:2px solid rgba(8,215,247,.3);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);box-shadow:0 4px 20px #0000001a;position:relative}.build-calculator-pro__page-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#08d7f7,#d0a85c)}.build-calculator-pro__page-title h1{margin:0;font-size:48px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:3px;color:#1a1a1a;text-shadow:0 0 20px rgba(8,215,247,.3)}.build-calculator-pro__page-title:after{content:"";display:block;width:150px;height:3px;background:#d0a85c;margin:20px auto 0;box-shadow:0 0 10px #d0a85c80}.build-calculator-pro__page-subtitle{margin:15px 0 0;font-size:16px;color:#1a1a1ab3;text-transform:uppercase;letter-spacing:2px;font-weight:600}.build-calculator-pro__loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.pro-header{background:#f8f8f8cc;border:2px solid rgba(8,215,247,.3);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);padding:40px;margin-bottom:500px;box-shadow:0 4px 15px #0000001a;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.pro-header__champion{display:flex;align-items:center;gap:20px}.pro-header__champion-image{width:80px;height:80px;border:3px solid rgb(8,215,247);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 15px #08d7f780}.pro-header__info{flex:1}.pro-header__title-input{background:transparent;border:none;color:#1a1a1a;font-size:28px;font-weight:700;width:100%;padding:5px 0;text-transform:uppercase;font-style:italic;letter-spacing:1px}.pro-header__title-input:focus{outline:none;border-bottom:2px solid rgb(8,215,247)}.pro-header__description{background:transparent;border:none;color:#1a1a1ab3;font-size:14px;width:100%;padding:5px 0;margin-top:5px}.pro-header__description:focus{outline:none;color:#1a1a1a}.pro-header__select{text-align:center;width:100%;position:relative;z-index:1;min-height:400px}.pro-header__select h2{margin:0 0 40px;color:#1a1a1a;font-size:36px;text-transform:uppercase;font-style:italic;letter-spacing:3px;font-weight:700;text-shadow:0 0 20px rgba(8,215,247,.3);position:relative;display:inline-block}.pro-header__select h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#08d7f7,#d0a85c);box-shadow:0 0 10px #08d7f780}.champion-search-pro{position:relative;max-width:500px;margin:0 auto;z-index:100000;isolation:isolate}.champion-search-pro__input{width:100%;padding:16px 24px;background:linear-gradient(135deg,#1a1a2ef2,#0f0f1ef2);border:3px solid rgba(8,215,247,.5);color:#fff;font-size:16px;box-sizing:border-box;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);text-align:center;font-weight:600;letter-spacing:1px;transition:all .3s ease}.champion-search-pro__input::placeholder{color:#08d7f799;text-transform:uppercase;font-size:14px;letter-spacing:2px}.champion-search-pro__input:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 30px #08d7f799,inset 0 0 20px #08d7f71a;background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}.champion-search-pro__dropdown{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;background:#1a1a2e!important;border:3px solid rgb(8,215,247)!important;list-style:none!important;margin:0!important;padding:12px!important;max-height:400px!important;overflow-y:auto!important;z-index:999999!important;box-shadow:0 10px 40px #000000f2,0 0 40px #08d7f7cc!important;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.champion-search-pro__dropdown::-webkit-scrollbar{width:8px}.champion-search-pro__dropdown::-webkit-scrollbar-track{background:#1a1a1a80}.champion-search-pro__dropdown::-webkit-scrollbar-thumb{background:#08d7f7;border-radius:4px}.champion-search-pro__option{display:flex!important;align-items:center!important;padding:14px 16px!important;cursor:pointer!important;gap:15px!important;color:#fff!important;background:#00000080!important;font-size:15px!important;font-weight:600!important;transition:all .3s ease!important;margin-bottom:8px!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;border:2px solid transparent!important;visibility:visible!important;opacity:1!important;list-style:none!important}.champion-search-pro__option:last-child{margin-bottom:0!important}.champion-search-pro__option:hover{background:#08d7f74d!important;border-color:#08d7f7!important;transform:translate(5px)!important;box-shadow:0 0 15px #08d7f780!important}.champion-search-pro__option span{color:#fff!important;letter-spacing:.5px!important;font-size:15px!important}.champion-search-pro__option-img{width:50px;height:50px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:2px solid rgba(8,215,247,.5);box-shadow:0 0 10px #08d7f74d}.pro-content{display:grid;grid-template-columns:1fr 300px;gap:20px}.pro-build-section{background:#f8f8f8cc;border:2px solid rgba(8,215,247,.3);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding:30px;box-shadow:0 4px 15px #0000001a;min-height:600px}.pro-section-title{margin:0 0 20px;font-size:20px;color:#08d7f7;font-weight:700;border-bottom:2px solid rgba(8,215,247,.3);padding-bottom:10px;text-transform:uppercase;font-style:italic;letter-spacing:1.5px}.build-phase{margin-bottom:25px;background:#fff;border:2px solid rgba(8,215,247,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:15px;box-shadow:0 2px 8px #0000001a}.build-phase__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.build-phase__title{margin:0;font-size:14px;color:#08d7f7;font-weight:700;text-transform:uppercase;letter-spacing:1px}.build-phase__cost{font-size:14px;color:#fbbf24;font-weight:700}.build-phase__items{display:flex;gap:10px;flex-wrap:wrap}.pro-item-slot{position:relative;width:64px;height:64px;background:#1a1a1ae6;border:2px dashed rgba(8,215,247,.5);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);display:flex;align-items:center;justify-content:center;cursor:pointer}.pro-item-slot:hover{border-color:#08d7f7}.pro-item-slot_filled{border-style:solid;border-color:#08d7f7;box-shadow:0 0 10px #08d7f74d}.pro-item-slot__image{width:100%;height:100%;object-fit:contain;border-radius:4px}.pro-item-slot__placeholder{font-size:20px;color:#08d7f74d;font-weight:300}.pro-item-slot__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#ef4444;border:none;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.pro-item-slot__remove:hover{background:#dc2626}.pro-item-slot__cost{position:absolute;bottom:2px;right:2px;background:#000c;color:#fbbf24;font-size:10px;font-weight:700;padding:2px 4px;border-radius:3px}.build-notes{margin-top:25px;background:#fff;border:2px solid rgba(8,215,247,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:15px;box-shadow:0 2px 8px #0000001a}.build-notes__title{margin:0 0 10px;font-size:14px;color:#08d7f7;font-weight:700;text-transform:uppercase;letter-spacing:1px}.build-notes__textarea{width:100%;padding:12px 16px;background:#1a1a1a;border:2px solid rgba(8,215,247,.4);color:#fffffff2;font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;box-sizing:border-box;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);min-height:100px}.build-notes__textarea:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 20px #08d7f766}.build-notes__textarea::placeholder{color:#08d7f766;font-style:italic}.pro-save-btn{width:100%;padding:14px;background:#08d7f7;border:none;color:#1a1a1a;font-size:15px;font-weight:700;cursor:pointer;margin-top:20px;text-transform:uppercase;letter-spacing:1.5px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 20px #08d7f766}.pro-save-btn:hover{background:#0ae6ff;box-shadow:0 0 30px #08d7f799}.pro-items-panel{background:#f8f8f8cc;border:2px solid rgba(8,215,247,.3);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding:20px;max-height:900px;overflow-y:auto;position:sticky;top:90px;box-shadow:0 4px 15px #0000001a}.pro-items-panel__title{margin:0 0 15px;font-size:18px;color:#08d7f7;font-weight:700;text-transform:uppercase;font-style:italic;letter-spacing:1.5px}.pro-items-panel__search{width:100%;padding:10px 12px;background:#1a1a1a;border:2px solid rgba(8,215,247,.4);color:#fff;font-size:13px;margin-bottom:12px;box-sizing:border-box;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.pro-items-panel__search::placeholder{color:#08d7f780}.pro-items-panel__search:focus{outline:none;border-color:#08d7f7;box-shadow:0 0 15px #08d7f766}.pro-items-panel__categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.pro-category-btn{padding:6px 12px;background:#1a1a1ae6;border:2px solid rgba(8,215,247,.3);color:#ffffffb3;font-size:11px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.pro-category-btn:hover{border-color:#08d7f7;color:#08d7f7}.pro-category-btn_active{background:#08d7f7;border-color:#08d7f7;color:#1a1a1a}.pro-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.pro-item-card{position:relative;background:#fff;border:1px solid rgba(8,215,247,.3);padding:5px;cursor:grab;aspect-ratio:1;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.pro-item-card:active{cursor:grabbing}.pro-item-card:hover{border-color:#08d7f7}.pro-item-card__image{width:100%;height:100%;object-fit:contain;border-radius:4px}.pro-item-card__cost{position:absolute;bottom:2px;right:2px;background:#000000e6;color:#fbbf24;font-size:9px;font-weight:700;padding:2px 4px;border-radius:3px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0f1425;border:1px solid #2d3548;border-radius:8px;max-width:500px;width:90%;position:relative}.modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:transparent;border:1px solid #ef4444;border-radius:50%;color:#ef4444;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef4444;color:#fff}.modal-body{padding:40px 30px 30px}.modal-message{font-size:16px;color:#fff;text-align:center;margin:0;line-height:1.6}.modal-footer{padding:0 30px 30px;display:flex;justify-content:center}.modal-btn{padding:10px 30px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.modal-btn_primary{background:#5383e8;color:#fff}.modal-btn_primary:hover{background:#4070d9}.pro-items-panel::-webkit-scrollbar{width:8px}.pro-items-panel::-webkit-scrollbar-track{background:#1a1a1a80;border-radius:4px}.pro-items-panel::-webkit-scrollbar-thumb{background:#08d7f7;border-radius:4px}.pro-items-panel::-webkit-scrollbar-thumb:hover{background:#0ae6ff}@media (max-width: 1200px){.pro-content{grid-template-columns:1fr}.pro-items-panel{position:static;max-height:500px}}@media (max-width: 768px){.build-calculator-pro{padding:70px 10px 30px}.pro-header{padding:20px}.pro-header__champion{flex-direction:column;text-align:center}.pro-header__title-input{font-size:22px;text-align:center}.build-phase__items{justify-content:center}.pro-items-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}