/* Soltara-branded WebGL loading screen. Palette: gold #C2A45A / #8E7035, dark stone #15120c, cream #ECE3C8. */
body { padding: 0; margin: 0; background: #15120c }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; text-align: center }
#unity-logo { width: 190px; height: 190px; margin: 0 auto; background: url('soltara-logo.png') no-repeat center; background-size: contain }
#unity-progress-bar-empty { width: 240px; height: 16px; margin: 24px auto 0; background: #2a2218; border: 2px solid #8E7035; border-radius: 9px; overflow: hidden }
#unity-progress-bar-full { width: 0%; height: 100%; background: linear-gradient(90deg, #8E7035, #C2A45A); border-radius: 7px; transition: width .15s ease-out }
#unity-status { margin-top: 16px; color: #ECE3C8; font-family: arial; font-size: 15px; letter-spacing: .5px; text-align: center; text-shadow: 0 1px 2px #000 }
#unity-footer { position: relative; font-family: arial; color: #C2A45A }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { display: none }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px; color: #ECE3C8 }
#unity-fullscreen-button { cursor: pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
/* full-screen splash-art carousel behind the loading UI */
#unity-canvas { background: transparent }
#unity-container.unity-desktop { z-index: 10 }
#soltara-carousel { position: fixed; inset: 0; z-index: 5; overflow: hidden; background: #15120c }
#soltara-carousel .sl-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.4s ease-in-out }
#soltara-carousel .sl-slide.active { opacity: 1 }
#soltara-carousel .sl-dark { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(8,6,4,.60) 0%, rgba(8,6,4,.40) 55%, rgba(8,6,4,.64) 100%) }
/* Full-window canvas — fill the whole browser like the loading screen (added by Claude) */
html, body { width: 100%; height: 100%; overflow: hidden; }
#unity-container.unity-desktop { left: 0; top: 0; transform: none; width: 100vw; height: 100vh; }
#unity-canvas { width: 100% !important; height: 100% !important; display: block; }
/* Responsive loading screen on phones (added by Claude) */
@media (max-width: 820px) {
  #unity-logo { width: 130px; height: 130px; }
  #unity-progress-bar-empty { width: 62vw; max-width: 280px; }
  #unity-status { font-size: 14px; padding: 0 16px; box-sizing: border-box; }
  #unity-footer, #unity-build-title { display: none; }
}
@media (max-height: 500px) {
  #unity-logo { width: 92px; height: 92px; }
  #unity-progress-bar-empty { margin-top: 14px; }
}