body {
  padding: 0;
  margin: 0;
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, #5a3018 0%, transparent 55%),
    linear-gradient(180deg, #2a1810 0%, #0c0a0a 100%);
  color: #f3e6c8;
  font-family: "IBM Plex Mono", "Consolas", "Courier New", monospace;
}
#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: #231810 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: min(420px, 88vw);
  text-align: center;
}
#unity-brand-plate {
  border: 2px solid #c48a28;
  background: linear-gradient(180deg, #3a2818 0%, #1e140c 100%);
  box-shadow: 0 0 0 1px #0a0806, inset 0 1px 0 rgba(255,255,255,0.08);
  padding: 18px 24px 14px;
  margin-bottom: 18px;
}
#unity-brand-title {
  font-size: clamp(28px, 6vw, 42px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f0b83a;
  font-weight: 700;
}
#unity-brand-tagline {
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #d8c9a4;
  text-transform: uppercase;
}
#unity-progress-shell {
  border: 2px solid #c48a28;
  background: linear-gradient(180deg, #3a2818 0%, #1e140c 100%);
  padding: 6px 8px;
  box-shadow: 0 0 0 1px #0a0806, inset 0 1px 0 rgba(255,255,255,0.08);
}
#unity-progress-bar-empty {
  width: 100%;
  height: 14px;
  background: #0a0806;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.55);
}
#unity-progress-bar-full {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #a86a18 0%, #f0b83a 55%, #ffe08a 100%);
  transition: width 0.12s ease-out;
}
#unity-boot-tip {
  margin-top: 12px;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #b8a888;
  min-height: 1.4em;
}
#unity-logo { display: none }
#unity-footer { position: relative }
.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 }
#unity-build-title {
  float: right;
  margin-right: 10px;
  line-height: 38px;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f0b83a;
}
#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: #2a2018; color: #f3e6c8; border: 1px solid #f0b83a; padding: 10px; display: none }