*{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}.containerPiezasCapt{display:flex;align-items:center}.containerPiezasCapt img{width:30px}.notacion{padding:10px;max-height:500px;overflow:scroll}.jugada{display:grid;grid-template-columns:1fr 1fr 1fr;padding:4px;justify-content:center}.jugada1{background-color:#ffffff05}.jugada2{background-color:#262522}.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}.botonesHistorial{display:flex;flex-direction:row;justify-content:center;gap:1rem}.botonesHistorial button{background-color:#383734;border:none;border-radius:2px;padding-inline:1rem;padding-block:.5rem;color:#c6c6c5}.botonesHistorial button:hover{background-color:#3f3e3c;cursor:pointer}@media (max-width: 500px){.tablero{grid-template-columns:repeat(8,40px);grid-template-rows:repeat(8,40px)}.tableroCordsNums p{height:40px}.tableroCordsLetras p{width:40px}.botonesNuevaPartida{grid-column:1/-1}main{grid-template-columns:20px auto;gap:0;margin-left:-20px}.circulo{padding:7px}}