/* PC でもスマホでも、ブラウザの画面いっぱいに表示する（9:16 に合わせて黒い余白を付けるのは、ゲームの中で行う） */
html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: #000 }
#unity-container { position: fixed; inset: 0 }
#unity-canvas { width: 100%; height: 100%; display: block; background: #000 }

/* 読み込み中は、真ん中に進み具合の棒だけを出す */
#unity-loading-container { position: absolute; inset: 0; display: none }
#unity-progress-bar-empty { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 160px; height: 8px; border: 2px solid #fff; box-sizing: content-box }
#unity-progress-bar-full { width: 0%; height: 100%; background: #fff }

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