@font-face{font-family:Muro;src:url(/assets/Muro-DmV8bR75.otf)}body{margin:0;background-color:#caeeeb}button{border-radius:8px;border:1px solid transparent;padding:10px 25px;font-size:1em;font-family:Muro;color:#fff;font-weight:500;background-color:#0ba296;cursor:pointer;transition:border-color .25s}button:hover{border-color:#98e5db}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}._instructions_6p40r_1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 0 2%}._mainInstructions_6p40r_13{display:flex;flex-direction:row;justify-content:center;padding:0 4% 4%}._imgtablero_6p40r_21{max-width:100%}._title_6p40r_25{font-family:Muro;font-size:60px;padding-top:8%;color:#06a196;text-align:center;margin:0 auto}._title2_6p40r_34{font-family:Muro;font-size:60px;padding-bottom:2%;color:#06a196;text-align:center;margin:0 auto}._subtitle_6p40r_43{color:#06a196}._description_6p40r_47{color:#000;text-align:justify}._description_container_6p40r_52{max-width:50%;align-items:center;padding:1%}._TableroConteinerAbout_6p40r_59{display:flex;max-width:50%;align-items:center;padding:1%}@font-face{font-family:Muro;src:url(../fonts/muro/Muro.otf)}.headerLogin{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;position:fixed;top:0;width:100%;background:#000000ba}.MainLogin{padding-top:8%;padding-bottom:10%;text-align:center}.general{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;margin:0;align-items:center}.registro{font-family:Muro;font-size:60px;color:#06a196;text-align:center;padding-bottom:2%;margin:0 auto}.Login{width:600px;margin:0 auto;border-radius:5px;box-shadow:5px 5px 10px #00000080;background-color:#06a19680;overflow:hidden}.login-image{width:100%;height:auto;display:block;border-top-left-radius:5px;border-top-right-radius:5px}.login-form{padding:30px;padding-inline:15%}.login-form label{display:block;margin-bottom:15px}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{width:100%;padding:10px;margin-top:5px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box}.login-form input[type=submit]{padding:10px;padding-inline:30%;background-color:#06a196;font-family:Muro;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.login-form input[type=submit]:hover{background-color:#048678}.error{width:80%;margin:10px auto;padding:10px;border:1px solid #ff4d4d;border-radius:5px;color:#ff4d4d;background-color:#ffe6e6;text-align:center}.successMsg{width:80%;margin:10px auto;padding:10px;border:1px solid #0ea500;border-radius:5px;color:#0ea500;background-color:#e9ffe6;text-align:center}#logout-button{background-color:#06a196;border-radius:5px;padding:7px;margin:5px;text-shadow:1px 1px 4px black}#logout-button:hover{background-color:#93f0e9;text-shadow:none}@font-face{font-family:Muro;src:url(../fonts/muro/Muro.otf)}.headerNav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;position:absolute;top:0;width:100%;background:#000000d3}nav ul{padding:0;position:sticky;list-style-type:none;display:flex;justify-content:center}.links li{display:inline-flex}.links a{font-family:Muro;color:#fff;text-decoration:none;padding:0 20px;transition:font-size .3s,color .2s}.links a:hover{font-size:larger;color:#06a196;text-decoration:none}#login{background-color:#06a196;border-radius:5px;padding:7px;margin:5px;text-shadow:1px 1px 4px black}#login:hover{background-color:#93f0e9;text-shadow:none}#signup{background-color:#61c8c0;border-radius:5px;padding:7px;margin:5px;text-shadow:1px 1px 4px black}#signup:hover{background-color:#93f0e9;text-shadow:none}._MainLanding_veaq6_1{background:url(/assets/background-B-GpiSML.jpeg) no-repeat center center;background-size:cover;background-position:center center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between}._title_veaq6_14{padding-top:100px;font-family:Muro;color:#fff;font-size:80px;text-align:center;text-shadow:5px 5px 5px black}._description_veaq6_24{text-align:center;background:linear-gradient(to top,black,transparent);padding-bottom:4%;padding-inline:15%;color:#fff;margin-top:auto}._buttonContainer_veaq6_33{display:flex;justify-content:center;gap:10px;margin-top:20px}._buttonGame_veaq6_40{box-shadow:0 7px 30px -10px #1c787e1a;background-color:#00a49c;font-size:24px;font-weight:400;font-family:Muro,sans-serif;color:#fff;text-align:center;line-height:1.4;border-style:outset;border-width:10px;border-color:#00b8b0;border-radius:4px;padding:12px 24px;opacity:1;transition:all .2s ease,border-bottom-left-radius .2s;cursor:pointer;align-self:center;min-width:150px;order:11;min-height:0px;height:max-content;flex-grow:0;flex-shrink:0;width:auto;margin:0;z-index:4;box-sizing:border-box}._buttonGame_veaq6_40:active{transform:translateY(4px);box-shadow:0 3px 12px -8px rgba(var(--color_bTGzr_default_rgb),.2)}._buttonGame_veaq6_40:hover{box-shadow:0 10px 40px -10px rgba(var(--color_bTGzr_default_rgb),.2)}._modal_veaq6_79{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._modalContent_veaq6_93{background-color:#fff;padding:20px;border-radius:8px;text-align:center;width:300px}._modalContent_veaq6_93 button{margin:10px;padding:10px;background-color:#ff9100;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px}._modalContent_veaq6_93 button:hover{background-color:#d17104}.BodyBoard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;align-items:center;margin:0;padding-top:5%;padding-bottom:5%}.contenedor-board-dashboard{display:flex;align-items:start;justify-content:space-around;padding:2%}.contenedor-dado{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.contenedor-dashboard{max-width:35%;padding:20px;background-color:#f4f4f484;border-radius:10px;box-shadow:0 4px 8px #0003;border:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:center;align-items:center}.dice-roller-button{padding:15px 20px;color:#fff;border:none;font-size:20px;border-radius:20px;box-shadow:1px 3px #50514f;outline:none;transition:.3s;background-color:#d95604}.dice-roller-button:hover,.dice-roller-button:active{outline:none;background:#50514f;cursor:pointer;transform:translateY(10px)}.board{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(18,1fr);background-color:#000;padding:5px;border-radius:8px;width:fit-content;height:fit-content}.board-cell{max-width:20px;max-height:20px;position:relative}.cell-image{width:100%;height:100%}.board-container{display:flex;justify-content:center;align-items:center;position:relative;width:620px;height:620px}.board-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.AllBoard{display:flex;justify-content:center;align-items:center}.MainBoard{margin-top:3%;text-align:center;align-items:center}.resultado{padding:5px;margin:5px}.character-board{max-width:20px}.card-image{max-width:30px;border:2px solid rgb(255,81,0);border-radius:6px;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:0}#pick-card{margin-top:10px;background-color:#00a49c;border-color:#00b8b0}.contenedor-dashboard h2{font-family:Muro;font-weight:200}.character-turn-order-horizontal{display:flex;width:100%;justify-content:center;align-items:top;gap:8px;padding:10px 0}.character-item-horizontal{display:flex;flex-direction:column;align-items:center}.character-avatar-horizontal{width:60px;height:60px;padding:0;margin:0;border:2px solid rgb(0,164,156);border-radius:50%;object-fit:cover;object-position:top}.character-item-horizontal.inactive .character-avatar-horizontal{filter:grayscale(100%);opacity:.5}.character-item-horizontal p{max-width:55px;font-size:12px;text-align:center;margin:0;color:#333}.character-item-horizontal.inactive p{color:#aaa}.popup{position:absolute;z-index:20;background-color:#fff;box-shadow:0 4px 10px #0003;border-radius:10px;padding:20px;transform:translateY(-50%)}.popup-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.popup-content h2{font-family:Muro;color:#00a49c;margin:1%}.text-notas{min-width:250px;margin:10px}.close-button{background-color:transparent;border:none;font-size:24px;cursor:pointer;position:absolute;padding:0;top:2px;right:10px;color:#777;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.popup-toggle-button{background-color:#5bc75f;box-shadow:0 7px 30px -10px #1c787e1a;font-size:20px;font-weight:400;font-family:Muro,sans-serif;color:#fff;text-align:center;line-height:1.4;border-style:outset;border-width:8px;border-color:#06b800;border-radius:4px;padding:5px;opacity:1;cursor:pointer;align-self:center;min-width:150px;width:auto;margin:0;z-index:4;box-sizing:border-box}#username-board{font-weight:700;font-size:15px}.contenedor-mi-personaje{display:flex;justify-content:center;align-items:center}.mi-personaje{min-width:100px;display:flex;flex-direction:column;align-items:center;border-style:outset;border-width:4px;border-color:#f4a46a;border-radius:4px;padding:4px;background-color:#febd8f;box-shadow:0 4px 6px #0000001a}.mi-personaje p{margin:1px 0 0;font-size:12px;font-weight:600;line-height:1}.mi-personaje-avatar{height:70px;object-fit:cover}.mi-personaje-nombre{font-size:14px;font-weight:700;color:#303030;text-align:center}.two-button{display:flex;gap:20px}.weapon-list,.place-list,.character-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.weapon-option,.place-option,.character-option{display:flex;align-items:center;gap:8px;text-align:left}.contenedor-preguntas{display:flex;flex-direction:row;justify-content:space-between;gap:16px;align-items:flex-start}.contenedor-preguntas>div{flex:1;max-width:300px}.card-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.card-dashboard{width:120px;height:180px;background-color:#cef8f5;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;border:4px outset rgb(0,164,156)}.card-dashboard p{font-size:12px;color:#555;margin:5px 0}.card-image-dashboard{max-width:80%;max-height:80%;height:auto;object-fit:cover}.dice-roller-body{display:flex;justify-content:center;align-items:center;margin:0;padding:2%;background:none}.dice-roller-game{position:relative;width:auto;height:100%}.dice-roller-container{display:inline-block}.dice-roller-dice{position:relative;width:100px;height:100px;transform-style:preserve-3d;transition:transform 1s}.dice-roller-dot{position:absolute;width:20px;height:20px;margin:-10px 5px 5px -10px;border-radius:20px;background-color:#f29a5c;box-shadow:inset 2px 2px #d95604}.dice-roller-side{position:absolute;background-color:#fff;border-radius:5px;width:100%;height:100%;border:1px solid #e5e5e5;display:flex;justify-content:center;align-items:center}.dice-roller-side:nth-child(1){transform:translateZ(3.1em)}.dice-roller-side:nth-child(6){transform:rotateY(90deg) translateZ(3.1em)}.dice-roller-side:nth-child(3){transform:rotateY(-90deg) translateZ(3.1em)}.dice-roller-side:nth-child(4){transform:rotateX(90deg) translateZ(3.1em)}.dice-roller-side:nth-child(5){transform:rotateX(-90deg) translateZ(3.1em)}.dice-roller-side:nth-child(2){transform:rotateY(-180deg) translateZ(3.1em)}.dice-roller-show-1{transform:rotateX(720deg) rotate(-720deg)}.dice-roller-show-2{transform:rotateX(-900deg) rotate(1080deg)}.dice-roller-show-6{transform:rotateY(-450deg) rotate(-1440deg)}.dice-roller-show-3{transform:rotateY(810deg) rotate(720deg)}.dice-roller-show-4{transform:rotateX(-810deg) rotate(-1080deg)}.dice-roller-show-5{transform:rotateX(450deg) rotate(-720deg)}.dice-roller-two-1,.dice-roller-three-1,.dice-roller-four-1,.dice-roller-five-1,.dice-roller-six-1{top:20%;left:20%}.dice-roller-four-3,.dice-roller-five-3,.dice-roller-six-4{top:20%;left:80%}.dice-roller-one-1,.dice-roller-three-2,.dice-roller-five-5{top:50%;left:50%}.dice-roller-four-2,.dice-roller-five-2,.dice-roller-six-3{top:80%;left:20%}.dice-roller-two-2,.dice-roller-three-3,.dice-roller-four-4,.dice-roller-five-4,.dice-roller-six-6{top:80%;left:80%}.dice-roller-six-2{top:50%;left:20%}.dice-roller-six-5{top:50%;left:80%}.BodyAbout{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;align-items:center;margin:0;padding-top:2%;padding-bottom:5%;height:100vh}.Mainabout{padding-top:6%;text-align:center}.title-about{font-family:Muro;font-size:60px;color:#06a196;text-align:center;margin:auto}.description{text-align:center;color:#000;padding:2%}.creators-container{display:flex;justify-content:center;gap:80px;margin-top:10px}.creator{text-align:center;align-items:center;display:flex;flex-direction:column;width:200px}.creator-photo{width:100%;height:200px;border-radius:40px;padding:6px;border:5px solid white;object-fit:cover;object-position:center}.creator-caption{margin-top:8px;font-size:.9em;color:#555}.Bodycharacter-selection{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;align-items:center;margin:0;padding-top:7%;padding-bottom:10%;height:100vh}.character-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-inline:80px}.character-card{display:flex;width:300px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .2s;cursor:pointer}.character-card:hover{transform:scale(1.02);border:1px solid #0db2a4}.character-card.selected{border-color:#4caf50;background-color:#4caf5033}.confirm-button{margin-top:20px;padding:10px 40px;font-size:26px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px;transition:background-color .3s}.confirm-button:disabled{background-color:#ccc;cursor:not-allowed}.confirm-button:not(:disabled):hover{background-color:#45a049}.character-avatar{width:auto;max-height:150px;padding:20px}.character-description{text-align:justify;padding:10px}.character-card h2{font-size:1em;color:#333}.character-card p{font-size:.9em;color:#555;margin:5px 0}.message{padding:10px;margin-bottom:10px;border-radius:5px;background-color:#f4f4f4;color:#333;font-weight:700;text-align:center}.message.success{background-color:#d4edda;color:#155724}.message.error{background-color:#f8d7da;color:#721c24}#conteiner-selectbutton{text-align:center;padding-bottom:1%}.BodyPlay{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;align-items:center;margin:0;padding-top:2%;padding-bottom:5%;height:100vh}.play-main{padding-top:6%;text-align:center}.alert,.play-actions{text-align:center}.play-actions button,.alert button{padding:10px 20px;margin-top:10px;font-size:16px;cursor:pointer}.BodyGames{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;align-items:center;margin:0;height:100vh}.games-main{padding-top:6%;text-align:center}.titulo-games{font-family:Muro;font-size:60px;color:#06a196;text-align:center;margin:auto;padding-top:2%}.nombre-game{font-family:Muro;text-align:center;color:#333;font-size:30px;margin:10px 10px 2px;font-weight:100}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:3%;padding-inline:5%}.card{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 4px 10px #0000001a;text-align:center}.card h3{margin:0 0 10px;font-size:18px;color:#333}.card p{font-size:14px;color:#555;margin:5px 0}.button-container{margin-top:15px}#game-started{font-size:50px;font-family:Muro;color:#15a106;text-align:center}#game-finished{font-size:50px;font-family:Muro;color:#cb2d11;text-align:center}#join-game{font-size:18px;padding:18px 28px;margin-top:10%;margin-bottom:10%}#turnos{font-family:Muro;font-size:18px;color:#ec8600;font-weight:100}#no-active-turn{font-family:Muro;font-size:18px;color:#4db552;font-weight:100}.card-button{box-shadow:0 7px 30px -10px #1c787e1a;background-color:#00a49c;font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;text-align:center;line-height:1.1;border-style:outset;border-width:7px;border-color:#00b8b0;border-radius:4px;padding:8px 10px;opacity:1;transition:all .2s ease,border-bottom-left-radius .2s;cursor:pointer;align-self:center;order:11;min-height:0px;width:auto;margin:0 4px;z-index:4;box-sizing:border-box}.card-button:active{transform:scale(.95)}#start{background-color:#4db552;border-color:#36963b}#board{background-color:#ff9100;border-color:#d17104}.character-avatar{padding:0}.MainAdmin{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#caeeeb;background-size:cover;align-items:center;margin:0;padding:8%;height:100vh}.admin-user-list{font-family:Arial,sans-serif}#titulo-admin{font-family:Muro;text-align:center;color:#333;font-size:xx-large}.user-table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 2px 4px #0000001a}.user-table th,.user-table td{padding:10px;text-align:left;border:1px solid #ddd}.user-table th{background-color:#f4f4f4;color:#333}.user-table td{background-color:#fff}.delete-button{background-color:#ff4d4d;color:#fff;padding:5px 10px;border:none;cursor:pointer;border-radius:5px;font-size:14px;transition:background-color .3s ease}.delete-button:hover{background-color:#ff1a1a}.delete-button:focus{outline:none}