*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0e27;color:#e0e0e0;font-family:Roboto;font-weight:400;line-height:1.6}.navbar{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(10,20,40,.95),rgba(20,30,50,.95));border-bottom:1px solid rgba(102,126,234,.2);box-shadow:0 4px 20px rgba(0,0,0,.3);padding:0;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.navbar-brand{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:12px;text-decoration:none;transition:all .3s ease}.navbar-brand .brand-icon{animation:float 3s ease-in-out infinite;font-size:2rem}.navbar-brand .brand-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand:hover{transform:translateY(-2px)}.navbar-brand:hover .brand-icon{transform:rotate(10deg) scale(1.1)}.navbar-menu{align-items:center;display:flex;gap:.5rem}.lang-toggle{display:flex;gap:.4rem;margin-left:.6rem}.lang-btn{background:rgba(102,126,234,.12);border:1px solid rgba(102,126,234,.35);border-radius:6px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1;padding:.45rem .65rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.lang-btn:hover{background:rgba(102,126,234,.25)}.lang-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.lang-btn:active{transform:scale(.92)}.nav-link{align-items:center;border-radius:8px;color:hsla(0,0%,100%,.8);display:flex;font-weight:500;gap:8px;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link .nav-icon{font-size:1.2rem;transition:transform .3s ease}.nav-link:before{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover{background:rgba(102,126,234,.1);color:#fff}.nav-link:hover .nav-icon{transform:scale(1.2) rotate(5deg)}.nav-link:hover:before{width:80%}.nav-link.active{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border:1px solid rgba(102,126,234,.3);color:#fff}.nav-link.active:before{width:80%}.nav-user-menu{align-items:center;border-left:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;margin-left:1rem;padding-left:1rem}.nav-user-menu .nav-username{color:#0bc6e3;font-size:.95rem;font-weight:600}.nav-login{background:rgba(11,198,227,.1);border:1px solid rgba(11,198,227,.3);margin-left:1rem}.nav-login:hover{background:rgba(11,198,227,.2);border-color:#0bc6e3}.nav-register{background:linear-gradient(135deg,#0bc6e3,#2cdaf5);color:#fff!important;font-weight:600}.nav-register:hover{box-shadow:0 4px 15px rgba(11,198,227,.4);transform:translateY(-2px)}.nav-logout{color:#ff6b6b!important}.nav-logout:hover{background:hsla(0,100%,71%,.1)}.navbar-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem}.navbar-toggle span{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;display:block;height:3px;transition:all .3s ease;width:25px}.navbar-toggle.active span:first-child{transform:rotate(45deg) translateY(8px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.nav-user-menu{position:relative}.user-menu-toggle{align-items:center;background:rgba(11,198,227,.1);border:1px solid rgba(11,198,227,.3);border-radius:8px;color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:.75rem 1.25rem;transition:all .3s ease}.user-menu-toggle svg{color:#0bc6e3}.user-menu-toggle .chevron{transition:transform .3s ease}.user-menu-toggle:hover{background:rgba(11,198,227,.2);border-color:#0bc6e3;transform:translateY(-2px)}.user-menu-toggle:active .chevron{transform:rotate(180deg)}.user-dropdown{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(10,20,40,.98),rgba(20,30,50,.98));border:1px solid rgba(11,198,227,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);min-width:240px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.user-dropdown.active{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown:before{background:rgba(10,20,40,.98);border-left:1px solid rgba(11,198,227,.3);border-top:1px solid rgba(11,198,227,.3);content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.dropdown-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:14px 20px;text-decoration:none;transition:all .2s ease}.dropdown-item svg{flex-shrink:0;opacity:.7;transition:all .2s ease}.dropdown-item:hover{background:rgba(11,198,227,.1);color:#fff;padding-left:24px}.dropdown-item:hover svg{color:#0bc6e3;opacity:1;transform:translateX(4px)}.dropdown-item:last-child{border-bottom:none}.dropdown-item.admin-item{background:rgba(76,175,80,.05);border-left:3px solid #4caf50}.dropdown-item.admin-item:hover{background:rgba(76,175,80,.15)}.dropdown-item.admin-item:hover svg{color:#4caf50}.dropdown-item.logout-item{color:rgba(244,67,54,.9)}.dropdown-item.logout-item:hover{background:rgba(244,67,54,.1);color:#f44336}.dropdown-item.logout-item:hover svg{color:#f44336}.dropdown-divider{background:linear-gradient(90deg,transparent,rgba(11,198,227,.3),transparent);height:1px;margin:8px 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer{background:linear-gradient(135deg,rgba(10,20,40,.98),rgba(20,30,50,.98));border-top:1px solid rgba(102,126,234,.2);margin-top:4rem;padding:2rem 1rem}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.footer-brand{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-disclaimer{color:hsla(0,0%,100%,.5);font-size:.85rem;line-height:1.5;margin:0 auto 1.5rem;max-width:800px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0}.footer-links a{color:hsla(0,0%,100%,.7);font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#cc8e35}.footer-links .separator{color:hsla(0,0%,100%,.3);font-size:.8rem}.footer-copyright{color:hsla(0,0%,100%,.4);font-size:.8rem;margin-top:1rem}.main-content{min-height:calc(100vh - 200px)}@media(max-width:768px){.navbar-container{padding:1rem}.navbar-toggle{display:flex}.navbar-menu{background:linear-gradient(135deg,rgba(10,20,40,.98),rgba(20,30,50,.98));border-top:1px solid rgba(102,126,234,.2);box-shadow:0 4px 20px rgba(0,0,0,.3);flex-direction:column;gap:0;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:all .3s ease}.navbar-menu.active{max-height:600px;opacity:1;overflow-y:auto;padding:1rem 0}.nav-link{border-radius:0;justify-content:flex-start;padding:1rem 2rem;width:100%}.nav-link:before{display:none}.nav-link:hover{background:rgba(102,126,234,.2)}.nav-user-menu{align-items:flex-start;border-left:none;border-top:1px solid hsla(0,0%,100%,.1);flex-direction:column;margin:0;padding:1rem 2rem;position:relative;width:100%}.user-menu-toggle{justify-content:space-between;width:100%}.user-dropdown{border-radius:8px;box-shadow:none;margin-top:.5rem;min-width:auto;position:static;transform:none;width:100%}.user-dropdown:before{display:none}.user-dropdown:not(.active){border:none;max-height:0;padding:0}.user-dropdown.active{max-height:500px;padding:.5rem 0}.dropdown-item{font-size:.9rem;padding:12px 16px}.dropdown-item:hover{padding-left:20px}.nav-login,.nav-register{margin-left:0;width:100%}.navbar-brand{font-size:1.3rem}.navbar-brand .brand-icon{font-size:1.5rem}}.username-custom{display:inline-block}.neon-effect{animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.anim-pulse{animation:pulse 2s ease-in-out infinite}@keyframes slide{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.anim-slide{animation:slide 3s ease infinite;background-size:200% 200%}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.anim-rainbow{animation:rainbow 3s linear infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.anim-glitch{animation:glitch .3s infinite}.champion-carousel{inset:0;overflow:hidden;position:absolute;z-index:0}.carousel-track{height:100%;position:relative;width:100%}.carousel-slide{background-position:center 30%;background-size:cover;height:100%;inset:0;opacity:0;position:absolute;transition:opacity 4s ease-in-out;width:100%}.carousel-slide.active{opacity:1}.carousel-slide.fading-in{opacity:1;transition:opacity 8s ease-in}.carousel-slide.fading-out{opacity:0;transition:opacity 12s ease-out}.search-section-hero{align-items:center;background:linear-gradient(135deg,#0a1428,#141e32 50%,#0a1428);display:flex;flex-direction:column;justify-content:center;min-height:85vh;overflow:hidden;padding:2rem;position:relative}.hero-layout{position:relative}.hero-left{min-width:0}.hero-right{width:min(380px,90vw)}.hero-right,.leaderboard-widget-overlay{position:absolute;right:5vw;top:50%;transform:translateY(-50%);z-index:3}.leaderboard-widget-overlay{width:min(420px,38vw)}@media(max-width:992px){.leaderboard-widget-overlay{margin:0 auto 2rem;max-width:600px;order:2;position:static;transform:none;width:100%}}.search-hero-content{animation:fadeInUp .8s ease;max-width:800px;position:relative;width:100%;z-index:2}@media(max-width:992px){.search-hero-content{order:1}}.search-header{margin-bottom:3rem;text-align:center}.search-main-title{background:linear-gradient(135deg,#0bc6e3,#667eea 50%,#764ba2);-webkit-background-clip:text;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;-webkit-text-fill-color:transparent;align-items:center;animation:slideInDown .8s ease;background-clip:text;display:flex;gap:1rem;justify-content:center;line-height:1.2;margin-bottom:1rem}.title-icon{animation:pulse 2s ease-in-out infinite;display:inline-block;font-size:clamp(3.5rem,10vw,6rem)}.search-subtitle{animation:fadeIn 1s ease .3s backwards;color:hsla(0,0%,100%,.85);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:500}.search-box-large{animation:scaleIn .6s ease .4s backwards;backdrop-filter:blur(20px);background:rgba(30,35,55,.95);border:2px solid rgba(11,198,227,.3);border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(11,198,227,.2);padding:2.5rem;transition:all .4s ease}.search-box-large:hover{border-color:rgba(11,198,227,.5);box-shadow:0 25px 70px rgba(0,0,0,.6),0 0 120px rgba(11,198,227,.3);transform:translateY(-5px)}.search-input-group{display:flex;flex-direction:column;gap:1.2rem}@media(min-width:768px){.search-input-group{align-items:stretch;flex-direction:row}}.input-wrapper,.select-wrapper{flex:1;position:relative}.input-icon,.select-icon{animation:bounceIn .6s ease;font-size:1.5rem;left:1.2rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input-large{background:rgba(20,25,40,.8);border:2px solid hsla(0,0%,100%,.15);border-radius:15px;color:#e0e0e0;font-size:1.1rem;font-weight:500;padding:1.4rem 1.4rem 1.4rem 3.8rem;transition:all .3s ease;width:100%}.search-input-large:focus{background:rgba(20,25,40,.95);border-color:#0bc6e3;box-shadow:0 0 30px rgba(11,198,227,.4),inset 0 0 20px rgba(11,198,227,.1);outline:none;transform:scale(1.02)}.search-input-large::placeholder{color:hsla(0,0%,100%,.4)}.region-select-large{appearance:none;background:rgba(20,25,40,.8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1.2rem center;background-repeat:no-repeat;border:2px solid hsla(0,0%,100%,.15);border-radius:15px;color:#e0e0e0;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1.4rem 1.4rem 1.4rem 3.8rem;transition:all .3s ease;width:100%}.region-select-large:focus{background-color:rgba(20,25,40,.95);border-color:#0bc6e3;box-shadow:0 0 30px rgba(11,198,227,.4);outline:none;transform:scale(1.02)}.region-select-large option{background:#141928;padding:.5rem}@media(min-width:768px){.region-select-large{max-width:200px}}.search-button-large{align-items:center;background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border:none;border-radius:15px;box-shadow:0 10px 40px rgba(11,198,227,.4);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1.4rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.search-button-large:before{background:linear-gradient(135deg,#45def6,#0bc6e3);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.search-button-large .button-icon,.search-button-large .button-text{position:relative;z-index:1}.search-button-large .button-icon{font-size:1.5rem;transition:transform .3s ease}.search-button-large:hover{box-shadow:0 15px 50px rgba(11,198,227,.6);transform:translateY(-3px) scale(1.03)}.search-button-large:hover:before{opacity:1}.search-button-large:hover .button-icon{transform:translateX(5px)}.search-button-large:active{transform:translateY(-1px) scale(1.01)}@media(max-width:767px){.search-button-large{width:100%}}.hero-decoration{inset:0;pointer-events:none;position:absolute;z-index:1}.decoration-orb{animation:float-orb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.decoration-orb.orb-1{animation-delay:0s;background:radial-gradient(circle,#0bc6e3 0,transparent 70%);height:500px;left:-250px;top:-250px;width:500px}.decoration-orb.orb-2{animation-delay:7s;background:radial-gradient(circle,#667eea 0,transparent 70%);bottom:-300px;height:600px;right:-300px;width:600px}.decoration-orb.orb-3{animation-delay:14s;background:radial-gradient(circle,#764ba2 0,transparent 70%);height:400px;right:5%;top:50%;width:400px}.features-section{background:linear-gradient(180deg,#0a1428,#0f192d);padding:6rem 2rem;position:relative}.features-main-title{align-items:center;color:#e0e0e0;display:flex;font-size:clamp(2rem,5vw,3rem);font-weight:800;gap:1rem;justify-content:center;margin-bottom:4rem;text-align:center}.features-main-title .features-icon{animation:pulse 2s ease-in-out infinite;font-size:clamp(2.5rem,6vw,3.5rem)}.features-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{animation:fadeInUp .6s ease backwards;backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(20,30,50,.8),rgba(30,40,60,.8));border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:hover{border-color:rgba(102,126,234,.5);box-shadow:0 12px 40px rgba(102,126,234,.3);transform:translateY(-8px)}.feature-card:hover .feature-icon{transform:scale(1.2) rotate(5deg)}.feature-icon{display:inline-block;font-size:3rem;margin-bottom:1.5rem;transition:transform .3s ease}.feature-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.feature-description{color:hsla(0,0%,100%,.7);line-height:1.6}.leaderboard-widget{backdrop-filter:blur(18px);background:linear-gradient(135deg,rgba(16,22,44,.8),rgba(28,36,66,.85));border:1px solid rgba(102,126,234,.35);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 80px rgba(102,126,234,.2);padding:1rem}.lbw-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.lbw-title{color:#fff;font-weight:800;letter-spacing:.3px}.lbw-select{background:rgba(20,26,50,.9);border:1px solid rgba(102,126,234,.4);border-radius:10px;color:#fff;cursor:pointer;padding:.4rem .8rem}.lbw-content{margin-top:.25rem}.lbw-row{align-items:center;border-radius:12px;display:grid;gap:.5rem;grid-template-columns:32px 36px 1fr auto;padding:.55rem .5rem;transition:background .2s ease,transform .2s ease}.lbw-row:hover{background:rgba(102,126,234,.12);transform:translateY(-1px)}.lbw-rank{color:#ffd54f;font-weight:800}.lbw-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.lbw-summoner-icon{border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.3);height:32px;object-fit:cover;width:32px}.lbw-name{color:#fff;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbw-meta{color:hsla(0,0%,100%,.75);font-size:.9rem;font-weight:600}.lb-empty{color:hsla(0,0%,100%,.65);font-style:italic;padding:.6rem .4rem}@media(max-width:992px){.hero-right{margin-top:1rem;position:static;transform:none;width:100%}}.search-section{background:linear-gradient(135deg,#0a1428,#141e32);padding:5rem 2rem}.search-container{margin:0 auto;max-width:700px}.search-box{animation:fadeInUp .8s ease;background:linear-gradient(135deg,rgba(20,30,50,.9),rgba(30,40,60,.9));border:1px solid rgba(102,126,234,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4);padding:3rem}.search-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.region-select,.search-input{background:rgba(10,20,40,.8);border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;padding:1rem 1.5rem}.region-select:focus,.search-input:focus{background:rgba(10,20,40,.95);border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.2)}.region-select::placeholder,.search-input::placeholder{color:hsla(0,0%,100%,.5)}.region-select option{background:#141e32;color:#fff}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px rgba(102,126,234,.4);color:#fff;display:flex;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-button:before{background:linear-gradient(135deg,#764ba2,#667eea);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.search-button .button-icon,.search-button .button-text{position:relative;z-index:1}.search-button .button-icon{transition:transform .3s ease}.search-button:hover{box-shadow:0 8px 30px rgba(102,126,234,.6)}.search-button:hover:before{opacity:1}.search-button:hover .button-icon{transform:scale(1.2)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes float-orb{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-30px,30px)}}.feature-card{opacity:0;transform:translateY(30px)}.feature-card.animate-in{animation:fadeInUp .6s ease forwards}@media(max-width:768px){.search-section-hero{min-height:70vh;padding:1.5rem}.search-hero-content{max-width:100%;width:100%!important}.leaderboard-widget-overlay{margin-top:1.5rem;position:static!important;transform:none!important;width:100%!important}.search-box-large{padding:1.5rem}.search-main-title{flex-direction:column;gap:.5rem}.search-input-group{flex-direction:column;gap:1rem}.region-select-large,.search-input-large{font-size:1rem;padding:1.2rem 1.2rem 1.2rem 3.5rem;width:100%}.search-button-large{font-size:1.1rem;padding:1.2rem 2rem;width:100%}.features-section{padding:4rem 1rem}.features-container{gap:1.5rem;grid-template-columns:1fr}.search-section{padding:3rem 1rem}.search-box{padding:2rem 1.5rem}.search-title{font-size:1.5rem}.decoration-orb.orb-1{height:300px;width:300px}.decoration-orb.orb-2{height:350px;width:350px}.decoration-orb.orb-3{height:250px;width:250px}.carousel-slide{background-position:center 40%!important}.recent-searches-box{margin-top:1rem}.how-to-play-section{padding:3rem 1rem}.htp-steps{gap:1rem;grid-template-columns:1fr}.htp-step-visual{height:200px}}@media(max-width:480px){.search-section-hero{min-height:60vh;padding:1rem}.search-main-title{font-size:2.5rem}.title-icon{font-size:3rem}.search-subtitle{font-size:1rem}.search-box-large{padding:1rem}.region-select-large,.search-button-large,.search-input-large{font-size:.9rem;padding:1rem 1rem 1rem 3rem}.search-button-large{padding:1rem 1.5rem}.leaderboard-widget-overlay{margin-top:1rem;width:100%}.search-hero-content{width:100%}.recent-searches-box{margin-top:.75rem;padding:.5rem .75rem}.recent-searches-list a{font-size:.7rem;padding:.25rem .5rem}.how-to-play-section{padding:2rem 1rem}.htp-title{font-size:1.5rem}.htp-step-visual{height:150px}.htp-step-overlay{flex-direction:column;gap:.25rem}.htp-step-number{font-size:1rem}.htp-step-overlay h3{font-size:.9rem}.htp-step-overlay p{font-size:.75rem}}.search-container{animation:fadeIn .5s ease;margin:60px auto;max-width:600px}.search-box{backdrop-filter:blur(10px);background:rgba(30,35,55,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.4);padding:30px}.search-box h2{color:#0bc6e3;font-size:1.8rem;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.region-select,.search-input{background:rgba(20,25,40,.8);border:2px solid hsla(0,0%,100%,.1);border-radius:8px;color:#e0e0e0;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.region-select:focus,.search-input:focus{border-color:#0bc6e3;box-shadow:0 0 15px rgba(11,198,227,.3);outline:none}.region-select::placeholder,.search-input::placeholder{color:gray}.region-select{cursor:pointer}.region-select option{background:#1a1e35;color:#e0e0e0}.search-button{background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border:none;border-radius:8px;color:#0a0e27;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.search-button:hover{box-shadow:0 6px 20px rgba(11,198,227,.4);transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.features{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:40px}.feature{background:rgba(20,30,50,.5);border:1px solid rgba(11,198,227,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.feature:hover{border-color:rgba(11,198,227,.3);transform:translateY(-5px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:10px}.feature h3{color:#0bc6e3;font-size:1rem;margin-bottom:8px}.feature p{color:#b0b0b0;font-size:.85rem}.profile-container{animation:fadeIn .6s ease;margin:0 auto;max-width:1200px}.profile-header{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(20,30,50,.95),rgba(30,40,60,.95));border:1px solid rgba(11,198,227,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);margin-bottom:30px;overflow:hidden;padding:40px;position:relative}.profile-header:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,rgba(11,198,227,.1) 0,transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summoner-info{align-items:center;display:flex;gap:30px;margin-bottom:40px;position:relative;z-index:1}@media(max-width:768px){.summoner-info{flex-direction:column;text-align:center}}.profile-icon{animation:bounceIn .8s ease;position:relative}.profile-icon img{border:4px solid #0bc6e3;border-radius:50%;box-shadow:0 10px 30px rgba(11,198,227,.5),0 0 60px rgba(11,198,227,.3);height:120px;position:relative;transition:all .4s ease;width:120px}.profile-icon img:hover{box-shadow:0 15px 40px rgba(11,198,227,.7),0 0 80px rgba(11,198,227,.5);transform:scale(1.1) rotate(5deg)}.profile-icon:after{animation:pulse 2s ease-in-out infinite;border:2px solid rgba(11,198,227,.3);border-radius:50%;content:"";height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.15)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.level-badge{animation:levelPop 1s ease .5s backwards;background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border-radius:16px;bottom:-8px;box-shadow:0 4px 12px rgba(0,0,0,.4);color:#0a0e27;font-size:1rem;font-weight:700;left:50%;padding:6px 16px;position:absolute;transform:translateX(-50%)}@keyframes levelPop{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.summoner-details{flex:1}.summoner-details h1{background:linear-gradient(135deg,#0bc6e3,#45def6);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:10px;-webkit-text-fill-color:transparent;animation:slideInLeft .6s ease;background-clip:text}.summoner-details .tag{color:gray;font-size:1.8rem;opacity:.8}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.region{background:rgba(11,198,227,.15);border:1px solid rgba(11,198,227,.4);border-radius:20px;color:#0bc6e3;display:inline-block;font-size:1.1rem;font-weight:600;padding:6px 16px}.claim-profile-button{animation:slideInLeft .8s ease .2s both;margin-top:15px}.claim-profile-button .btn-claim{align-items:center;background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(11,198,227,.3);color:#0a1428;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.claim-profile-button .btn-claim:hover{background:linear-gradient(135deg,#14d6f4,#45def6);box-shadow:0 8px 25px rgba(11,198,227,.5);transform:translateY(-3px)}.claim-profile-button .btn-claim:active{box-shadow:0 4px 15px rgba(11,198,227,.4);transform:translateY(-1px)}.ranked-overview-horizontal{margin-bottom:2.5rem}.ranked-queue-horizontal{background:linear-gradient(135deg,rgba(10,20,35,.6),rgba(15,25,45,.6));border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);overflow:hidden}.queue-tabs{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:0;padding:0}.queue-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:hsla(0,0%,100%,.5);cursor:pointer;flex:1;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:12px 16px;text-align:center;text-transform:uppercase;transition:all .3s ease}.queue-tab:hover{background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.8)}.queue-tab.active{background:rgba(11,198,227,.08);border-bottom-color:#0bc6e3;color:#0bc6e3}.queue-content{background:transparent;padding:24px}.rank-content-minimal{display:flex;flex-direction:column;gap:0}.rank-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.rank-header h2{color:hsla(0,0%,100%,.8);font-size:.85rem;font-weight:800;letter-spacing:2px;margin:0;text-transform:uppercase}.rank-header .matches-count{color:hsla(0,0%,100%,.4);font-size:.75rem;font-weight:600;letter-spacing:.5px}.rank-main-content{align-items:center;display:flex;gap:2rem}@media(max-width:768px){.rank-main-content{flex-wrap:wrap;gap:1.5rem}}.rank-current{gap:12px;min-width:max-content}.current-badge,.rank-current{align-items:center;display:flex}.current-badge{flex-shrink:0;height:80px;justify-content:center;width:80px}.current-badge img{filter:drop-shadow(0 4px 12px rgba(11,198,227,.25));height:100%;object-fit:contain;transition:all .3s ease;width:100%}.current-badge img:hover{filter:drop-shadow(0 6px 16px rgba(11,198,227,.4));transform:scale(1.05)}.current-text{display:flex;flex-direction:column;gap:2px}.current-text .tier{color:#fff;font-size:1.25rem;font-weight:900;letter-spacing:.5px;line-height:1.1;text-transform:uppercase}.current-text .lp{color:#0bc6e3;font-size:.9rem;font-weight:700;letter-spacing:.5px}.rank-current:after{background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:60px;margin-left:1rem;width:1px}.rank-extras{align-items:center;display:flex;flex:1;gap:2rem}@media(max-width:900px){.rank-extras{gap:1.5rem}}@media(max-width:768px){.rank-extras{flex-wrap:wrap;gap:1rem;width:100%}}.rank-info-item{display:flex;flex-direction:column;gap:6px;min-width:max-content}.info-label{color:hsla(0,0%,100%,.4);font-size:.65rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.info-content{gap:8px}.info-content,.mini-badge{align-items:center;display:flex}.mini-badge{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:4px;flex-shrink:0;height:50px;justify-content:center;width:50px}.mini-badge img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:90%;object-fit:contain;transition:all .2s ease;width:90%}.mini-badge:hover{background:hsla(0,0%,100%,.04);border-color:rgba(11,198,227,.2)}.rank-text{color:hsla(0,0%,100%,.9);font-size:.85rem;font-weight:700;letter-spacing:.3px;line-height:1.3;text-transform:uppercase}.lp-small{color:hsla(0,0%,100%,.6);display:inline;font-size:.75rem;font-weight:600}.unranked-text{color:hsla(0,0%,100%,.5);font-size:.85rem;font-weight:600}.history-pills{display:flex;flex-wrap:wrap;gap:.6rem}.history-pills .pill{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:6px 10px;text-transform:uppercase;transition:all .2s ease}.history-pills .pill:hover{background:rgba(11,198,227,.1);border-color:rgba(11,198,227,.3);color:hsla(0,0%,100%,.9);transform:translateY(-1px)}.rank-stats{border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:1.5rem;margin-top:12px;padding-top:12px}@media(max-width:768px){.rank-stats{flex-wrap:wrap;gap:1rem}}.stat-item{min-width:max-content}.stat-item .stat-icon{align-items:center;background:rgba(11,198,227,.15);border-radius:4px;color:#0bc6e3;display:flex;font-size:.85rem;font-weight:700;height:24px;justify-content:center;width:24px}.stat-item .stat-content{display:flex;flex-direction:column;gap:2px}.stat-item .stat-content .stat-label{color:hsla(0,0%,100%,.4);font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stat-item .stat-content .stat-value{color:hsla(0,0%,100%,.95);font-size:.9rem;font-weight:800}.stat-item .stat-content .stat-subvalue{color:hsla(0,0%,100%,.5);font-size:.7rem}.stat-item.stat-wins .stat-value{color:#50fa7b}.stat-item.stat-losses .stat-value{color:#f55}.stat-item.stat-winrate .stat-value{color:#0bc6e3}.stat-item.stat-hotstreak .stat-value{animation:pulse-hotstreak 2s ease-in-out infinite;color:#ffb86c}.stat-item.stat-veteran .stat-icon{background:rgba(255,184,108,.15);color:#ffb86c}@keyframes pulse-hotstreak{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:900px){.rank-extras{gap:1rem}.rank-info-item{min-width:unset}}.ranked-overview{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3rem}.ranked-queue-section{backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(15,25,45,.98),rgba(20,35,55,.98));border:1px solid rgba(11,198,227,.15);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;padding:2.5rem;position:relative}.ranked-queue-section:before{background:linear-gradient(90deg,transparent,#0bc6e3,transparent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.queue-header{align-items:center;border-bottom:1px solid rgba(11,198,227,.2);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.2rem}.queue-header h2{color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:3px;margin:0;text-shadow:0 2px 10px rgba(11,198,227,.4);text-transform:uppercase}.queue-header .matches-info{color:hsla(0,0%,100%,.5);font-size:.85rem;font-weight:600;letter-spacing:.5px}.rank-stats-container{display:grid;gap:1.8rem;grid-template-columns:1.5fr 1fr 1fr 1fr}.rank-card{align-items:center;background:linear-gradient(145deg,rgba(25,35,60,.5),rgba(20,30,50,.5));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;display:flex;flex-direction:column;gap:1.2rem;justify-content:center;min-height:200px;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.rank-card:before{background:linear-gradient(180deg,rgba(11,198,227,.05),transparent);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.rank-card:hover{border-color:rgba(11,198,227,.4);box-shadow:0 15px 45px rgba(11,198,227,.25);transform:translateY(-8px)}.rank-card:hover:before{opacity:1}.rank-card.current-rank{background:linear-gradient(145deg,rgba(30,50,85,.7),rgba(25,40,70,.7));border:2px solid rgba(11,198,227,.6);box-shadow:0 10px 40px rgba(11,198,227,.3);min-height:300px}.rank-card.current-rank .rank-tier{font-size:2rem;text-shadow:0 2px 15px hsla(0,0%,100%,.3)}.rank-card.current-rank .rank-badge img{filter:drop-shadow(0 0 30px rgba(11,198,227,.7));height:140px;width:140px}.rank-card.current-rank:hover{box-shadow:0 20px 60px rgba(11,198,227,.4)}.rank-card.season-best .card-label{color:#ffd43b;font-size:.8rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.3rem;text-shadow:0 2px 10px rgba(255,212,59,.4);text-transform:uppercase}.rank-card.season-best:hover{border-color:rgba(255,212,59,.4);box-shadow:0 15px 45px rgba(255,212,59,.2)}.rank-card.all-time-best .card-label{color:#51cf66;font-size:.8rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.3rem;text-shadow:0 2px 10px rgba(81,207,102,.4);text-transform:uppercase}.rank-card.all-time-best:hover{border-color:rgba(81,207,102,.4);box-shadow:0 15px 45px rgba(81,207,102,.2)}.rank-card .card-label{color:hsla(0,0%,100%,.6);font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-align:center;text-transform:uppercase}.rank-badge{align-items:center;display:flex;height:140px;justify-content:center;position:relative;width:140px}.rank-badge img{filter:drop-shadow(0 8px 20px rgba(0,0,0,.7));height:100%;object-fit:contain;transition:transform .4s ease;width:100%}.rank-badge:hover img{transform:scale(1.05) rotate(3deg)}.rank-badge-small{align-items:center;display:flex;height:85px;justify-content:center;width:85px}.rank-badge-small img{filter:drop-shadow(0 5px 15px rgba(0,0,0,.6));height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.rank-badge-small:hover img{transform:scale(1.08)}.rank-info{display:flex;flex-direction:column;gap:.6rem;text-align:center;width:100%}.rank-info .rank-tier{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5);text-transform:uppercase}.rank-info .rank-lp{color:#0bc6e3;font-size:1.15rem;font-weight:700;letter-spacing:.5px}.rank-info-small{display:flex;flex-direction:column;gap:.4rem;text-align:center;width:100%}.rank-info-small .rank-tier-small{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.rank-info-small .rank-lp-small{color:hsla(0,0%,100%,.65);font-size:.9rem;font-weight:600}.winrate-card{align-items:center;display:flex;flex-direction:column;gap:1.2rem;justify-content:center}.winrate-card .winrate-stats{text-align:center}.winrate-card .winrate-percentage{color:#51cf66;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.6rem;text-shadow:0 2px 15px rgba(81,207,102,.4)}.winrate-card .winrate-details{color:hsla(0,0%,100%,.55);font-size:1rem;font-weight:600;letter-spacing:.5px}.ranked-stats{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:relative;z-index:1}.rank-box{animation:slideUp .6s ease backwards;background:linear-gradient(135deg,rgba(20,30,50,.8),rgba(30,40,60,.8));border:2px solid rgba(11,198,227,.3);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.rank-box:first-child{animation-delay:.1s}.rank-box:nth-child(2){animation-delay:.2s}.rank-box:before{background:linear-gradient(45deg,transparent,rgba(11,198,227,.1),transparent);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.rank-box:hover{border-color:#0bc6e3;box-shadow:0 20px 50px rgba(11,198,227,.3);transform:translateY(-10px) scale(1.02)}.rank-box:hover:before{left:100%;opacity:1}.rank-box.unranked{border-color:hsla(0,0%,39%,.3)}.rank-box.unranked:hover{border-color:hsla(0,0%,59%,.5);box-shadow:0 20px 50px hsla(0,0%,39%,.2)}.rank-box h3{color:#0bc6e3;font-size:1.2rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.rank-info{margin-bottom:15px}.tier{background:linear-gradient(135deg,#0bc6e3,#45def6);-webkit-background-clip:text;font-size:1.6rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;display:block;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.lp{color:#e0e0e0;font-size:1.2rem;font-weight:600}.win-rate{border-top:1px solid rgba(11,198,227,.2);color:#b0b0b0;font-size:.95rem;margin-top:15px;padding-top:15px}.win-rate .percentage{color:#0bc6e3;font-size:1.1rem;font-weight:700;margin-left:8px}.peak-rank{align-items:center;background:rgba(255,212,59,.1);border:1px solid rgba(255,212,59,.3);border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:10px 15px;transition:all .3s ease}.peak-rank:hover{background:rgba(255,212,59,.15);transform:translateX(5px)}.peak-rank .peak-label{color:#ffd43b;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.peak-rank .peak-tier{color:hsla(0,0%,100%,.9);font-size:.95rem;font-weight:700;text-transform:uppercase}.masteries-section{animation:fadeInUp .8s ease .3s backwards;background:linear-gradient(135deg,rgba(20,30,50,.95),rgba(30,40,60,.95));border:1px solid rgba(11,198,227,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);margin-bottom:30px;padding:40px}.masteries-section h2{color:#0bc6e3;font-size:1.8rem;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;position:relative;text-transform:uppercase}.masteries-section h2:after{background:linear-gradient(90deg,#0bc6e3,transparent);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.masteries-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.mastery-card{animation:scaleIn .5s ease backwards;background:linear-gradient(135deg,rgba(10,20,40,.8),rgba(20,30,50,.8));border:2px solid rgba(11,198,227,.2);border-radius:16px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.mastery-card:first-child{animation-delay:.5s}.mastery-card:nth-child(2){animation-delay:.6s}.mastery-card:nth-child(3){animation-delay:.7s}.mastery-card:nth-child(4){animation-delay:.8s}.mastery-card:nth-child(5){animation-delay:.9s}.mastery-card:before{background:linear-gradient(90deg,#0bc6e3,#45def6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.mastery-card:hover{border-color:#0bc6e3;box-shadow:0 15px 40px rgba(11,198,227,.4);transform:translateY(-10px) scale(1.05)}.mastery-card:hover:before{transform:scaleX(1)}.mastery-card:hover .champion-icon img{transform:scale(1.1) rotate(5deg)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.champion-icon{margin-bottom:15px}.champion-icon img{border:2px solid rgba(11,198,227,.3);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.3);height:90px;transition:all .4s ease;width:90px}.champion-name{color:#e0e0e0;display:block;font-size:1.1rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mastery-level{color:#0bc6e3;display:block;font-size:1rem;font-weight:700;margin-bottom:6px}.mastery-points{color:#b0b0b0;display:block;font-size:.9rem}.matches-section{animation:fadeInUp .8s ease .5s backwards;background:linear-gradient(135deg,rgba(20,30,50,.95),rgba(30,40,60,.95));border:1px solid rgba(11,198,227,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);margin-bottom:30px;padding:40px}.matches-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.matches-header h2{color:#0bc6e3;font-size:1.8rem;letter-spacing:2px;margin:0;text-transform:uppercase}.game-mode-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:rgba(10,20,40,.8);border:2px solid rgba(11,198,227,.3);border-radius:25px;color:#b0b0b0;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{background:rgba(11,198,227,.1);border-color:rgba(11,198,227,.5);color:#e0e0e0;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border-color:#0bc6e3;box-shadow:0 4px 15px rgba(11,198,227,.4);color:#fff}.global-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:linear-gradient(135deg,rgba(10,20,40,.9),rgba(20,30,50,.9));border:2px solid rgba(11,198,227,.2);border-radius:16px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{border-color:rgba(11,198,227,.5);box-shadow:0 10px 30px rgba(11,198,227,.3);transform:translateY(-5px)}.stat-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:#e0e0e0;font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:5px}.stat-label{color:#b0b0b0;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.victory-text{color:#51cf66}.defeat-text{color:#ff6b6b}@media(max-width:1200px){.rank-main-content{gap:2rem}.rank-extras{flex-wrap:wrap;gap:2rem}.current-badge{height:75px;width:75px}.current-text .tier{font-size:1.1rem}}@media(max-width:992px){.rank-main-content{align-items:stretch;flex-direction:column}.rank-extras{gap:1.5rem}.rank-current{gap:1rem}}@media(max-width:768px){.queue-content{padding:1.5rem}.rank-header h2{font-size:.85rem;letter-spacing:1.5px}.rank-main-content{gap:1.2rem}.rank-extras{gap:1rem}.rank-info-item{flex:1;min-width:100px}.current-badge{height:70px;width:70px}.current-text .tier{font-size:1rem}.current-text .lp{font-size:.85rem}.info-label{font-size:.65rem}.mini-badge{height:40px;width:40px}.rank-text{font-size:.75rem}}@media(max-width:480px){.queue-tabs{gap:.5rem;padding:1rem 1rem 0}.queue-tab{font-size:.75rem;letter-spacing:.8px;padding:.7rem .8rem .9rem}.queue-content{padding:1.2rem 1rem}.rank-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding-bottom:.6rem}.rank-header h2{font-size:.8rem}.rank-header .matches-count{font-size:.7rem}.rank-main-content{flex-direction:column;gap:1rem}.rank-current{width:100%}.current-badge{height:65px;width:65px}.current-text .tier{font-size:.95rem}.rank-extras{flex-wrap:wrap;gap:.8rem;width:100%}.rank-info-item{flex:0 1 calc(50% - 0.4rem)}.mini-badge{height:35px;width:35px}.rank-text{font-size:.7rem}.history-pills .pill{font-size:.7rem;padding:.3rem .6rem}}.matches-list{display:flex;flex-direction:column;gap:20px}.match-card{animation:slideInRight .6s ease backwards;background:linear-gradient(135deg,rgba(10,20,40,.9),rgba(20,30,50,.9));border-left:5px solid;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.4);display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;padding:25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.match-card:first-child{animation-delay:.65s}.match-card:nth-child(2){animation-delay:.7s}.match-card:nth-child(3){animation-delay:.75s}.match-card:nth-child(4){animation-delay:.8s}.match-card:nth-child(5){animation-delay:.85s}.match-card:nth-child(6){animation-delay:.9s}.match-card:nth-child(7){animation-delay:.95s}.match-card:nth-child(8){animation-delay:1s}.match-card:nth-child(9){animation-delay:1.05s}.match-card:nth-child(10){animation-delay:1.1s}.match-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.match-card:hover{box-shadow:0 15px 50px rgba(0,0,0,.5);transform:translateX(8px) scale(1.02)}.match-card:hover:before{transform:translateX(100%)}.match-card.victory{border-left-color:#51cf66}.match-card.victory:hover{box-shadow:0 15px 50px rgba(81,207,102,.3)}.match-card.defeat{border-left-color:#ff6b6b}.match-card.defeat:hover{box-shadow:0 15px 50px hsla(0,100%,71%,.3)}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.match-result .result-badge{display:block;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.match-result .game-mode{color:gray;font-size:.95rem;font-weight:500;text-transform:uppercase}.victory .result-badge{color:#51cf66;text-shadow:0 0 20px rgba(81,207,102,.5)}.defeat .result-badge{color:#ff6b6b;text-shadow:0 0 20px hsla(0,100%,71%,.5)}.match-stats{flex:1;flex-wrap:wrap;gap:30px}.champion-section,.match-stats{align-items:center;display:flex}.champion-section{flex-direction:column;gap:8px}.champion-image img{border:3px solid rgba(11,198,227,.4);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.4);height:70px;width:70px}.champion-image img:hover{border-color:#0bc6e3;transform:scale(1.15) rotate(-5deg)}.champion-image .champion-level{background:linear-gradient(135deg,#0bc6e3,#2cdaf5);bottom:-5px;box-shadow:0 2px 8px rgba(0,0,0,.5);font-size:.75rem;height:24px;right:-5px;width:24px}.champion-name-small{color:#b0b0b0;font-size:.85rem;font-weight:600}.kda-section{align-items:center;display:flex;flex-direction:column;gap:5px}.kda{font-size:1.1rem;text-align:center}.kda .kills{color:#51cf66}.kda .deaths,.kda .kills{font-size:1.2rem;font-weight:700}.kda .deaths{color:#ff6b6b}.kda .assists{color:#ffd43b;font-size:1.2rem;font-weight:700}.kda-ratio{background:rgba(11,198,227,.1);border:1px solid rgba(11,198,227,.3);border-radius:12px;color:#0bc6e3;font-size:.9rem;font-weight:700;padding:4px 12px}.additional-stats{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;color:#b0b0b0;display:flex;font-size:.9rem;font-weight:600;gap:8px}.stat-icon-small{font-size:1.2rem}.match-details{color:#b0b0b0;display:flex;flex-direction:column;font-size:.9rem;gap:10px;min-width:180px}.match-details .date,.match-details .duration{align-items:center;display:flex;font-weight:500;gap:6px}.no-matches{animation:fadeIn 1s ease;background:rgba(10,20,40,.5);border:2px dashed rgba(11,198,227,.2);border-radius:16px;color:#b0b0b0;padding:80px 40px;text-align:center}.no-matches .no-matches-icon{animation:bounce 2s ease infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:5rem;margin-bottom:20px}.no-matches h3{color:#e0e0e0;font-size:1.5rem;margin-bottom:10px}.no-matches p{color:gray;font-size:1rem}.no-matches-message{animation:fadeIn .5s ease;background:rgba(10,20,40,.5);border:2px dashed rgba(11,198,227,.2);border-radius:16px;color:#b0b0b0;margin:20px 0;padding:60px 40px;text-align:center}.no-matches-message .no-matches-icon{color:rgba(11,198,227,.5);font-size:4rem;margin-bottom:20px}.no-matches-message .no-matches-icon svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.no-matches-message h3{color:#e0e0e0;font-size:1.3rem;font-weight:600;margin-bottom:10px}.no-matches-message p{color:gray;font-size:.95rem}.matches-loading{align-items:center;animation:fadeIn .3s ease;color:#b0b0b0;display:flex;flex-direction:column;justify-content:center;padding:60px 40px}.matches-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(11,198,227,.2);border-radius:50%;border-top-color:#0bc6e3;height:50px;margin-bottom:20px;width:50px}.matches-loading p{color:#b0b0b0;font-size:1rem;font-weight:500}.match-teams-preview{bottom:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.match-teams-preview .teams-loading{color:hsla(0,0%,100%,.2);font-size:10px;padding:2px;text-align:center}.match-teams-preview .teams-container{align-items:center;display:flex;gap:8px;justify-content:center}.match-teams-preview .team-side{display:flex;gap:4px}.match-teams-preview .team-side.blue-team{justify-content:flex-end}.match-teams-preview .team-side.blue-team .champion-mini img{border:2px solid rgba(30,144,255,.6)}.match-teams-preview .team-side.blue-team .champion-mini:hover img{border-color:#1e90ff;box-shadow:0 3px 10px rgba(30,144,255,.6)}.match-teams-preview .team-side.red-team{justify-content:flex-start}.match-teams-preview .team-side.red-team .champion-mini img{border:2px solid rgba(220,53,69,.6)}.match-teams-preview .team-side.red-team .champion-mini:hover img{border-color:#dc3545;box-shadow:0 3px 10px rgba(220,53,69,.6)}.match-teams-preview .champion-mini{cursor:pointer;height:26px;position:relative;transition:all .2s ease;width:26px}.match-teams-preview .champion-mini img{border-radius:4px;height:100%;object-fit:cover;transition:all .2s ease;width:100%}.match-teams-preview .champion-mini:hover{transform:translateY(-3px) scale(1.2);z-index:10}.match-teams-preview .champion-mini:hover .player-tooltip{opacity:1;transform:translateY(-5px);visibility:visible}.match-teams-preview .player-tooltip{background:rgba(0,0,0,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;bottom:100%;box-shadow:0 2px 8px rgba(0,0,0,.8);color:#fff;font-size:10px;font-weight:600;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(0);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.match-teams-preview .player-tooltip:after{border:4px solid transparent;border-top-color:rgba(0,0,0,.95);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:1200px){.rank-stats-container{grid-template-columns:1fr 1fr}.rank-stats-container .rank-card.current-rank{grid-column:1/-1}}@media(max-width:1024px){.ranked-queue-section{padding:2rem 1.5rem}.rank-stats-container{gap:1.5rem}.rank-card{min-height:180px}.rank-card.current-rank{min-height:260px}.match-card{align-items:flex-start;flex-direction:column}.match-stats{justify-content:space-around;width:100%}.match-details{flex-direction:row;justify-content:space-between;width:100%}}@media(max-width:768px){.rank-stats-container{grid-template-columns:1fr}.queue-header{align-items:flex-start;flex-direction:column;gap:.8rem}.queue-header h2{font-size:1.2rem}.rank-card.current-rank .rank-badge img{height:120px;width:120px}.rank-card.current-rank .rank-tier{font-size:1.7rem}.matches-header{align-items:flex-start;flex-direction:column}.game-mode-filters{justify-content:center;width:100%}.global-stats{grid-template-columns:repeat(2,1fr)}.match-stats{flex-direction:column;gap:15px}.additional-stats{flex-direction:row;flex-wrap:wrap}}@media(max-width:480px){.ranked-queue-section{padding:1.5rem 1rem}.queue-header h2{font-size:1rem;letter-spacing:2px}.rank-card{padding:1.5rem 1rem}.rank-card.current-rank{min-height:240px}.rank-card.current-rank .rank-badge img{height:100px;width:100px}.rank-badge-small{height:70px;width:70px}.winrate-percentage{font-size:2rem!important}.global-stats{grid-template-columns:1fr}.filter-btn{flex:1;min-width:100px}}.matches-filters{background:rgba(11,198,227,.05);border:1px solid rgba(11,198,227,.1);border-radius:12px;display:flex;flex-wrap:wrap;gap:30px;margin:20px 0;padding:20px}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-group label{color:#b0b0b0;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-filters,.game-mode-filters{display:flex;flex-wrap:wrap;gap:10px}.date-filter-btn,.filter-btn{background:transparent;border:1px solid rgba(11,198,227,.2);border-radius:8px;color:#b0b0b0;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.date-filter-btn:hover,.filter-btn:hover{border-color:#0bc6e3;color:#0bc6e3}.date-filter-btn.active,.filter-btn.active{background:#0bc6e3;border-color:#0bc6e3;box-shadow:0 4px 12px rgba(11,198,227,.3);color:#fff}.matches-stats{display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:20px 0}.matches-stats .stat-card{background:linear-gradient(135deg,rgba(20,30,50,.8),rgba(30,40,60,.8));border:1px solid rgba(11,198,227,.2);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:15px;text-align:center}.matches-stats .stat-card .stat-label{color:gray;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.matches-stats .stat-card .stat-value{color:#0bc6e3;font-size:1.8rem;font-weight:700}.matches-stats .stat-card .stat-value.wins-text{color:#51cf66}.matches-stats .stat-card .stat-value.defeat-text{color:#ff6b6b}.match-card{align-items:center;background:linear-gradient(135deg,rgba(20,30,50,.6),rgba(30,40,60,.6));border:1px solid rgba(11,198,227,.1);border-radius:12px;display:grid;gap:15px;grid-template-columns:auto auto 1fr auto auto auto;margin-bottom:10px;overflow:hidden;padding:12px 16px;transition:all .3s ease}.match-card:hover{background:linear-gradient(135deg,rgba(20,30,50,.9),rgba(30,40,60,.9));border-color:rgba(11,198,227,.3);box-shadow:0 8px 20px rgba(0,0,0,.3);transform:translateY(-2px)}.match-card.victory{border-left:4px solid #51cf66}.match-card.victory:hover{box-shadow:0 8px 20px rgba(81,207,102,.2)}.match-card.defeat{border-left:4px solid #ff6b6b}.match-card.defeat:hover{box-shadow:0 8px 20px hsla(0,100%,71%,.2)}.match-result-badge .badge{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;letter-spacing:.5px;width:40px}.match-result-badge .badge.win{background:rgba(81,207,102,.2);border:2px solid #51cf66;color:#51cf66}.match-result-badge .badge.loss{background:hsla(0,100%,71%,.2);border:2px solid #ff6b6b;color:#ff6b6b}.match-champion{align-items:center;display:flex;gap:10px}.champion-image{position:relative}.champion-image img{border:2px solid rgba(11,198,227,.3);border-radius:8px;height:50px;transition:all .3s ease;width:50px}.champion-image .champion-level{align-items:center;background:#0bc6e3;border:2px solid #0a1428;border-radius:50%;bottom:-4px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-4px;width:22px}.champion-info{display:flex;flex-direction:column;gap:4px}.champion-info .champion-name{color:#e0e0e0;font-size:.9rem;font-weight:600}.champion-info .summoner-spells{display:flex;gap:4px}.champion-info .summoner-spells .spell-icon{background:rgba(11,198,227,.1);border:1px solid rgba(11,198,227,.2);border-radius:4px;cursor:pointer;height:30px;transition:all .2s ease;width:30px}.match-kda{display:flex;flex-direction:column;gap:4px;text-align:center}.match-kda .kda-score{color:#e0e0e0;font-size:.95rem;font-weight:700}.match-kda .kda-ratio{color:#0bc6e3;font-size:.8rem;font-weight:600}.match-build{align-items:center}.match-build,.match-build .items-grid{display:flex;gap:4px}.match-build .items-grid .item-empty,.match-build .items-grid img{background:rgba(10,20,40,.5);border:1px solid rgba(11,198,227,.2);border-radius:4px;height:30px;width:30px}.match-build .items-grid .item-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.match-build .items-grid .item-wrapper img{border:1px solid rgba(11,198,227,.2);border-radius:4px;height:30px;transition:all .2s ease;width:30px}.match-build .items-grid .item-wrapper .item-name{background:rgba(10,20,40,.95);border:1px solid rgba(11,198,227,.3);border-radius:6px;bottom:100%;box-shadow:0 4px 12px rgba(0,0,0,.4);color:#e0e0e0;display:none;font-size:.75rem;font-weight:600;left:50%;margin-bottom:4px;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.match-build .items-grid .item-wrapper:hover .item-name{display:block}.match-items .items-grid{display:flex;gap:4px}.match-items .items-grid .item-empty,.match-items .items-grid img{background:rgba(10,20,40,.5);border:1px solid rgba(11,198,227,.2);border-radius:4px;height:30px;width:30px}.match-items .items-grid .item-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.match-items .items-grid .item-wrapper img{border:1px solid rgba(11,198,227,.2);border-radius:4px;height:30px;transition:all .2s ease;width:30px}.match-items .items-grid .item-wrapper .item-name{background:rgba(10,20,40,.95);border:1px solid rgba(11,198,227,.3);border-radius:6px;bottom:100%;box-shadow:0 4px 12px rgba(0,0,0,.4);color:#e0e0e0;display:none;font-size:.75rem;font-weight:600;left:50%;margin-bottom:4px;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.match-items .items-grid .item-wrapper:hover .item-name{display:block}.match-stats-mini{color:#b0b0b0;display:flex;font-size:.85rem;gap:15px}.match-stats-mini .stat{display:flex;flex-direction:column;gap:2px}.match-stats-mini .stat .label{color:gray;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.match-stats-mini .stat .value{color:#e0e0e0;font-weight:600}.match-info{color:#b0b0b0;display:flex;flex-direction:column;font-size:.8rem;gap:4px;margin-bottom:45px;text-align:right}.match-info .game-mode-tag{background:rgba(11,198,227,.15);border-radius:6px;color:#0bc6e3;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;white-space:nowrap}.match-info .date-time,.match-info .duration{color:gray;font-weight:500}@media(max-width:1200px){.match-card{grid-template-columns:auto auto 1fr auto auto}.match-card .match-items{display:none}.matches-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.matches-filters{flex-direction:column;gap:15px}.date-filters,.filter-group,.game-mode-filters{width:100%}.match-card{gap:10px;grid-template-columns:auto 1fr auto;padding:10px 12px}.match-card .match-stats-mini{display:none}.matches-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.matches-stats .stat-card{padding:12px}.matches-stats .stat-card .stat-value{font-size:1.4rem}}@media(max-width:480px){.match-card{grid-template-columns:auto 1fr}.match-card .match-result-badge .badge{font-size:.8rem;height:36px;width:36px}.match-card .match-info{border-top:1px solid rgba(11,198,227,.1);flex-direction:row;gap:10px;grid-column:1/-1;justify-content:space-between;padding-top:8px;text-align:left}.matches-stats{grid-template-columns:1fr 1fr}.matches-filters{gap:10px;padding:15px}.date-filter-btn,.filter-btn{font-size:.75rem;padding:6px 12px}}.match-modal{align-items:center;animation:fadeIn .25s ease-out;background:radial-gradient(circle at top,rgba(0,122,255,.35) 0,rgba(3,10,25,.96) 45%,rgba(3,10,25,.98) 100%);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.match-modal-overlay{cursor:pointer;inset:0;position:absolute}.match-modal-content{animation:slideUp .22s ease-out;background:linear-gradient(180deg,#032244,#020915 40%,#020814);border:1px solid rgba(0,163,255,.4);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.85),0 0 0 1px hsla(0,0%,100%,.02);display:flex;flex-direction:column;height:min(650px,100vh - 40px);overflow:hidden;position:relative;width:min(1380px,100% - 32px)}.match-modal-close{align-items:center;background:rgba(5,15,35,.85);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:18px;top:14px;transition:all .15s ease;width:32px;z-index:10}.match-modal-close:hover{background:rgba(23,94,255,.95);box-shadow:0 8px 24px rgba(0,0,0,.6);transform:translateY(-1px)}.match-modal-header{align-items:center;background:linear-gradient(90deg,#0056d6,#0073ff 40%,#0093ff);border-bottom:1px solid rgba(10,20,40,.85);display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.match-modal-header h2{color:#e6f3ff;font-size:1.1rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.match-modal-header .match-modal-meta{align-items:center;display:flex;font-size:.85rem;gap:12px}.match-modal-header .match-modal-meta span{background:rgba(5,15,35,.22);border-radius:999px;color:#f5fbff;font-weight:600;padding:4px 10px}.match-modal-body{overflow-y:auto;padding:18px 20px 20px}.match-modal-teams{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:900px){.match-modal-teams{grid-template-columns:1fr}}.team{background:radial-gradient(circle at top,hsla(0,0%,100%,.06) 0,rgba(2,9,20,.96) 55%,rgba(1,5,12,.98) 100%);border:1px solid hsla(0,0%,100%,.04);border-radius:10px;overflow:hidden}.team-blue{box-shadow:inset 0 0 0 1px rgba(80,170,255,.35)}.team-red{box-shadow:inset 0 0 0 1px hsla(0,100%,73%,.42)}.team-header{align-items:center;background:linear-gradient(90deg,rgba(9,27,65,.98),rgba(4,16,40,.98));border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:space-between;padding:10px 14px}.team-header h3{color:#d8e6ff;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.team-header .team-stats{align-items:center;display:flex;gap:16px}.team-header .team-kills{color:#ffe26a}.team-header .team-gold,.team-header .team-kills{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:4px}.team-header .team-gold{color:#ffc502}.team-header .team-gold:before{content:"💰";font-size:.8rem}.team-players{display:flex;flex-direction:column}.player-row{align-items:center;background:rgba(3,12,30,.96);border-bottom:1px solid hsla(0,0%,100%,.04);display:grid;font-size:.9rem;gap:14px;grid-template-columns:minmax(0,1.7fr) .8fr .7fr minmax(0,1.4fr);padding:10px 16px}.player-row:nth-child(2n){background:rgba(4,16,40,.98)}.player-row:hover{background:rgba(15,60,130,.75)}.player-row:last-child{border-bottom:none}@media(max-width:700px){.player-row{gap:8px;grid-template-columns:1fr}}.player-info{align-items:center;display:flex;gap:12px;min-width:0}@media(max-width:700px){.player-info{justify-content:space-between}}.player-champion{min-width:60px;position:relative}.player-champion img{border:2px solid rgba(11,198,227,.3);border-radius:10px;height:60px;width:60px}.player-champion .champion-level{align-items:center;background:rgba(0,0,0,.85);border:1.5px solid rgba(11,198,227,.8);border-radius:10px;bottom:2px;box-shadow:0 2px 4px rgba(0,0,0,.5);color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 4px;position:absolute;right:2px}.player-details{min-width:0}@media(max-width:700px){.player-details{flex:1}}.player-name{color:#fff;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-rank{align-items:center;display:flex;margin-top:4px;min-height:24px}.player-rank .rank-loading{color:hsla(0,0%,100%,.3);font-size:10px}.player-rank .rank-display{align-items:flex-start;display:flex;gap:6px}.player-rank .rank-display .rank-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));flex-shrink:0;height:24px;min-height:24px;min-width:24px;object-fit:contain;width:24px}.player-rank .rank-display .rank-info{display:flex;flex-direction:column;gap:0;justify-content:center;min-width:0}.player-rank .rank-display .rank-text{font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.8);text-transform:uppercase;white-space:nowrap}.player-rank .rank-display .rank-lp{color:hsla(0,0%,100%,.5);font-size:9px;font-weight:600;line-height:1.1;margin-top:1px}.player-rank .rank-display.tier-iron .rank-text{color:#6b5d5d}.player-rank .rank-display.tier-bronze .rank-text{color:#cd7f32}.player-rank .rank-display.tier-silver .rank-text{color:#b8b8b8}.player-rank .rank-display.tier-gold .rank-text{color:gold}.player-rank .rank-display.tier-platinum .rank-text{color:#00bfa5}.player-rank .rank-display.tier-emerald .rank-text{color:#0f8}.player-rank .rank-display.tier-diamond .rank-text{color:#b9f2ff}.player-rank .rank-display.tier-master .rank-text{color:#d946ef}.player-rank .rank-display.tier-grandmaster .rank-text{color:#f44}.player-rank .rank-display.tier-challenger .rank-text{background:linear-gradient(135deg,#c8aa6e,#f0e6d2);-webkit-background-clip:text;color:#f0e6d2;-webkit-text-fill-color:transparent;background-clip:text}.player-rank .rank-error,.player-rank .rank-unranked{display:inline-block;font-size:10px;font-weight:600}.player-rank .rank-unranked{color:#888;opacity:.7}.player-rank .rank-error{color:#ff5a5a;opacity:.5}.player-role{color:hsla(0,0%,100%,.5);font-size:.9rem;margin-top:2px}.player-summoners{display:flex;gap:5px}@media(max-width:700px){.player-summoners{order:3}}.summoner-spell{align-items:center;background:rgba(0,0,0,.3);border:1px solid rgba(11,198,227,.2);border-radius:6px;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.summoner-spell img{height:100%;object-fit:cover;width:100%}.player-stats{display:flex;flex-direction:column;gap:2px;text-align:left;white-space:nowrap}.player-stats .stat{display:flex;font-size:.9rem;gap:6px}.player-stats .stat.kda{color:#f5f7ff;font-weight:600}.player-stats .stat.kda .kills{color:#7fe36a}.player-stats .stat.kda .deaths{color:#ff5a5a}.player-stats .stat.kda .assists{color:#6ab8ff}.player-stats .stat.cs{color:rgba(220,233,255,.75)}.player-stats .stat.gold{color:#ffc502;font-weight:600}.player-stats .stat.gold:before{content:"💰 "}.player-items{display:flex;gap:3px}@media(max-width:700px){.player-items{gap:5px;grid-column:1/-1;margin-top:10px}}.item{border:1px solid rgba(11,198,227,.2);border-radius:4px;cursor:pointer;height:30px;overflow:hidden;position:relative;transition:transform .2s ease,border-color .2s ease;width:30px}.item img{height:100%;object-fit:cover;width:100%}.item:hover{border-color:#0bc6e3;box-shadow:0 0 10px rgba(11,198,227,.4);transform:scale(1.1)}.item[title]:hover:after{background:rgba(0,0,0,.9);border:1px solid rgba(11,198,227,.3);border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;left:50%;margin-bottom:5px;padding:5px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.load-more-container{align-items:center;display:flex;gap:20px;justify-content:center;padding:30px 20px}.btn-load-more{background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(11,198,227,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.btn-load-more:hover:not(:disabled){box-shadow:0 6px 20px rgba(11,198,227,.5);transform:translateY(-2px)}.btn-load-more:active:not(:disabled){box-shadow:0 2px 10px rgba(11,198,227,.3);transform:translateY(0)}.btn-load-more:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{align-items:center;display:flex;gap:12px;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid rgba(11,198,227,.2);border-radius:50%;border-top-color:#0bc6e3;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.auth-container{align-items:center;background:linear-gradient(135deg,rgba(11,198,227,.1),transparent);display:flex;justify-content:center;min-height:80vh;padding:2rem 1rem}.auth-card{animation:slideUp .5s ease-out;backdrop-filter:blur(10px);background:rgba(30,35,55,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;max-width:450px;padding:3rem 2.5rem;width:100%}.auth-title{background:linear-gradient(135deg,#0bc6e3,#45def6);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.auth-form .form-group{margin-bottom:1.5rem}.auth-form .form-group label{color:hsla(0,0%,100%,.9);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.auth-form .form-group .form-control{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.auth-form .form-group .form-control:focus{background:hsla(0,0%,100%,.08);border-color:#0bc6e3;box-shadow:0 0 0 3px rgba(11,198,227,.1);outline:none}.auth-form .form-group .form-control::placeholder{color:hsla(0,0%,100%,.4)}.auth-form .form-group .form-error{color:#ff6b6b;font-size:.875rem;margin-top:.5rem}.auth-form .form-check{align-items:center;display:flex;margin-bottom:1.5rem}.auth-form .form-check .form-check-input{accent-color:#0bc6e3;cursor:pointer;height:18px;margin-right:.75rem;width:18px}.auth-form .form-check .form-check-label{color:hsla(0,0%,100%,.8);cursor:pointer;font-size:.9rem;user-select:none}.auth-form .btn-block{background:linear-gradient(135deg,#0bc6e3,#2cdaf5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.auth-form .btn-block:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-form .btn-block:hover{box-shadow:0 8px 25px rgba(11,198,227,.4);transform:translateY(-2px)}.auth-form .btn-block:hover:before{left:100%}.auth-form .btn-block:active{transform:translateY(0)}.auth-links{border-top:1px solid hsla(0,0%,100%,.1);margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-links p{color:hsla(0,0%,100%,.7);font-size:.95rem;margin:0}.auth-links p a{color:#0bc6e3;font-weight:600;text-decoration:none;transition:all .3s ease}.auth-links p a:hover{color:#2cdaf5;text-decoration:underline}.alert{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert.alert-danger{background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);color:#ff9e9e}.alert.alert-info{background:rgba(11,198,227,.1);border:1px solid rgba(11,198,227,.3);color:#45def6}.alert.alert-info a{color:#0bc6e3;font-weight:600;text-decoration:underline}.alert.alert-success{background:rgba(81,207,102,.1);border:1px solid rgba(81,207,102,.3);color:#79da89}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:576px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}}@keyframes gradient-slide{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.summoner-name-custom{display:inline-block;font-weight:700}.summoner-name-custom.anim-slide{animation:gradient-slide 3s ease infinite}.summoner-name-custom.anim-pulse{animation:summoner-pulse 2s ease-in-out infinite}.summoner-name-custom.anim-rainbow{animation:rainbow-hue 3s linear infinite}.summoner-name-custom.anim-none{animation:none}@keyframes summoner-pulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.02)}}@keyframes rainbow-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.summoner-name-custom:hover{filter:brightness(1.1);transition:filter .3s ease}.support-chat,.support-list,.support-new{background:rgba(20,26,50,.7);border:1px solid rgba(102,126,234,.3);border-radius:16px;margin:2rem auto;max-width:900px;padding:1.25rem 1.5rem}.support-form input,.support-form label,.support-form select,.support-form textarea{display:block;width:100%}.support-form label{font-weight:700;margin-bottom:.35rem;margin-top:.75rem}.support-form input,.support-form select,.support-form textarea{background:#2a3554;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#fff;padding:.55rem .7rem}.support-form textarea{resize:vertical}.btn{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;margin-top:.8rem;padding:.55rem .9rem}.btn:hover{background:#7b91ff}.support-list .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.support-list .tickets{display:grid;gap:.6rem;grid-template-columns:1fr}.support-list .ticket{background:#1f2742;border-radius:12px;color:#fff;display:block;padding:.6rem .8rem;text-decoration:none}.support-list .ticket:hover{background:#2a3554}.support-list .ticket .subject{font-weight:700}.support-list .ticket .meta{font-size:.85rem;margin-top:.2rem;opacity:.8}.support-chat .chat-header{align-items:center;display:flex;justify-content:space-between}.support-chat .chat-messages{background:#1b2140;border-radius:12px;height:360px;margin:.8rem 0;overflow-y:auto;padding:.6rem}.support-chat .chat-message{border-radius:10px;margin:.35rem 0;max-width:72%;padding:.45rem .6rem}.support-chat .chat-message.admin{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);margin-left:auto}.support-chat .chat-message.user{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14)}.support-chat .chat-message .meta{font-size:.75rem;margin-bottom:.25rem;opacity:.75}.support-chat .chat-message .image img{border-radius:8px;max-width:280px}.support-chat .chat-form{display:grid;gap:.5rem;grid-template-columns:1fr auto auto}.support-chat .chat-form input[type=file],.support-chat .chat-form input[type=text]{background:#2a3554;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#fff;padding:.5rem .6rem}.admin-page{margin:24px auto;max-width:1100px;padding:12px 16px}.fade-in{animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.admin-tabs{display:flex;gap:.6rem;margin:1rem 0 1.25rem;position:relative}.admin-tab{backdrop-filter:saturate(120%) blur(4px);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:9999px;color:#e9d8a6;opacity:.85;padding:.45rem .8rem;text-decoration:none;transition:.18s ease}.admin-tab:hover{opacity:1;transform:translateY(-1px)}.admin-tab.is-active{border-color:hsla(40,45%,61%,.35);box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.06);opacity:1}.admin-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-page-header h1{font-weight:800;letter-spacing:.3px;margin:0}.admin-page-header.support-accent h1{background:linear-gradient(90deg,#67e8f9,#a78bfa 60%);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-empty{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:1rem}.admin-page .filters{align-items:center;display:flex;gap:.5rem}.admin-page .filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(180deg,#111630,#0f1430);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;background-size:16px;border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04);color:#e5e7eb;outline:none;padding:.45rem 2.2rem .45rem .8rem}.admin-page .filters .btn{background:#667eea;border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;color:#fff;padding:.5rem .9rem}.admin-page .filters .btn:hover{background:#7b91ff}.admin-cards{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-card{backdrop-filter:saturate(120%) blur(6px);background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:18px;box-shadow:0 6px 20px rgba(0,0,0,.25);color:#fff;display:block;padding:.9rem .95rem;position:relative;text-decoration:none;transition:transform .18s ease,box-shadow .2s ease}.admin-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.28);transform:translateY(-3px) scale(1.01)}.admin-card.support:before{background:linear-gradient(180deg,#67e8f9,#a78bfa);border-radius:18px 0 0 18px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.admin-card .line{align-items:center;display:flex;gap:.4rem}.admin-card .title{font-weight:800;letter-spacing:.2px;margin:.35rem 0 .25rem}.admin-card .meta{font-size:.85rem;opacity:.8}.badge{border:1px solid transparent;border-radius:9999px;display:inline-block;font-size:.72rem;letter-spacing:.2px;margin-right:.35rem;padding:.22rem .5rem}.badge.status{text-transform:uppercase}.badge.status.open{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.28);color:#10b981}.badge.status.closed{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.28);color:#ef4444}.badge.cat{background:rgba(103,232,249,.14);border-color:rgba(103,232,249,.28);color:#67e8f9}