@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700&family=Cinzel:wght@500;600;700&display=swap";.wrapper{width:100vw;height:100vh;z-index:2;background:linear-gradient(180deg,#080c15b8,#090e1bd1)}.wrapper .header{height:50px}.wrapper .container{height:calc(100% - 50px);position:relative;overflow:hidden}.wrapper .container .world{position:relative;display:block;width:100%;height:100%;max-width:1300px;margin:auto;padding:2px;border-radius:16px;background:linear-gradient(160deg,#a0823c80,#785f2840,#64502326,#785f2840,#a0823c80);box-shadow:0 0 60px #00000080,0 0 30px #a082321a,inset 0 0 20px #0000004d;overflow:hidden;opacity:0;animation:fadeInWorld .7s ease-out .12s forwards}.wrapper .container .world svg{display:block;width:100%;height:100%;border-radius:14px}@keyframes fadeInWorld{0%{opacity:0}to{opacity:1}}@media(max-width:900px)and (pointer:coarse){.wrapper .header{height:0;display:none}.wrapper .container{height:100%}.wrapper .container .world{max-width:none;border-radius:0;padding:0;background:none;box-shadow:none}.wrapper .container .world svg{border-radius:0}}.ts-glow{position:absolute;pointer-events:none;border-radius:50%;z-index:0}.ts-glow--bl{bottom:-5%;left:-5%;width:40%;height:50%;background:radial-gradient(ellipse at center,#be91322e,#be913200 70%)}.ts-glow--tr{top:-8%;right:-3%;width:35%;height:45%;background:radial-gradient(ellipse at center,#be91321f,#be913200 70%)}.team-select{display:grid;grid-template-columns:minmax(250px,1fr) minmax(340px,1.2fr) minmax(250px,1fr);gap:16px;width:min(1220px,100%);margin:0 auto;padding:18px;align-items:stretch;position:relative;z-index:1}.team-select .chat-column{position:relative;display:flex;flex-direction:column}.team-select .chat-logo{text-align:center;margin-bottom:-40px;position:relative;z-index:3}.team-select .chat-logo img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.team-select .chat,.team-select .team{--border-angle: 0deg;position:relative;border:2px solid transparent;border-radius:14px;background:linear-gradient(175deg,#0c1220f2,#10182aeb 40%,#0c1220f2) padding-box,conic-gradient(from var(--border-angle),rgba(160,130,60,.4) 0%,rgba(220,185,80,.7) 12%,rgba(160,130,60,.4) 25%,rgba(100,80,35,.15) 50%,rgba(160,130,60,.4) 75%,rgba(220,185,80,.7) 88%,rgba(160,130,60,.4) 100%) border-box;animation:border-rotate 6s linear infinite;box-shadow:0 18px 50px #00000073,0 0 1px #a0823c4d}.team-select .chat{flex:1;max-height:none;display:flex;flex-direction:column;overflow:hidden}.team-select .chat .chat-history{padding:12px;overflow-y:auto;flex:1;min-height:0;color:var(--text-muted)}.team-select .chat .chat-history .chat-message{margin-bottom:7px;font-size:.98rem;line-height:1.25;padding:4px 8px;border-left:2px solid rgba(224,193,121,.44);background:#ffffff05}.team-select .chat .chat-history .chat-message .chat-name{color:var(--accent-strong);font-family:var(--font-ui);font-weight:700;letter-spacing:.3px;margin-right:6px}.team-select .chat .chat-history .chat-message .chat-body{color:var(--text-soft);font-weight:500}.team-select .chat .chat-input{height:42px;display:flex;gap:8px;padding:5px;border-top:1px solid rgba(160,130,60,.2);background:#060a1466}.team-select .chat .chat-input input{flex:1;margin:0;height:100%;border:1px solid rgba(160,130,60,.2);border-radius:8px;font-size:.95rem;padding:0 10px;color:var(--text-main);background:#0a101ed9;outline:none}.team-select .chat .chat-input input:focus{border-color:#c6a65e80;box-shadow:0 0 0 2px #c6a65e26}.team-select .chat .chat-input button{width:82px;border:1px solid rgba(214,183,118,.35);border-radius:8px;background:linear-gradient(180deg,#8f6f3a,#6d5028);color:#f6e6c1;font-family:var(--font-ui);font-weight:700;cursor:pointer;transition:filter .18s ease,transform .18s ease}.team-select .chat .chat-input button:hover{filter:brightness(1.08);transform:translateY(-1px)}.team-select .team{min-height:clamp(520px,70vh,720px);padding-bottom:10px}.team-select .team .team-title{font-size:1.1rem;padding:10px;text-align:center;color:var(--text-main);font-family:var(--font-display);font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(160,130,60,.2);cursor:pointer;border-radius:13px 13px 0 0}.team-select .team.left .team-title{background:linear-gradient(180deg,#2371c573,#18509033)}.team-select .team.right .team-title{background:linear-gradient(180deg,#c4597461,#8e384e2e)}.team-select .team .player{width:calc(100% - 14px);margin:8px auto 0;display:flex;align-items:center;font-size:1.02rem;background:#0c1220cc;border:1px solid rgba(160,130,60,.18);border-radius:10px;box-shadow:0 8px 18px #00000042}.team-select .team .player.ready{border-color:#4dc98fcc;box-shadow:0 0 0 1px #4dc98f52,0 10px 20px #0000003d}.team-select .team .player.self{border-color:#f7b954c7;box-shadow:0 0 0 1px #f7b95457,0 10px 20px #0000003d}.team-select .team .player>div{padding:9px 8px;margin:auto 0}.team-select .team .player>div:first-child{width:48px;height:48px}.team-select .team .player>div:first-child img{width:100%;height:100%;border-radius:8px;object-fit:cover}.team-select .team .player .player-remove,.team-select .team .player .player-admin,.team-select .team .player .player-transfer-admin{width:22px;height:22px;margin-left:auto;margin-right:8px;padding:0!important}.team-select .team .player .player-remove{margin-left:0;cursor:pointer;background:url('data:image/svg+xml;charset=utf-8,<svg width="454px" height="454px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 454"><circle fill="red" cx="227.556" cy="227.556" r="227.556" /><path fill="white" d="M331.378,331.378c-8.533,8.533-22.756,8.533-31.289,0l-72.533-72.533l-72.533,72.533  c-8.533,8.533-22.756,8.533-31.289,0c-8.533-8.533-8.533-22.756,0-31.289l72.533-72.533l-72.533-72.533  c-8.533-8.533-8.533-22.756,0-31.289c8.533-8.533,22.756-8.533,31.289,0l72.533,72.533l72.533-72.533  c8.533-8.533,22.756-8.533,31.289,0c8.533,8.533,8.533,22.756,0,31.289l-72.533,72.533l72.533,72.533  C339.911,308.622,339.911,322.844,331.378,331.378z" /></svg>') no-repeat center/contain}.team-select .team .player .player-transfer-admin{cursor:pointer;background:url('data:image/svg+xml;charset=utf-8,<svg width="511px" height="511px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511"><path fill="%238899aa" d="M469.333,127.962c-23.564,0-42.667,19.103-42.667,42.667c0.009,4.473,0.729,8.916,2.133,13.163 l-34.603,21.995c-22.783,14.516-52.821,9.705-69.931-11.2l-33.92-41.493c5.398-7.267,8.316-16.078,8.32-25.131 c0-23.564-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667c0.004,9.053,2.922,17.864,8.32,25.131l-33.92,41.493 c-17.107,20.893-47.131,25.703-69.909,11.2L83.2,183.792c1.405-4.247,2.125-8.69,2.133-13.163 c0.004-23.564-19.095-42.67-42.66-42.674C19.11,127.951,0.004,147.051,0,170.615c-0.004,22.12,16.898,40.575,38.933,42.51 l25.216,151.253c0.855,5.143,5.303,8.915,10.517,8.917h362.667c5.214-0.002,9.662-3.774,10.517-8.917l25.216-151.253 c23.47-2.105,40.79-22.838,38.685-46.308C509.781,144.848,491.39,128.003,469.333,127.962z" /></svg>') no-repeat center/contain}.team-select .team .player .player-transfer-admin:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="511px" height="511px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511"><path fill="%23F7B954" d="M469.333,127.962c-23.564,0-42.667,19.103-42.667,42.667c0.009,4.473,0.729,8.916,2.133,13.163 l-34.603,21.995c-22.783,14.516-52.821,9.705-69.931-11.2l-33.92-41.493c5.398-7.267,8.316-16.078,8.32-25.131 c0-23.564-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667c0.004,9.053,2.922,17.864,8.32,25.131l-33.92,41.493 c-17.107,20.893-47.131,25.703-69.909,11.2L83.2,183.792c1.405-4.247,2.125-8.69,2.133-13.163 c0.004-23.564-19.095-42.67-42.66-42.674C19.11,127.951,0.004,147.051,0,170.615c-0.004,22.12,16.898,40.575,38.933,42.51 l25.216,151.253c0.855,5.143,5.303,8.915,10.517,8.917h362.667c5.214-0.002,9.662-3.774,10.517-8.917l25.216-151.253 c23.47-2.105,40.79-22.838,38.685-46.308C509.781,144.848,491.39,128.003,469.333,127.962z" /></svg>')}.team-select .team .player .player-admin{background:url('data:image/svg+xml;charset=utf-8,<svg width="511px" height="511px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511"><path fill="%23F7B954" d="M469.333,127.962c-23.564,0-42.667,19.103-42.667,42.667c0.009,4.473,0.729,8.916,2.133,13.163 l-34.603,21.995c-22.783,14.516-52.821,9.705-69.931-11.2l-33.92-41.493c5.398-7.267,8.316-16.078,8.32-25.131 c0-23.564-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667c0.004,9.053,2.922,17.864,8.32,25.131l-33.92,41.493 c-17.107,20.893-47.131,25.703-69.909,11.2L83.2,183.792c1.405-4.247,2.125-8.69,2.133-13.163 c0.004-23.564-19.095-42.67-42.66-42.674C19.11,127.951,0.004,147.051,0,170.615c-0.004,22.12,16.898,40.575,38.933,42.51 l25.216,151.253c0.855,5.143,5.303,8.915,10.517,8.917h362.667c5.214-0.002,9.662-3.774,10.517-8.917l25.216-151.253 c23.47-2.105,40.79-22.838,38.685-46.308C509.781,144.848,491.39,128.003,469.333,127.962z" /></svg>') no-repeat center/contain}.room-config{--border-angle: 0deg;width:min(1220px,100%);margin:16px auto 0;padding:14px 18px;border:2px solid transparent;border-radius:14px;background:linear-gradient(175deg,#0c1220f2,#10182aeb 40%,#0c1220f2) padding-box,conic-gradient(from var(--border-angle),rgba(160,130,60,.4) 0%,rgba(220,185,80,.7) 12%,rgba(160,130,60,.4) 25%,rgba(100,80,35,.15) 50%,rgba(160,130,60,.4) 75%,rgba(220,185,80,.7) 88%,rgba(160,130,60,.4) 100%) border-box;animation:border-rotate 6s linear infinite;box-shadow:0 18px 50px #00000073,0 0 1px #a0823c4d;display:flex;gap:24px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.room-config .config-row{display:flex;align-items:center;gap:10px}.room-config .config-label{font-family:var(--font-ui);font-weight:700;font-size:.85rem;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;min-width:72px}.room-config .config-options{display:flex;gap:6px}.room-config .config-btn{padding:6px 14px;border:1px solid rgba(160,130,60,.2);border-radius:8px;background:#0a101eb3;color:var(--text-muted);font-family:var(--font-ui);font-weight:600;font-size:.82rem;cursor:default;transition:border-color .16s ease,background .16s ease,color .16s ease}.room-config .config-btn.admin{cursor:pointer}.room-config .config-btn.admin:hover{border-color:#e0c17980;background:#192337cc;color:var(--text-main)}.room-config .config-btn.active{border-color:#e0c179b3;background:#c6a65e2e;color:var(--accent-strong)}.team-select-ready{width:min(1220px,100%);margin:12px auto 0;text-align:center;position:relative;z-index:1}.team-select-ready a{display:inline-block;width:320px;max-width:90%;height:54px;line-height:54px;font-size:1.5rem;background:linear-gradient(180deg,#c9a044,#b8923a,#a07e30 60%,#8a6b26);border:none;border-top:1px solid rgba(240,210,130,.45);border-bottom:1px solid rgba(100,75,25,.6);border-radius:10px;color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:1.2px;cursor:pointer;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 14px #00000059,inset 0 1px #ffe6a033,inset 0 -1px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.3)}.team-select-ready a:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 22px #b48c3240,inset 0 1px #ffe6a040,inset 0 -1px #00000026}.team-select-ready a:active{transform:translateY(0);filter:brightness(.95)}.team-select-ready a.ready{background:linear-gradient(180deg,#38b070,#2b9058);border-top:1px solid rgba(120,255,180,.35);border-bottom:1px solid rgba(20,80,50,.6);box-shadow:0 4px 14px #00000059,inset 0 1px #78ffb426,inset 0 -1px #00000026}.team-select-ready a.ready:hover{box-shadow:0 6px 22px #268c594d,inset 0 1px #78ffb433,inset 0 -1px #00000026}.team-select-ready a.ready:before{margin-right:8px;vertical-align:middle;content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="26px" height="26px" viewBox="0 0 512 512"><ellipse fill="%234DC98F" cx="256" cy="256" rx="256" ry="255.832" /><polygon fill="white" points="235.472,392.08 114.432,297.784 148.848,253.616 223.176,311.52 345.848,134.504 391.88,166.392 " /></svg>')}@media(max-width:1080px){.team-select{grid-template-columns:1fr;padding:14px}.team-select .chat-column{order:3}.team-select .chat{min-height:320px;height:auto}.team-select .chat-logo{display:none}.team-select .team{min-height:0;max-width:none}}.cs-glow{position:absolute;pointer-events:none;border-radius:50%;z-index:0}.cs-glow--bl{bottom:-5%;left:-5%;width:40%;height:50%;background:radial-gradient(ellipse at center,#be91322e,#be913200 70%)}.cs-glow--tr{top:-8%;right:-3%;width:35%;height:45%;background:radial-gradient(ellipse at center,#be91321f,#be913200 70%)}.champion-select{display:grid;grid-template-columns:minmax(250px,1fr) minmax(420px,1.5fr) minmax(250px,1fr);gap:16px;width:min(1220px,100%);margin:0 auto;padding:18px;position:relative;z-index:1}.champion-select .pool-column{position:relative;display:flex;flex-direction:column}.champion-select .pool-logo{text-align:center;margin-bottom:-36px;position:relative;z-index:3}.champion-select .pool-logo img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.champion-select .champion-pool-container,.champion-select .team{--border-angle: 0deg;position:relative;border:2px solid transparent;border-radius:14px;background:linear-gradient(175deg,#0c1220f2,#10182aeb 40%,#0c1220f2) padding-box,conic-gradient(from var(--border-angle),rgba(160,130,60,.4) 0%,rgba(220,185,80,.7) 12%,rgba(160,130,60,.4) 25%,rgba(100,80,35,.15) 50%,rgba(160,130,60,.4) 75%,rgba(220,185,80,.7) 88%,rgba(160,130,60,.4) 100%) border-box;animation:border-rotate 6s linear infinite;box-shadow:0 18px 50px #00000073,0 0 1px #a0823c4d}.champion-select .champion-pool-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.champion-select .champion-pool-container .champion-select-header{width:100%;font-size:1.05rem;line-height:1.2;text-align:center;padding:12px;border-bottom:1px solid rgba(160,130,60,.2);color:var(--text-muted);font-family:var(--font-ui);font-weight:600;letter-spacing:.4px}.champion-select .champion-pool-container .champion-pool{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;padding:14px}.champion-select .champion-pool-container .champion-pool .champion{cursor:pointer;border-radius:10px;border:1px solid transparent;padding:3px;background:#0a101ecc;transition:transform .16s ease,border-color .16s ease,filter .16s ease}.champion-select .champion-pool-container .champion-pool .champion img{width:100%;max-width:70px;display:block;margin:0 auto;border-radius:8px}.champion-select .champion-pool-container .champion-pool .champion:hover{transform:translateY(-2px);border-color:#e0c1799e;filter:brightness(1.08)}.champion-select .champion-pool-container .champion-pool .champion.disabled{opacity:.28;filter:grayscale(.5)}.champion-select .team{padding-bottom:10px}.champion-select .team .team-title{font-size:1.1rem;padding:10px;text-align:center;color:var(--text-main);font-family:var(--font-display);font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(160,130,60,.2);border-radius:13px 13px 0 0}.champion-select .team.left .team-title{background:linear-gradient(180deg,#2371c573,#18509033)}.champion-select .team.right .team-title{background:linear-gradient(180deg,#c4597461,#8e384e2e)}.champion-select .team .player{width:calc(100% - 14px);margin:8px auto 0;display:flex;align-items:center;font-size:1.02rem;background:#0c1220cc;border:1px solid rgba(160,130,60,.18);border-radius:10px;box-shadow:0 8px 18px #00000042}.champion-select .team .player.ready{border-color:#4dc98fcc;box-shadow:0 0 0 1px #4dc98f52,0 10px 20px #0000003d}.champion-select .team .player.self{border-color:#f7b954c7;box-shadow:0 0 0 1px #f7b95457,0 10px 20px #0000003d}.champion-select .team .player>div{padding:9px 8px;margin:auto 0}.champion-select .team .player>div:first-child{width:48px;height:48px}.champion-select .team .player>div:first-child img{width:100%;height:100%;border-radius:8px;object-fit:cover}.champion-select .team .player .player-remove,.champion-select .team .player .player-admin,.champion-select .team .player .player-transfer-admin{width:22px;height:22px;margin-left:auto;margin-right:8px;padding:0!important}.champion-select .team .player .player-remove{margin-left:0;cursor:pointer;background:url('data:image/svg+xml;charset=utf-8,<svg width="454px" height="454px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 454"><circle fill="red" cx="227.556" cy="227.556" r="227.556" /><path fill="white" d="M331.378,331.378c-8.533,8.533-22.756,8.533-31.289,0l-72.533-72.533l-72.533,72.533  c-8.533,8.533-22.756,8.533-31.289,0c-8.533-8.533-8.533-22.756,0-31.289l72.533-72.533l-72.533-72.533  c-8.533-8.533-8.533-22.756,0-31.289c8.533-8.533,22.756-8.533,31.289,0l72.533,72.533l72.533-72.533  c8.533-8.533,22.756-8.533,31.289,0c8.533,8.533,8.533,22.756,0,31.289l-72.533,72.533l72.533,72.533  C339.911,308.622,339.911,322.844,331.378,331.378z" /></svg>') no-repeat center/contain}.champion-select .team .player .player-transfer-admin{cursor:pointer;background:url('data:image/svg+xml;charset=utf-8,<svg width="511px" height="511px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511"><path fill="%238899aa" d="M469.333,127.962c-23.564,0-42.667,19.103-42.667,42.667c0.009,4.473,0.729,8.916,2.133,13.163 l-34.603,21.995c-22.783,14.516-52.821,9.705-69.931-11.2l-33.92-41.493c5.398-7.267,8.316-16.078,8.32-25.131 c0-23.564-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667c0.004,9.053,2.922,17.864,8.32,25.131l-33.92,41.493 c-17.107,20.893-47.131,25.703-69.909,11.2L83.2,183.792c1.405-4.247,2.125-8.69,2.133-13.163 c0.004-23.564-19.095-42.67-42.66-42.674C19.11,127.951,0.004,147.051,0,170.615c-0.004,22.12,16.898,40.575,38.933,42.51 l25.216,151.253c0.855,5.143,5.303,8.915,10.517,8.917h362.667c5.214-0.002,9.662-3.774,10.517-8.917l25.216-151.253 c23.47-2.105,40.79-22.838,38.685-46.308C509.781,144.848,491.39,128.003,469.333,127.962z" /></svg>') no-repeat center/contain}.champion-select .team .player .player-transfer-admin:hover{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="511px" height="511px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511"><path fill="%23F7B954" d="M469.333,127.962c-23.564,0-42.667,19.103-42.667,42.667c0.009,4.473,0.729,8.916,2.133,13.163 l-34.603,21.995c-22.783,14.516-52.821,9.705-69.931-11.2l-33.92-41.493c5.398-7.267,8.316-16.078,8.32-25.131 c0-23.564-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667c0.004,9.053,2.922,17.864,8.32,25.131l-33.92,41.493 c-17.107,20.893-47.131,25.703-69.909,11.2L83.2,183.792c1.405-4.247,2.125-8.69,2.133-13.163 c0.004-23.564-19.095-42.67-42.66-42.674C19.11,127.951,0.004,147.051,0,170.615c-0.004,22.12,16.898,40.575,38.933,42.51 l25.216,151.253c0.855,5.143,5.303,8.915,10.517,8.917h362.667c5.214-0.002,9.662-3.774,10.517-8.917l25.216-151.253 c23.47-2.105,40.79-22.838,38.685-46.308C509.781,144.848,491.39,128.003,469.333,127.962z" /></svg>')}.champion-select .team .player .player-admin{background:url('data:image/svg+xml;charset=utf-8,<svg width="511px" height="511px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511 511"><path fill="%23F7B954" d="M469.333,127.962c-23.564,0-42.667,19.103-42.667,42.667c0.009,4.473,0.729,8.916,2.133,13.163 l-34.603,21.995c-22.783,14.516-52.821,9.705-69.931-11.2l-33.92-41.493c5.398-7.267,8.316-16.078,8.32-25.131 c0-23.564-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667c0.004,9.053,2.922,17.864,8.32,25.131l-33.92,41.493 c-17.107,20.893-47.131,25.703-69.909,11.2L83.2,183.792c1.405-4.247,2.125-8.69,2.133-13.163 c0.004-23.564-19.095-42.67-42.66-42.674C19.11,127.951,0.004,147.051,0,170.615c-0.004,22.12,16.898,40.575,38.933,42.51 l25.216,151.253c0.855,5.143,5.303,8.915,10.517,8.917h362.667c5.214-0.002,9.662-3.774,10.517-8.917l25.216-151.253 c23.47-2.105,40.79-22.838,38.685-46.308C509.781,144.848,491.39,128.003,469.333,127.962z" /></svg>') no-repeat center/contain}.cs-ready{width:min(1220px,100%);margin:12px auto 0;text-align:center;position:relative;z-index:1}.cs-ready a{display:inline-block;width:320px;max-width:90%;height:54px;line-height:54px;font-size:1.5rem;background:linear-gradient(180deg,#c9a044,#b8923a,#a07e30 60%,#8a6b26);border:none;border-top:1px solid rgba(240,210,130,.45);border-bottom:1px solid rgba(100,75,25,.6);border-radius:10px;color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:1.2px;cursor:pointer;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 14px #00000059,inset 0 1px #ffe6a033,inset 0 -1px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cs-ready a:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 22px #b48c3240,inset 0 1px #ffe6a040,inset 0 -1px #00000026}.cs-ready a:active{transform:translateY(0);filter:brightness(.95)}.cs-ready a.ready{background:linear-gradient(180deg,#38b070,#2b9058);border-top:1px solid rgba(120,255,180,.35);border-bottom:1px solid rgba(20,80,50,.6);box-shadow:0 4px 14px #00000059,inset 0 1px #78ffb426,inset 0 -1px #00000026}.cs-ready a.ready:hover{box-shadow:0 6px 22px #268c594d,inset 0 1px #78ffb433,inset 0 -1px #00000026}.cs-ready a.return-to-lobby{display:block;margin:8px auto 0;font-size:.9rem;height:40px;line-height:40px;width:220px;background:#3c3c5080;border:1px solid rgba(120,120,140,.4);color:var(--text-muted);box-shadow:none;text-shadow:none}.cs-ready a.return-to-lobby:hover{background:#50506499;box-shadow:none}@media(max-width:1080px){.champion-select{grid-template-columns:1fr;padding:14px}.champion-select .pool-column{order:-1}.champion-select .pool-logo{display:none}.champion-select .champion-pool-container{min-height:360px}}.login{display:flex;height:100%;width:100%;margin:auto;padding:32px;position:relative;justify-content:center;align-items:center}.login .login-glow{position:absolute;pointer-events:none;border-radius:50%}.login .login-glow--bl{bottom:-5%;left:-5%;width:40%;height:50%;background:radial-gradient(ellipse at center,#be91322e,#be913200 70%)}.login .login-glow--tr{top:-8%;right:-3%;width:35%;height:45%;background:radial-gradient(ellipse at center,#be91321f,#be913200 70%)}.login .login-card{--border-angle: 0deg;position:relative;width:min(580px,100%);border-radius:18px;padding:2px;background:conic-gradient(from var(--border-angle),rgba(160,130,60,.45) 0%,rgba(220,185,80,.75) 12%,rgba(160,130,60,.45) 25%,rgba(100,80,35,.18) 50%,rgba(160,130,60,.45) 75%,rgba(220,185,80,.75) 88%,rgba(160,130,60,.45) 100%);animation:border-rotate 6s linear infinite;box-shadow:0 0 80px #0009,0 0 40px #a0823214,inset 0 0 30px #0000004d}.login .login-card:before,.login .login-card:after{content:"";position:absolute;width:6px;height:60px;border-radius:3px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2}.login .login-card:before{left:-1px;background:radial-gradient(ellipse at center,#dcb450b3,#dcb45000 70%);box-shadow:0 0 16px 4px #dcb45040}.login .login-card:after{right:-1px;background:radial-gradient(ellipse at center,#dcb450b3,#dcb45000 70%);box-shadow:0 0 16px 4px #dcb45040}.login .login-card-border{border-radius:16px;padding:6px;background:#080c16f2;border:1px solid rgba(180,150,70,.2)}.login .login-card-inner{border-radius:12px;border:1px solid rgba(160,130,60,.18);background:linear-gradient(175deg,#0c1220fa,#10182af2 40%,#0c1220fa);padding:0 40px 40px;position:relative;overflow:visible}.login .login-logo{text-align:center;margin-top:-70px;margin-bottom:12px}.login .login-logo img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.login .login-description{margin:0 auto 28px;max-width:400px;text-align:center;color:var(--text-muted);font-size:.95rem;line-height:1.55;letter-spacing:.2px}.login .login-version{text-align:center;margin-top:16px;font-size:.75rem;color:#a08c6466;font-family:var(--font-ui);letter-spacing:.5px}.login .login-form{text-align:center}.login .login-form .login-label{display:block;margin-bottom:14px;color:var(--accent-strong);font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.6px}.login .login-form input{display:block;width:100%;height:50px;border-radius:10px;border:1px solid rgba(180,155,90,.22);padding:0 18px;text-align:center;color:var(--text-main);background:#0a101ed9;font-size:1.2rem;font-family:var(--font-body);font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login .login-form input:focus{border-color:#c6a65e80;box-shadow:0 0 0 2px #c6a65e26}.login .login-form .login-hint{margin-top:8px;margin-bottom:4px;font-size:.85rem;color:var(--text-accent-soft);letter-spacing:.3px}.login .login-form button{display:block;width:100%;height:54px;margin-top:20px;background:linear-gradient(180deg,#c9a044,#b8923a,#a07e30 60%,#8a6b26);border:none;border-top:1px solid rgba(240,210,130,.45);border-bottom:1px solid rgba(100,75,25,.6);border-radius:10px;padding:0 24px;color:#fff;font-size:1.4rem;font-family:var(--font-display);font-weight:700;letter-spacing:1.2px;cursor:pointer;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #00000059,inset 0 1px #ffe6a033,inset 0 -1px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.3)}.login .login-form button:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 22px #b48c3240,inset 0 1px #ffe6a040,inset 0 -1px #00000026}.login .login-form button:active{transform:translateY(0);filter:brightness(.95)}.bgvideo-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;opacity:.24}.bgvideo-container iframe{position:absolute;top:50%;left:50%;width:110vw;height:65vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);filter:saturate(.74) contrast(1.14) brightness(.6)}.bgvideo-container>*{position:absolute;top:0;width:100%;height:100%}@media(max-aspect-ratio:16/9){.bgvideo-container{width:100vw;height:100vh}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes border-rotate{to{--border-angle: 360deg}}@font-face{font-family:Beaufort for LOL;src:url(/fonts/lol/BeaufortforLOL-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Beaufort for LOL;src:url(/fonts/lol/BeaufortforLOL-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Beaufort for LOL;src:url(/fonts/lol/BeaufortforLOL-Heavy.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/lol/Spiegel_TT_Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/lol/Spiegel_TT_SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg-0: #06080f;--bg-1: #0b1220;--bg-2: #101a2d;--surface-0: rgba(10, 14, 24, .84);--surface-1: rgba(14, 21, 34, .92);--surface-2: #1a2438;--line-soft: rgba(213, 184, 118, .2);--line-strong: rgba(226, 197, 132, .38);--text-main: #e9f4ff;--text-muted: #aebbd0;--text-soft: #c9d6eb;--text-accent-soft: #c8b184;--accent: #c6a65e;--accent-strong: #e0c179;--accent-warm: #f7b954;--ok: #4dc98f;--shadow-lg: 0 18px 50px rgba(0, 0, 0, .45);--panel-bg: linear-gradient(160deg, rgba(13, 22, 39, .95), rgba(19, 31, 53, .82));--panel-bg-elevated: linear-gradient(175deg, rgba(15, 24, 42, .9), rgba(11, 18, 32, .88));--panel-fill: rgba(12, 20, 35, .7);--input-bg: rgba(20, 31, 53, .92);--btn-primary: linear-gradient(180deg, #8f6f3a, #6d5028);--btn-primary-border: rgba(214, 183, 118, .35);--btn-primary-text: #f6e6c1;--btn-success: linear-gradient(180deg, #2b9e66, #238053);--btn-success-border: rgba(118, 255, 186, .34);--team-left-header: linear-gradient(180deg, rgba(35, 113, 197, .5), rgba(24, 80, 144, .28));--team-right-header: linear-gradient(180deg, rgba(196, 89, 116, .42), rgba(142, 56, 78, .26));--team-player-bg: rgba(17, 26, 44, .9);--team-player-shadow: 0 8px 18px rgba(0, 0, 0, .26);--font-display: "Beaufort for LOL", "Cinzel", serif;--font-body: "Spiegel", "Alegreya Sans", sans-serif;--font-ui: "Spiegel", "Alegreya Sans", sans-serif}html,body{touch-action:manipulation;overscroll-behavior:none}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}.App{width:100vw;height:100vh;display:flex;padding:0;margin:0;overflow:hidden;color:var(--text-main);font-family:var(--font-body);background:radial-gradient(circle at 18% 20%,#b08d4833,#b08d4800 36%),radial-gradient(circle at 80% 12%,#3e7ebe24,#3e7ebe00 30%),linear-gradient(160deg,var(--bg-0) 0%,var(--bg-1) 42%,var(--bg-2) 100%)}svg .player.invisible{opacity:0;animation:fadeOutPlayer .45s ease-out forwards}svg .player.invisible.self{opacity:.55;animation:fadeOutPlayerSelf .45s ease-out forwards}svg .player .direction{transition:transform .14s linear}svg .game-chat{width:100%;height:100%;display:flex;flex-direction:column;border:1.5px solid rgba(160,130,60,.35);background:linear-gradient(180deg,#070b13e6,#0b111ef0);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 30px #0006,0 0 1px #a0823c40;border-radius:12px;overflow:hidden}svg .game-chat .chat-history{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;color:var(--text-muted)}svg .game-chat .chat-history .chat-message{margin-bottom:7px;line-height:1.2;padding:4px 8px;border-left:2px solid rgba(224,193,121,.42);background:#ffffff05}svg .game-chat .chat-history .chat-message .chat-name{color:var(--accent-strong);font-family:var(--font-ui);font-weight:700;margin-right:6px;letter-spacing:.2px}svg .game-chat .chat-history .chat-message .chat-body{color:var(--text-soft);font-weight:500}svg .game-chat .chat-input{display:flex;gap:8px;padding:8px;border-top:1px solid rgba(160,130,60,.2);background:#02060e80}svg .game-chat .chat-input input{flex:1;height:32px;border:1px solid var(--line-soft);border-radius:8px;padding:0 10px;background:#162239e6;color:var(--text-main);outline:none}svg .game-chat .chat-input input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #c6a65e47}svg .game-chat .chat-input button{min-width:72px;border:1px solid var(--btn-primary-border);border-radius:8px;background:var(--btn-primary);color:var(--btn-primary-text);font-family:var(--font-ui);font-weight:700;cursor:pointer;transition:filter .16s ease,transform .16s ease}svg .game-chat .chat-input button:hover{filter:brightness(1.08);transform:translateY(-1px)}@keyframes fadeOutPlayer{0%{opacity:1}to{opacity:0}}@keyframes fadeOutPlayerSelf{0%{opacity:1}to{opacity:.55}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#070c16b3}::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#d4b57aa6,#8f6d33bf)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:5px 10px;border-radius:6px;background:#0a101cf2;border:1px solid var(--line-soft);color:var(--text-soft);font-family:var(--font-ui);font-size:.78rem;font-weight:500;letter-spacing:.3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1000}[data-tooltip]:hover:after{opacity:1}.rooms{display:flex;height:100%;width:100%;padding:26px;margin:auto;position:relative;justify-content:center;align-items:center}.rooms .rooms-glow{position:absolute;pointer-events:none;border-radius:50%}.rooms .rooms-glow--bl{bottom:-5%;left:-5%;width:40%;height:50%;background:radial-gradient(ellipse at center,#be91322e,#be913200 70%)}.rooms .rooms-glow--tr{top:-8%;right:-3%;width:35%;height:45%;background:radial-gradient(ellipse at center,#be91321f,#be913200 70%)}.rooms .rooms-card{--border-angle: 0deg;position:relative;width:100%;max-width:800px;border-radius:18px;padding:2px;background:conic-gradient(from var(--border-angle),rgba(160,130,60,.45) 0%,rgba(220,185,80,.75) 12%,rgba(160,130,60,.45) 25%,rgba(100,80,35,.18) 50%,rgba(160,130,60,.45) 75%,rgba(220,185,80,.75) 88%,rgba(160,130,60,.45) 100%);animation:border-rotate 6s linear infinite;box-shadow:0 0 80px #0009,0 0 40px #a0823214,inset 0 0 30px #0000004d}.rooms .rooms-card--narrow{max-width:580px}.rooms .rooms-card--narrow .rooms-card-inner{padding:0 40px 40px}.rooms .rooms-card:before,.rooms .rooms-card:after{content:"";position:absolute;width:6px;height:60px;border-radius:3px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2}.rooms .rooms-card:before{left:-1px;background:radial-gradient(ellipse at center,#dcb450b3,#dcb45000 70%);box-shadow:0 0 16px 4px #dcb45040}.rooms .rooms-card:after{right:-1px;background:radial-gradient(ellipse at center,#dcb450b3,#dcb45000 70%);box-shadow:0 0 16px 4px #dcb45040}.rooms .rooms-card-border{border-radius:16px;padding:6px;background:#080c16f2;border:1px solid rgba(180,150,70,.2)}.rooms .rooms-card-inner{border-radius:12px;border:1px solid rgba(160,130,60,.18);background:linear-gradient(175deg,#0c1220fa,#10182af2 40%,#0c1220fa);padding:0 28px 28px;position:relative;overflow:visible}.rooms .rooms-logo{text-align:center;margin-top:-70px;margin-bottom:4px}.rooms .rooms-logo img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.rooms h1{width:100%;text-align:center;margin:0 0 18px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.3vw,2.4rem);letter-spacing:.8px;color:#e7cb8f}.rooms .rooms-list{min-height:280px;max-height:380px;overflow:auto;border-radius:10px;border:1px solid rgba(180,155,90,.18);background:#0a101e99}.rooms .rooms-list table{width:100%;text-align:left;border-collapse:collapse;padding:0 10px;color:var(--text-main)}.rooms .rooms-list table tr td,.rooms .rooms-list table tr th{padding:10px 14px}.rooms .rooms-list table thead th{font-family:var(--font-ui);letter-spacing:.5px;border-bottom:1px solid rgba(180,155,90,.22);color:var(--text-muted)}.rooms .rooms-list table tr>:first-child{width:auto}.rooms .rooms-list table tr>:nth-child(2){width:160px;white-space:nowrap}.rooms .rooms-list table tr>:last-child{width:80px;text-align:center}.rooms .rooms-list table tbody tr:hover{cursor:pointer;background:#e0c1791a}.rooms .rooms-list table .room-stage{font-size:.85rem;font-family:var(--font-ui);letter-spacing:.3px}.rooms .rooms-list table .room-stage.stage-team_select{color:#7ec87e}.rooms .rooms-list table .room-stage.stage-champion_select{color:#d4a845}.rooms .rooms-list table .room-stage.stage-field{color:#5eaaef}.rooms .rooms-list table .room-stage.stage-end{color:var(--text-muted)}.rooms button{display:block;width:min(360px,100%);height:50px;margin:22px auto 0;background:linear-gradient(180deg,#c9a044,#b8923a,#a07e30 60%,#8a6b26);border:none;border-top:1px solid rgba(240,210,130,.45);border-bottom:1px solid rgba(100,75,25,.6);border-radius:10px;padding:0 20px;color:#fff;font-size:1.2rem;font-family:var(--font-display);font-weight:700;letter-spacing:.8px;cursor:pointer;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #00000059,inset 0 1px #ffe6a033,inset 0 -1px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.3)}.rooms button:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 22px #b48c3240,inset 0 1px #ffe6a040,inset 0 -1px #00000026}.rooms button:active{transform:translateY(0);filter:brightness(.95)}.rooms .create-room-form{text-align:center}.rooms .create-room-form .create-room-label{display:block;margin-bottom:14px;color:var(--accent-strong);font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.6px}.rooms .create-room-form input{display:block;width:100%;height:50px;border-radius:10px;border:1px solid rgba(180,155,90,.22);padding:0 18px;text-align:center;color:var(--text-main);background:#0a101ed9;font-size:1.2rem;font-family:var(--font-body);font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.rooms .create-room-form input:focus{border-color:#c6a65e80;box-shadow:0 0 0 2px #c6a65e26}.rooms .create-room-form .create-room-hint{margin-top:8px;margin-bottom:4px;font-size:.85rem;color:var(--text-accent-soft);letter-spacing:.3px}.rooms .create-room-form button{width:100%;margin-top:20px;height:54px;font-size:1.4rem;letter-spacing:1.2px}.rooms .create-room-form button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.rooms .create-room-form button:disabled:hover{transform:none;filter:grayscale(.3);box-shadow:0 4px 14px #00000059,inset 0 1px #ffe6a033,inset 0 -1px #00000026}.veigar-w{opacity:0;animation:effectFadeIn .3s ease-out forwards;filter:drop-shadow(0 0 11px rgba(153,86,244,.46)) drop-shadow(0 0 20px rgba(116,52,198,.28))}.veigar-w .veigar-w-aura{animation:veigarWMist 1.15s ease-in-out infinite alternate}.veigar-w .veigar-w-main-ring{animation:veigarWRingPulse .95s ease-in-out infinite alternate}.veigar-w .veigar-w-core-ring{stroke-linecap:round;animation:veigarWRunic 1.2s ease-in-out infinite alternate}.veigar-w .veigar-w-spike{opacity:.96}.veigar-w .veigar-w-spike-body{animation:veigarWSpikeBody 1.1s ease-in-out infinite alternate}.veigar-w .veigar-w-spike-sheen{animation:veigarWSpikeSheen 1s ease-in-out infinite alternate}.veigar-w .veigar-w-spike-glow{fill:#c680ff6b;opacity:.16;animation:veigarWBloom 1s ease-in-out infinite alternate}.veigar-q{filter:drop-shadow(0 0 10px rgba(180,120,255,.62)) drop-shadow(0 0 18px rgba(122,86,255,.42))}.veigar-q .veigar-q-shell{animation:veigarQShell .28s ease-in-out infinite alternate}.veigar-q .veigar-q-aura{animation:veigarQAura .3s ease-in-out infinite alternate}.veigar-q .veigar-q-core{animation:veigarQCore .24s ease-in-out infinite alternate}.veigar-q .veigar-q-flare{animation:veigarQFlare .24s ease-in-out infinite alternate}.veigar-q .veigar-q-trail{animation:veigarQTrail .5s ease-in-out infinite alternate}.veigar-q .veigar-q-orbit{stroke-linecap:round;animation:veigarQOrbit .3s ease-in-out infinite alternate}.amumu-w{opacity:0;animation:effectFadeIn .34s ease-out forwards;filter:drop-shadow(0 0 10px rgba(198,170,72,.5)) drop-shadow(0 0 18px rgba(133,123,51,.35))}.amumu-w .amumu-w-aura{animation:amumuWAura 1.2s ease-in-out infinite alternate}.amumu-w .amumu-w-core{animation:amumuWCore 1.35s ease-in-out infinite alternate}.amumu-w .amumu-w-beam{animation:amumuWBeam 1.1s ease-in-out infinite alternate}.amumu-w .amumu-w-star{animation:amumuWStar 1.2s ease-in-out infinite alternate}.amumu-w .amumu-w-veil{animation:amumuWVeil .95s ease-in-out infinite alternate}.amumu-w .amumu-w-rune{animation:amumuWRune 1.05s ease-in-out infinite alternate}.amumu-w .amumu-w-rune-core{animation:amumuWRuneCore .8s ease-in-out infinite alternate}.amumu-q{filter:drop-shadow(0 0 8px rgba(150,209,190,.48)) drop-shadow(0 0 14px rgba(211,197,128,.32))}.amumu-q .amumu-q-bandage{animation:amumuQBandage .26s ease-in-out infinite alternate}.amumu-q .amumu-q-bandage-core{animation:amumuQBandageCore .24s ease-in-out infinite alternate}.amumu-q .amumu-q-tip-glow{animation:amumuQTipGlow .28s ease-in-out infinite alternate}.amumu-q .amumu-q-tip-core{animation:amumuQTipCore .22s ease-in-out infinite alternate}.amumu-q .amumu-q-dust-particle{animation:amumuQDust .55s ease-in-out infinite alternate}.ashe-q{opacity:.94;filter:drop-shadow(0 0 9px rgba(122,212,255,.55)) drop-shadow(0 0 18px rgba(198,244,255,.42));animation:asheVolleyFlash .1s ease-out forwards}.ashe-w{opacity:.95;filter:drop-shadow(0 0 10px rgba(117,208,255,.58)) drop-shadow(0 0 18px rgba(193,243,255,.36));animation:asheWAppear .12s ease-out forwards}.ashe-w .ashe-w-trail{animation:asheWFlow .42s ease-in-out infinite alternate}.ashe-w .ashe-w-body{animation:asheWFlow .46s ease-in-out infinite alternate}.ashe-w .ashe-w-core{animation:asheWCore .26s ease-in-out infinite alternate}.ashe-w .ashe-w-edge{stroke-linecap:round;stroke-linejoin:round;animation:asheWEdge .3s ease-in-out infinite alternate}.ashe-w .ashe-w-rune,.ashe-w .ashe-w-head{animation:asheWRunePulse .22s ease-in-out infinite alternate}.ashe-w .ashe-w-rune-core,.ashe-w .ashe-w-head-core{animation:asheWCore .2s ease-in-out infinite alternate}.ashe-w .ashe-w-flare{animation:asheWFlare .2s ease-in-out infinite alternate}.thresh-q{filter:drop-shadow(0 0 10px rgba(89,235,204,.52)) drop-shadow(0 0 16px rgba(69,162,150,.32))}.thresh-q .thresh-q-chain-outer{animation:threshQChainOuter .24s ease-in-out infinite alternate}.thresh-q .thresh-q-chain-inner{animation:threshQChainInner .22s ease-in-out infinite alternate}.thresh-q .thresh-q-link{animation:threshQLink .3s ease-in-out infinite alternate}.thresh-q .thresh-q-hook{animation:threshQHook .3s ease-in-out infinite alternate}.thresh-q .thresh-q-hook-core{animation:threshQHookCore .24s ease-in-out infinite alternate}.thresh-q .thresh-q-tip-glow{animation:threshQTipGlow .24s ease-in-out infinite alternate}.thresh-w{filter:drop-shadow(0 0 9px rgba(115,223,255,.42)) drop-shadow(0 0 14px rgba(104,168,248,.24));opacity:.82}.thresh-w .thresh-w-beam-outer{animation:threshWBeamOuter .3s ease-in-out infinite alternate}.thresh-w .thresh-w-beam-inner{animation:threshWBeamInner .24s ease-in-out infinite alternate}.thresh-w .thresh-w-bubble-fill{animation:threshWBubbleFill .72s ease-in-out infinite alternate}.thresh-w .thresh-w-bubble-edge,.thresh-w .thresh-w-bubble-inner{animation:threshWBubbleEdge .8s ease-in-out infinite alternate}.thresh-w .thresh-w-lantern-glow{animation:threshWLanternGlow .5s ease-in-out infinite alternate}.thresh-w .thresh-w-particle{fill:#c4faffeb;animation:threshWParticle .7s ease-in-out infinite alternate}.lucian-w{opacity:.92;filter:drop-shadow(0 0 8px rgba(92,169,239,.58)) drop-shadow(0 0 14px rgba(147,214,255,.44));animation:lucianWFlash .1s ease-out forwards}.anivia-q{opacity:.96;filter:drop-shadow(0 0 10px rgba(94,181,255,.62)) drop-shadow(0 0 16px rgba(160,226,255,.35))}.anivia-q .anivia-q-shell{animation:aniviaQPulse .9s ease-in-out infinite alternate}.anivia-q .anivia-q-spikes{transform-box:fill-box;transform-origin:center;animation:aniviaQSpin 1.35s linear infinite}.anivia-w{opacity:.95;filter:drop-shadow(0 0 10px rgba(94,181,255,.62)) drop-shadow(0 0 14px rgba(191,237,255,.3))}.anivia-w .anivia-w-shards{animation:aniviaWallShimmer 1.2s ease-in-out infinite alternate}.yasuo-q{filter:drop-shadow(0 0 8px rgba(156,216,242,.72)) drop-shadow(0 0 15px rgba(213,247,255,.45))}.yasuo-q .yasuo-q-aura{animation:yasuoQAura .2s ease-in-out infinite alternate}.yasuo-q .yasuo-q-orbit{stroke-linecap:round;animation:yasuoQOrbit .24s ease-in-out infinite alternate}.yasuo-q .yasuo-q-gust-core{animation:yasuoQGust .22s ease-in-out infinite alternate}.yasuo-q .yasuo-q-gust-edge{stroke-linecap:round;animation:yasuoQEdge .24s ease-in-out infinite alternate}.yasuo-q .yasuo-q-flare{animation:yasuoQFlare .18s ease-in-out infinite alternate}.yasuo-q-connect{opacity:.96}.yasuo-w{opacity:0;animation:yasuoWallAppear .18s ease-out forwards;filter:drop-shadow(0 0 9px rgba(139,215,246,.6)) drop-shadow(0 0 16px rgba(177,233,255,.36))}.yasuo-w .yasuo-w-shell{animation:yasuoWallShell 1.25s ease-in-out infinite alternate}.yasuo-w .yasuo-w-core{animation:yasuoWallPulse .95s ease-in-out infinite alternate}.yasuo-w .yasuo-w-inner-haze{animation:yasuoWallHaze 1.05s ease-in-out infinite alternate}.yasuo-w .yasuo-w-stream{stroke-linecap:round}.yasuo-w .yasuo-w-rim{stroke-linecap:round;animation:yasuoWallRim .95s ease-in-out infinite alternate}.yasuo-w .yasuo-w-gust{animation:yasuoWallGust 1.15s ease-in-out infinite alternate}.malphite-w{filter:drop-shadow(0 0 7px rgba(120,88,55,.4));opacity:.9;animation:malphiteImpactFade .12s ease-out forwards}.malphite-q{filter:drop-shadow(0 0 5px rgba(112,80,50,.3));opacity:.88;animation:malphiteImpactFade .1s ease-out forwards}.ahri-q{filter:drop-shadow(0 0 10px rgba(244,174,255,.62))}.leesin-q,.leesin-w{filter:drop-shadow(0 0 8px rgba(118,205,239,.56))}.garen-w{opacity:0;animation:effectFadeIn .16s ease-out forwards;filter:drop-shadow(0 0 10px rgba(239,194,96,.56)) drop-shadow(0 0 18px rgba(181,127,38,.34))}.garen-w .garen-w-ground{animation:garenWGround .92s ease-in-out infinite alternate}.garen-w .garen-w-ring-outer{animation:garenWOuterPulse .92s ease-in-out infinite alternate}.garen-w .garen-w-ring-core,.garen-w .garen-w-ring-inner{animation:garenWInnerPulse .96s ease-in-out infinite alternate}.garen-w .garen-w-trail{stroke-linecap:round}.garen-w .garen-w-trail-major{opacity:.9}.garen-w .garen-w-trail-mid{opacity:.78}.garen-w .garen-w-trail-small{opacity:.66}.garen-w .garen-w-sword-wash,.garen-w .garen-w-sword-wash-back{opacity:.54}.garen-w .garen-w-weapon{filter:drop-shadow(0 0 7px rgba(255,229,141,.52))}.garen-w .garen-w-wind-primary,.garen-w .garen-w-wind-secondary{opacity:.78}.garen-w .garen-w-blade-core{fill:none;stroke-linecap:round}.garen-w .garen-w-blade-sheen{animation:garenWBladeSheen .9s ease-in-out infinite alternate}.garen-w .garen-w-spiral-line{animation:garenWSpiralPulse .64s ease-in-out infinite alternate}.garen-w .garen-w-center-glow{animation:garenWCenter .78s ease-in-out infinite alternate}.shaco-w{opacity:0;transition:opacity .22s linear;filter:drop-shadow(0 0 8px rgba(150,74,100,.38))}.shaco-w.self{opacity:.54}.shaco-w.visible{opacity:1}.shaco-w .jack-zone-ring{transform-box:fill-box;transform-origin:center;transition:stroke-opacity .2s ease,stroke-width .2s ease}.shaco-w .jack-lid{transform-box:fill-box;transform-origin:center bottom}.shaco-w .jack-pop{transform-box:fill-box;transform-origin:center bottom;opacity:0;transform:translateY(7px) scale(.42)}.shaco-w .jack-head{transform-box:fill-box;transform-origin:center}.shaco-w.armed{filter:drop-shadow(0 0 9px rgba(176,97,128,.44)) drop-shadow(0 0 16px rgba(229,149,76,.28))}.shaco-w.armed .jack-zone-ring{stroke-opacity:.9;stroke-width:1.55;animation:shacoRingPulse 1s ease-out infinite}.shaco-w.armed .jack-lid{animation:shacoLidOpen .24s cubic-bezier(.2,.85,.25,1) forwards}.shaco-w.armed .jack-pop{animation:shacoJackPop .32s .1s cubic-bezier(.16,.92,.2,1) forwards}.shaco-w.armed .jack-head{filter:drop-shadow(0 0 6px rgba(255,182,94,.78));animation:shacoHeadIdle .42s .35s ease-in-out infinite alternate}.shaco-w.armed .jack-crank{animation:shacoCrankSpin .55s ease-out}@keyframes malphiteImpactFade{0%{opacity:.5}to{opacity:.9}}@keyframes lucianWFlash{0%{opacity:.58}to{opacity:.96}}@keyframes asheVolleyFlash{0%{opacity:.62}to{opacity:.96}}@keyframes asheWAppear{0%{opacity:.62}to{opacity:.98}}@keyframes asheWFlow{0%{opacity:.7}to{opacity:1}}@keyframes asheWCore{0%{opacity:.58}to{opacity:.96}}@keyframes asheWEdge{0%{opacity:.48}to{opacity:.92}}@keyframes asheWRunePulse{0%{opacity:.68;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}@keyframes asheWFlare{0%{opacity:.66;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}@keyframes aniviaQSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aniviaQPulse{0%{opacity:.78}to{opacity:.98}}@keyframes aniviaWallShimmer{0%{opacity:.72}to{opacity:.94}}@keyframes yasuoWallAppear{0%{opacity:.25}to{opacity:.98}}@keyframes yasuoQAura{0%{opacity:.36;transform:scale(.9)}to{opacity:.8;transform:scale(1.04)}}@keyframes yasuoQOrbit{0%{opacity:.46}to{opacity:.92}}@keyframes yasuoQGust{0%{opacity:.62}to{opacity:.98}}@keyframes yasuoQEdge{0%{opacity:.38}to{opacity:.86}}@keyframes yasuoQFlare{0%{opacity:.62;transform:scale(.9)}to{opacity:1;transform:scale(1.06)}}@keyframes yasuoWallShell{0%{opacity:.74}to{opacity:.98}}@keyframes yasuoWallPulse{0%{opacity:.52}to{opacity:.86}}@keyframes yasuoWallHaze{0%{opacity:.38}to{opacity:.78}}@keyframes yasuoWallRim{0%{opacity:.34}to{opacity:.82}}@keyframes yasuoWallGust{0%{opacity:.35}to{opacity:.88}}@keyframes shacoRingPulse{0%{transform:scale(.97);opacity:.68}70%{transform:scale(1.01);opacity:1}to{transform:scale(1.04);opacity:.18}}@keyframes shacoLidOpen{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-72deg) translateY(-1px)}}@keyframes shacoJackPop{0%{opacity:0;transform:translateY(7px) scale(.42)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shacoHeadIdle{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-1px) rotate(1deg)}}@keyframes shacoCrankSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes veigarWMist{0%{opacity:.7}to{opacity:1}}@keyframes veigarWRingPulse{0%{opacity:.62;transform:scale(.985)}to{opacity:.96;transform:scale(1.015)}}@keyframes veigarWRunic{0%{opacity:.6}to{opacity:.95}}@keyframes veigarWBloom{0%{opacity:.45}to{opacity:.88}}@keyframes veigarWSpikeBody{0%{opacity:.82}to{opacity:1}}@keyframes veigarWSpikeSheen{0%{opacity:.25}to{opacity:.62}}@keyframes veigarWSparkle{0%{opacity:.25;transform:scale(.7)}50%{opacity:.95;transform:scale(1)}to{opacity:.3;transform:scale(.75)}}@keyframes veigarQShell{0%{opacity:.88;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}@keyframes veigarQAura{0%{opacity:.35;transform:scale(.94)}to{opacity:.72;transform:scale(1.08)}}@keyframes veigarQCore{0%{opacity:.75;transform:scale(.78)}to{opacity:1;transform:scale(1.06)}}@keyframes veigarQFlare{0%{opacity:.45;transform:scale(.82)}to{opacity:.88;transform:scale(1.08)}}@keyframes veigarQTrail{0%{opacity:.25}to{opacity:.72}}@keyframes veigarQOrbit{0%{opacity:.42}to{opacity:.9}}@keyframes amumuWAura{0%{opacity:.74}to{opacity:.96}}@keyframes amumuWCore{0%{opacity:.56;transform:scale(.95)}to{opacity:.88;transform:scale(1.04)}}@keyframes amumuWBeam{0%{opacity:.32}to{opacity:.7}}@keyframes amumuWStar{0%{opacity:.36;transform:scale(.72)}to{opacity:.92;transform:scale(1)}}@keyframes amumuWVeil{0%{opacity:.68}to{opacity:.94}}@keyframes amumuWRune{0%{opacity:.72}to{opacity:1}}@keyframes amumuWRuneCore{0%{opacity:.58}to{opacity:1}}@keyframes amumuQBandage{0%{opacity:.82}to{opacity:.98}}@keyframes amumuQBandageCore{0%{opacity:.25}to{opacity:.58}}@keyframes amumuQTipGlow{0%{opacity:.58;transform:scale(.9)}to{opacity:.95;transform:scale(1.05)}}@keyframes amumuQTipCore{0%{opacity:.62}to{opacity:.98}}@keyframes amumuQDust{0%{opacity:.2;transform:scale(.72)}to{opacity:.84;transform:scale(1)}}@keyframes threshWBeamOuter{0%{opacity:.4}to{opacity:.68}}@keyframes threshWBeamInner{0%{opacity:.45}to{opacity:.8}}@keyframes threshWBubbleFill{0%{opacity:.58;transform:scale(.96)}to{opacity:.9;transform:scale(1.02)}}@keyframes threshWBubbleEdge{0%{opacity:.62}to{opacity:.96}}@keyframes threshWLanternGlow{0%{opacity:.42;transform:scale(.9)}to{opacity:.95;transform:scale(1.08)}}@keyframes threshWParticle{0%{opacity:.35;transform:scale(.76)}to{opacity:1;transform:scale(1.08)}}@keyframes threshQChainOuter{0%{opacity:.66}to{opacity:.94}}@keyframes threshQChainInner{0%{opacity:.6}to{opacity:.98}}@keyframes threshQLink{0%{opacity:.72}to{opacity:1}}@keyframes threshQHook{0%{opacity:.78}to{opacity:1}}@keyframes threshQHookCore{0%{opacity:.2}to{opacity:.58}}@keyframes threshQTipGlow{0%{opacity:.5;transform:scale(.92)}to{opacity:.92;transform:scale(1.06)}}@keyframes garenWGround{0%{opacity:.68;transform:scale(.96)}to{opacity:.94;transform:scale(1.03)}}@keyframes garenWOuterPulse{0%{opacity:.66;transform:scale(.98)}to{opacity:.96;transform:scale(1.02)}}@keyframes garenWInnerPulse{0%{opacity:.58}to{opacity:.9}}@keyframes garenWSpiralPulse{0%{opacity:.36}to{opacity:.82}}@keyframes garenWBladeSheen{0%{opacity:.38}to{opacity:.9}}@keyframes garenWCenter{0%{opacity:.36}to{opacity:.72}}@keyframes effectFadeIn{0%{opacity:0}to{opacity:.88}}.mobile-controls{position:absolute;inset:0;pointer-events:none;z-index:10;touch-action:none}.joystick{pointer-events:auto;position:absolute;bottom:24px;left:24px;width:130px;height:130px;touch-action:none}.joystick .joystick-base{width:100%;height:100%;border-radius:50%;background:#0a101c8c;border:2px solid rgba(198,166,94,.3);box-shadow:0 0 20px #0000004d,inset 0 0 15px #0003}.joystick .joystick-knob{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#e0c17980,#a0823c59);border:2px solid rgba(224,193,121,.6);box-shadow:0 0 10px #c6a65e33;transition:transform .05s linear}.action-buttons{pointer-events:auto;position:absolute;bottom:24px;right:24px;width:170px;height:150px;touch-action:none}.action-buttons .action-btn{position:absolute;width:64px;height:64px;border-radius:50%;background:#0a101cd9;border:2px solid rgba(198,166,94,.45);box-shadow:0 0 15px #0000004d,inset 0 0 8px #0003;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.action-buttons .action-btn:nth-child(1){top:0;left:50%;transform:translate(-50%)}.action-buttons .action-btn:nth-child(2){bottom:0;right:0}.action-buttons .action-btn:nth-child(3){bottom:0;left:0}.action-buttons .action-btn--kick{border-color:#e0c17999}.action-buttons .action-btn--cooldown{opacity:.7}.action-buttons .action-btn .action-btn-icon{transform:scale(1.35);border-radius:50%}.action-buttons .action-btn .action-btn-label{font-family:Beaufort for LOL,Cinzel,serif;font-weight:700;font-size:14px;color:#e5c88b;letter-spacing:1px}.action-buttons .action-btn .action-btn-hotkey{position:absolute;top:2px;left:50%;transform:translate(-50%);font-family:Spiegel,Alegreya Sans,sans-serif;font-size:9px;font-weight:700;color:#d4b97ab3;pointer-events:none}.action-buttons .action-btn .action-btn-cooldown-overlay{position:absolute;inset:0;border-radius:50%;background:#000000a6;display:flex;align-items:center;justify-content:center}.action-buttons .action-btn .action-btn-cooldown-overlay span{font-family:Spiegel,Alegreya Sans,sans-serif;font-weight:700;font-size:20px;color:#eaf6ff}.action-buttons .action-btn:active{border-color:#e7c982;box-shadow:0 0 15px #c6a65e59,inset 0 0 8px #0003}.rotate-overlay{position:fixed;inset:0;z-index:9999;background:#06080ff2;display:flex;align-items:center;justify-content:center}.rotate-overlay .rotate-overlay-content{text-align:center}.rotate-overlay .rotate-overlay-content svg{margin-bottom:20px;animation:rotateHint 2s ease-in-out infinite}.rotate-overlay .rotate-overlay-content p{font-family:Beaufort for LOL,Cinzel,serif;font-size:20px;font-weight:600;color:#c6a65e;letter-spacing:1px}@keyframes rotateHint{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%,75%{transform:rotate(90deg)}}html,body,#root{width:100%;height:100%}body{margin:0;background:#06080f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}