/* Reset + sizing */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body, #game-wrapper, #unity-container {
  width: 100%;
  height: 100%;
}

html, body {
  overflow: hidden;
}

/* Remove centering so the canvas can pin to edges */
body {
  background: #231F20;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Container fills the window */
#unity-container {
  position: fixed;   /* pin to viewport */
  inset: 0;          /* top:0; right:0; bottom:0; left:0 */
}

/* Canvas fills the container (== viewport) */
#unity-canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: #231F20;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

/* === Force full-viewport layout, beating Unity template defaults === */

/* 1) Full-viewport roots */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* 2) Any wrappers Unity uses */
#game-wrapper,
#unity-container,
.unity-desktop,
.unity-mobile,
.webgl-content {
  position: fixed !important;
  inset: 0 !important;            /* top/right/bottom/left = 0 */
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) The actual canvas */
#unity-canvas,
canvas#unity-canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  outline: none !important;
}

/* 4) Kill any centering/flex that creates a "card" layout */
body,
#game-wrapper,
#unity-container {
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
}

#qi-wrapper, #qi-spacer {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}