body { padding: 0; margin: 0; background-color: #2B2C2F; }
#unity-container { width: 100%; height: 100%; position: absolute; }
#unity-canvas { width: 100%; height: 100%; position: fixed; }
#unity-loading-bar { position: absolute; width: 70%; height: 10px; left: 50%; top: 50%; transform: translate(-50%, 50px); display: none }
#unity-progress-bar-empty { width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.875), rgba(0, 0, 0, 0.875)), url('loadingBar.png'); }
#unity-progress-bar-full { height: 100%; background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('loadingBar.png'); }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

#loading {
    position: absolute;
    width: 88px;
    height: 79px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100px);
}

#game-icon {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url('Icon.png');
    background-size: contain;
}

#loading-icon {
    position: fixed;
    width: 170px;
    height: 170px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: spin 1s linear infinite;
    background: url('loadingIcon.png');
    background-size: contain;
}

#loading-text {
    position: fixed;
    margin-top: 100px;
    font-size: 14px;
    color: white;
    font-weight: bold;
}

@keyframes spin {
    from { transform: translate(-50%, -50%) rotate(360deg); }
    to { transform: translate(-50%, -50%) rotate(0deg); }
}