/* itch.io's fullscreen button enlarges the surrounding iframe, not the canvas.
   Fill that iframe responsively, preserving the game's 16:9 aspect ratio.
   In the regular 960x540 embed, the canvas displays at exactly 960x540. */
/* RE:COPY palette is based on Assets/WebGLTemplates/Masasgames. */
:root {
  color-scheme: dark;
  font-family: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: #111c2c; }
#unity-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #111c2c;
}
#unity-canvas {
  display: block;
  flex: none;
  /* Largest possible 16:9 area within the current iframe viewport.
     When itch.io makes its iframe fullscreen, these values grow too. */
  width: min(100vw, 177.77777778vh);
  height: min(100vh, 56.25vw);
  max-width: 100%;
  max-height: 100%;
  background: #111c2c;
  outline: none;
}
#unity-loading-bar {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background: #111c2c;
}
#game-logo {
  width: min(66%, 590px);
  height: auto;
  image-rendering: pixelated;
}
#unity-progress-track {
  width: min(56%, 360px);
  height: 8px;
  border: 1px solid #536777;
  background: #243446;
  overflow: hidden;
}
#unity-progress-fill {
  width: 0;
  height: 100%;
  background: #69d9ea;
  transition: width 80ms linear;
}
#loading-label {
  margin: -8px 0 0;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.22em;
  color: #a8b0b8;
}
#unity-error {
  position: absolute;
  z-index: 4;
  left: 5%;
  top: 45%;
  width: 90%;
  padding: 14px;
  background: #243446;
  border: 1px solid #69d9ea;
  color: #f1f4f7;
  font-size: 14px;
  text-align: center;
}