html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #f7f7f7; overflow: hidden; }
#unity-container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100%; left: 0; top: 0; transform: none; }
#unity-canvas { background: #f7f7f7; }
.unity-mobile #unity-canvas { width: 100%; height: 100%; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; flex-direction: column; align-items: center; text-align: center; }
#unity-logo { display: flex; justify-content: center; align-items: center; width: 100%; }
#unity-logo img { display: block; width: 154px; height: auto; margin: 0 auto; }
#unity-progress-bar-empty { display: block; width: 141px; height: 18px; margin: 10px auto 0 auto; background: url('progress-bar-empty-light.png') no-repeat center; }
#unity-progress-bar-full { display: block; width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-light.png') no-repeat center; }
#unity-footer { position: relative; }
.unity-mobile #unity-footer { display: none; }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none; }
@font-face { font-family: 'Vazirmatn'; src: url('/Vazirmatn-Regular.woff2') format('woff2'); font-display: swap; }
#loading-text { margin-top: 28px !important; direction: rtl; text-align: center; width: 100%; }
#loading-farsi { font-family: 'Vazirmatn', Tahoma, sans-serif; }
#loading-version-note { display: block; margin-top: 15px; font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 14px; color: #555; white-space: pre-line; }
#loading-dots { display: inline-block; width: 22px; text-align: right; }