body{padding:0;margin:0}.batalla{width:calc(18 * var(--size-width-mediana));position:relative}.batalla-listo{position:absolute;right:20px;top:10px;width:20px;height:20px;border-radius:50%;border:2px solid greenyellow;background:#0f0c}.batalla-zona-juego{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.batalla-fondo{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:-1}.mesa-test{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}.mesa-test-item{display:flex;flex-direction:row;font-size:24px}.mesa-test-label{color:#000;background:#fff;text-align:right;padding-left:40px}.mesa-test-dato{color:#000;background:#fff;text-align:right}.menu-bar{background-color:#333;padding:10px 20px;display:flex;justify-content:center;box-shadow:0 2px 6px #0000004d}.menu-bar ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0}.menu-bar li a{display:flex;align-items:center;gap:6px;background-color:#333;color:#fff;text-decoration:none;padding:8px 14px;border-radius:6px;transition:all .2s ease-in-out;font-weight:600;font-size:16px;font-family:Segoe UI,sans-serif;font-weight:700;cursor:pointer}.menu-bar li a:hover{color:orange;background-color:#444;transform:translateY(-1px)}.menu-bar li a i{font-size:15px}.menu-bar .logout{background-color:#b22222}.menu-bar .logout:hover{background-color:#e03a3a}.panel-chat{width:calc(3.5 * var(--size-width-pequeña));min-width:calc(3.5 * var(--size-width-pequeña));height:calc(5.3 * var(--size-height-mediana));display:flex;flex-direction:column;border:2px solid white;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#143c82cc,#1478fa1a);box-shadow:3px 5px 10px #828282;padding:20px;border-radius:20px;gap:10px}.panel-chat-conversacion{width:100%;height:180px;border:1px solid white;background-color:#143c6ee6}.panel-chat-typing{height:25px;font-size:20px;border-radius:5px}.panel-chat-enviar{height:50px;width:100%;font-size:20px;border-radius:8px;color:#fff;background-color:#1478fa;border:1px solid rgba(10,60,125,1);cursor:pointer}.panel-chat-enviar:active{transform:scale(.95) translateY(3px)}.panel-chat-log{flex:10;display:flex;flex-direction:column;align-content:flex-start;justify-content:flex-start;text-align:justify;color:#fff;padding:5px;border:2px solid white;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:16px;overflow-y:auto;gap:10px}.panel-chat-tiempo{height:30px;font-family:Courier New,Courier,monospace;font-weight:700;font-size:30px;color:#fff;border-radius:5px;text-align:center;background-color:#3c3c3c}.panel-chat-tiempo-oponente{height:30px;font-family:Courier New,Courier,monospace;font-weight:700;font-size:30px;color:#fff;border-radius:5px;text-align:center;background-color:#5a5a5a}.panel-log-cartas{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.panel-log-moneda{position:relative;display:flex;flex-direction:row;align-items:center;padding:5px;height:60px;width:60px}.panel-log-moneda:hover .moneda-valor{visibility:visible}@keyframes animarMoneda{0%{transform:rotateY(0)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}to{transform:rotateY(360deg)}}.panel-log-moneda:hover .moneda-img{animation:animarMoneda 1s linear infinite;transform-style:preserve-3d}.moneda-img{width:60px;height:60px;transform:rotateY(0);cursor:pointer;animation:animarMoneda 1s linear infinite;transform-style:preserve-3d}.moneda-valor{visibility:hidden;position:absolute;border-radius:5px;padding:5px;background-color:#00000080;color:#fff;border:2px solid white;right:-10px;bottom:-10px;width:auto;height:auto}.log-ultimo{color:#fafa00;font-size:18px}.vf-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.vf-card{text-align:center}.vf-header{font-size:24px;margin-bottom:16px}.vf-text{margin-bottom:16px}.vf-btn{padding:10px 20px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer}.vf-btn:hover{background-color:#1d4ed8}.vf-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:900}.vf-popup{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:20px;width:400px;text-align:center;position:absolute;z-index:1000;cursor:grab;transition:box-shadow .2s ease}.vf-popup:active{cursor:grabbing;box-shadow:0 6px 25px #00000026}.vf-title{margin:0;font-size:18px;font-weight:600;cursor:grab}.vf-desc{margin-top:4px;color:#555;font-size:14px}.vf-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#555}.vf-img{width:100%;height:auto;border-radius:10px;margin-top:12px}.carta{position:relative;border-color:#000;border-width:1px;border-radius:2px;background-color:#fff;box-shadow:0 0 5px gray;transition:.1s;z-index:0;cursor:pointer;transition-duration:.3s}.carta:hover{z-index:100;transform:scale(1.2);box-shadow:0 0 10px gray,0 0 10px #fff;box-shadow:0 2px 10px #5afa5a,0 2px 20px #78ff78}.carta-normal:active{z-index:100;transform:scale(1.2)}.carta-contenido:active{z-index:100;transform:scale(1.02)}.carta-nano{width:var(--size-width-nano);height:var(--size-height-nano)}.carta-micro{width:var(--size-width-micro);height:var(--size-height-micro)}.carta-mini{width:var(--size-width-mini);height:var(--size-height-mini)}.carta-pequeña{width:var(--size-width-pequeña);height:var(--size-height-pequeña);border-width:2px;border-radius:5px}.carta-mediana{width:var(--size-width-mediana);height:var(--size-height-mediana);border-width:2px;border-radius:8px}.carta-grande{width:var(--size-width-grande);height:var(--size-height-grande);border-width:2px;border-radius:10px}.carta-img{width:100%;height:100%}.carta-contador{position:absolute;width:35px;height:25px;text-align:center;align-content:center;border-radius:5px;top:0;left:0;font-size:15px;font-weight:700;color:#fff;background-color:#000000b3;z-index:1200}.carta-gestion{visibility:hidden}.carta-gestion{position:absolute;top:0;padding-top:40%;width:100%;height:70%;background:linear-gradient(0deg,#000,#000);display:flex;flex-direction:column;z-index:1000}.carta-gestion-boton{visibility:hidden}.carta:hover .carta-gestion-boton{flex:1;visibility:visible;color:#000;background-color:#e6e6e6;border:1px solid gray;border-radius:8px;font-size:14px;text-align:center;align-content:center;cursor:pointer;margin-left:5px;margin-right:5px;margin-top:5px}.carta-gestion-boton:active{transform:scale(.95)}.mesa{position:relative;width:calc(9.5 * var(--size-width-mediana));height:calc(5.3 * var(--size-height-mediana));display:flex;flex-direction:row;border:2px solid white;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#143c82cc,#1478fa4d);box-shadow:3px 5px 10px #828282;padding:20px;border-radius:20px}.mesa-estadio-apostado{position:absolute;height:100%;display:flex;align-items:center}.mesa-estadio-apostado-label{margin-bottom:40px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;color:#64fa64;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(100,250,100,1)}.mesa-jugadores{flex:7;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.cartas-jugador{flex:1;width:100%}.jugador-yo{display:flex;flex-direction:column-reverse}.jugador-oponente{display:flex;flex-direction:column}.cartas-jugador-banca{flex:1;display:flex;flex-direction:row;justify-content:center}.cartas-jugador-combate{flex:2;display:flex;flex-direction:row}.cartas-jugador-combate-estadio{position:relative;flex:1;display:flex;align-items:center}.cartas-jugador-banca-nombre-jugador{position:absolute;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:30px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#fff;width:100%;text-align:center;margin-top:-5px;margin-bottom:-5px}.cartas-jugador-combate-premios{flex:1.8;justify-items:left}.cartas-jugador-combate-energias{flex:.5;display:flex;flex-direction:row;flex-wrap:wrap;align-self:flex-start;gap:5px;padding-top:15px;padding-right:5px}.cartas-jugador-combate-energias-img{flex:.5;width:var(--size-width-energia);height:var(--size-height-energia);transition:.3s;cursor:pointer}.cartas-jugador-combate-energias-img:hover{transform:scale(1.2)}.cartas-jugador-combate-pokemon-activo{position:relative;flex:1.3;display:flex;flex-direction:row;justify-items:center;gap:10px}.cartas-jugador-combate-pokemon-activo-hp{position:absolute;top:12px;right:-145px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;z-index:1;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#fff;background-color:#0a0a0ab3;border-radius:6px;border:2px solid rgba(255,255,0,.8);padding:0 2px}.cartas-jugador-combate-pokemon-banca-hp{position:absolute;top:0;right:35px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:18px;z-index:1;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#fff;background-color:#0a0a0acc;border-radius:5px;border:2px solid rgba(255,255,0,.8);padding:0 2px}.hp-malo{color:red;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px red;border:2px solid rgba(255,200,200,.8)}.hp-regular{color:#ff0;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px yellow;border:2px solid rgba(255,255,0,.8)}.hp-bueno{color:#64fa64;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(100,250,100,1);border:2px solid rgba(200,255,200,.8)}.cartas-jugador-combate-trainers{flex:.5;display:flex;flex-direction:row;flex-wrap:wrap;align-self:flex-start;gap:5px;padding-top:5px;padding-left:5px}.cartas-jugador-combate-trainers-img{flex:.9;width:var(--size-width-trainer);height:var(--size-height-trainer);transition:.3s;cursor:pointer}.cartas-jugador-combate-trainers-img:hover{transform:scale(1.2)}.jugador-align-yo{align-content:flex-start}.jugador-align-oponente,.jugador-inverse-align-yo{align-content:flex-end}.jugador-inverse-align-oponente{align-content:flex-start}.cartas-jugador-combate-mano{flex:.7;display:flex;justify-content:center;align-items:center;height:100%}.cartas-jugador-combate-mano-contador{flex:2;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#0f0;width:100%;text-align:center}.cartas-jugador-combate-mano-img-contenedor{flex:4}.cartas-jugador-combate-mano-img{width:100%;border:1px dashed lightgray;border-radius:10px;box-shadow:0 0 3px gray;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.5));transition-duration:.3s;cursor:pointer}.cartas-jugador-combate-mano-img:hover{transform:scale(1.05)}.cartas-jugador-combate-mazo{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.cartas-jugador-combate-mazo-contador{flex:1;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#0f0;width:100%;text-align:center}.cartas-jugador-combate-mazo-img-contenedor{flex:4.2}.cartas-jugador-combate-descarte{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.cartas-jugador-combate-descarte-contador{flex:1;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#0f0;width:100%;text-align:center}.cartas-jugador-combate-descarte-img-contenedor{flex:4.2}.esturno{text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#0f0}.sector-cartas{display:flex;justify-content:center;align-items:center}.sector-cartas-puesto{position:relative;display:flex;flex-direction:row}.sector-cartas-puesto-nano{width:var(--size-width-nano);height:var(--size-height-nano)}.sector-cartas-puesto-micro{width:var(--size-width-micro);height:var(--size-height-micro)}.sector-cartas-puesto-mini{width:var(--size-width-mini);height:var(--size-height-mini)}.sector-cartas-puesto-pequeña{width:var(--size-width-pequeña);height:var(--size-height-pequeña);border-width:2px;border-radius:5px}.sector-cartas-puesto-mediana{width:var(--size-width-mediana);min-width:var(--size-width-mediana);height:var(--size-height-mediana);border-width:2px;border-radius:5px}.sector-cartas-puesto-mediana-banca{width:calc(10px + var(--size-width-mediana) + 2 * var(--size-width-energia-mini));min-width:calc(10px + var(--size-width-mediana) + 2 * var(--size-width-energia-mini));height:var(--size-height-mediana);border-width:2px;border-radius:5px}.sector-cartas-puesto-grande{width:var(--size-width-grande);height:var(--size-height-grande);border-width:2px;border-radius:5px}.sector-cartas-puesto-energias,.sector-cartas-puesto-energias-invisible{width:var(--size-width-energia-mini);min-width:var(--size-width-energia-mini)}.sector-cartas-puesto-energias-img{width:var(--size-width-energia-mini);height:var(--size-height-energia-mini)}.sector-cartas-puesto-carta{border-radius:3px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 15px rgba(255,255,255,1),0 0 10px rgba(50,50,50,1);color:#ff0;font-weight:700;font-size:22px;align-content:center;text-align:center}.sector-cartas-puesto-carta-lineas{border:1px dashed lightgray;box-shadow:0 0 3px gray}.sector-cartas-puesto-carta-nano{width:var(--size-width-nano);height:var(--size-height-nano)}.sector-cartas-puesto-carta-micro{width:var(--size-width-micro);height:var(--size-height-micro)}.sector-cartas-puesto-carta-mini{width:var(--size-width-mini);height:var(--size-height-mini)}.sector-cartas-puesto-carta-pequeña{width:var(--size-width-pequeña);height:var(--size-height-pequeña);border-width:2px;border-radius:5px}.sector-cartas-puesto-carta-mediana{width:var(--size-width-mediana);min-width:var(--size-width-mediana);height:var(--size-height-mediana);border-width:2px;border-radius:5px}.sector-cartas-puesto-carta-grande{width:var(--size-width-grande);height:var(--size-height-grande);border-width:2px;border-radius:5px}.sector-cartas-puesto-carta-resalte{background:#ff03;box-shadow:0 0 5px #ff0c}.sector-cartas-horizontal{display:flex;flex-direction:row}.sector-cartas-vertical{display:flex;flex-direction:column;align-items:center}.sector-cartas-matriz{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center}.sector-cartas-matriz-auto{display:flex;flex-wrap:wrap;padding-left:15px;padding-top:15px;justify-content:flex-start;align-content:flex-start;align-items:flex-start;overflow-y:auto;overflow-x:hidden}.sector-cartas-monton{display:flex}.sector-cartas-img{position:absolute;width:var(--size-width-grande);height:var(--size-height-grande);transition:.3s;cursor:pointer;z-index:1}.sector-cartas-img:hover{transform:scale(1.5);z-index:10}.sector-cartas-img-micro{width:var(--size-width-micro);height:var(--size-height-micro)}.panel-acciones{width:calc(4.3 * var(--size-width-pequeña));min-width:calc(4.3 * var(--size-width-pequeña));height:calc(5.3 * var(--size-height-mediana));display:flex;flex-direction:column;justify-content:center;border:2px solid white;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#143c82cc,#1478fa1a);box-shadow:3px 5px 10px #828282;padding:20px;border-radius:20px;gap:10px}.panel-acciones-menu{flex:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.panel-acciones-menu-boton{width:120px;height:40px;border-radius:5px;box-shadow:0 2px 5px #646464;cursor:pointer}.panel-acciones-menu-boton:active{transform:scale(.95)}.panel-acciones-lista{flex:10;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-self:center;border:2px solid white;border-radius:10px;overflow-y:auto;overflow-x:hidden;padding:10px;gap:10px}.panel-acciones-lista-item{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:calc(1.2 * var(--size-height-mini));border:1px solid rgba(50,50,50,.5);border-radius:10px;box-shadow:0 0 10px #828282;background:#64646480;padding-left:10px;padding-right:10px;gap:10px}.panel-acciones-lista-item-seleccion{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:calc(1.2 * var(--size-height-mini));border:1px solid rgba(72,255,0,1);border-radius:10px;box-shadow:0 0 15px #e6e6e6;background:#48ff0059;padding-left:10px;padding-right:10px;gap:10px}.panel-acciones-lista-item-seleccion-2{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:calc(1.2 * var(--size-height-mini));border:1px solid rgb(95,90,100);border-radius:10px;box-shadow:0 0 15px #e6e6e6;background:#48ff0059;padding-left:10px;padding-right:10px;gap:10px}.panel-acciones-lista-item-carta{flex:1;width:var(--size-width-mini);height:var(--size-height-mini)}.panel-acciones-lista-item-texto{flex:1;align-items:center;font-size:20px;font-weight:700;color:#fff;text-shadow:0px 0 10px rgb(255,251,0)}.panel-acciones-lista-item-texto-alerta{flex:1;align-items:center;font-size:16px;font-weight:200;color:#fffb00;text-shadow:0px 0 10px rgba(255,0,0,.5)}.panel-acciones-lista-item-hp{flex:.3;align-items:center;font-size:30px;font-weight:700;color:#48ff00;text-shadow:0px 0 10px rgb(255,251,0),0px 0 1px rgb(6,48,0);animation:animacionRequisitoTamaño 2s infinite ease-out}.panel-acciones-lista-item-boton{flex:1;max-width:80px;height:calc(.5 * var(--size-height-mini));border-radius:5px;text-shadow:0 0 10px rgba(200,200,200,1);font-size:15px;font-weight:700;cursor:pointer}.panel-acciones-lista-item-boton:active{transform:scale(.95)}.panel-acciones-boton-cancelar{height:40px;border-radius:5px;box-shadow:0 2px 5px #646464;font-size:15px;font-weight:700;cursor:pointer}.panel-acciones-lista-item-requisitos-ataque{flex:.5;display:flex;flex-direction:row;flex-wrap:wrap;gap:2px}.panel-acciones-lista-item-requisitos-img{width:45%;height:auto;animation:animacionRequisitoTamaño 2s infinite ease-out;border:1px solid rgba(250,250,250,1);border-radius:50%;transform-style:preserve-3d}.panel-acciones-lista-item-costo-retiro-img{width:50px;border:1px solid rgba(250,250,250,1);border-radius:50%;animation:animacionRequisitoTamaño 2s infinite ease-out;transform-style:preserve-3d}.panel-acciones-lista-titulo{color:#4d0101;font-weight:700;text-align:center;background-color:#ff646459;box-shadow:0 0 5px red;border:1px solid rgba(255,0,0,.5);transform:scale(1.1,1.4)}.panel-acciones-lista-titulo-turno{color:#fff;font-weight:700;text-align:center;background-color:#64ff6459;box-shadow:0 0 5px #0f0;border:1px solid rgba(0,255,0,1);transform:scale(1.1,1.4)}.panel-acciones-lista-titulo-trainer{color:#fff;font-weight:700;text-align:center;background-color:#fbff0059;box-shadow:0 0 5px #fbff00;border:1px solid rgba(251,255,0,1);transform:scale(1.1,1.4)}.cartas{width:100%;height:100%;display:flex;flex-direction:column;overflow-x:auto}.cartas-paneles{position:relative;top:0;left:0;width:100vw;height:100vh;margin:0;display:flex;flex-direction:row;padding:10px;background-color:#1f1f1f;background-image:repeating-linear-gradient(45deg,#2a2a2a 0px,#2a2a2a 1px,transparent 1px,transparent 4px     );gap:20px}.cartas-fondo{position:absolute;top:0;left:0;right:0;width:100vw;height:100vh;z-index:-1}.cartas-test{display:flex;align-items:center;margin-top:5px;margin-bottom:5px}.cartas-test-label{padding-left:20px;padding-right:20px;font-size:20px;font-weight:700}.cartas-test-boton{font-size:15px;font-weight:700;border:1px solid black;background:#c8c8c8e6;padding:5px;border-radius:5px;cursor:pointer}.cartas-test-boton:hover{background-color:#faebd7}.cartas-test-boton:active{transform:translateY(2px)}.cartas-test-input{font-size:15px;font-weight:700;width:50px;margin-right:15px}.panel-mazos-contenido{max-width:calc(5 * var(--size-width-pequeña));min-width:calc(7.5 * var(--size-width-pequeña));max-height:calc(5.5 * var(--size-height-mediana));display:flex;flex-direction:column;border:none;background-color:transparent;background-image:repeating-linear-gradient(90deg,#f5f3f0 0px,#f5f3f0 10px,#f0eeeb 10px,    );padding:0;gap:2px;border-radius:20px}.panel-mazos-contenido-tabs{flex:1;display:flex;flex-direction:row;padding-left:10px;padding-right:10px;gap:20px}.panel-mazos-contenido-tabs-item{flex:1;max-height:60px;min-height:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;font-weight:700;align-content:center;text-align:center;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#78a0e6cc,#7878fa80);height:100%;border:1px solid rgba(10,10,10,.8);border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;transition-duration:.2s;cursor:pointer}.panel-mazos-contenido-tabs-item:hover{transform:scale(1.1);text-shadow:0 2px 20px rgba(250,50,90,.5),0 2px 30px rgba(220,255,120,.5),0 2px 40px rgba(200,250,0,.5);border:1px solid white}.panel-mazos-contenido-tabs-item:active{transform:scale(1);text-shadow:0 2px 40px rgb(90,250,90),0 2px 50px rgb(120,255,120),0 2px 60px rgb(0,250,0)}.panel-mazos-contenido-cartas{position:relative;flex:20;width:calc(7.2 * var(--size-width-pequeña));padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:700;color:#fff;display:flex;flex-direction:column;border:1px solid white;border-radius:20px;gap:10px}.panel-mazos-contenido-cartas-label{flex:1}.panel-mazos-contenido-cartas-lista{flex:7;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:20px}.panel-mazos-contenido-cartas-label-trainer{flex:1}.panel-mazos-contenido-cartas-lista-trainer{flex:20;max-height:630px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-bottom:20px}.panel-tipos-cartas{width:auto;height:calc(5.5 * var(--size-height-mediana));display:flex;flex-direction:column;border:2px solid white;background-color:#f2efeb;background-image:repeating-linear-gradient(90deg,#f5f3f0 0px,#f5f3f0 10px,#f0eeeb 10px,    );border-radius:20px;gap:10px}.panel-tipos-cartas-menu{flex:1;height:50px;max-height:50px;display:flex;flex-direction:row;align-items:center;padding-left:5px;padding-right:5px;padding-bottom:3px;gap:10px;border:2px solid white;border-radius:10px;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#78a0e6cc,#7878fa80)}.panel-tipos-cartas-menu-boton{width:40px;height:40px;border-radius:50%;box-shadow:0 2px 3px #464646;transition-duration:.3s;cursor:pointer}.panel-tipos-cartas-menu-boton-img{width:100%}.panel-tipos-cartas-menu-boton:active{transform:scale(.95)}.panel-tipos-cartas-menu-boton:hover{transform:scale(1.1);box-shadow:0 2px 20px #5afa5a,0 2px 30px #78ff78,0 2px 40px #00fa00}.panel-tipos-cartas-lista{flex:12;width:95%;display:flex;flex-direction:column;justify-content:flex-start;align-self:center;border:2px solid white;border-radius:10px;overflow-y:auto;overflow-x:hidden;padding:10px;gap:10px}.panel-tipos-cartas-lista-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:calc(1.2 * var(--size-height-pequeña));border:1px solid rgba(50,50,50,.5);border-radius:10px;box-shadow:3px 5px 10px #828282;background:#c8c8c81a;padding:10px;gap:10px}.panel-tipos-cartas-lista-item-carta{flex:1;width:var(--size-width-pequeña);height:var(--size-height-pequeña)}.panel-tipos-cartas-lista-item-descripcion{flex:1;display:flex;flex-direction:column}.panel-tipos-cartas-lista-item-descripcion-nombre{flex:1;font-weight:700;font-size:20px;text-align:center}.panel-tipos-cartas-lista-item-descripcion-set{flex:1;font-weight:700;font-size:18px;font-style:italic;text-align:center}.panel-tipos-cartas-lista-item-libres{flex:1;font-weight:700;font-size:18px;text-align:center}.panel-tipos-cartas-lista-item-gestion{flex:1;display:flex;flex-direction:column;gap:10px}.panel-tipos-cartas-lista-item-gestion-boton{flex:1;border:1px solid gray;height:40px;padding:5px;border-radius:8px;font-size:16px;text-align:center;align-content:center;cursor:pointer}.panel-tipos-cartas-lista-item-boton:active{transform:scale(.95)}.panel-tipos-cartas-lista-vacia{flex:1;font-size:24px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;align-content:center;text-align:center;border-radius:15px;border:1px solid black}.subtipo-energia{background:#fac8001a;color:#b38700}.subtipo-agua{background:#0096ff1a;color:#006bb3}.subtipo-psiquico{background:#c800c81a;color:#7a007a}.subtipo-planta{background:#00c8001a;color:#007a00}.subtipo-fuego{background:#ff50001a;color:#b34700}.subtipo-electrico{background:#ffdc001a;color:#817300}.subtipo-metal{background:#9696961a;color:#555}.subtipo-oscuro{background:#3232321a;color:#1a1a1a}.subtipo-lucha{background:#c850321a;color:#7a2d18}.subtipo-incoloro{background:#ffffff1a;color:#707070}.subtipo-trainer{background:#ffff001a;color:#737300}.btn-añadir{color:#fff;background-color:#1478facc}.btn-vender{color:#000;background-color:#78fa32}.btn-eliminar{color:#fff;background-color:#fa3232}.btn-añadir-contenido{color:#fff;background-color:#dcdcdccc}.btn-quitar,.btn-ver{color:#fff;background-color:#787878cc}@keyframes animacionSubtipo{0%{box-shadow:0 0 10px #00fa32}10%{box-shadow:0 0 10px #64c832}20%{box-shadow:0 0 10px #c8c832}30%{box-shadow:0 0 10px #fa9632}40%{box-shadow:0 0 10px #fa6432}50%{box-shadow:0 0 10px #fa0032}60%{box-shadow:0 0 10px #fa6432}70%{box-shadow:0 0 10px #fa9632}80%{box-shadow:0 0 10px #c8c832}90%{box-shadow:0 0 10px #64c832}to{box-shadow:0 0 10px #00fa32}}@keyframes animacionSubtipoColor{0%{box-shadow:0 0 5px #00fa00}50%{box-shadow:0 0 15px #00fa00}to{box-shadow:0 0 5px #00fa00}}@keyframes animacionSubtipoGiro{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes animacionRequisitoTamaño{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes animacionRequisitoPosicion{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.resalte-tipo-seleccionado{border-radius:50%;animation:animacionSubtipoGiro 3s infinite linear,animacionSubtipoColor 3s infinite ease-out;border:1px solid rgba(250,250,250,1);transform-style:preserve-3d}.conteo-limite{background-color:#c80000e6;border:1px solid yellow;box-shadow:0 0 10px red}.mazo-seleccionado{box-shadow:0 0 10px #fac800,0 0 30px #fa6400}:root{--size-width-mazos-item: var(--size-width-pequeña);--size-height-mazos-item: var(--size-height-pequeña);--gap-mazos-item: 10px;--padding-mazos-lista: 10px;--size-width-panel-mazos: calc( 20px + 2 * (var(--size-width-mazos-item)) + 25px + var(--gap-mazos-item) + 2 * var(--padding-mazos-lista) );--size-height-panel-mazos: calc( 30px + 3 * (var(--size-height-mazos-item) + 50px) + 2 * (25px + var(--gap-mazos-item)) + 2 * var(--padding-mazos-lista) )}.panel-mazos{width:var(--size-width-panel-mazos);min-width:var(--size-width-panel-mazos);height:var(--size-height-panel-mazos);display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;border:2px solid white;background-color:#f2efeb;background-image:repeating-linear-gradient(90deg,#f5f3f0 0px,#f5f3f0 10px,#f0eeeb 10px,    );border-radius:20px}.panel-mazos-lista{width:100%;margin-top:10px;margin-left:10px;flex:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:calc(25px + var(--gap-mazos-item));padding:var(--padding-mazos-lista)}.panel-mazos-lista-item{position:relative;display:flex;flex-direction:column;width:var(--size-width-mazos-item);height:var(--size--height-mazos-item);max-height:33%;border-radius:5px;background-color:#ffffff80;transition-duration:.3s;cursor:pointer}.panel-mazos-lista-item:hover{transform:scale(1.05);background-color:#fff;box-shadow:0 2px 20px #5afa5a,0 2px 30px #78ff78}.panel-mazos-lista-item-contenedor{flex:1;display:flex;justify-content:center;border-radius:5px;box-shadow:0 2px 5px #646464;background-color:#ffffff80}.panel-mazos-lista-item-contenedor-img{flex:1;width:100%;height:100%}.panel-mazos-lista-item-boton{flex:1;height:50px;font-size:18px;color:#fff;background-color:#1478facc;border-radius:8px;cursor:pointer;height:80px}.panel-mazos-lista-item-boton:active{transform:scale(.98) translateY(2px)}.panel-mazos-lista-item-bloqueo-img{position:absolute;left:-25px;top:-25px;width:50px;height:50px}.login-form-btn-secundario{margin-top:15px;padding:10px;display:block;width:275px;text-align:center;background-color:transparent;border:2px solid #ffcc00;color:#fc0;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease;margin-left:auto;margin-right:auto;cursor:pointer}.login{background:linear-gradient(to bottom,#1e1e2f,#2e2e4f);font-family:Segoe UI,sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;margin:0}.login-logo{max-width:200px;margin-bottom:30px;opacity:.9}.login-form{background-color:#ffffff1a;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #0000004d;display:flex;flex-direction:column;width:300px;z-index:2}.login-form-input{margin-bottom:15px;padding:10px;border:none;border-radius:8px;font-size:16px}.login-form-button{padding:10px;background-color:#fc0;color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.login-form-button:hover{background-color:#f90}.login-form-by{margin-top:20px;font-size:12px;color:#aaa;text-align:center;width:80%}.login-form-btn-secundario{margin-top:10px;padding:10px;display:block;text-align:center;background-color:transparent;border:2px solid #ffcc00;color:#fc0;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease}.login-form-flash-mensaje{background-color:#282c34;color:#fff;border-left:5px solid #ffcc00;padding:15px;margin:20px auto;width:90%;max-width:400px;border-radius:8px;font-weight:700;text-align:center;box-shadow:0 0 10px #0006;animation:fadein .4s ease}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-form-btn-secundario{margin-top:15px;padding:10px;display:block;width:275px;text-align:center;background-color:transparent;border:2px solid #ffcc00;color:#fc0;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease;margin-left:auto;margin-right:auto}.login-form-btn-secundario:hover{background-color:#fc0;color:#000}.login-form-pais-emoji{font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif;font-size:18px}.login-form-fondo-login{position:absolute;left:60%;z-index:1;opacity:.1;pointer-events:none}.login-form-mensaje{height:20px;font-size:18px;color:#ff0}.login-form-mensajeOk{height:20px;font-size:20px;color:#64ff64}:root{--size-width-nano: 35px;--size-height-nano: 35px;--size-width-micro: 45px;--size-height-micro: 63px;--size-width-mini: 60px;--size-height-mini: 85px;--size-width-pequeña: 90px;--size-height-pequeña: 125px;--size-width-mediana: 100px;--size-height-mediana: 140px;--size-width-grande: 150px;--size-height-grande: 210px;--size-width-gigante: 450px;--size-height-gigante: 630px;--size-width-energia: 25px;--size-height-energia: 25px;--size-width-trainer: 40px;--size-height-trainer: 40px;--size-width-hp-label: 100px;--size-height-hp-label: 30px;--size-width-energia-mini: 25px;--size-height-energia-mini: 25px}.mesas{background:linear-gradient(to bottom,#1e1e2f,#2e2e4f);padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column;align-content:center;font-family:Segoe UI,sans-serif;color:#fff;animation:fadeInPage .6s ease forwards;transform:scale(.98);opacity:0}@keyframes fadeInPage{to{opacity:1;transform:scale(1)}}.mesas-container{flex:1;width:900px;margin:40px auto;background-color:#ffffff14;padding:30px;border-radius:16px;box-shadow:0 0 20px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;transition-duration:.3s;gap:25px}.mesas-container-header{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.mesas-container-header h2{flex:1;font-size:24px;color:#fc0}.mesas-container-header-formulario{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.mesas-container-header-formulario-label{font-weight:700}.mesas-container-header-formulario-input{font-size:20px;padding:6px 10px;border-radius:8px;border:none;background-color:#ffffff26;color:#fff;outline:none;font-size:14px;margin-right:15px;background:#ffffff26}.mesas-container-header-formulario-input-number{padding:6px 10px;border-radius:8px;border:none;background-color:#ffffff26;color:#fff;outline:none;font-size:18px;text-align:left;margin-right:15px;height:24px;background:#ffffff26}.number-apuesta{width:65px}.number-premios{width:30px}.btn-crear{flex:1;background-color:#fc0;width:400px;color:#000;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;transition:background .3s ease,transform .2s ease}.btn-crear:hover{background-color:#f90;transform:scale(1.05)}.mesas-container-lista{flex:20;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:auto;margin:0;gap:20px;border:1px solid rgba(46,49,53,1);border-radius:10px}.mesas-container-lista-mesa{flex:1;display:flex;flex-direction:column;align-items:center;height:350px;gap:10px;padding:10px;max-width:260px;transition:transform .3s ease,background .3s ease;border:2px solid white;border-radius:20px;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#143c82cc,#1478fa4d);box-shadow:3px 5px 10px #828282}.mesa-llena{box-shadow:0 0 20px #ff9632}.mesa-libre{box-shadow:0 0 20px #64ff64}.mesas-container-lista-mesa:hover{transform:scale(1.02);background-color:#ffffff26}.mesas-container-lista-mesa-logo{flex:2;height:100px;margin-left:auto;margin-right:auto;padding:0}.mesas-container-lista-mesa p{flex:1}.mesas-container-lista-mesa label{flex:1;padding:0}.btn-entrar,.btn-cerrar,.btn-cerrar-oculto{flex:2;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;color:#fff;transition:all .3s ease;width:220px;margin-left:auto;margin-right:auto}.btn-entrar{background-color:#007bff}.btn-entrar:hover{background-color:#39f}.btn-cerrar{background-color:#e63946}.btn-cerrar:hover{background-color:#ff4d5a}.btn-cerrar-oculto{visibility:hidden}@media(max-width:1000px){.mesas-container{width:600px}}@media(max-width:700px){.mesas-container{width:400px}.mesas-container-lista-mesa{max-width:auto;margin-left:auto;margin-right:auto}}.btn-conectar{padding:10px;border:2px solid black;width:120px;text-align:center;cursor:pointer}.btn-conectar:active{transform:scale(.98)}