.pong{border-radius:1rem;box-shadow:0 5px 50px rgba(132,0,255,.3);height:450px;margin-left:auto;margin-right:auto;opacity:0;overflow:hidden;position:relative;width:300px}.no-touchevents .pong,.touchevents .pong{opacity:1}.pong__score{color:#fff;font-family:Courier New,monospace;font-size:3rem;left:50%;opacity:.4;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);white-space:nowrap;will-change:transform;z-index:2}.pong__score.is-win{color:#4cd275;opacity:1}.pong canvas{display:block;margin:0;width:100%}@media (min-width:1200px){.no-touchevents .pong{height:757px;width:500px}.no-touchevents .pong canvas{width:500px}.no-touchevents .pong{transform:rotate(-90deg)}.no-touchevents .pong__score{transform:translate(-50%,-50%) rotate(90deg)}}

/*# sourceMappingURL=pong.css.map*/