body { padding: 0; margin: 0; overflow: hidden; background: #231F20; }

/* The stock Unity template gives desktop browsers a FIXED 960x600px canvas box
   (see index.html), which overflows and gets visually cropped on any window
   narrower than that. Instead, the container fills the whole viewport and the
   canvas is letterboxed at its native aspect ratio via object-fit: contain -
   the same "centered scaled strip" look as flappybird.io, and it now actually
   fits every window size instead of just the one exact pixel size. */
#unity-container { position: fixed; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
#unity-canvas { background: #231F20; width: 100%; height: 100%; object-fit: contain; }

#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }

/* The fullscreen-button footer sat below a fixed-height canvas in the stock
   template; with the canvas now filling the viewport there's nowhere for it to
   sit without overlapping the game, so it's dropped rather than floated over
   gameplay UI. */
#unity-footer { display: none }

#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }