:root { color-scheme: dark; background: #15171c; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100dvh; background: #15171c; }
#reader { position: fixed; inset: 0; display: grid; place-items: center; overflow: hidden; }
#unity-canvas { display: block; max-width: 100%; max-height: 100%; background: #231f20; }
#unity-canvas.mobile { width: 100%; height: 100%; }
#loading { position: absolute; width: min(220px, 60vw); color: #e9ecf1; text-align: center; font-size: 14px; letter-spacing: .02em; }
#progress-track { height: 3px; overflow: hidden; border-radius: 999px; background: #343942; }
#progress-bar { width: 0; height: 100%; background: #e9ecf1; transition: width .12s linear; }
#warning { position: fixed; top: 16px; left: 50%; width: min(560px, calc(100vw - 32px)); transform: translateX(-50%); color: #fff; font-size: 13px; }
#warning > div { margin-bottom: 8px; padding: 10px 12px; border-radius: 8px; }
#warning .warning { background: #725b16; }
#warning .error { background: #9b3030; white-space: pre-wrap; }