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-canvas { background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; overflow: hidden }
#unity-preview { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.55) }
#unity-logo { display: none }
#unity-progress-bar-empty { position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); width: 70%; max-width: 420px; height: 10px; border-radius: 6px; background: rgba(255,255,255,0.25); overflow: hidden }
#unity-progress-bar-full { width: 0%; height: 100%; background: #f4c542; transition: width 0.15s linear }
#unity-progress-text { position: absolute; left: 50%; bottom: 80px; transform: translateX(-50%); color: #fff; font-family: arial; font-size: 16px; text-shadow: 0 1px 3px rgba(0,0,0,0.6); white-space: nowrap }
#unity-load-title { position: absolute; left: 50%; top: 14%; transform: translateX(-50%); text-align: center; color: #fff; font-family: "Microsoft JhengHei", "PingFang HK", arial, sans-serif; font-size: 34px; font-weight: bold; text-shadow: 0 2px 8px rgba(0,0,0,0.7); white-space: nowrap }
#unity-load-title span { display: block; margin-top: 6px; font-size: 15px; font-weight: normal; opacity: 0.8; letter-spacing: 0.5px }
@media (max-width: 600px) { #unity-load-title { font-size: 24px } #unity-load-title span { font-size: 12px } }
#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 }
#unity-rotate { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; background: rgba(10,8,10,0.94); color: #fff; flex-direction: column; align-items: center; justify-content: center; font-family: "Microsoft JhengHei", "PingFang HK", arial, sans-serif; text-align: center; font-size: 22px }
#unity-rotate span { display: block; margin-top: 6px; font-size: 13px; opacity: 0.7 }
#unity-rotate-icon { font-size: 54px; margin-bottom: 14px; animation: unity-rotate-spin 1.6s ease-in-out infinite }
@keyframes unity-rotate-spin { 0%, 100% { transform: rotate(0deg) } 50% { transform: rotate(-90deg) } }