:root { color-scheme: dark; background: #05070a; }
* { box-sizing: border-box; }
html, body, #unity-container { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: #05070a; font-family: Arial, Helvetica, sans-serif; user-select: none; }
#unity-container { position: relative; display: grid; place-items: center; }
#unity-canvas { display: block; width: 100%; height: 100%; background: #05070a; outline: 0; touch-action: none; }
#unity-loading-bar { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 24px; background: #05070a; }
#unity-loading-bar[hidden] { display: none; }
#loading-logo { width: min(420px, 72vw); max-height: 42vh; object-fit: contain; }
#unity-progress-track { width: min(440px, 76vw); height: 14px; overflow: hidden; border: 2px solid #d8e7ff; background: #172034; }
#unity-progress-bar { width: 0; height: 100%; background: #39c8ff; transition: width 120ms linear; }
#loading-status { margin: 0; color: #f5f8ff; font-size: 15px; }
#unity-warning { position: absolute; top: 12px; left: 50%; z-index: 2; width: min(720px, calc(100% - 24px)); padding: 10px 14px; transform: translateX(-50%); color: #111; background: #ffd85a; text-align: center; }
#unity-warning[data-type="error"] { color: #fff; background: #b32323; }
#unity-warning[hidden] { display: none; }