.grid-square{width:var(--tile-size);height:var(--tile-size);border-radius:4px}.grid-board{position:relative;margin:auto;display:grid;grid-template-columns:repeat(var(--cols),var(--tile-size));grid-gap:0;align-self:flex-start;grid-gap:1px;background:linear-gradient(#000000,#000000) 50% 50% / calc(100% - 40px) calc(100% - 40px) no-repeat,radial-gradient(at 40% 70%,var(--color-1) 0%,var(--color-2) 20.411%,var(--color-3) 42.061%,var(--color-4) 49.218%,var(--color-5) 100%) 1% 19%/195% 148%;border-radius:10px;padding:1.5rem;box-sizing:content-box}.message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:83%;height:90%;background-color:#000000b3;text-align:center}.message.hidden{display:none}.textMessage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f0f8ff;font-size:3rem}.next-block{display:grid;grid-template-columns:repeat(4,var(--tile-size));align-self:flex-start}.menu{display:flex;flex-direction:column;gap:1rem}.btn{box-shadow:inset 0 1px #bee2f9;background:linear-gradient(to bottom,#ff7af6 5%,#ff0091 100%);background-color:#ff7af6;border-radius:6px;border:1px solid #3866a3;display:inline-block;cursor:pointer;color:#fff1fc;font-family:Arial;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #ff1988}.btn:hover{background:linear-gradient(to bottom,#ff0091 5%,#ff7af6 100%);background-color:#ff0091}.btn:active{position:relative;top:1px}body{width:100vw;height:100vh;background-image:url(/assets/fondo-defc5abd.jpg);background-repeat:no-repeat;background-size:cover;object-fit:cover}.App{width:80%;max-width:400px;height:100vh;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.container{width:100%;display:flex;justify-content:space-between}.contPlayerController{width:100%;height:20px}.score{width:100%;padding:1rem;display:flex;justify-content:space-between;font-size:1.8rem;color:#f0f8ff}.arrows{display:flex;gap:1rem}.control-button{position:relative;width:64px;height:64px;display:flex;justify-content:center;align-items:center}.icon{width:48px;height:48px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-0: rgba(0, 0, 0, .5);--color-1: #ff761b;--color-2: #eec900;--color-3: #0059ff;--color-4: #cc00ff;--color-5: #00ff00;--color-6: #00aaff;--color-7: #ff3a3ad7;--cols: 10;--rows: 18;--tile-size: 24px;--border-width: 5px}.color-0{background-color:var(--color-0)}.color-1{background-color:var(--color-1)}.color-2{background-color:var(--color-2)}.color-3{background-color:var(--color-3)}.color-4{background-color:var(--color-4)}.color-5{background-color:var(--color-5)}.color-6{background-color:var(--color-6)}.color-7{background-color:var(--color-7)}