html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #14161b; }
body { font-family: "Consolas", "Courier New", monospace; color: #eef1f4; }
#unity-canvas { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: block; background: #14161b; outline: none; image-rendering: pixelated; }
#es-loading, #es-error { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #14161b; text-align: center; padding: 16px; }
#es-loading[hidden], #es-error[hidden] { display: none; }
.es-title { font-size: 40px; color: #e8b923; letter-spacing: 2px; }
.es-sub { color: #a7b0bb; font-size: 18px; }
.es-bar { width: min(520px, 90vw); height: 18px; border: 2px solid #5a626d; background: #2c3038; }
#es-bar-fill { height: 100%; width: 0; background: #3fe0ff; transition: width 0.2s; }
#es-status { font-size: 18px; }
.es-hint { position: absolute; bottom: 18px; left: 16px; right: 16px; color: #7d8794; font-size: 15px; }
#es-error-text { max-width: 640px; font-size: 18px; color: #ff9090; line-height: 1.4; }
#es-reload { font: inherit; font-size: 18px; color: #eef1f4; background: #3e444e; border: 2px solid #7d8794; padding: 8px 18px; cursor: pointer; }
#es-reload:hover { border-color: #e8b923; }
#es-banner { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); width: min(720px, 92vw); z-index: 10; }
#es-banner div { padding: 8px 12px; margin-bottom: 6px; border: 2px solid; font-size: 15px; }
.es-banner-warning { background: #3e3410; border-color: #e8b923; color: #ffe27a; }
.es-banner-error { background: #3e1414; border-color: #e03a3a; color: #ff9090; }