#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:200;font-size:12px;line-height:1.1;transition:opacity .6s var(--transition-effect)}#game-container:not(.show-game) #game-bar,#game-container:not(.show-game) #game,#game-container:not(.show-game) #enter-button{opacity:0}#game-bar{position:absolute;top:0;left:0;width:100vw;padding:var(--margin);display:grid;grid-template-columns:1fr 3fr 2fr 1fr;gap:var(--margin);z-index:1}#game{position:absolute;top:50px;left:0;width:100vw;height:calc(100% - 90px)}.paddle{position:absolute;top:calc(50% - 70px);width:20px;height:140px;background:var(--foreground-color)}#player{left:10px}#opponent{right:10px}#ball{position:absolute;width:60px;height:60px;color:var(--foreground-color);left:54%;top:50%;transform:translate(-50%,-50%)}#ball svg{fill:currentColor;position:absolute;width:60px;left:50%;top:50%;transform:translate(-50%,-50%)}#restart-button{height:fit-content}#enter-button{position:absolute;left:50vw;bottom:var(--margin);z-index:1}#mode-container>div>div{display:flex;gap:var(--margin)}#mode-container input{display:none}#mode-container label{cursor:pointer}#mode-container input:not(:checked)+label{color:#c6c6c6}#game-container .line{display:flex;gap:20px}.instructions-direction{display:grid;grid-template-columns:45px 1fr}html.single-mode .instructions-direction span span{display:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/style_pong.css.map */