html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: #2e1c12; }
#unity-container { position: absolute; width: 960px; height: 600px; }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%); }
#unity-container.unity-mobile,
#unity-container.in-frame {
  left: 0; top: 0; transform: none; width: 100%; height: 100%;
}
#unity-canvas { background: #2e1c12; display: block; }
.unity-mobile #unity-canvas,
.in-frame #unity-canvas { width: 100% !important; height: 100% !important; }

#unity-loading-bar {
  position: absolute;
  inset: 0;
  display: none;
  background: #2e1c12 url("splash.png?v=20261007c") center / cover no-repeat;
  z-index: 5;
}
#unity-loading-bar::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 34%;
  background: linear-gradient(to top, rgba(8, 4, 2, 0.88), rgba(8, 4, 2, 0));
  pointer-events: none;
}
#domino-loading-chrome {
  position: absolute;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  width: min(72%, 640px);
  z-index: 6;
  text-align: center;
}
#domino-loading-logo {
  height: 72px;
  margin: 0 auto 14px;
  background: url("logo.png?v=20261007c") center / contain no-repeat;
}
#domino-loading-status {
  margin: 0 0 10px;
  color: #f4ead6;
  font: 400 22px/1.2 Georgia, "Times New Roman", serif;
  letter-spacing: 0.04em;
}
#unity-progress-bar-empty {
  width: 100%;
  height: 14px;
  background: #120805;
  border: 1px solid #c9a45c;
  overflow: hidden;
}
#unity-progress-bar-full {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #8a5a1a, #e6c078);
}
#domino-loading-pct {
  margin: 8px 0 0;
  color: #e6c078;
  font: 600 16px/1.2 Arial, sans-serif;
}

#unity-footer {
  position: relative;
  height: 42px;
  background: #120805;
}
.unity-mobile #unity-footer { display: none; }
#unity-logo-title-footer {
  float: left;
  width: 120px;
  height: 38px;
  margin: 2px 8px;
  background: url("logo.png?v=20261007c") left center / contain no-repeat;
}
#unity-build-title {
  float: right;
  margin-right: 10px;
  line-height: 38px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #e6c078;
}
#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: #fff;
  padding: 10px;
  display: none;
  z-index: 8;
}