@import"https://fonts.googleapis.com/css2?family=Cinzel&display=swap";.SummonerPage{background-color:#000;min-height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:40px}.ProfileIconCard img{border:1px solid white;border-radius:20px;display:block}.ProfileIconCard{position:relative;display:inline-block}.SummonerLevel{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border:2px solid gray;border-radius:10px;background-color:#000;padding:2px 8px;font-size:12px}.profileLeft{display:flex;flex-direction:column;align-items:center;padding-left:50px;padding-top:10px;padding-right:20px}.SummonerName{padding-top:20px;display:flex;font-size:large;text-align:center;justify-content:center;padding-bottom:10px;gap:5px;align-items:center}.tag{color:#727272}.divider{border-left:1px solid #444;height:100px;align-self:center;padding-left:20px}.ProfileMiddle{padding-left:100px;padding-right:100px;display:flex;align-items:center;gap:20px}.RankImage{width:150px;height:150px;overflow:hidden}.RankImage img{width:100%;height:100%;object-fit:contain;transform:scale(4.5)}.RankInfo{display:flex;flex-direction:column;align-items:center;gap:6px}.RankTier{display:flex;align-items:center;gap:6px;font-size:18px}.RankNumeral{font-size:18px}.RankLp{font-size:14px;color:#727272;padding-right:10px}.Season{color:#727272;display:flex;white-space:nowrap}.divider2{border-left:1px solid #444;height:100px;align-self:center;padding-left:20px}.ProfileRight{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:50px}.Wins{color:#5dbf5d}.Losses{color:#d34343}.WinsLosses{display:flex;gap:6px;align-items:center;padding-top:5px;font-size:20px}.Winrate{font-size:30px}.profileCard{display:flex;border:5px solid #9e9ebb;margin-top:250px;border-radius:10px;background-color:#0f1923}.Matches{display:flex;flex-direction:column;gap:5px;margin-top:100px;width:1050px}.matchCard{display:flex;border:2px solid #9e9ebb;border-radius:10px;background-color:#0f1923;gap:14px;align-items:center;padding:6px 14px;flex-wrap:wrap}.matchCard.win{border-left:4px solid rgb(0,200,150)}.matchCard.loss{border-left:4px solid rgb(200,60,60)}.WinLoss.win{width:50px;color:#00c896;background-color:#1e3c2d;padding:4px 10px;border-radius:6px;display:flex;align-items:center;justify-content:center;align-self:center;padding-right:4px 20px}.WinLoss.loss{width:50px;color:#dc5050;background-color:#501e1e;padding:4px 10px;border-radius:6px;display:flex;align-items:center;justify-content:center;align-self:center}.KeyStone{height:44px;width:auto}.Summoner1,.Summoner2{height:40px;width:auto}.Summoners{display:flex;flex-direction:column;position:relative}.itemSlots{display:flex;gap:3px;align-items:center}.itemSlot{width:44px;height:44px;border:1px solid #9e9ebb;border-radius:4px;background-color:#1a2330;overflow:visible;flex-shrink:0}.itemSlot img{width:100%;height:100%;object-fit:cover;display:block}.itemSlot.ward{width:44px;height:44px}.GameStats{padding-left:50px;display:flex;flex-direction:column;align-items:center;padding-right:10px;font-size:18px;white-space:nowrap}.Role{color:#8aa8b4;min-width:60px;font-size:18px}.Minions{display:flex;gap:2px}.csPerMin,.KDA{color:#8aa8b4}.GameDuration{color:#a0afbe;margin-left:auto;padding-left:10px;font-size:18px}.Recent{color:#8aa8b4;font-size:20px}.dropdownBtn{color:#a0afbe;font-size:22px;cursor:pointer;padding:0 8px;transition:transform .3s ease}.dropdownBtn.open{transform:rotate(180deg)}.dropdown{width:100%;flex-basis:100%;max-height:0;overflow:hidden;transition:max-height .4s ease}.dropdown.open{max-height:2000px}.dropdown-inner{background:#0a1520;border-top:1px solid #1e2d3a;padding:6px 0;width:100%;overflow:visible}.teamLabel{font-size:16px;font-weight:600;letter-spacing:.5px;padding:6px 14px 4px}.teamLabel.blue{color:#5b9bd5}.teamLabel.red{color:#d55b5b}.playerRow{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #111d28}.playerRow:last-of-type{border-bottom:none}.playerRow.me{background:#0d1e17}.miniChamp{width:42px;height:42px;border-radius:4px;flex-shrink:0}.playerName{color:#c8d6e0;font-size:15px;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerRow.me .playerName{color:#00c896;font-weight:600}.playerKda{color:#e0eaf0;font-size:20px;min-width:80px;text-align:center}.playerCs{color:#a0afbe;font-size:14px;min-width:60px}.miniItems{display:flex;gap:2px;align-items:center}.miniItemSlot{width:32px;height:32px;border-radius:3px;background:#1e2d3a;border:1px solid #2a3a4a;overflow:visible;flex-shrink:0}.miniItemSlot img{width:100%;height:100%;object-fit:cover}.miniItemSlot.ward{width:16px;height:16px}.runes{display:flex;align-items:center;gap:3px;margin-left:auto}.runeKeystone{width:44px;height:44px;border-radius:50%;background:#1e2d3a;border:1px solid #2a3a4a;flex-shrink:0;overflow:hidden}.runeSm{width:28px;height:28px;border-radius:50%;background:#1a2a38;border:1px solid #243344;flex-shrink:0;overflow:hidden}.runeSm img,.runeKeystone img{width:100%;height:100%;object-fit:cover}.runeSep{color:#2a3a4a;font-size:10px;padding:0 1px}.teamDivider{border:none;border-top:1px solid #1a2530;margin:4px 0}.tooltip-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.tooltip{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#1a2330;color:#fff;padding:8px 10px;border-radius:4px;font-size:12px;border:1px solid #2a3a4a;z-index:9999;pointer-events:none;transition:opacity .2s ease;width:220px;white-space:normal}.tooltip-name{font-weight:700;margin-bottom:4px;color:#c89b3c}.tooltip-desc{color:#a0afbe;line-height:1.4}.tooltip-wrapper:hover .tooltip{visibility:visible;opacity:1}.miniSummoners{display:flex;flex-direction:column}.miniSummoners img{width:20px;height:20px}.loadingScreen{background-color:#000;min-height:100vh;display:flex;align-items:center;justify-content:center}.dots{display:flex;gap:8px}.dots span{width:20px;height:20px;background:#fff;border-radius:50%;animation:bounce .6s infinite alternate}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;background:#0a1118;border-bottom:1px solid #1e2d3a;display:flex;align-items:center;padding:0 24px;gap:24px;z-index:1000;box-sizing:border-box}.nav-logo{width:150px;height:150px;cursor:pointer}.nav-link{color:#8aa8b4;font-size:18px;text-decoration:none}.nav-button{color:#8aa8b4;font-size:18px;text-decoration:none;border:none;background-color:#0a1118;padding-bottom:20px}.nav-link:hover{color:#fff}.nav-signin{margin-left:auto;border:1px solid rgb(109,121,136);border-radius:10px;color:#edf2f1;font-size:20px;background:#1f6f8f;padding:7px 20px;text-decoration:none}.nav-user{margin-left:auto;display:flex;align-items:center;gap:15px;color:#edf2f1;font-size:18px}.nav-user button{background:#1f6f8f;color:#edf2f1;border:1px solid rgb(109,121,136);border-radius:10px;font-size:16px;padding:7px 20px;width:auto;height:auto;margin-top:0;cursor:pointer}.favDropdown{position:relative;height:100%;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.favSelected{color:#8aa8b4;font-size:18px;cursor:pointer}.favSelected:hover{color:#fff}.favOptions{position:absolute;top:100%;left:0;min-width:220px;background:#111a24;border:1px solid #1e2d3a;border-radius:6px;overflow:hidden;z-index:1100}.favOption{display:block;padding:10px 14px;color:#edf2f1;text-decoration:none;font-size:16px}.favOption:hover{background:#1c2836}.favEmpty{padding:12px 14px;color:#8aa8b4;font-size:14px}.novaBox{background:#0f1923;border:1px solid #1e2d3a;border-left:3px solid #00c896;border-radius:8px;padding:16px 20px;margin-top:12px;color:#c8d6e0;font-size:14px;line-height:1.6}.novaBox h1{font-size:18px;color:#00c896;margin:0 0 10px}.novaBox strong{color:#e0eaf0}.novaBox p{margin:0 0 10px}.analyzeBtn{position:relative;overflow:hidden;width:fit-content;border:1px solid #7a6cff;background-color:#1a1040;color:#e8e4ff;border-radius:8px;font-size:16px;font-weight:600;padding:10px 22px;margin-bottom:10px;cursor:pointer}.starLayer{position:absolute;inset:0;border-radius:8px;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 20%,#fff,transparent),radial-gradient(1px 1px at 75% 65%,#dfe8ff,transparent),radial-gradient(1px 1px at 35% 75%,#fff,transparent),radial-gradient(1px 1px at 88% 40%,#fff,transparent),radial-gradient(1px 1px at 12% 60%,#cbd5ff,transparent),radial-gradient(1px 1px at 30% 15%,#fff,transparent),radial-gradient(1px 1px at 65% 45%,#fff,transparent),radial-gradient(1.5px 1.5px at 5% 40%,#dfe8ff,transparent),radial-gradient(1px 1px at 48% 85%,#fff,transparent),radial-gradient(1px 1px at 95% 75%,#cbd5ff,transparent),radial-gradient(1px 1px at 82% 15%,#fff,transparent),radial-gradient(1px 1px at 25% 55%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 88%,#fff,transparent),radial-gradient(1px 1px at 42% 35%,#dfe8ff,transparent);animation:twinkle 2s ease-in-out infinite;pointer-events:none}.btnText{position:relative}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}.analyzeRow{display:flex;align-items:center;gap:12px;justify-content:flex-start}.goldDots{display:flex;gap:6px}.goldDots span{width:10px;height:10px;background:#7a6cff;border-radius:50%;animation:goldBounce .6s infinite alternate}.goldDots span:nth-child(2){animation-delay:.2s}.goldDots span:nth-child(3){animation-delay:.4s}@keyframes goldBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.favBtn{background:none;border:none;width:auto;height:auto;margin-top:0;font-size:28px;color:#f0c040;cursor:pointer;padding:0}.home-container{background-color:#0a0e14;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Arial;padding-top:100px;overflow:hidden}.search-summoner{background-color:#000;color:#fff;width:800px;height:50px;padding-top:4px;font-size:25px;padding-left:10px;text-indent:20px}.search-tag{background-color:#000;color:#fff;width:100px;border-right:7px solid white;border-left:7px solid white;font-size:25px}button{background-color:#000;color:#fff;border:7px solid white;border-radius:100px;height:50px;width:250px;margin-top:20px;font-size:25px}.search-wrapper{border:7px solid white;border-radius:100px;display:flex;align-items:center;overflow:visible;margin-top:200px}input{border:none;outline:none;padding-left:10px;padding-right:10px}::placeholder{color:gray;font-family:Arial;font-size:25px}.logo{width:800px;height:450px;margin-bottom:-250px;margin-top:150px;image-rendering:crisp-edges;overflow:visible}.ChampionsPage{background-color:#0a0e14;min-height:100vh;color:#fff;padding-top:80px}.filters{display:flex;align-items:center;gap:16px;justify-content:center;width:70%;margin:0 auto 10px}.roleButtons{display:flex;gap:8px}.roleButtons button{background:#111a24;border:1px solid #9e9ebb;border-radius:6px;width:42px;height:42px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center}.roleButtons button:hover{background:#1c2836}.roleButtons button.active{background:#2a2450}.roleButtons img{width:24px;display:block;filter:brightness(0) saturate(100%) invert(72%) sepia(11%) saturate(560%) hue-rotate(202deg) brightness(93%) contrast(88%)}.rankDropdown{position:relative;width:150px;-webkit-user-select:none;user-select:none}.rankSelected{display:flex;align-items:center;gap:8px;background:#111a24;border:1px solid #9e9ebb;border-radius:6px;height:42px;padding:0 12px;box-sizing:border-box;cursor:pointer}.rankArrow{margin-left:auto;color:#8aa8b4}.rankOptions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#111a24;border:1px solid #9e9ebb;border-radius:6px;overflow:hidden;z-index:100}.rankOption{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}.rankOption:hover{background:#1c2836}.rankSelected img,.rankOption img{width:30px;height:30px;object-fit:contain;transform:scale(3)}.regionDropdown{position:relative;width:110px;-webkit-user-select:none;user-select:none;padding-top:20px}.regionSelected{display:flex;align-items:center;background:#111a24;border:1px solid #9e9ebb;border-radius:6px;height:42px;padding:0 12px;box-sizing:border-box;cursor:pointer}.regionOptions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#111a24;border:1px solid #9e9ebb;border-radius:6px;overflow:hidden;z-index:100}.regionOption{padding:8px 12px;cursor:pointer}.regionOption:hover{background:#1c2836}.tableWrap{width:58%;min-width:900px;margin:30px auto;border:1px solid #1e2d3a;border-radius:8px;overflow:hidden}.champTable{width:100%;border-collapse:collapse;background:#111a24}.champTable th{background:#0c141d;color:#7d94a6;font-weight:500;text-align:left;padding:12px 16px;font-size:14px;border-bottom:1px solid #1e2d3a}.champTable td{padding:8px 16px;border-bottom:1px solid #1a2530;font-size:14px;vertical-align:middle;color:#dbe4ec}.champTable tbody tr:nth-child(2n){background:#151f2a}.champTable tbody tr:hover{background:#1c2836}.champTable td:first-child{color:#5f7d8f;text-align:center;width:40px}.champTable tbody td:nth-child(2){font-weight:500;white-space:nowrap}.champTable tbody td:nth-child(2) img{width:40px;height:40px;border-radius:4px;vertical-align:middle;margin-right:10px}.champTable th:nth-child(7),.champTable th:nth-child(8){text-align:center}.champTable td.tier{font-weight:700;text-align:center;width:48px}.champTable td.tier[data-tier="S+"]{color:#ff9b00}.champTable td.tier[data-tier=S]{color:#4ac6b7}.champTable td.tier[data-tier=A]{color:#5383e8}.champTable td.tier[data-tier=B]{color:#9b7fd4}.champTable td.tier[data-tier=C]{color:#7d94a6}.champTable td.tier[data-tier=D]{color:#e05a6d}.counters,.best{display:flex;justify-content:center;gap:4px}.counters img,.best img{width:32px;height:32px;border-radius:4px}.dropdowns{padding-top:20px}.champTable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.champTable th.sortable:hover{color:#c8aa6e}.champTable th.active{color:#c8aa6e;font-weight:700;border:3px solid #c8aa6e}.loginPage{background-color:#0a0e14;padding-top:200px;color:#dbe4ec}.loginBox{max-width:380px;margin:80px auto;padding:32px;background:#111a24;border:1px solid #1e2d3a;border-radius:10px;display:flex;flex-direction:column;gap:16px}.loginBox h1{font-size:22px;margin:0 0 4px;text-align:center;color:#e0eaf0}.loginBox button{width:100%;height:42px;margin:0;border:none;border-radius:6px;background:#249e7f;color:#cbd9e6;font-size:20px;font-weight:600;cursor:pointer}.loginBox input{width:100%;height:42px;box-sizing:border-box;background:#061628;border:1px solid rgb(83,88,122);border-radius:5px;color:#dbe4ec;font-size:20px}.loginBox form{display:flex;flex-direction:column;gap:12px}.loginBox .googleBtn{background:#1a2530;color:#dbe4ec;border:1px solid #2a3a48}.loginBox button:disabled{background:#1e2d3a;color:#7d94a6;cursor:default}.loginError{background:#2a1519;border:1px solid #5a2530;color:#ff8a9a;border-radius:6px;padding:8px 12px;font-size:13px}.loginToggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.loginToggle button{width:auto;height:auto;background:none;color:#7eb3e7;font-size:15px;text-decoration:underline}.loginDivider{display:flex;align-items:center;gap:10px;color:#7d94a6}.loginDivider:before,.loginDivider:after{content:"";flex:1;height:1px;background:#475867}.loginBox input::placeholder{color:#4c6786;font-size:20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{font-family:Arial,sans-serif;background-color:#0a0e14}