@keyframes psychedelic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{background:linear-gradient(270deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8f00ff);background-size:1400% 1400%;animation:psychedelic 20s ease infinite;border:5px solid purple;border-radius:10px;padding:20px;width:50%;margin:20px auto}.App{display:grid;grid-template-areas:"title title" "game controls";grid-template-columns:2fr 1fr;gap:0px}header{grid-area:title;text-align:center;background-color:#333;border-radius:10px 10px 0}header>h1{color:#fff;font-size:3em;margin:0;padding:20px}.controls{grid-area:controls;display:grid;grid-template-rows:1fr 1fr 1fr;gap:0px}.scoreboard,.upcoming,.power-ups{padding:10px;font-size:1.5em;color:#fff;background-color:#333;border-bottom:2px solid black;text-align:center;width:-webkit-fill-available;margin:0 auto}.upcoming{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;height:25vh}.controls>div:last-child{border-bottom-right-radius:10px}.start-game-button{padding:10px 20px;font-size:1.2em;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.start-game-button:hover{background-color:#0056b3}.board{background-color:#0003;border:2px solid black;-webkit-user-select:none;user-select:none;margin:auto;grid-area:game}.row{display:flex}.cell{width:35px;aspect-ratio:1;border:1px solid black;box-shadow:-3px 3px 5px #0003;background:radial-gradient(circle at center,#ffffff1a,#0003)}.cell.hidden{visibility:hidden}.cell.Empty{background-color:#34385a}.cell.I{background:radial-gradient(circle at center,#50e3e6b3,#50e3e6)}.cell.O{background:radial-gradient(circle at center,#e39f02b3,#e39f02)}.cell.T{background:radial-gradient(circle at center,#8e24aab3,#8e24aa)}.cell.S{background:radial-gradient(circle at center,#02e34cb3,#02e34c)}.cell.Z{background:radial-gradient(circle at center,#e30202b3,#e30202)}.cell.L{background:radial-gradient(circle at center,#e35b02b3,#e35b02)}.cell.J{background:radial-gradient(circle at center,#0202e3b3,#0202e3)}@media only screen and (max-width: 600px){.App{grid-template-areas:"title" "game" "controls";grid-template-columns:1fr}.container{max-width:100%}}