:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;bottom:0}body.fullscreen{background-color:#000}html{height:100%;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;position:fixed;width:100%}:fullscreen,:-webkit-full-screen,:-moz-full-screen,:-ms-fullscreen{background-color:#000;width:100%;height:100%}#app:fullscreen,#app:-webkit-full-screen,#app:-moz-full-screen,#app:-ms-fullscreen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100vh;height:100dvh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;padding:0;margin:0;position:relative;overflow:hidden}.game-shell{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.25rem .5rem .75rem}canvas{box-shadow:0 0 20px #00000080;display:block;touch-action:none;-webkit-tap-highlight-color:transparent;max-width:100%;max-height:100%}.repo-link{font-size:.95rem;color:#8bc4ff;text-decoration:none;text-shadow:0 0 6px rgba(0,0,0,.6)}.repo-link-wrapper{width:100%;display:flex;justify-content:flex-end;padding-right:.75rem;margin-top:.25rem;box-sizing:border-box}.repo-link:hover,.repo-link:focus-visible{color:#c1e1ff;text-decoration:underline;outline:none}.orientation-message{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000fa;display:none;justify-content:center;align-items:center;z-index:10000;flex-direction:column}.orientation-message.show{display:flex}.orientation-content{text-align:center;color:#fff;padding:2rem;max-width:90%}.orientation-icon{font-size:5rem;margin-bottom:2rem;animation:rotate 2s ease-in-out infinite;display:inline-block}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.orientation-text{font-size:1.8rem;font-weight:500;line-height:1.6;margin-top:1rem}@media screen and (orientation: portrait){canvas{opacity:0;pointer-events:none}#app{overflow:hidden}}@media screen and (orientation: landscape){canvas{opacity:1;pointer-events:auto;display:block}}