.pingshot-surface{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;box-sizing:border-box;padding:max(env(safe-area-inset-top,0px),var(--native-top,0px)) max(env(safe-area-inset-right,0px),var(--native-right,0px)) 0 max(env(safe-area-inset-left,0px),var(--native-left,0px));background:repeating-linear-gradient(0deg,transparent 0 2px,#00000018 2px 4px),#0a0612;--board-width:min(100vw,56.25dvh,420px);--board-height:min(177.7778vw,100dvh,746.6667px);--board-offset:0px;--board-scale:1;--foundation-height:max(0px,calc(100dvh - var(--board-height)))}.pingshot-board{position:relative;width:var(--board-width);height:var(--board-height);margin-top:var(--board-offset);flex:none}.pingshot-board canvas{width:100%!important;height:100%!important;max-height:none!important}.pingshot-foundation{position:absolute;top:100%;left:0;width:100%;height:var(--foundation-height);pointer-events:none;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 2px,#00000018 2px 4px),linear-gradient(#151020,#0a0612 min(96px,100%))}.pingshot-foundation:after,.pingshot-foundation:before{content:"";position:absolute;top:0;left:0;width:100%}.pingshot-foundation:before{height:calc(44px * var(--board-scale));background-image:repeating-linear-gradient(0deg,transparent 0 2px,#00000018 2px 4px),linear-gradient(#0a061200,#0a06123d 45%,#0a0612),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24'%3E%3Cpath fill='%23191225' d='M0 0h32v24H0z'/%3E%3Cpath fill='%2321182f' d='M0 0h32v8H0z'/%3E%3Cpath fill='%2331243f' d='M1 1h14v6H1zM17 1h14v6H17z'/%3E%3Cpath fill='%23241a32' d='M-7 9H7v6H-7zM9 9h14v6H9zM25 9h14v6H25zM1 17h14v6H1zM17 17h14v6H17z'/%3E%3Cpath fill='%23382a49' d='M2 1h7v1H2zM18 1h7v1h-7zM-6 9H1v1H-6zM10 9h7v1h-7zM26 9h7v1h-7zM2 17h7v1H2zM18 17h7v1h-7z'/%3E%3C/svg%3E");background-size:auto,auto,calc(32px * var(--board-scale)) calc(24px * var(--board-scale));background-repeat:repeat,no-repeat,repeat-x}.pingshot-foundation:after{height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120'%3E%3Cpath fill='%23281d35' d='M64 52h2v2h-2zM242 68h2v2h-2zM176 92h2v2h-2z'/%3E%3C/svg%3E");background-size:100% calc(120px * var(--board-scale));background-repeat:no-repeat}