body { padding: 0; margin: 0; background-color: #40454f }
#unity-container { position: fixed; width: 100%; height: 100% }
#unity-canvas { width: 100%; height: 100%; background: #231F20 }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#loading-icon { width: 256px; height: 144px; background: url('card-logo-big.png') no-repeat center }
#progress-bar-shell { margin: 10px 53px 0px; width: 142px; height: 16px; border: 4px solid white; margin-top: 10px }
#progress-bar-fill { width: 0%; height: 0; border-top: 16px solid white }
#rotate-message-container { display: none; position: fixed; top: 0; bottom: 0; padding: 40px 60px; background-color: #666e; align-items: center; justify-content: center; z-index: 100 }
#rotate-message { color: white; font-weight: 900; font-size: 4em; font-family: Arial, sans-serif }
#rotate-icon { height: 60% }
#start-button { display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; background-color: #0000; border: 0; padding: 0; margin: 0 }
/* @media (min-aspect-ratio: 1/1) { #rotate-message-container { display: flex } } */
@media (min-aspect-ratio: 5/6) { #unity-container { width: calc(5/6 * 100vh); left: 50%; top: 50%; transform: translate(-50%, -50%) } }