body { padding: 0; margin: 0 }
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas { width: 100%; height: 100%; background: #231F20 }
#unity-container.unity-desktop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transform: none; }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000;
}
.loading-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.progress-container {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 20px;
    background: white;
    border: 2px solid #3F37AD;
    border-radius: 999px;
    overflow: hidden;
}
#unity-progress-bar-full {
    width: 0%;
    height: 100%;
    background: #3F37AD;
    transition: width 0.2s ease;
}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#math-makers-logo-title-footer { float:left; width: 128px; height: 33px; background: url('math-makers-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }