body{margin:0;padding:0;font-family:Inter,sans-serif}#app{flex-direction:column;justify-content:space-between;height:100vh;color:#fff}#app,#nav{display:flex;align-items:center}#nav{width:100%;background-color:var(--nav-background,#1e1e2f);justify-content:center;padding:10px 0}#nav a{color:var(--text-color,#ff4655);font-weight:700;text-decoration:none;margin:0 15px;cursor:pointer;transition:all .2s ease-in-out}#nav a.router-link-exact-active,#nav a:hover{border-bottom:2px solid var(--highlight-color,#ff4655)}#nav a:hover{color:var(--hover-text-color,#e0e0e0)}#theme-selector{position:fixed;top:15%;background:var(--modal-background,rgba(30,30,47,.9));padding:20px;border-radius:8px;box-shadow:0 0 15px var(--box-shadow-color,rgba(255,70,85,.5));color:var(--text-color,#fff);text-align:center;z-index:10}#theme-selector button{background:var(--button-background,transparent);border:2px solid var(--text-color,#fff);color:var(--text-color,#fff);padding:10px 20px;margin:10px;border-radius:5px;cursor:pointer;transition:all .3s ease}#theme-selector button:hover{background:var(--highlight-color,#ff4655);color:var(--hover-text-color,#000)}body.dark-neon{--nav-background:#0d0f1a;--text-color:#0fc;--highlight-color:#0fc;--modal-background:rgba(13,15,26,0.95);--box-shadow-color:rgba(0,255,204,0.5);--button-background:#024;--hover-text-color:#002b36;background:linear-gradient(135deg,#001a33,#000d1a);color:#0fc;text-shadow:0 0 5px #0fc}body.valorant-ui{--nav-background:#1e1e2f;--text-color:#ff4655;--highlight-color:#ff4655;--modal-background:rgba(30,30,47,0.9);--box-shadow-color:rgba(255,70,85,0.5);--button-background:#444;--hover-text-color:#fff;background:linear-gradient(135deg,#1e1e2f,#121212);color:#ff4655}body.edgy-minimalist{--nav-background:#000;--text-color:#fff;--highlight-color:#fff;--modal-background:rgba(0,0,0,0.9);--box-shadow-color:hsla(0,0%,100%,0.2);--button-background:#000;--hover-text-color:silver;background:linear-gradient(135deg,#121212,#000);color:#e0e0e0}body.dark-neon{--modal-background:#0d0f1a;--player-card-bg:#222;--text-primary:#0fc;--border-color:#444}body.valorant-ui{--modal-background:#1e1e2f;--player-card-bg:#2c2c3f;--text-primary:#ff4655;--border-color:#555}body.edgy-minimalist{--modal-background:#000;--player-card-bg:#222;--text-primary:#fff;--border-color:#666}.logo{top:0;margin:0}.basicdiv{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:10px auto;background-color:var(--background-color,#111);border:2px solid var(--border-color,#444);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:100%;max-width:600px;transition:transform .3s,background-color .3s}.basicdiv:hover{transform:scale(1.05);background-color:var(--hover-background-color,#222)}.player{display:flex;flex-direction:column;align-items:center;background-color:var(--box);box-sizing:border-box;width:100%;margin:20px auto;padding:15px;border-radius:10px;border:2.5px solid #000;cursor:pointer;transition-duration:.3s}.player:hover{background-color:var(--box-200);border-radius:20px}.player_name{margin-top:10px;font-size:1.5em;color:var(--highlight-color)}.btn{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;padding:0;color:var(--button-text-color);cursor:pointer;position:relative;padding:8px;margin-bottom:20px;text-transform:uppercase;font-weight:700;font-size:14px;transition:all .15s ease}.btn:after,.btn:before{content:"";display:block;position:absolute;right:0;left:0;height:calc(50% - 5px);border:1px solid var(--border-color);transition:all .15s ease}.btn:before{top:0;border-bottom-width:0}.btn:after{bottom:0;border-top-width:0}.btn:active,.btn:focus{outline:none}.btn:active:after,.btn:active:before{right:3px;left:3px}.btn:active:before{top:3px}.btn:active:after{bottom:3px}.btn__inner{position:relative;display:block;padding:20px 30px;background-color:var(--button-background-color);overflow:hidden;box-shadow:inset 0 0 0 1px var(--button-inner-border-color)}.btn_blue{color:#1971ff;box-shadow:inset 0 0 0 1px #1971ff}.btn__inner:before{top:0;left:0;width:2px;height:2px}.btn__inner:after,.btn__inner:before{content:"";display:block;position:absolute;background-color:var(--button-bits-color)}.btn__inner:after{right:0;bottom:0;width:4px;height:4px;transition:all .2s ease}.btn__slide{display:block;position:absolute;top:0;bottom:-1px;left:-8px;width:0;background-color:var(--highlight-color);transform:skew(-15deg);transition:all .2s ease}.btn__content{position:relative}.btn:hover{color:var(--button-text-color-hover)}.btn:hover .btn__slide{width:calc(100% + 15px)}.btn:hover .btn__inner:after{background-color:var(--button-bits-color-hover)}.btn--light{--button-background-color:var(--background-color);--button-text-color:var(--highlight-color);--button-inner-border-color:var(--highlight-color);--button-text-color-hover:#ece8e1;--button-bits-color-hover:#ece8e1}.agent_img{margin:10px auto;height:72px;border-radius:50px;border:solid 2px var(--border-color)}.weapon_icons{display:flex;justify-content:center;gap:10px;margin-top:10px}.weapon_img{height:50px;border-radius:5px;background-color:var(--background-color);border:solid 1px var(--border-color);padding:5px;transition:transform .2s}.weapon_img:hover{transform:scale(1.1)}.box{box-sizing:border-box;position:relative;width:100px;height:130px;background-color:var(--inventory-slot,#2c2c3f);border:1px solid var(--border-color,#868686);border-radius:5px;margin:0 7px;transition-duration:.1s;cursor:pointer}.box:hover{padding:5px;background-color:var(--inventory-slot-hover,#444)}.box:hover .placeholderDiv{padding:0 5px;left:-5px;margin:111px 0}.box-invisible{width:100px;height:130px;border-radius:5px;margin:0 8px}.flexbox{display:flex;flex-wrap:wrap;justify-content:space-around}.flexbox-column{height:900px;flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.weaponIMG{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;padding:3px}.sprayIMG,.weaponIMG{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;box-sizing:border-box}.sprayIMG{width:75%;border-radius:10px}.placeholderDiv{position:relative;background-color:var(--placeholder-div,rgba(0,0,0,.7));z-index:2;width:100%;height:10%;margin:115px 0;left:0;transition-duration:.1s}.placeholderText{position:absolute;font-size:.8em;font-weight:700;left:0;right:0;margin:auto;top:-1px;color:var(--placeholder-text,#fff);transition-duration:.1s}.box:hover .placeholderText{top:-2px}.buddyIMG{z-index:3;position:absolute;bottom:2%;left:0;width:18%}.modal{position:relative;width:60%;max-width:1600px;height:auto;padding:20px;margin:200px auto;background-color:var(--modal-background,#1e1e2f);border-radius:10px;border:2px solid var(--border-color,#000);box-shadow:0 8px 20px rgba(0,0,0,.5);overflow:hidden}.modal-backdrop{padding:0;margin:0;top:0;position:fixed;background:rgba(0,0,0,.6);width:100%;height:100%;z-index:1000}.player-card{z-index:1;position:absolute;width:165px;left:20px;height:286px;background-color:var(--player-card-bg,#2c2c3f);border-radius:10px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3);overflow:hidden}.PlayerCard{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.img-agent{position:absolute;top:0;bottom:-10%;margin:auto;height:90%;z-index:0;opacity:.3;pointer-events:none}.levelDiv{position:absolute;width:50%;height:10%;top:2%;left:25%;background-color:var(--background-color,#444);border-radius:50px;border:2px solid var(--border-color,#000);text-align:center;box-shadow:inset 0 2px 5px rgba(0,0,0,.2)}.levelText{font-size:1.5em;color:var(--text-primary,#fff);font-weight:700;line-height:1.5}.titleDiv{position:absolute;width:100%;height:5%;bottom:28%;background-color:rgba(0,0,0,.6);text-align:center}.titleText{font-size:.8em;color:var(--text-primary,#e0e0e0);font-weight:700;line-height:1.5}.nameDiv{position:absolute;width:100%;height:5%;bottom:33%;background-color:rgba(0,0,0,.6);text-align:center}.nameText{font-size:.8em;color:var(--text-primary,#e0e0e0);font-weight:700;line-height:1.5}#characters{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.img-phoenix{left:0}.img-killjoy,.img-phoenix{position:absolute;bottom:0;width:20%;height:auto;opacity:.5}.img-killjoy{right:0}.noMatch{display:flex;flex-direction:column}.lastUpdate{font-size:1.5em;color:#fff}.lastUpdateDiv{width:60%;text-align:center;left:0;right:0;margin:auto;margin-bottom:1em}.lastUpdateValue{color:green;font-size:1.5em;font-weight:700}.red{color:red}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.vry-button{margin-top:4%}.btn--vry{--button-background-color:var(--background-color);--button-text-color:var(--highlight-color);--button-inner-border-color:var(--highlight-color);--button-text-color-hover:#ece8e1;--button-bits-color-hover:#ece8e1}