body{background:#192b2f;background-image:url(../assets/gui/bg.jpg);background-position:top;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0}@font-face{font-family:dafont;src:url(arkham_bold.ttf)}#top{top:0;left:0;position:absolute;width:100%;height:13.6905%;background-image:url(../assets/gui/header_bg.png);background-position:top;background-repeat:repeat-x;background-size:auto 100%;z-index:-1}#bottom{left:0;width:100%;height:70px;background-image:url(../assets/gui/footer_bg.png);background-position:top;background-repeat:repeat-x;z-index:1}#screen{width:100%;max-width:1024px;aspect-ratio:1024 / 672;height:auto;max-height:100vh;margin:0 auto;position:relative;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor;z-index:1}@media (min-width: 1023px){#canvas{position:absolute;inset:0;margin:auto}}#rotate-overlay{display:none;position:fixed;inset:0;z-index:9999;background:#000;color:#fff;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:dafont,sans-serif;padding:20px}#rotate-overlay p{max-width:320px}.rotate-icon{width:50px;height:80px;border:4px solid #fff;border-radius:8px;margin-bottom:24px;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,15%{transform:rotate(0)}50%,65%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (orientation: portrait) and (hover: none) and (pointer: coarse){#rotate-overlay{display:flex}}