:root{ --BAR-COLOR:linear-gradient(#5BC6E8, #03BCF6);--SHADOW-BOX:0px 5px 10px 10px rgba(34, 60, 80, 0.2);--HEIGHT-LOADBAR:18px;}canvas:focus{ outline:none;}html, body{ padding:0;margin:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;background-image:var(--BAR-COLOR);background-position-x:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}#unity-container{ position:fixed;background-image:var(--BAR-COLOR);width:100%;height:100%;max-width:2160px;}#unity-canvas{ position:fixed;width:100%;height:100%;background-image:var(--BAR-COLOR);background-position-x:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;-webkit-box-shadow:var(--SHADOW-BOX);-moz-box-shadow:var(--SHADOW-BOX);box-shadow:var(--SHADOW-BOX);}#unity-loading-bar{ position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:none;-webkit-box-shadow:var(--SHADOW-BOX);-moz-box-shadow:var(--SHADOW-BOX);box-shadow:var(--SHADOW-BOX);}#unity-logo{ width:512px;height:237px;background:url('logo.png');background-position:center;background-repeat:no-repeat;border:10px solid transparent;border-image:linear-gradient(45deg, #E25E98, #31C2F8) 10;}#unity-progress-bar-empty{ width:160px;height:var(--HEIGHT-LOADBAR);margin-top:10px;background:url('loader-empty.png');background-position:center;background-repeat:no-repeat;position:fixed;left:50%;transform:translateX(-50%);}#unity-progress-bar-full{ width:0%;height:var(--HEIGHT-LOADBAR);background:url('loader-full.png');background-position:center;background-repeat:no-repeat;}.overlay{ position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--BAR-COLOR);z-index:9999;display:none;}.message{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#D44B67;padding:30px;border-radius:15px;text-align:center;font-size:20px;-webkit-box-shadow:var(--SHADOW-BOX);-moz-box-shadow:var(--SHADOW-BOX);box-shadow:var(--SHADOW-BOX);}p{font-family:Arial;color:white;}@media screen and (orientation:portrait){ .overlay{ display:block;}}@keyframes rotate-clockwise{ 0%{ transform:rotate(0deg);} 50%{ transform:rotate(15deg);} 100%{ transform:rotate(0deg);}}.rotate-animation{ animation:rotate-clockwise 2s linear infinite;}