body { padding: 0; margin: 0 }
#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-mobile #unity-fullscreen-container { width: 100%; height: 100% }
#unity-fullscreen-container { position: relative; }
#unity-canvas { position: absolute; width: 100%; height: 100%; background: #1F1F20 }
#unity-loading-container { position: absolute; width: 100%; height: 100%; backdrop-filter: blur(5px); display: none; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#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 }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }


body { background: #fff9ec; color: #2d3532; font-family: 'Microsoft JhengHei UI', 'Microsoft JhengHei', Arial, sans-serif; }
#unity-canvas { background: #fff9ec; border-radius: 22px; box-shadow: 0 18px 60px rgba(37, 112, 96, 0.14); }
#unity-loading-container { background: rgba(255, 249, 236, 0.86); }
#bunbuddy-loading-brand { min-width: 240px; text-align: center; }
.bunbuddy-mark { width: 58px; height: 58px; margin: 0 auto 12px; border-radius: 18px; background: #5bc2a6; color: #fff; font: 700 30px/58px Arial, sans-serif; box-shadow: 0 8px 24px rgba(37, 112, 96, 0.18); }
.bunbuddy-loading-title { color: #2d3532; font: 800 24px/1.2 Arial, sans-serif; letter-spacing: 1.5px; }
.bunbuddy-loading-subtitle { margin-top: 6px; color: #be4c44; font-size: 13px; font-weight: 700; }
#unity-progress-bar-empty { margin: 18px auto 0; }
#unity-footer { margin-top: 10px; min-height: 38px; color: #65706a; }
#bunbuddy-footer-brand { float: left; line-height: 38px; color: #257060; font-size: 13px; font-weight: 800; letter-spacing: 0.7px; }