html, body { margin:0; height:100%; background:#000; color:#fff; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
#unity-container { position:fixed; inset:0; display:grid; place-items:center; background:#000; }
#unity-frame { aspect-ratio:16/9; width:min(100vw, calc(100vh * 16 / 9)); height:min(100vh, calc(100vw * 9 / 16)); position:relative; display:grid; place-items:center; background:#000; overflow:hidden; }
#unity-canvas { width:100% !important; height:100% !important; display:block; background:#000; }
#unity-loading { position:absolute; inset:0; display:grid; place-items:center; gap:18px; background:rgba(0,0,0,.2); backdrop-filter: blur(1px); }
#unity-logo { width:64px; height:64px; background:#fff; opacity:.9; }
#unity-progress { display:grid; gap:10px; width:60%; max-width:420px; min-width:180px; }
#unity-progress-bar { width:100%; height:10px; background:rgba(255,255,255,.15); border-radius:999px; overflow:hidden; }
#unity-progress-bar-full { width:100%; height:100%; transform-origin:left center; transform:scaleX(0); background:#27c93f; }
#unity-progress-text { text-align:center; font-size:12px; letter-spacing:.08em; color:#eee; }
#unity-warning { position:absolute; top:8px; left:8px; right:8px; display:grid; gap:6px; pointer-events:none; }
#unity-warning .error, #unity-warning .warning { pointer-events:auto; background: rgba(255,255,255,.12); padding:8px 10px; border-radius:6px; font-size:12px; }
#unity-warning .error { background: rgba(220, 53, 69, .9); }
#unity-warning .warning { background: rgba(255, 193, 7, .9); color: #000; }
#unity-controls { position:absolute; right:10px; bottom:10px; }
#fullscreen-button { appearance:none; border:none; border-radius:8px; padding:8px 10px; font-size:14px; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; }
#fullscreen-button:hover { background:rgba(255,255,255,.2); }