body { padding: 0; margin: 0; background: #071416; color: #f7f1df; font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif }
#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: #071416 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; inset: 0; display: none; overflow: hidden; background: #071416 }
.loading-art { position: absolute; inset: 0; background: url('loading-cover.jpg') center / cover no-repeat; opacity: .26 }
.loading-content { position: absolute; left: 50%; bottom: 11%; width: min(560px, calc(100% - 56px)); transform: translateX(-50%); text-shadow: 0 2px 12px #071416 }
.loading-kicker { margin: 0 0 5px; color: #e5c774; font-size: 13px; font-weight: 700 }
#loading-title { margin: 0 0 22px; font-size: 25px; line-height: 1.25; font-weight: 650; letter-spacing: 0 }
.loading-readout,.loading-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px }
.loading-readout { margin-bottom: 8px; font-size: 13px }
#loading-amount { color: #fff; white-space: nowrap }
#unity-progress-bar-empty { width: 100%; height: 10px; overflow: hidden; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.28) }
#unity-progress-bar-full { width: 0%; height: 100%; background: #d9aa43; transition: width .16s linear }
.loading-meta { margin-top: 8px; font-size: 12px; color: #d8d8d2 }
#loading-percent { color: #f2d58a; font-size: 14px }
.loading-tip { margin: 14px 0 0; color: #d8d8d2; font-size: 12px; line-height: 1.55 }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#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 }
@media (max-width: 700px) {
  .loading-content { bottom: 9%; width: min(520px, calc(100% - 36px)) }
  #loading-title { margin-bottom: 14px; font-size: 20px }
  .loading-tip { margin-top: 9px; font-size: 11px }
}