@import"https://fonts.googleapis.com/css2?family=Micro+5&display=swap";#landscape-message,#canvas-coverer{display:none}canvas{display:block}@media (pointer: coarse) and (orientation: portrait){#main-title{display:none}#landscape-message{display:block;color:#fff;text-align:center;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;z-index:2}canvas{z-index:-1}#canvas-coverer{position:absolute;top:0;left:0;display:block;width:200vw;height:200vh;min-width:100vw;min-height:100vh;background-color:#000;z-index:1}body{touch-action:none;overflow:hidden}}body{background-color:#123646}@media (pointer: coarse){h1{display:none}body{background-color:#000;margin:0;padding:0;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;height:100vh}canvas{display:block;height:95vh;aspect-ratio:700 / 450;image-rendering:pixelated;image-rendering:crisp-edges;max-width:fit-content!important;width:auto;max-height:95vh}}@media screen and (pointer: fine){canvas{display:block;margin:auto;position:relative;border:10px solid darkslategray;top:25vh;box-shadow:#000 0 5px 10px;border-radius:10px}}h1{position:absolute;top:0vh;left:50vw;color:#fff;font-size:15vh;text-align:center;font-family:"Micro 5",sans-serif;text-shadow:black 0px 5px 10px;transform:translate(-50%,-50%)}