:root { color-scheme: dark; font-family: Arial, sans-serif; background: #18222b; color: #f3eddd; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
[hidden] { display: none !important; }
#unity-container { position: fixed; inset: 0; }
#unity-fullscreen-container { position: absolute; inset: 0; }
#unity-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; background: #18222b; outline: none; touch-action: none; }
#unity-loading-container { position: absolute; inset: 0; display: grid; place-items: center; background: #18222b; }
#unity-loading-bar { width: min(280px, 80vw); text-align: center; }
#loading-title { color: #e7d29c; font-size: 18px; font-weight: 700; letter-spacing: 0.08em; }
#unity-progress-bar-empty { height: 4px; margin: 22px 0 14px; overflow: hidden; border-radius: 2px; background: #3b4850; }
#unity-progress-bar-full { width: 0; height: 100%; background: #e7d29c; transition: width 150ms ease; }
#loading-label { color: #bcc7ca; font-size: 13px; }
#unity-warning { position: absolute; z-index: 1; top: max(16px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); width: min(640px, calc(100% - 32px)); }
#unity-warning > div { padding: 12px 16px; border-radius: 4px; overflow-wrap: anywhere; }
#unity-warning .warning { color: #fff1c6; background: #594b27; }
#unity-warning .error { color: #fff; background: #792d31; }