.game-container{width:100%;max-width:60rem;height:100%;position:relative;overflow:hidden}.square{color:#fff;opacity:1;border-radius:5px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.square.animate-in{opacity:1;animation:.5s bounce;transform:translate(-50%,-50%)scale(1.2)}@keyframes bounce{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}@keyframes flash{0%{background-color:wheat}50%{background-color:#edaeaa}to{background-color:#0000}}.square.flash{animation:.5s forwards flash}@keyframes sorting{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.square.sorting{animation:.5s forwards sorting}.button-bar{grid-template-rows:repeat(auto-fill,minmax(2rem,1fr));gap:1rem;display:grid}.scoreboard{text-align:center;color:#3992ff;background-color:#fff;border:none;border-radius:8px;max-width:40rem;margin:0;padding:.5rem .75rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;box-shadow:0 0 1px #0003,0 1px 2px #0003}.message-container{opacity:0;z-index:1;transition:opacity 2s ease-in-out;position:absolute;top:10rem;left:50%;transform:translate(-50%)}.message{background-color:#fff;border-radius:8px;width:100%;max-width:60rem;padding:2rem;box-shadow:0 .2rem 1rem #00000080}.message-container.fade-in{opacity:1}.message-container.fade-out{opacity:0;transition:opacity 2s ease-in-out}.board{border:1px solid #87ceeb;flex-wrap:wrap;gap:10px;width:70%;height:50%;margin-top:1rem;padding:20px;display:flex;position:relative;box-shadow:0 0 1px #0003,0 1px 2px #0003}.game-header{flex-direction:column;gap:1rem;display:flex;position:absolute;top:1rem;right:1rem}@media (max-width:768px){.board{width:90%;height:50%;margin:1rem}.game-header{width:100%;padding:1rem;top:70%;left:0}.message-container{top:1rem}.message{min-width:30rem}}@media (max-width:480px){.game-header{width:100%;padding:1rem;top:60%;left:0}.message{min-width:25rem}}