:root { color-scheme: dark; background: #6072a6; }
* { box-sizing: border-box; }
html, body, #unity-container { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: #6072a6; font-family: Arial, Helvetica, sans-serif; user-select: none; }
#unity-container { position: relative; }
#unity-canvas { display: block; width: 100%; height: 100%; background: #6072a6; outline: 0; touch-action: none; }
#loading-cover { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 24px; background: #6072a6; }
#loading-cover[hidden] { display: none; }
#unity-logo { width: min(434px, 72vw); height: auto; }
#progress-track { width: min(440px, 76vw); height: 14px; overflow: hidden; border: 2px solid #fff; background: #38466f; }
#progress-bar { width: 0; height: 100%; background: #ffd331; transition: width 120ms linear; }
#loading-status { margin: 0; color: #fff; 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; }