/* Base reset */
html, body { height: 100%; }
body { margin: 0; padding: 0; }

/* Container / canvas */
#unity-container { position: relative; }               /* desktop context */
#unity-container.unity-desktop {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#unity-container.unity-mobile {                        /* mobile fills screen */
  position: fixed; width: 100%; height: 100%;
}
#unity-canvas { background: #FFFFFF; display: block; margin: 0 auto; }
.unity-mobile #unity-canvas { width: 100%; height: 100%; }

/* Loading screen */
#unity-loading-bar {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%); display: none; z-index: 1100;
}
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-light.png') no-repeat center; }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-light.png') no-repeat center; }
#unity-progress-bar-full  { width: 0%;   height: 18px; margin-top: 10px; background: url('progress-bar-full-light.png')  no-repeat center; }

/* Footer bottom-left (overlay; no page push) */
#unity-footer {
  position: absolute; bottom: 12px; left: 12px; right: auto; width: auto; height: auto;
  background: transparent; padding: 0; border: 0; z-index: 900;
}
.unity-mobile #unity-footer { display: none; }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center; }
/* Hide “FireSmart” build title text (if still present in HTML) */
#unity-build-title { display: none !important; }

/* FireSmart branding */
#firesmart-logo { width: 160px; height: 130px; background: url('FS-logo.svg') no-repeat center; background-size: contain; margin: 0 auto; }
#firesmart-logo-footer { float: left; width: 102px; height: 38px; background: url('FS-logo.svg') no-repeat center; background-size: contain; }

/* Fullscreen button (top-left; icon + text) */
#unity-fullscreen-button.fs-btn {
  position: absolute; top: 18px; left: 18px; z-index: 1200;
  display: flex; align-items: center; gap: 6px;
  padding: 6px 10px; border: 0; border-radius: 8px;
  background: #fff; color: #000; font: 14px/1.2 sans-serif;
  cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
#unity-fullscreen-button.fs-btn:hover,
#unity-fullscreen-button.fs-btn:focus { background: #f5f5f5; }
#unity-fullscreen-button .fs-icon { width: 16px; height: 16px; display: block; }
#unity-fullscreen-button .fs-text { color: #000; font-weight: 500; }

/* Old/unused fullscreen variants removed:
   - #unity-fullscreen-button.top-right
   - #unity-fullscreen-button { float:right; width:38px; height:38px; ... } */

/* Unity warning banner */
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none; }

/* Device-gate overlay */
#device-gate {
  position: fixed; inset: 0; z-index: 2000; display: none;
  background: #fff; color: #000; font-family: arial, sans-serif; padding: 20px;
}
#device-gate[hidden] { display: none !important; }
#device-gate > div {
  max-width: 560px; margin: 0 auto; height: 100%;
  display: flex; flex-direction: column; justify-content: center; gap: 12px; text-align: center;
}
#device-gate h2 { margin: 0 0 6px; font-size: 24px; }
#uw-actions { margin-top: 8px; }
#uw-continue { padding: 8px 14px; border: 0; cursor: pointer; }