.asteroid-bounce-app,.asteroid-bounce-app *{box-sizing:border-box}.asteroid-bounce-app{position:relative;width:100%;color:#f8f2e7;background:#050308;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.asteroid-bounce-app .asteroid-bounce-app__viewport{display:flex;width:100%;height:min(80vh,54vw,1080px);height:min(80dvh,54vw,1080px);min-height:0;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(94,38,135,.22),transparent 48%),#050308}.asteroid-bounce-app__fullscreen{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:50;min-height:2.75rem;padding:.65rem 1rem;border:1px solid rgba(214,170,88,.9);border-radius:999px;color:#fff8e9;background:#050308e0;box-shadow:0 .25rem 1rem #00000073;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem)}.asteroid-bounce-app__fullscreen:focus-visible{outline:3px solid #d6aa58;outline-offset:3px}.asteroid-bounce-app .asteroid-bounce-board{position:relative;width:100%;max-width:1920px;aspect-ratio:16 / 9;overflow:hidden;background:#000;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center;will-change:transform}.asteroid-bounce-app .asteroid-bounce-board:focus-visible{outline:3px solid #d6aa58;outline-offset:3px}.asteroid-bounce-app:fullscreen,.asteroid-bounce-app:-webkit-full-screen{width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#000}.asteroid-bounce-app:fullscreen .asteroid-bounce-app__viewport,.asteroid-bounce-app:-webkit-full-screen .asteroid-bounce-app__viewport{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:#000}