:root{--main-green:#1e5128;--main-red:#84142d;--main-orange:#f77f00;--main-color:#4c3e3e;--second-color:#5a4e4e;--second-color-light:#685a5a;--second-color-dark:#363030;--main-black:#0c0c0c;--main-yellow:#fcc61d;--main-white:#fff;--main-gold:#d4af37;--main-silver:#dcdcdc;--main-bronze:#a97142;--second-gold:#030303;--background-image-color:#f0f0f0;--background-profile-color:#8a6a6a}@font-face{font-family:Romulus;src:url(/font/Alagard.ttf)format("truetype");font-weight:400;font-style:normal}body{text-shadow:5px 0px 5px white white white;background-color:var(--second-color);background-size:50px 50px;background-image:linear-gradient(335deg, var(--second-color-dark) 23px, transparent 23px), linear-gradient(155deg, var(--second-color-dark) 23px, transparent 23px), linear-gradient(335deg, var(--second-color-dark) 23px, transparent 23px), linear-gradient(155deg, var(--second-color-dark) 23px, transparent 23px);text-rendering:optimizespeed;background-position:0 2px,4px 35px,29px 31px,34px 6px;font-family:Romulus;font-size:1.3em;font-weight:700}input{text-shadow:1px 1px 2px #000;font-family:Romulus;font-size:1.3em}button{text-shadow:1.5px 1px 2px #000;text-rendering:optimizespeed;font-family:Romulus}img{background-color:var(--background-image-color);image-rendering:pixelated;image-rendering:crisp-edges}input{border-color:var(--main-color);background-color:var(--main-color);color:#fff;border-radius:5px;width:80%;margin-bottom:.5em;padding:.5em}select{border-color:var(--main-color);background-color:var(--main-color);color:#fff;border-width:2px;border-color:var(--main-color);border-style:groove;border-radius:5px;margin-bottom:.5em;margin-right:1cqw;padding:.5em;font-family:Romulus}select:hover{cursor:url(/images/cursor/Cursor_1.webp) 3 7,auto}select:active,option:active{cursor:url(/images/cursor/Cursor_2.webp) 3 7,auto}.color-input{min-height:2em}.password-field{justify-content:left;align-items:center;display:flex}.password-field .seePassword{background:0 0;border:none;width:fit-content;display:flex}.password-field .seePassword img{background:0 0;width:1em;margin-bottom:50%}.password-field .seePassword img:hover{filter:brightness(1.2)contrast(1.1);background-color:#ffffff25;border-radius:100%}.form-error{color:var(--main-red);text-rendering:optimizespeed}button{border-color:var(--main-color);background-color:var(--second-color-light);box-sizing:border-box;width:10cqw;height:3cqw;color:var(--main-gold);cursor:pointer;z-index:10;border-radius:15px;font-size:1.2cqw;transition:all .3s}button:hover{cursor:url(/images/cursor/Cursor_1.webp) 3 7,auto;background-color:var(--second-color);color:var(--main-white)}button:disabled{background-color:var(--second-color-dark);color:var(--main-color)}button:hover:disabled{background-color:var(--second-color-dark);color:var(--main-color);cursor:url(/images/cursor/Cursor_5.webp) 3 7,auto}html{cursor:url(/images/cursor/Cursor_1.webp) 3 7,auto;height:100%}main{cursor:url(/images/cursor/Cursor_1.webp) 3 7,auto}button:active{cursor:url(/images/cursor/Cursor_2.webp) 3 7,auto}a:hover{cursor:url(/images/cursor/Cursor_1.webp) 3 7,auto}a:active{cursor:url(/images/cursor/Cursor_2.webp) 3 7,auto}option:hover{cursor:url(/images/cursor/Cursor_1.webp) 3 7,auto}option:active{cursor:url(/images/cursor/Cursor_2.webp) 3 7,auto}.main-menu{background-color:var(--second-color);border-color:var(--main-color);border-style:solid;border-width:5px;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:20%;display:flex}.main-menu button{margin-top:1cqh;margin-bottom:1cqh}.menu{flex-direction:column;justify-content:center;align-items:center;display:flex}article{justify-content:center;display:flex;position:relative;top:-5cqh}.banner-menu{z-index:10;background:0 0;width:45cqw;margin-top:-15cqh;margin-bottom:-2.5cqw}.advise{text-align:center;border:5px var(--main-red) groove;background-color:var(--second-color-dark);flex-direction:column;justify-content:center;align-items:center;margin:2cqw 1cqw 1cqw;display:flex}.advise h1{color:var(--main-red);filter:brightness(2);margin-bottom:0;font-size:2cqw}.advise p{color:var(--main-white);padding-right:1caw;font-size:1cqw}.advise strong{color:var(--main-orange);filter:brightness(1.1)}.last-matches{background-color:var(--main-color);text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:50%;height:40cqh;margin-top:2em;display:flex}.last-matches h1{color:var(--main-gold);margin-bottom:0%}.last-matches .match-history{border-color:var(--second-color-dark);border-style:groove;border-width:5px;border-radius:5px;width:90%;padding:5% 2% 0;overflow-y:scroll}.banner{width:99.5%;height:40em;image-rendering:pixelated;image-rendering:crisp-edges;border-color:var(--main-color);background-image:url(/images/banner.webp);background-position:50% -5em;background-repeat:no-repeat;background-size:100%;border-style:groove;border-width:.25cqw;border-radius:20px;margin-bottom:-30em}.container{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.loader{width:64px;height:64px;box-shadow:0 -4px 0 0 var(--main-black), 0 4px 0 0 var(--main-black), -4px 0 0 0 var(--main-black), 4px 0 0 0 var(--main-black), 0 -8px 0 -2px var(--main-gold), 0 8px 0 -2px var(--main-gold), -8px 0 0 -2px var(--main-gold), 8px 0 0 -2px var(--main-gold);background:#3d3d3d;border-radius:50%;animation:1.2s steps(8,end) infinite medieval-spin;position:relative}.loader:before,.loader:after{content:"";background:var(--main-gold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px #ffffff4d}.loader:before{width:80%;height:8px}.loader:after{width:8px;height:80%}.medieval-text{color:var(--second-gold);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px #3e2723;margin:0;font-weight:700}@keyframes medieval-spin{0%{filter:brightness();transform:rotate(0)}50%{filter:brightness(1.4)}to{filter:brightness();transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modifiers-list{background-color:var(--main-color);z-index:100;flex-direction:row;justify-content:center;width:80%;margin-top:20%;display:flex;position:absolute}.select-modifier{justify-content:center;align-items:center;display:flex}.modifier-info{border:.5cqw groove var(--second-color-dark);background-color:var(--second-color-light);border-radius:5%;flex-direction:column;justify-content:space-between;align-items:center;width:30cqw;height:40cqw;max-height:40cqh;margin:1cqw;padding:1cqw;display:flex;position:relative}.modifier-info h3{text-shadow:1px 0 #000;font-size:2cqw}.modifier-info img{background-color:var(--second-color-light);border:1cqw groove var(--main-gold);border-radius:5px;width:5cqw;height:5cqw}.modifier-info p{color:var(--main-white);text-align:center;text-shadow:1px 0 #000;padding-left:5%;padding-right:5%;font-size:1.3cqh}.modifier-info:hover{filter:brightness(1.1);scale:1.05}.modifier-info-mini{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;max-width:35px;margin:2%;padding:2%;display:flex;position:relative;overflow:visible!important}.modifier-info-mini img{background-color:var(--main-color);border:5px groove var(--main-gold);border-radius:1%;width:100%}.modifier-info-mini .modifier-text[popover]{background-color:var(--main-color);border:4px groove var(--second-color-dark);color:#fff;white-space:normal;z-index:1000;width:15cqw;padding:.5cqw;position:fixed;top:10%}.modifier-info-mini .modifier-text[popover] img{border-width:1cqw;width:10cqw;height:10cqw;margin:1cqw 1cqw 0}.modifier-info-mini .modifier-text[popover] p{color:var(--main-white);text-shadow:1px 0 #000;font-size:.9cqw}.modifier-info-mini .modifier-text[popover] h3{margin:0;padding:0;font-size:2cqw}.modifier-info-mini:hover [popover]{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;display:flex}.player-info img{width:2em;margin-bottom:0}#nivel-1{border-color:var(--main-bronze);color:var(--main-bronze)}#nivel-2{border-color:var(--main-silver);color:var(--main-silver)}#nivel-3{border-color:var(--main-gold);color:var(--main-gold)}#nivel-0{border-color:var(--main-red);color:var(--main-red)}.match-row{background-color:#e5cea4;border:3px solid #000;border-radius:5px;justify-content:start;align-items:center;width:90%;height:10cqh;margin-top:1%;margin-bottom:1%;padding:1em;display:flex;position:relative}.match-row .character-image{image-rendering:pixelated;image-rendering:crisp-edges;background-color:var(--main-black);border-radius:50%;width:5cqw;height:5cqw;margin-left:1em}.match-row .player-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:20%;display:flex}.match-row .player-info img{border-style:groove;border-width:5px;border-radius:50%;width:2cqw;height:2cqw;margin-bottom:0;position:relative}.match-row .player-info p{width:100%;margin-top:0;font-size:50%}.match-info{flex-direction:column;justify-content:center;align-items:center;width:60%;margin-left:1em;display:flex}.match-info h2{margin:0;font-size:1.5cqw}.match-info .win{color:var(--main-gold)}.match-info .lose{color:var(--main-red)}.match-info p{width:100%;margin:0;font-size:60%}.match-info .match-modifiers{border:.5cqh groove var(--second-color-dark);background-color:var(--second-color);border-radius:5px;flex-wrap:wrap;justify-content:start;align-items:start;width:80%;height:100%;display:flex;overflow-y:scroll}.match-info .match-modifiers img{background-color:var(--second-color-dark)}article{display:flex}article .match-id{text-align:center;width:4cqw;max-width:5cqw;color:var(--main-black);margin:0}nav{color:#fff;border:2px solid #3e27233f;border-radius:4px;justify-content:end;align-items:center;height:2cqh;min-height:2em;max-height:2em;padding:10px 20px;display:flex}.navbar-avatar{border-color:var(--main-color);border-style:solid;border-width:2px;border-radius:100%;width:3cqw;height:3cqw}.menu_link{color:#f5e1da;margin-left:1em;margin-right:5px;text-decoration:none}.menu_link img{border-style:solid;border-width:2px;border-radius:100%;width:1.5em;height:1.5em}.menu_link--active{color:var(--main-orange);border-color:var(--main-orange)}.menu_link--active img{border-color:var(--main-color);border-style:solid;border-width:2px}.menu_link:hover{filter:brightness(1.2)contrast(1.1);transition:all .1s;transform:scale(1.05)}.navbar-items{background-color:#5a4e4e6c;border-bottom:1px solid #5a4e4ec0;border-right:1px solid #5a4e4ecc;justify-content:end;align-items:center;width:20em;min-width:20em;height:1em;max-height:1em;margin:10px 20px;padding:5px;display:flex}.search{justify-content:center;align-items:center;width:60%;height:2cqh;margin-top:2%;display:flex;position:relative}.search-input{border:1px solid #000;width:100%;height:100%;font-size:.7cqw;position:relative}.searc-list{margin-top:25%;margin-left:5.5%;position:absolute}.show{background-color:var(--second-color);width:150%;min-width:250px;max-width:250px;margin-bottom:5px;display:flex}.show h1{font-size:.7em}.show .show-avatar{width:35px;height:35px;margin-right:5px}.navbar{position:sticky;top:-10px}.login-form{background-color:var(--second-color);border-color:var(--main-color);border-style:solid;border-width:5px;border-radius:15px;flex-direction:column;justify-content:space-between;width:40em;margin-right:1em;padding:1em;display:flex}.avatar-preview{border-width:10px;border-color:var(--main-gold);border-style:groove;border-radius:50%;width:10em}a{color:#f77f00}a:hover{filter:brightness(1.2)}.google-login{justify-content:center;align-items:center;display:flex}.google-login .google-icon{background:0 0;width:15%}.social-login{display:flex}.user-background{background-color:var(--second-color);border-color:var(--main-color);border-width:.25cqw;border-bottom-style:groove;border-left-style:groove;border-right-style:groove;border-radius:0 0 20px 20px;width:100%;height:30em;padding:0 5em;position:relative}.user-background .userInfo{flex-direction:row;width:100%;height:100%;display:flex;position:relative;top:-5em}.user-background .userInfo .user-profile{background-color:var(--background-profile-color);border-color:var(--main-black);border-style:solid;border-width:5px;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;max-height:max-content;margin-right:1em;padding:1em;display:flex}.user-background .userInfo .user-profile p{color:#fff;font-size:1.2em}.user-background .userInfo .user-profile .user-avatar{border-style:groove;border-width:10px;border-radius:50%;width:15em;height:15em}.user-background .userInfo .user-profile .user-buttons{display:flex}.user-background .userInfo .user-history{background-color:var(--background-profile-color);border-color:var(--main-black);border-style:solid;border-width:5px;border-radius:15px;width:80%;margin-right:20%;padding:0 1em;position:relative}.user-background .userInfo .user-history .admin{color:var(--main-yellow);height:5%}.user-background .userInfo .user-history .user{color:var(--main-black);height:5%}.user-background .userInfo .user-history .match-history{border-color:var(--main-black);border-style:solid;border-width:5px;border-radius:5px;flex-direction:column;height:20em;padding-top:3em;padding-left:1em;display:flex;position:relative;overflow-y:scroll}.form{color:#fff;justify-content:center;align-items:center;display:flex;position:relative;top:-2em}.form-fields{width:60%}.edit-form{background-color:var(--second-color);border-color:var(--main-color);border-style:solid;border-width:5px;border-radius:15px;justify-content:space-between;width:40em;margin-right:1em;padding:1em;display:flex}.avatar-preview-container{width:40%}.avatar-preview{border-width:10px;border-color:var(--main-gold);box-sizing:border-box;border-style:groove;border-radius:50%;width:15em;min-width:15em;max-width:15em;height:15em;min-height:15em;max-height:15em}.custom-file-container{align-items:center;gap:15px;margin-top:10px;display:flex}.custom-file-container input[type=file]{display:none}.custom-file-container .file-button{background-color:var(--main-color);color:var(--main-white);border:2px solid var(--main-color);cursor:pointer;box-shadow:2px 2px 0px var(--second-gold);border-radius:4px;align-items:center;gap:10px;padding:10px 20px;font-family:inherit;font-weight:700;transition:all .2s ease-in-out;display:flex}.custom-file-container .file-button img{background:0 0}.custom-file-container .file-button:hover{background-color:var(--second-color);border-color:var(--main-yellow);transform:scale(1.02)}.custom-file-container .file-button:active{box-shadow:none;transform:scale(.98)}.custom-file-container .file-status{color:var(--main-white);opacity:.8;font-size:.9em;font-style:italic;overflow-x:auto}.game{justify-content:center;width:100%;height:50cqh;margin-top:-10em;display:flex}.game-container{background-color:green;background-color:var(--second-color);margin-top:-5em;padding:1em;display:flex}.game-hud{background-color:var(--second-color);border-color:var(--second-color);border-width:5%;box-shadow:inset 3px 2px 0px var(--main-color), inset -2px -2px 0px var(--second-color-dark), inset -4px -4px 4px var(--second-color-dark), inset 4px 4px 4px var(--second-color-dark);border-style:solid;width:15cqw;margin-right:1%;padding:1%}.game-hud h1,.game-hud h2{color:var(--main-white);margin-top:.1cqh;margin-bottom:0;font-size:2cqw}.game-hud h2{margin-bottom:1cqh;font-size:1cqw}.game-hud .player-health{color:var(--main-red);font-family:1em;align-items:center;display:flex}.game-hud .player-health img{image-rendering:pixelated;image-rendering:crisp-edges;background:0 0;width:2cqw;margin-right:.5cqw}.game-hud .player-gold{color:var(--main-gold);align-items:center;display:flex}.game-hud .player-gold img{image-rendering:pixelated;image-rendering:crisp-edges;background:0 0;width:2cqw;margin-right:.5cqw}.game-hud p{color:var(--main-white);margin-top:-1cqh;font-size:1cqw}.game-window{background-color:var(--second-color);border:.5cqw solid var(--second-color-dark);width:50cqw;height:90%;padding:1em}.game-modifiers{border:.5cqh solid #000;border-radius:4%;flex-wrap:wrap;justify-content:start;align-items:start;width:95%;height:20%;margin-bottom:5%;display:flex;overflow-y:scroll}.game-buttons{display:flex}.game-buttons button{width:50%;height:10%;font-size:1.2cqw}.game-character{justify-content:center;align-items:end;display:flex}.game-character .character-abilitie{background-color:var(--main-black);border-style:groove;border-width:.5cqw;border-color:var(--main-black);filter:brightness(.8)grayscale();width:2cqw;height:2cqw;margin-left:-2cqw}.game-character .available{border-color:var(--main-gold);background-color:var(--background-profile-color);filter:brightness(1.2)}.game-character .character-avatar{background-color:var(--main-black);border:.5cqh groove;border-radius:50%;width:5cqw;height:5cqw;margin-bottom:1cqw}.animation-container strong{color:var(--main-white);font-size:.5em}.animation-container img{max-width:.5em;height:.5em}.animation{animation:1s ease-out forwards cambiarOpacidad}@keyframes cambiarOpacidad{0%{opacity:1}to{opacity:0}}.gameOver-menu{background-color:var(--second-color);border-color:var(--main-color);z-index:10;border-style:solid;border-width:5px;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:20%;display:flex;position:absolute;top:30%;left:40%}.gameOver-menu button{margin-top:1cqh;margin-bottom:1cqh}.container{justify-content:center;margin-top:-2em;padding:1em;display:flex}.character-selection{background-color:var(--second-color);border:5px solid var(--main-color);border-radius:5px;flex-wrap:wrap;justify-content:center;gap:1em;width:95%;max-width:1200px;max-height:880px;margin-top:-5em;padding:1em;display:flex;overflow-y:auto}.character-container{background-color:var(--second-color-light);border:4px solid var(--main-color);width:100%;max-width:35em;height:auto;box-shadow:4px 4px 0px var(--main-black);gap:1.5em;padding:1.5em;display:flex}@media (width<=600px){.character-container{text-align:center;flex-direction:column;align-items:center}}.character-image{border:5px groove var(--main-gold);background-color:var(--main-black);flex-shrink:0;width:7em;height:7em}.character-info{flex-direction:column;flex:0 0 30%;justify-content:center;align-items:center;gap:.5em;display:flex}.character-info h1{color:var(--main-yellow);text-shadow:1px 1px 2px var(--main-black);margin:0;font-size:1.5em}.character-info button{width:85%}.character-abilitie{align-items:stretch;gap:1em;margin-bottom:1em;display:flex}.character-abilitie img{border:.5em groove var(--main-gold);background-color:var(--background-profile-color);object-fit:cover;width:5em;min-width:5em;height:5em}.abilitie-text{border:3px solid var(--main-color);background-color:var(--main-white);height:5em;color:var(--main-black);border-radius:5px;flex-grow:1;align-items:center;padding:.8em;font-size:.9em;line-height:1.2;display:flex}.character-description{border:3px solid var(--main-color);background-color:var(--main-white);color:var(--main-black);word-wrap:break-word;border-radius:5px;width:93%;padding:.8em;font-size:.9em;line-height:1.4}.settings-container{background-color:var(--second-color);border-color:var(--main-color);border-style:solid;border-width:5px;border-radius:15px;flex-direction:column;justify-content:space-between;width:40em;margin-right:1em;padding:1em;display:flex}.settings-container label{color:var(--main-white)}.settings{justify-content:center;width:100%;display:flex}.sound-setting{align-items:center;display:flex}.muteButton{background:0 0;border:none;width:2em;height:2em}.muteButton img{background:0 0;width:100%;height:100%}.muteButton:hover{filter:brightness(.6)}.fps-setting{width:1em;height:1em}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:var(--main-white);border:2px solid #000;height:8px}input[type=range]::-moz-range-track{background:var(--main-white);border:2px solid #000;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--main-color);border:2px solid #000;width:12px;height:24px;margin-top:-10px;box-shadow:2px 2px #000}input[type=range]::-moz-range-thumb{background-color:var(--main-color);border:2px solid #000;border-radius:0;width:12px;height:24px;box-shadow:2px 2px #000}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{background-color:var(--main-white)}.match{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.match .match-info{border:5px groove var(--second-color-dark);width:100%;min-width:50cqw;color:var(--main-white);background-color:var(--main-color);flex-direction:row;justify-content:center;align-items:center;margin-left:0;padding:0;display:flex}.match .match-info .match-parameters{border-right:5px groove var(--second-color-dark);flex-direction:column;width:75%;margin-right:0;padding-left:1%;display:flex}.match .match-info .match-parameters img{margin-right:5px}.match .match-info .match-parameters strong{color:var(--main-white);font-size:.7em}.match .match-info .match-parameters .match-modifiers{border:.5cqh groove var(--second-color-dark);background-color:var(--second-color);border-radius:5px;flex-wrap:wrap;justify-content:start;align-items:start;width:80%;height:100%;display:flex;overflow-y:scroll}.match .match-info .match-parameters .match-modifiers h1{text-align:center;margin-left:25%}.match .match-info .player-info{flex-direction:column;justify-content:center;align-items:center;width:25%;height:100%;display:flex}.match .match-info .player-info img{border:5px groove;border-radius:50%;width:10em}.match .match-info .player-info h1{font-size:1em}.match .match-info .player-info .admin{color:var(--main-gold)}.match .match-comments{background-color:var(--main-color);border:5px groove var(--second-color-dark);border-top:0;flex-direction:column;align-items:center;min-width:50cqw;height:20em;min-height:2em;max-height:20em;margin-left:.5%;display:flex;overflow-y:scroll}.match .match-comments .comments{width:100%}.match .match-comments:last-child{scroll-snap-align:end}.match .comment-input{background-color:var(--main-color);border:5px groove var(--second-color-dark);border-top:0;justify-content:center;align-items:center;min-width:50cqw;margin-left:.5%;display:flex}.match .comment-input form{width:100%;display:flex}.match .comment-input form input{background-color:var(--second-color-light);border:2px groove var(--second-color-dark)}.box{width:100%;display:flex}.owner{justify-content:end}.user{justify-content:start}.commnet .owner{background-color:var(--second-color-light)}.comment{border:2px groove var(--second-color-dark);border-radius:5px;justify-content:start;min-width:30cqw;max-width:60%;margin:5px;padding:5px;display:flex}.comment .comment-content .admin_nick{color:var(--main-gold)}.comment .comment-content .user_nick{color:var(--main-black)}.comment .date{font-size:.7em}.comment .comment-info{flex-direction:column;justify-content:center;align-items:center;width:10%;display:flex;position:relative}.comment .comment-info img{border:3px groove;border-radius:50%;width:2em;height:2em}.comment .comment-info .delete-button{width:max-content;height:max-content;margin:0;padding:5px 5px 0;position:absolute;bottom:-20px}.comment .comment-info .delete-button .delete-icon{background:0 0;border-width:0;max-width:20px;max-height:20px}.comment p{color:var(--main-white);text-shadow:1px 1px 2px #000}.comment:hover{filter:brightness(1.1)}#owner{background-color:var(--second-color-light);flex-direction:row-reverse;justify-content:end}#owner .comment-content{text-align:right;margin-right:5%}#user{background-color:var(--second-color-dark)}#user .delete-button{background-color:var(--second-color-dark)}#user .comment-content{text-align:left;margin-left:5%}