html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #071321; }
#unity-canvas { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: block; background: #071321; outline: none; touch-action: none; }
#loading { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #f7d58a; font: 600 28px Georgia, "Times New Roman", serif; letter-spacing: 0.08em; }
#bar { width: 220px; height: 6px; margin: 18px auto 0; background: #0c2236; border: 1px solid #8bcffd; border-radius: 4px; overflow: hidden; }
#fill { width: 0%; height: 100%; background: #f7d58a; }
#warning { position: fixed; left: 50%; top: 5%; transform: translate(-50%); display: none; font: 14px sans-serif; }
#warning div { background: #f3f5fa; padding: 10px; margin-bottom: 4px; }
#warning .warn { background: #f7d58a; }
#warning .error { background: #c0392b; color: #fff; }