.app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.carta{border-color:#000;border-width:1px;border-radius:2px;background-color:#fff;box-shadow:0 0 10px gray;transition:.1s;z-index:0;cursor:pointer}.carta:hover{z-index:100;transform:scale(1.3)}.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%}.sector-cartas{width:auto;height:auto;display:flex;align-items:center;justify-content:center}.sector-cartas-puesto{border:1px dashed lightgray;border-radius:2px;box-shadow:0 0 3px gray;align-content:center;text-align:center}.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);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-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}.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)}.cartas-jugador{width:100%;height:100%;display:flex;flex-direction:row}.cartas-jugador-batalla{flex:5;display:flex;flex-direction:column}.cartas-jugador-batalla-basico{flex:1}.cartas-jugador-batalla-combate{flex:1.5;display:flex;flex-direction:row}.cartas-jugador-batalla-combate-premios{flex:.8}.cartas-jugador-batalla-combate-energias{flex:.45}.cartas-jugador-batalla-combate-energias-img{flex:1;width:var(--size-width-energia);height:var(--size-height-energia);transition:.3s;cursor:pointer}.cartas-jugador-batalla-combate-energias-img:hover{transform:scale(1.4)}.cartas-jugador-batalla-combate-carta{flex:1}.cartas-jugador-batalla-combate-datos{position:relative;flex:.5;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;z-index:0}.cartas-jugador-batalla-combate-datos-hp{position:absolute;width:200px;top:0;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)}.cartas-jugador-batalla-combate-datos-hp-malo{color:red;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px red}.cartas-jugador-batalla-combate-datos-hp-regular{color:#ff0;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px yellow}.cartas-jugador-batalla-combate-datos-hp-bueno{color:#64fa64;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(100,250,100,1)}.cartas-jugador-batalla-combate-mano-grupo{flex:.7;display:flex;align-items:center;justify-content:center}.cartas-jugador-batalla-combate-mano-grupo-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));transform:scale()}.cartas-jugador-mano{position:relative;flex:1.7;display:flex;align-items:flex-start;justify-content:center;padding-top:50px}.cartas-jugador-mano-oponente{position:relative;flex:1.7;display:flex;align-items:flex-end;justify-content:center;padding-bottom:50px}.cartas-jugador-mano-oponente-nombre-jugador{position:absolute;top:10px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:35px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#fff}.cartas-jugador-mano-nombre-jugador{position:absolute;bottom:10px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:35px;text-shadow:0 0 5px rgba(10,10,10,1),0 0 10px rgba(250,250,250,1);color:#fff}: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-energia: 50px;--size-height-energia: 50px;--size-width-hp-label: 100px;--size-height-hp-label: 30px;--size-width-energia: 30px;--size-height-energia: 30px}.mesa{width:calc(9.5 * var(--size-width-mediana));height:calc(5.3 * var(--size-height-mediana));display:flex;flex-direction:row;background:repeating-linear-gradient(135deg,rgba(148,148,148,.2) 0 2px,transparent 2px 12px),linear-gradient(0deg,#143c82,#1478fa);box-shadow:3px 5px 10px #828282;padding:20px;border-radius:20px}.mesa-estadio{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-items:center;text-align:center}.mesa-estadio-apostado{flex:3;display:flex;align-items:flex-end}.mesa-estadio-cartas{flex:5;display:flex;align-items:flex-start}.mesa-jugadores{flex:7;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}