body{margin:0;padding:0;width:100%;height:100vh;background-color:#2c2c2c;overflow:hidden}.popup-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.popup-wrapper .popup{background-color:#3d3d3d;padding:0 1rem 1rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;color:#fff}.popup-wrapper .popup .close-button{width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;align-self:flex-end;background-color:transparent;border:none;position:relative;top:-0px;right:-10px;color:#fff}.popup-wrapper .popup .highscores{display:flex;flex-direction:column;gap:1rem;max-height:25rem;overflow-y:auto;padding:1rem;border-radius:5px;width:15rem}.popup-wrapper .popup .highscores h2{text-align:center;margin:0;padding:0}.popup-wrapper .popup .highscores .highscore-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;border-radius:5px;background-color:#2d2d2d;max-width:15rem}.popup-wrapper .popup .highscores .highscore-item span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.popup-wrapper .popup .change-log{display:flex;flex-direction:column;gap:1rem;max-height:25rem;overflow-y:auto;padding:1rem;border-radius:5px;width:15rem}.popup-wrapper .popup .change-log h2{text-align:center;margin:0;padding:0}.popup-wrapper .popup .change-log .change-log-item{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:5px;background-color:#2d2d2d;max-width:15rem}.popup-wrapper .popup .change-log .change-log-item span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.popup-wrapper .popup ::-webkit-scrollbar{display:block;width:5px}.popup-wrapper .popup ::-webkit-scrollbar-thumb{background-color:#999;border-radius:5px}.popup-wrapper .popup ::-webkit-scrollbar-thumb:hover{background-color:#555}#app{display:flex;width:100vw;height:100vh;position:relative;overflow:hidden}#app .wrapper{display:flex;flex-direction:column;height:100%;width:100%;position:relative}#app .dev-container{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:100%}#app .dev-container button{width:8rem;height:2rem;border-radius:10px;color:#fff;background-color:red}#app .dev-container .active{background-color:green}#app .game-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;max-width:100%;position:relative}#app .game-wrapper p{margin:0;color:#fff}#app .game-wrapper .game-options{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:100%;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10;background-color:#2c2c2ce6;padding:10px 20px;border-radius:10px}#app .game-wrapper .game-options button{width:8rem;height:2rem;border-radius:10px;color:#fff;background-color:transparent;border:1px solid #666;cursor:pointer;transition:all .2s ease}#app .game-wrapper .game-options button:hover{background-color:#ffffff1a}#app .game-wrapper .game-options .active{background-color:green;border-color:green}#app .game-wrapper .game{display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;position:relative;width:100%;height:100%}#app .game-wrapper .game canvas{background-color:#000;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#app .mobile-controls{display:flex;justify-content:center;align-items:center;gap:1rem;visibility:hidden;max-width:100%;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;background-color:#2c2c2ce6;padding:10px 20px;border-radius:10px}#app .mobile-controls #left-button,#app .mobile-controls #fire-button,#app .mobile-controls #right-button{width:8rem;height:3rem;border-radius:10px;color:#fff;background-color:transparent;border:1px solid #666;user-select:none;cursor:pointer;transition:all .2s ease;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#app .mobile-controls #left-button:hover,#app .mobile-controls #fire-button:hover,#app .mobile-controls #right-button:hover{background-color:#ffffff1a}#app .mobile-controls #left-button:active,#app .mobile-controls #fire-button:active,#app .mobile-controls #right-button:active{background-color:#fff3}#app .show-mobile-controls{visibility:visible}@media (max-width: 768px){.mobile-controls{visibility:visible!important}}.no-scroll{overflow:hidden}.popup-active *:not(.popup,.popup *,.popup-wrapper,.popup-wrapper *){pointer-events:none}