@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://unpkg.com/nes.css@latest/css/nes.min.css);body{-webkit-touch-callout:none}#gameRulesContainer{align-self:center;background-color:#000;border:3px solid #fff;height:1000px;left:0;position:fixed;text-align:center;top:0;transform-origin:top left;width:1920px;z-index:100}#hud-footer{opacity:40%}#hud-footer,#hud-footer:hover{left:0;position:relative;top:800px}#hud-footer:hover{opacity:100%}html{background-color:#000}body{background-color:#0000;color:#fff;overflow:scroll}.logo{font-size:10vw;margin-top:25px;text-align:center}#touch-component{-webkit-touch-callout:none;position:fixed;top:70%;width:100vw;z-index:101}.touchButton{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:100%;border:none;border-radius:150px;font-size:xx-large;height:30vh;margin:2vw;min-height:60px;opacity:.5;outline:none;position:fixed;width:15vw}#leftBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAABbElEQVR4nO3XW2rFMAxAwS7t7n9TLf0oFNqb+CHJgsyAfoPxSYj98QEAAAAAAECK1+v1+TOn1/J4v2OI0oAgjfwXQ5BD3sUQ5ICrGIIUu4shSKGRGIIUGY0hSIGZGIIku9r4b4IUuoshSKGRGIIUGY0hSIGZGIIkm40hSKKVGIIkWY0hSIKdGO+CPHmOxhAkMEhEDEGCgkTFECQgSGQM/r6QYhy2HESMHEtBxMgzHUSMXFNBxMg3HESMGkNBxKhzG0SMWpdBxKi3FIQ800HINRWEfL6QZvxDmnHKasY9pBk39WaGgohSZziIKDWmgoiSbzqIKLmWgoiSZzmIKDm2gogSbzuIKLFCgkRGuXrOE2c5SFSU0xvQbbaCREQ5vQHdZjvIbpTTG9BtQoLsREld1NOtRBEk2WwUQQrMRBGkyGgUQQqNRBGk2F0UQQ44dhbnPUEaEqQhQRoSpCFBGhKkIUEaEgMAAAAAAOCZvgBng9kOPdPH7AAAAABJRU5ErkJggg==);top:60%}#rightBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAABZklEQVR4nO3XSWoDQQxAUR/N979UTBaBLDxUdWvC/R5oX+hj3LrdAAAAAAAAuIz7/f7zN91vubz/MUQZQJBhngURpdGrIKI0eRdElAafgohSbCWIKIVWg4hSZCeIKAWeLf2XKE1eBRGlybsgojT4FESUYitBRCm0GkSUIjtBRCmwG6Qkyu5x9O2zIjVK9wKmzaq0KN0LmDY7UqJ0L2Da7AqPcvZBBEcRJEZYFEHihEQRJNbpKILEOxVFkByHowiS51AUQXJtRxEk31YUQWosRxGkjiADCTKQIIP4hQziP2QQX1mDuEMGcakPsh1DkDyHYgiS43AMQeKdiiFIrNMxBIkTEkOQGGExBDkvNMazIFef1hiCHA+SEkOQY0HSYgiyHyQ1xtXtBhEj2U4QMQqsBhGjyEoQMQp9CiJGsXdBxGjwKogYTXZvlO73fj0xhhFjGDGGEWMYMYYRYxgxBhIDAAAAAAAg3wPaZtkOMFvllgAAAABJRU5ErkJggg==);left:20%;top:60%}#actionButtons{bottom:20vh;height:40vh;left:55vw;margin:0;min-width:50px;position:relative;width:40vw}#thrustBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAADBUlEQVR4nO2Y21XDQAxEUx4FUU56SSkpJZzwOAb8kHZXK804c/cTJ0hz7QnkckHnEXxEI9ECJKiDbAmSs0F1+JLzTWU4EvMPtBDQ5kmDYWmGGYdhXZB17l3OcLedYYdPTrHEL6j3oR3cAd1uVMMOAL8n3Z0TAOzOsIMlALc73EAFwGQAMQQQpXlIxjYluUjGMen5SIZNWkaS4Wd6VpLRzrTM9LnRx7TcJKOf8OwkY5zQDCUjhpAc9XTEMZylZMQzlKmExNOdqWTMoytbBhmPy9vmcutzrx51RVO+LE/H43J1Cnl8ykOiKWMGGU+ed75fyLV63BWnEuKvK/LaOmddEdcWg4wnbXVFXFsMQtrriri2OIT01BVHbR3+EFdIT11h1tZh5hwyeuvq5xDVFocQq648dUZQW4ePDhB2XT2foJspDYnN7DlkWHV1/77OekoIaotDiF1XX9d5PmfAa4tDyN0dsn0tdm3BC/HW1XI9V20RCrECvv27nqu2CIVYFfTe8Rqc2qIS4rnbt1/HU1tkQtrqannduykSpbbIhFjVs66r5bXWwagtGiHj311ZB6O2iISMfNXuPfW1RSTkniBk+zMod08CIfPrCmdfEiEZdfVz9v8wyNmVQkjmqa0teCG+/yH8d7Xns6gSAiG30AB99VdXWwRCYivG9wdCXW2ZQiqlRNfV8r72qWB3DoThvua4TQnO874VtbW7G46QOdXie/Lya8stpELKrLpa3t8+mZi/v16Ip1b6v3tCqy0z72ohr4aEgNEsRFLm4c5aQnJw5ywhOXQLkZR4mjOWkLk056unZB7d2UpKPEOZSkg8w5lKShxhWUpIDGE56ikZJzxDSelnSnZbbyopNlNzk5B2pmcmKX7SspIUm9SM9HlyTEk+krJNaS6S8heIPCCGAAAqh71hXkEM7O6wg00Efmf4AQOh2pVq2EZodzsaHH74DU6xj7UEwyJn2GEF60Ksc7thuNsYZgzHs3Tm4mjzlOANYUYglb8bnp5wMs9LUx2+JBwgCeC8mIAPlbKvQl1rxtsAAAAASUVORK5CYII=);left:0;position:relative;top:0}#shootBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAC6ElEQVR4nO2b7XHCMBBEU14Kopz04lJcioODmSEgyyf5PvbkfRP9ApzbfcjGzPD1Bc5y/9Nc0XnSoS2AgjrwlkA5BaLLp5yNyHIo5g20EtDmcSND6AwzniZrwKxz7zLCu22EDH8MEeKF1HnSDi4gXbZUw54APme6d44CsJlhB3MALjvcQAHAdAAxBBChfVBGmZBeKKOOez+UcYxbR5Qhx7wrymjHrDNeN/ow640y+lHvjjLOo9ohZeig0iN3hx6nu6QMfU51SiH6dHdKGXZ0dUsZtjT1y91hT1PHlOFDWiF7Xz80rHlb033dovM8EfWMeLpSEFJaq5xvtFyHTwqY8wMjIc8VumMopLzCdgqFlNeMkq364IWEhO2SaueIMlYEZU47r7stj09XEiE/3rle5ryGkIbXHx7DkmLvqKerFQUhP5mE/HWPKmNFQcgN+ZS1zXgpIZIdgnU/MriQ6egYXlkqM15DyP2xb/TT1Tbn+EKE147ZO0+J0YT0LggZKxQCcJp6hUIed/AwUigEbLdQyOeakDJSSLCU0YTsFrk87kMkd+rPBfE1/LBCXo4huUEMu55cTsh2HMlOma3z7Mx2SSGSXUIhRzgLCclOIdwh/fAaAiZFQ4j0dLUEfMra7X5EIZuISShjXe73Ibu9JxaitUSnPut81eARA77jJQQlW/UJEUO+4yQE4yuT5icEYCxiRsrW/oQArEQsAD/eaRaCIEVRwLQ87kVCf6jzRNw1mpBREfdMIT50C6EUfZo7phBbmvvlLrGju1tK0edUpxSiz+lOKUUPtS4pRAe1HrlLzqPeIaX0Y9Jd6aCUcoxpbxTSjnlnlCLHrStKOca1I15P6oT0QyllQnuhlP9A9AExBABQPewNcwUxsNlhBzMEPjP8gIqkyppq2EbSZqsNDj98gSHyHIXIEGSEDB9kDZR1bjEZ3m0ZZlRHEtozONo8IUhLsCgk8n/D01OO54ruJ5To8imhAiWAczUBv3U9nKoHFqdCAAAAAElFTkSuQmCC);left:1vw;position:relative;top:5%}#quitLogoutMobile{left:47%;position:fixed;scale:1;top:5px;width:100%}.mobile-button{border-radius:50px;font-size:30px;height:75px;opacity:.5;width:300px}#game-container{align-content:center;display:flex}.side-border{background-color:#000;height:100vh;position:absolute;z-index:100}#game-window{background-image:url(/mod-asteroids/static/media/space.54cd35a4399fd0ab983e.gif);background-repeat:repeat;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);height:980px;left:0;position:absolute;top:0;transform-origin:top left;width:1920px}#start-overlay{align-items:center;background-color:#000000bf;display:flex;gap:1rem;inset:0;justify-content:center;position:absolute;text-align:center;z-index:15}#black-bar{background-color:#000;height:100vh;position:absolute;width:100vw;z-index:100}#start-display{animation:zoomIn .5s;font-size:50px;left:764px;transform:scale(1.5) perspective(200px) rotateX(45deg)}#game-over,#start-display{color:#fff;position:absolute;text-align:center;top:206px;z-index:1}#game-over{animation:zoomIn .6s;font-size:100px;left:495px;transform:scale(1) perspective(200px) rotateX(45deg)}#ufo-object{left:1920px;position:absolute;top:50px;z-index:-1}#sound-toggle-panel{grid-gap:.25rem;background:#000c;border:1px solid #fff;display:grid;gap:.25rem;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;left:12px;padding:.75rem;position:absolute;top:50%;transform:translateY(-50%);z-index:30}#sound-toggle-panel .panel-title{font-family:Press Start\ 2P,sans-serif;font-size:.75rem;letter-spacing:2px;margin-bottom:.25rem}#sound-toggle-panel .nes-btn{font-size:.75rem;min-width:150px;padding:.15rem .5rem}#sound-toggle-panel .sound-toggle-list{grid-gap:.4rem;display:grid;gap:.4rem}#sound-toggle-panel .sound-toggle-row{grid-column-gap:.5rem;align-items:center;column-gap:.5rem;display:grid;font-size:.7rem;grid-template-columns:90px 1fr 44px}#sound-toggle-panel .sound-toggle-row input[type=range]{height:1rem;justify-self:end;width:140px}#sound-toggle-panel .midi-metadata{border-top:1px dashed #ffffff4d;display:flex;flex-direction:column;font-size:.65rem;gap:.15rem;margin-top:.4rem;padding-top:.35rem}#sound-toggle-panel .midi-meta-title{color:#fff9;font-size:.55rem;letter-spacing:1px;text-transform:uppercase}#sound-toggle-panel .midi-meta-row{display:flex;justify-content:space-between}#sound-toggle-panel .midi-meta-link a{color:#8cff9f;font-size:.6rem;text-decoration:underline}#player-object{position:absolute;z-index:-1}#bonus-element{color:#adff2f;left:350px}#bonus-element,#no-bonus-element{animation:fadeOutUp 2s;opacity:0;position:absolute;top:20px;z-index:0}#no-bonus-element{color:red;left:650px}.fire{background-image:url(data:image/gif;base64,R0lGODlhPgBTAIABAP/+Pf///yH/C05FVFNDQVBFMi4wAwEAAAAh/hFDcmVhdGVkIHdpdGggR0lNUAAh+QQJAQABACwAAAAAPgBTAAACnIyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Qd4IolYbOULVfkvXa9pvDEfEI/woCUuvEukx3x9HzBzn/P+jyj3ycBGJgwSEhn6FeYyAbB2KjwWIcgeacxGYApZ2kA2eKZqYnyJuo2V6oyaKO6qpej+MqJs/UjVnWLm7tUAAAh+QQJAQABACwAAAAAPgBTAAACpYyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Qc4IrFjrLcCLcL+mYl4jGnrJ2gr5s1wOJ+X9wZOsWuwUP07bLaHwLoJVby9QdGYkiGmMj4oFjoCBkwuYWIdlApYhj3phnY2XkSKmpCGjeKWhqJicC32ZqwlvrpSmjq6FAblnYoVwUcLOxTAAA7);background-position:top;background-repeat:no-repeat;background-size:cover}#asteroid-object,#asteroid-shadow,#bullet-object{position:absolute;z-index:-1}.upperCase{text-transform:uppercase}.Mui-focused{color:#fff!important}@keyframes zoomIn{0%{transform:scale(0) perspective(10000px) rotateX(45deg)}}@keyframes fadeOutUp{0%{opacity:100%;top:60px}}@media (max-width:908px){body{overflow:visible}.logo h1{margin-top:75px}}@media (max-width:830px){.logo img{width:100%}}
/*# sourceMappingURL=main.7d79760d.css.map*/