*{padding:0;margin:0}body{background-color:#302e2b}main{display:grid;grid-template-columns:20px auto auto;gap:1rem;color:#fff}.piezasCapturadas{padding:10px;margin-bottom:10px;height:40px}.piezasCapturadas h1{font-size:16px}.piezasCapturadas img{width:30px}.notacion{padding:10px;overflow:scroll}.jugada{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center}.movimiento{justify-content:center;align-items:center;display:flex;gap:2px}.movimiento img{width:22px}.movimiento:hover{background-color:#484745;cursor:pointer}.botonesNuevaPartida{display:flex;flex-direction:column;justify-content:center;gap:10px}.tableroCordsLetras{display:flex;justify-content:center}.tableroCordsLetras p{width:80px;padding:0;margin:0;font-weight:700;font-size:20px;text-align:center}.tableroCordsNums{display:flex;flex-direction:column;justify-content:center}.tableroCordsNums p{height:80px;padding:0;margin:0;font-weight:700;font-size:20px;display:flex;align-items:center}.tablero{display:grid;grid-column-start:2;position:relative;grid-template-columns:repeat(8,80px);grid-template-rows:repeat(8,80px);justify-content:center}.white{background-color:#ebecd0}.black{background-color:#739552}.black,.white{width:100%;display:flex;justify-content:center;position:relative}.pieza:hover{cursor:pointer;scale:1.05}.posible{width:100%;height:100%;position:relative;background-color:transparent}.posible:hover{cursor:pointer;scale:1.1}.circulo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border-radius:50%;background-color:#3232324d}.captura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40%;border-radius:50%;border:4px solid rgba(50,50,50,.3)}.captura:hover{cursor:pointer;border:6px solid rgba(50,50,50,.3)}#root{display:flex;flex-direction:column;align-items:center;gap:20px}.nuevaPartida{padding-inline:40px;padding-block:10px;font-size:20px;font-weight:700;background-color:#81b64c;border-radius:8px;border:none;color:#fff;cursor:pointer}.nuevaPartida:hover{scale:1.05}.turno{padding-inline:40px;padding-block:10px;background-color:#ebecd0;border-radius:8px;border:none;color:#000;font-weight:700}.enJaque.black{animation:fondoJaquenegro 2s ease forwards}@keyframes fondoJaquenegro{0%{background-color:red}to{background-color:#739552}}.enJaque.white{animation:fondoJaquewhite 2s ease forwards}@keyframes fondoJaquewhite{0%{background-color:red}to{background-color:#ebecd0}}.modal{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0003;z-index:10}.coronar{background-color:#00000080;border-radius:1rem;display:flex;padding:.5rem}.coronar img{width:60px}
