/* A distinct URL prevents reusing the former Unity Default template's cached style.css. */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
#unity-container { position: fixed; inset: 0; display: flex; flex-direction: column; background: #f4f0e7; }
#unity-canvas-frame { position: relative; flex: 1 1 0; min-width: 0; min-height: 0; }
/* Unity matches its render target to this viewport, without stretching a fixed-size UI. */
#unity-canvas { display: block; width: 100%; height: 100%; background: #f4f0e7; }
#unity-canvas:fullscreen { width: 100vw; height: 100vh; }
#unity-loading-bar { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; background: #f4f0e7; color: #dc8058; }
.eve-title { font: bold 42px Georgia, serif; }
#unity-progress { width: min(70%, 240px); height: 12px; accent-color: #3c7864; }
#unity-footer { flex: 0 0 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 12px; color: #355a4b; font: 14px system-ui, sans-serif; }
#unity-fullscreen-button { width: 36px; height: 32px; padding: 0; border: 1px solid #355a4b; border-radius: 4px; background: white; color: #355a4b; cursor: pointer; font-size: 24px; }
#unity-fullscreen-button:disabled { opacity: .4; cursor: default; }
#unity-fullscreen-button:focus-visible { outline: 3px solid #dc8058; outline-offset: 1px; }
#unity-warning { position: absolute; top: 8px; left: 8px; right: 8px; max-height: 60%; overflow: auto; font: 14px system-ui, sans-serif; overflow-wrap: anywhere; }
#unity-warning > div { margin-bottom: 4px; padding: 12px; border-radius: 4px; }
#unity-warning .error { background: #fff0ef; color: #842a21; }
#unity-warning .warning { background: #fff3cb; color: #554a26; }