html,body{background-color:var(--dark)!important}.team-generator-container{width:90%;max-width:1200px;margin:60px auto 30px;padding:40px 40px 30px;background-color:#2c2c2c;border-radius:15px;box-shadow:0 8px 20px rgb(0 0 0 / .2);position:relative}.team-generator-container h1{text-align:center;color:gold;margin-bottom:8px;font-size:2.2em;font-family:'Orbitron',sans-serif;text-shadow:0 0 10px gold}.tool-subtitle{text-align:center;font-size:1em;color:#e6e6e6;margin-top:-5px;margin-bottom:30px;font-family:'Roboto',sans-serif;text-shadow:0 0 5px #93f}.players-input{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:25px}.inputBox{position:relative}.inputBox input{width:100%;padding:12px 15px;outline:none;background:#fff0;border-radius:25px;color:#fff!important;font-size:1em;border:2px solid #fff0;border-image:linear-gradient(145deg,#fff9c4,#ffd700,#ff8c00,#b87333);border-image-slice:1;transition:all 0.3s ease}.inputBox input:focus{color:#000!important;background-color:#fff;border-image:none;border-color:gold;box-shadow:0 0 8px rgb(255 215 0 / .5)}.inputBox span{position:absolute;top:-8px;left:12px;padding:0 5px;font-size:.75em;color:#000;background:#fff;border-radius:4px;pointer-events:none;transition:all 0.3s ease}.inputBox input:focus~span,.inputBox input:valid~span{transform:translateY(-12px);background:#212121;color:#fff;font-size:.7em;padding:0 5px;border-radius:2px;border:1px solid #fff0;border-image:linear-gradient(145deg,#fff9c4,#ffd700,#ff8c00,#b87333);border-image-slice:1}.checkbox-wrapper{display:flex!important;align-items:center!important;gap:8px!important;margin-left:0!important;grid-column:1 / -1;justify-content:flex-start}.jungler-label{color:gold;font-weight:700;font-size:.9em;user-select:none;font-family:'Orbitron',sans-serif}.level-select{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.level-select label{font-weight:700;margin-bottom:8px;color:gold;font-family:'Orbitron',sans-serif}.level-select select{width:80%;padding:10px;border-radius:8px;border:none;cursor:pointer;background-color:#444;color:#fff;font-size:1em;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .3);font-family:'Roboto',sans-serif;transition:all 0.3s ease}.level-select select:hover{background-color:#555;box-shadow:0 2px 8px rgb(0 0 0 / .4)}#results{margin-top:50px;padding:20px;background-color:#1e1e1e;border-radius:6px;box-shadow:0 2px 8px rgb(0 0 0 / .15);display:none;width:100%;box-sizing:border-box}.teams-container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:60px;margin-top:60px;margin-bottom:40px}.team-block{flex:1 1 300px;background-color:#2c2c2c;padding:15px;border-radius:40px;text-align:center;border:2px solid #fff0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.team-block.team-a{border-image:linear-gradient(145deg,#ffa3a3,#ff3030,#ff5050) 1}.team-block.team-b{border-image:linear-gradient(145deg,#9cc9ff,#3a9eff,#2ab5ff) 1}.team-block h3{margin-bottom:15px;font-family:'Orbitron',sans-serif}.team-block.team-a h3{color:#ff3030;text-shadow:0 0 5px #ff3030,0 0 10px #ff5050}.team-block.team-b h3{color:#3a9eff;text-shadow:0 0 5px #3a9eff,0 0 10px #2ab5ff}.vs-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-basis:auto;margin:20px 0}.vs-text{font-family:'Press Start 2P',cursive;font-weight:700;font-size:2em;text-transform:uppercase;background:linear-gradient(45deg,#FFD700,#FFBB00,#FFC700,#FFD700);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:goldFlow 3s linear infinite;text-shadow:0 0 4px #FFD700,0 0 10px orange}@keyframes goldFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.player-entry{display:grid;grid-template-columns:130px 1fr;align-items:center;position:relative;margin-bottom:30px;gap:10px;width:100%}.teamA-player .player-name{color:#ff3030}.teamB-player .player-name{color:#3a9eff}.player-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;font-family:'Roboto',sans-serif}.player-extra{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.player-lane{font-size:.75em;color:gold;font-style:italic;margin-left:2px;font-family:'Roboto',sans-serif}.player-spells{display:flex;gap:5px}.summoner-spell-icon{width:24px;height:24px;border-radius:4px;vertical-align:middle}.player-icons{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:6px}.champion-icon{width:32px;height:32px;border-radius:4px;vertical-align:middle}.build-icons{display:flex;gap:3px}.build-icons img{width:28px;height:28px;border-radius:2px;vertical-align:middle}.team-a-players .player-entry:not(:last-child)::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-15px;width:60%;height:2px;background:linear-gradient(to right,#ff3030,#ff5050)}.team-b-players .player-entry:not(:last-child)::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-15px;width:60%;height:2px;background:linear-gradient(to right,#3a9eff,#2ab5ff)}button.my-play-button{-webkit-appearance:none!important;appearance:none!important;background-color:transparent!important;border:none!important;outline:none!important;cursor:pointer!important;position:relative;width:14em;height:5em;margin:0 auto 20px!important;padding:0!important;box-shadow:none!important;transition:0.1s;font-family:'Orbitron',sans-serif;font-size:16px!important;font-weight:bold!important;color:#ddebf0!important}button.my-play-button:active{animation:clickScale 0.2s ease}@keyframes clickScale{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}button.my-play-button #clip{--color:#5f41c3;position:absolute;top:0;overflow:hidden;width:100%;height:100%;border:5px double var(--color);box-shadow:inset 0 0 15px #3b2b80;-webkit-clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}button.my-play-button .arrow{position:absolute;top:35%;width:11%;height:30%;background-color:#5f41c3;transition:0.2s}button.my-play-button #leftArrow{left:-13.5%;-webkit-clip-path:polygon(100% 0,100% 100%,0 50%)}button.my-play-button #rightArrow{left:102%;-webkit-clip-path:polygon(100% 49%,0 0,0 100%)}button.my-play-button .corner{position:absolute;width:4em;height:4em;background-color:#5f41c3;box-shadow:inset 1px 1px 8px #7f61e3;transform:scale(1) rotate(45deg);transition:0.2s}button.my-play-button #rightTop{top:-2em;left:91%}button.my-play-button #leftTop{top:-2em;left:-3em}button.my-play-button #leftBottom{top:2.2em;left:-2.2em}button.my-play-button #rightBottom{top:47%;left:88%}button.my-play-button:hover #rightArrow{background-color:#9f78fe;left:-15%;animation:0.6s ease-in-out both infinite alternate rightArrow8}button.my-play-button:hover #leftArrow{background-color:#9f78fe;left:103%;animation:0.6s ease-in-out both infinite alternate leftArrow8}button.my-play-button:hover #leftTop{animation:0.1s ease-in-out 0.05s both changeColor8,0.2s linear 0.4s both lightEffect8}button.my-play-button:hover #rightTop{animation:0.1s ease-in-out 0.15s both changeColor8,0.2s linear 0.4s both lightEffect8}button.my-play-button:hover #rightBottom{animation:0.1s ease-in-out 0.25s both changeColor8,0.2s linear 0.4s both lightEffect8}button.my-play-button:hover #leftBottom{animation:0.1s ease-in-out 0.35s both changeColor8,0.2s linear 0.4s both lightEffect8}button.my-play-button:hover .corner{transform:scale(1.25) rotate(45deg)}button.my-play-button:hover #clip{animation:0.2s ease-in-out 0.55s both greenLight8;--color:#9f78fe}@keyframes changeColor8{from{background-color:#5f41c3}to{background-color:#9f78fe}}@keyframes lightEffect8{from{box-shadow:1px 1px 5px #9f78fe}to{box-shadow:0 0 2px #9f78fe}}@keyframes greenLight8{from{}to{box-shadow:inset 0 0 32px #9f78fe}}@keyframes leftArrow8{from{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes rightArrow8{from{transform:translateX(0)}to{transform:translateX(-10px)}}.neon-checkbox{--primary:#a87cff;--primary-dark:#7e3cff;--primary-light:#d1a9ff;--size:30px;position:relative!important;width:var(--size)!important;height:var(--size)!important;cursor:pointer!important;-webkit-tap-highlight-color:#fff0;display:inline-block!important;vertical-align:middle!important}.neon-checkbox input{display:none!important}.neon-checkbox__frame{position:relative;width:100%!important;height:100%!important}.neon-checkbox__box{position:absolute;inset:0;background:rgb(0 0 0 / .8);border-radius:4px;border:2px solid var(--primary-dark);transition:all 0.4s ease}.neon-checkbox__check-container{position:absolute;inset:2px;display:flex;align-items:center;justify-content:center}.neon-checkbox__check{width:80%!important;height:80%!important;fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;transform-origin:center;transition:all 0.4s cubic-bezier(.16,1,.3,1)}.neon-checkbox__glow{position:absolute;inset:-2px;border-radius:6px;background:var(--primary);opacity:0;filter:blur(8px);transform:scale(1.2);transition:all 0.4s ease}.neon-checkbox__borders{position:absolute;inset:0;border-radius:4px;overflow:hidden}.neon-checkbox__borders span{position:absolute;width:40px;height:1px;background:var(--primary);opacity:0;transition:opacity 0.4s ease}.neon-checkbox__borders span:nth-child(1){top:0;left:-100%;animation:borderFlow1 2s linear infinite}.neon-checkbox__borders span:nth-child(2){top:-100%;right:0;width:1px;height:40px;animation:borderFlow2 2s linear infinite}.neon-checkbox__borders span:nth-child(3){bottom:0;right:-100%;animation:borderFlow3 2s linear infinite}.neon-checkbox__borders span:nth-child(4){bottom:-100%;left:0;width:1px;height:40px;animation:borderFlow4 2s linear infinite}.neon-checkbox__effects{pointer-events:none!important}.neon-checkbox__particles span{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:0;pointer-events:none;top:50%;left:50%;box-shadow:0 0 6px var(--primary)}.neon-checkbox__rings{position:absolute;inset:-20px;pointer-events:none}.neon-checkbox__rings .ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--primary);opacity:0;transform:scale(0)}.neon-checkbox__sparks span{position:absolute;width:20px;height:1px;background:linear-gradient(90deg,var(--primary),transparent);opacity:0}.neon-checkbox:hover .neon-checkbox__box{border-color:var(--primary);transform:scale(1.05)}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__box{border-color:var(--primary);background:rgb(168 124 255 / .1)}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__check{stroke-dashoffset:0;transform:scale(1.1)}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__glow{opacity:.2}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__borders span{opacity:1}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__particles span{animation:particleExplosion 0.6s ease-out forwards}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__rings .ring{animation:ringPulse 0.6s ease-out forwards}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__sparks span{animation:sparkFlash 0.6s ease-out forwards}@keyframes borderFlow1{0%{transform:translateX(0)}100%{transform:translateX(200%)}}@keyframes borderFlow2{0%{transform:translateY(0)}100%{transform:translateY(200%)}}@keyframes borderFlow3{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}@keyframes borderFlow4{0%{transform:translateY(0)}100%{transform:translateY(-200%)}}@keyframes particleExplosion{0%{transform:translate(-50%,-50%) scale(1);opacity:0}20%{opacity:1}100%{transform:translate(calc(-50% + var(--x,20px)),calc(-50% + var(--y,20px))) scale(0);opacity:0}}@keyframes ringPulse{0%{transform:scale(0);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes sparkFlash{0%{transform:rotate(var(--r,0deg)) translateX(0) scale(1);opacity:1}100%{transform:rotate(var(--r,0deg)) translateX(30px) scale(0);opacity:0}}.neon-checkbox__particles span:nth-child(1){--x:25px;--y:-25px}.neon-checkbox__particles span:nth-child(2){--x:-25px;--y:-25px}.neon-checkbox__particles span:nth-child(3){--x:25px;--y:25px}.neon-checkbox__particles span:nth-child(4){--x:-25px;--y:25px}.neon-checkbox__particles span:nth-child(5){--x:35px;--y:0px}.neon-checkbox__particles span:nth-child(6){--x:-35px;--y:0px}.neon-checkbox__particles span:nth-child(7){--x:0px;--y:35px}.neon-checkbox__particles span:nth-child(8){--x:0px;--y:-35px}.neon-checkbox__particles span:nth-child(9){--x:20px;--y:-30px}.neon-checkbox__particles span:nth-child(10){--x:-20px;--y:30px}.neon-checkbox__particles span:nth-child(11){--x:30px;--y:20px}.neon-checkbox__particles span:nth-child(12){--x:-30px;--y:-20px}.neon-checkbox__sparks span:nth-child(1){--r:0deg}.neon-checkbox__sparks span:nth-child(2){--r:90deg}.neon-checkbox__sparks span:nth-child(3){--r:180deg}.neon-checkbox__sparks span:nth-child(4){--r:270deg}.neon-checkbox__rings .ring:nth-child(1){animation-delay:0s}.neon-checkbox__rings .ring:nth-child(2){animation-delay:0.1s}.neon-checkbox__rings .ring:nth-child(3){animation-delay:0.2s}@media (max-width:1024px){.team-generator-container{margin:40px auto 20px;padding:30px}.team-generator-container h1{font-size:1.8em}.tool-subtitle{font-size:.9em;margin-bottom:20px}.players-input{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.level-select select{width:90%}.teams-container{gap:40px;margin-top:40px;margin-bottom:30px}.vs-text{font-size:1.8em}.player-entry{grid-template-columns:100px 1fr;margin-bottom:20px;gap:8px}.player-name{font-size:.75em}.champion-icon{width:28px;height:28px}.summoner-spell-icon{width:20px;height:20px}.build-icons img{width:24px;height:24px}.team-a-players .player-entry:not(:last-child)::after,.team-b-players .player-entry:not(:last-child)::after{bottom:-12px;width:70%}button.my-play-button{width:12em;height:4.5em;font-size:14px!important;margin-bottom:15px!important}button.my-play-button .arrow{top:32%;height:36%}button.my-play-button .corner{width:3em;height:3em}button.my-play-button #rightTop{top:-1.5em;left:90%}button.my-play-button #leftTop{top:-1.5em;left:-2.5em}button.my-play-button #leftBottom{top:2em;left:-2em}button.my-play-button #rightBottom{top:45%;left:87%}}@media (max-width:768px){.team-generator-container{margin:30px auto 15px;padding:20px 15px}.team-generator-container h1{font-size:1.5em}.tool-subtitle{font-size:.85em;margin-bottom:15px}.players-input{grid-template-columns:1fr;gap:15px}.checkbox-wrapper{grid-column:1;justify-content:center}.level-select select{width:95%}.teams-container{flex-direction:column;gap:30px;margin-top:30px;margin-bottom:20px}.vs-container{order:-1;margin:0 0 15px}.vs-text{font-size:1.5em}.team-block{width:100%;flex:none}.player-entry{grid-template-columns:80px 1fr;margin-bottom:15px;gap:6px}.player-name{font-size:.7em}.player-extra{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}.player-lane{font-size:.7em;margin-left:0}.player-icons{gap:4px}.champion-icon{width:24px;height:24px}.summoner-spell-icon{width:18px;height:18px}.build-icons img{width:20px;height:20px}.team-a-players .player-entry:not(:last-child)::after,.team-b-players .player-entry:not(:last-child)::after{bottom:-8px;width:80%}button.my-play-button{width:10em;height:4em;font-size:12px!important;margin-bottom:10px!important}button.my-play-button .arrow{top:30%;height:40%}button.my-play-button .corner{width:2.5em;height:2.5em}button.my-play-button #rightTop{top:-1.25em;left:90%}button.my-play-button #leftTop{top:-1.25em;left:-2.25em}button.my-play-button #leftBottom{top:1.75em;left:-1.75em}button.my-play-button #rightBottom{top:45%;left:85%}}