.pong-block__game{box-shadow:0 5px 28px -8px rgba(8,28,45,.333)}.pong-block__canvas{background:transparent;border:0;margin:0;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pong-block__overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(0,0,0,.55);color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:4}.pong-block__overlay-content{background:rgba(34,34,34,.667);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.2);max-width:94vw;padding:2em 2.5em;text-align:center}.pong-block__overlay-btn{background:#fff;border:2px solid #000;border-radius:6px;box-shadow:0 2px 8px hsla(0,0%,7%,.133);color:#000;cursor:pointer;font-size:1.2em;font-weight:600;margin:.5em;padding:.85em 2.5em;transition:background .105s,color .105s}.pong-block__overlay-btn:hover{background:#000;color:#fff}.pong-block__overlay-btn:focus{outline:3px solid #3899e4}.pong-block__touch-controls{bottom:7px;display:flex;flex-direction:column;gap:18px;position:absolute;right:7px;z-index:2}.pong-block__touch-btn{align-items:center;background:#333;border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.133);color:#fff;cursor:pointer;display:flex;font-size:2em;height:62px;justify-content:center;opacity:.97;transition:background .15s;width:62px}.pong-block__touch-btn:focus{outline:3px solid #2a88de}@media(max-width:680px){.pong-block__game{min-width:unset;padding:.5em .2em}.pong-block__overlay-btn{font-size:1.1em;padding:.7em 1.8em}}@media(max-width:520px){.pong-block__game{padding:.55em .06em}.pong-block__overlay-content{padding:1.2em .4em}.pong-block__overlay-btn{font-size:1em;margin:.3em;padding:.6em 1.2em}.pong-block__touch-controls{bottom:3px;right:3px}.pong-block__touch-btn{font-size:1.68em;height:48px;width:48px}}