html,body{background-color:var(--dark)!important}.valo-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}.valo-generator-container h1.valo-title{font-family:'Orbitron',sans-serif;font-weight:700;font-size:2.2em;text-align:center;margin-bottom:8px;background:linear-gradient(45deg,#ff4655,#ff7984,#ff4655);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:redGradientFlow 3s ease-in-out infinite;text-shadow:0 0 10px rgb(255 70 85 / .5)}@keyframes redGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.valo-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 rgb(255 70 85 / .3)}.valo-players-input{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:25px}.valo-inputBox{position:relative}.valo-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,#ff9f9f,#ff4655,#ff7888,#d10021);border-image-slice:1;transition:all 0.3s ease}.valo-inputBox input:focus{color:#0d0d0d!important;background-color:#fff;border-image:none;border-color:#ff4655;box-shadow:0 0 8px rgb(255 70 85 / .5)}.valo-inputBox span{position:absolute;top:-8px;left:12px;padding:0 5px;font-size:.75em;color:#0d0d0d;background:#fff;border-radius:4px;pointer-events:none;transition:all 0.3s ease}.valo-inputBox input:focus~span,.valo-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,#ff9f9f,#ff4655,#ff7888,#d10021);border-image-slice:1}.valo-center-input{grid-column:span 1}.valo-level-select{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.valo-level-select label{font-weight:700;margin-bottom:8px;color:#ff4655;font-family:'Orbitron',sans-serif}.valo-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}.valo-level-select select:hover{background-color:#555;box-shadow:0 2px 8px rgb(0 0 0 / .4)}#valo-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}.valo-teams-container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:60px;margin-top:60px;margin-bottom:40px}.valo-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}.valo-team-block h3{margin-bottom:15px;font-size:1.4em;font-family:'Orbitron',sans-serif}.valo-team-block.valo-team-a{border-image:linear-gradient(145deg,#ffa3a3,#ff3030,#ff5050) 1}.valo-team-block.valo-team-b{border-image:linear-gradient(145deg,#9cc9ff,#3a9eff,#2ab5ff) 1}.valo-team-block.valo-team-a h3{color:#ff3030;text-shadow:0 0 5px #ff3030,0 0 10px #ff5050}.valo-team-block.valo-team-b h3{color:#3a9eff;text-shadow:0 0 5px #3a9eff,0 0 10px #2ab5ff}.valo-vs-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-basis:auto;margin:20px 0}.valo-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:luxuryGoldFlow 3s linear infinite;text-shadow:0 0 4px #FFD700,0 0 10px orange}@keyframes luxuryGoldFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.valo-map-name{font-family:'Orbitron',sans-serif;font-size:1em;color:gold;padding:4px 12px;border:2px solid gold;border-radius:6px;text-transform:uppercase;box-shadow:0 0 8px rgb(255 215 0 / .3)}.valo-player-entry{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px;margin-bottom:30px;width:100%;position:relative}.valo-player-name{font-weight:700;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;font-family:'Roboto',sans-serif}.valo-teamA-player .valo-player-name{color:#ff3030}.valo-teamB-player .valo-player-name{color:#3a9eff}.valo-player-extra{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.valo-player-icons{display:flex;align-items:center;justify-content:flex-start;gap:6px}.valo-champion-icon{width:32px;height:32px;border-radius:4px;flex-shrink:0;vertical-align:middle}.valo-loadout-container{display:flex;flex-wrap:wrap;gap:3px}.valo-loadout-item{display:flex;flex-direction:column;align-items:center;font-size:.7em;color:#ccc;min-width:auto;text-align:center}.valo-loadout-item img{width:28px;height:28px;border-radius:2px;margin-bottom:2px;vertical-align:middle}.valo-team-block.valo-team-a .valo-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)}.valo-team-block.valo-team-b .valo-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.valo-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:20px auto!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:#ffe5e9!important;display:block;text-align:center}button.valo-play-button:active{animation:valoClickScale 0.2s ease}@keyframes valoClickScale{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}button.valo-play-button #valo-clip{--valoColor:#ff4655;position:absolute;top:0;overflow:hidden;width:100%;height:100%;border:5px double var(--valoColor);box-shadow:inset 0 0 15px #7f1e29;-webkit-clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}button.valo-play-button .valo-arrow{position:absolute;top:35%;width:11%;height:30%;background-color:#ff4655;transition:0.2s}button.valo-play-button #valo-leftArrow{left:-13.5%;-webkit-clip-path:polygon(100% 0,100% 100%,0 50%)}button.valo-play-button #valo-rightArrow{left:102%;-webkit-clip-path:polygon(100% 49%,0 0,0 100%)}button.valo-play-button .valo-corner{position:absolute;width:4em;height:4em;background-color:#ff4655;box-shadow:inset 1px 1px 8px #ff8792;transform:scale(1) rotate(45deg);transition:0.2s}button.valo-play-button #valo-rightTop{top:-2em;left:91%}button.valo-play-button #valo-leftTop{top:-2em;left:-3em}button.valo-play-button #valo-leftBottom{top:2.2em;left:-2.2em}button.valo-play-button #valo-rightBottom{top:47%;left:88%}button.valo-play-button:hover #valo-rightArrow{background-color:#ff8792;left:-15%;animation:0.6s ease-in-out both infinite alternate valoRightArrow8}button.valo-play-button:hover #valo-leftArrow{background-color:#ff8792;left:103%;animation:0.6s ease-in-out both infinite alternate valoLeftArrow8}button.valo-play-button:hover #valo-leftTop{animation:0.1s ease-in-out 0.05s both valoChangeColor8,0.2s linear 0.4s both valoLightEffect8}button.valo-play-button:hover #valo-rightTop{animation:0.1s ease-in-out 0.15s both valoChangeColor8,0.2s linear 0.4s both valoLightEffect8}button.valo-play-button:hover #valo-rightBottom{animation:0.1s ease-in-out 0.25s both valoChangeColor8,0.2s linear 0.4s both valoLightEffect8}button.valo-play-button:hover #valo-leftBottom{animation:0.1s ease-in-out 0.35s both valoChangeColor8,0.2s linear 0.4s both valoLightEffect8}button.valo-play-button:hover .valo-corner{transform:scale(1.25) rotate(45deg)}button.valo-play-button:hover #valo-clip{animation:0.2s ease-in-out 0.55s both valoGreenLight8;--valoColor:#ff8792}@keyframes valoChangeColor8{from{background-color:#ff4655}to{background-color:#ff8792}}@keyframes valoLightEffect8{from{box-shadow:1px 1px 5px #ff8792}to{box-shadow:0 0 2px #ff8792}}@keyframes valoGreenLight8{from{}to{box-shadow:inset 0 0 32px #ff8792}}@keyframes valoLeftArrow8{from{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes valoRightArrow8{from{transform:translateX(0)}to{transform:translateX(-10px)}}@media (max-width:1024px){.valo-generator-container{margin:40px auto 20px;padding:30px}.valo-generator-container h1.valo-title{font-size:1.8em}.valo-subtitle{font-size:.9em;margin-bottom:20px}.valo-players-input{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.valo-center-input{grid-column:span 1}.valo-level-select select{width:90%}.valo-teams-container{gap:40px;margin-top:40px;margin-bottom:30px}.valo-vs-text{font-size:1.8em}.valo-map-name{font-size:.9em;padding:3px 10px}.valo-player-entry{grid-template-columns:100px 1fr;margin-bottom:20px;gap:8px}.valo-player-name{font-size:.75em}.valo-champion-icon{width:28px;height:28px}.valo-loadout-item img{width:24px;height:24px}.valo-team-block.valo-team-a .valo-player-entry:not(:last-child)::after,.valo-team-block.valo-team-b .valo-player-entry:not(:last-child)::after{bottom:-12px;width:70%}button.valo-play-button{width:12em;height:4.5em;font-size:14px!important;margin-bottom:15px!important}button.valo-play-button .valo-arrow{top:32%;height:36%}button.valo-play-button .valo-corner{width:3em;height:3em}button.valo-play-button #valo-rightTop{top:-1.5em;left:90%}button.valo-play-button #valo-leftTop{top:-1.5em;left:-2.5em}button.valo-play-button #valo-leftBottom{top:2em;left:-2em}button.valo-play-button #valo-rightBottom{top:45%;left:87%}}@media (max-width:768px){.valo-generator-container{margin:30px auto 15px;padding:20px 15px}.valo-generator-container h1.valo-title{font-size:1.5em}.valo-subtitle{font-size:.85em;margin-bottom:15px}.valo-players-input{grid-template-columns:1fr;gap:15px}.valo-center-input{grid-column:1;text-align:center}.valo-level-select select{width:95%}.valo-teams-container{flex-direction:column;align-items:center;gap:30px;margin-top:30px;margin-bottom:20px}.valo-vs-container{order:-1;margin:0 0 15px}.valo-vs-text{font-size:1.5em}.valo-map-name{font-size:.8em;padding:2px 8px}.valo-team-block{width:100%;flex:none}.valo-player-entry{grid-template-columns:80px 1fr;margin-bottom:15px;gap:6px}.valo-player-name{font-size:.7em}.valo-player-extra{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}.valo-player-icons{gap:4px}.valo-champion-icon{width:24px;height:24px}.valo-loadout-item img{width:20px;height:20px}.valo-team-block.valo-team-a .valo-player-entry:not(:last-child)::after,.valo-team-block.valo-team-b .valo-player-entry:not(:last-child)::after{bottom:-8px;width:80%}button.valo-play-button{width:10em;height:4em;font-size:12px!important;margin:15px auto 10px!important}button.valo-play-button .valo-arrow{top:30%;height:40%}button.valo-play-button .valo-corner{width:2.5em;height:2.5em}button.valo-play-button #valo-rightTop{top:-1.25em;left:90%}button.valo-play-button #valo-leftTop{top:-1.25em;left:-2.25em}button.valo-play-button #valo-leftBottom{top:1.75em;left:-1.75em}button.valo-play-button #valo-rightBottom{top:45%;left:85%}}@media (max-width:480px){.valo-generator-container{margin:20px auto 10px;padding:15px 10px}.valo-generator-container h1.valo-title{font-size:1.3em}.valo-subtitle{font-size:.8em;margin-bottom:10px}.valo-players-input{gap:10px}.valo-level-select select{width:98%;font-size:.9em;padding:8px}.valo-teams-container{gap:20px;margin-top:20px;margin-bottom:15px}.valo-vs-text{font-size:1.2em}.valo-map-name{font-size:.7em;padding:1px 6px}.valo-team-block{padding:10px}.valo-team-block h3{font-size:1.2em;margin-bottom:10px}.valo-player-entry{grid-template-columns:1fr;margin-bottom:10px;gap:3px}.valo-player-name{font-size:.8em;text-align:center}.valo-player-extra{flex-direction:column;align-items:center;gap:3px}.valo-player-icons{gap:3px;justify-content:center}.valo-champion-icon{width:20px;height:20px}.valo-loadout-container{gap:2px;justify-content:center}.valo-loadout-item{font-size:.6em}.valo-loadout-item img{width:18px;height:18px;margin-bottom:1px}.valo-team-block.valo-team-a .valo-player-entry:not(:last-child)::after,.valo-team-block.valo-team-b .valo-player-entry:not(:last-child)::after{bottom:-5px;width:90%}button.valo-play-button{width:8em;height:3.5em;font-size:10px!important;margin:10px auto 8px!important}button.valo-play-button .valo-arrow{top:28%;height:44%}button.valo-play-button .valo-corner{width:2em;height:2em}button.valo-play-button #valo-rightTop{top:-1em;left:90%}button.valo-play-button #valo-leftTop{top:-1em;left:-2em}button.valo-play-button #valo-leftBottom{top:1.5em;left:-1.5em}button.valo-play-button #valo-rightBottom{top:45%;left:85%}}