:root{color:#f8e6aa;background:#041521;font-family:Roboto Condensed,Impact,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#12394a 0,#061d2a 48%,#020b12)}#app{display:grid;place-items:center}#app canvas{display:block;max-width:100%;max-height:100%;image-rendering:auto;border:1px solid #8b6632;box-shadow:0 20px 70px #000c,0 0 0 4px #22150d}@media(max-aspect-ratio:16/9){#app canvas{width:100%;height:auto}}@media(min-aspect-ratio:16/9){#app canvas{width:auto;height:100%}}