body { padding: 0; margin: 0; background: #7cc4f2 }   /* 로딩 그림·게임 하늘과 같은 색: 그림이 뜨기 전이나 사이에 검은 화면이 보이지 않게 */
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { display: block; background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
/* 피카포 스플래시: iOS 실행 화면과 같은 그림을 화면에 꽉 채운다 (그림 가운데 65% 폭 안에 캐릭터와 글자가 있어 긴 폰에서 양옆이 잘려도 된다) */
#unity-loading-bar { position: absolute; inset: 0; display: none; background: #7cc4f2 url('splash.jpg') center / cover no-repeat }
#unity-progress-bar-empty { position: absolute; left: 22%; right: 22%; bottom: 5%; height: 10px; border-radius: 5px; background: rgba(255, 255, 255, .55); box-shadow: 0 1px 4px rgba(0, 0, 0, .35); overflow: hidden }
#unity-progress-bar-full { width: 0%; height: 100%; border-radius: 5px; background: #ff8a1e; transition: width .2s }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }