html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#df9b4e;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
#GameDiv{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
#Cocos3dGameContainer,#GameCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none}
#loading{position:fixed;left:0;right:0;top:0;bottom:0;background:#df9b4e url('ui/loading-bg.png') repeat-x center/40% 100%;color:#fff;z-index:8;text-align:center}
.loading-stage{position:relative;margin:auto;width:100%;max-width:70vh;height:100%}
.loading-logo{position:absolute;width:55%;height:auto;left:50%;top:38%;transform:translate(-50%,-50%)}
.loading-content{position:absolute;top:73%;left:50%;width:78%;transform:translateX(-50%)}
.loading-track{position:relative;width:62%;height:18px;margin:auto;overflow:hidden;border:5px solid #fff;border-radius:30px;background:#593c20;box-shadow:0 0 0 2px #bc8547}
.loading-track span{position:absolute;top:0;bottom:0;left:-45%;width:45%;border-radius:20px;background:linear-gradient(#ffe85b,#ffbc22 55%,#f59b00);animation:loading-sweep 1.4s ease-in-out infinite}
@keyframes loading-sweep{to{left:100%}}
@media(prefers-reduced-motion:reduce){.loading-track span{animation:none;left:25%}}
#status{font-size:16px;font-weight:bold;line-height:1.5;text-shadow:0 2px 2px #9c622f}
#startup-help{font-size:14px;line-height:1.5;overflow-wrap:break-word;word-wrap:break-word;padding:10px;border-radius:12px;background:rgba(78,42,18,.8)}
#loading.failed .loading-track{display:none}#loading.failed .loading-content{top:58%}
#notice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 18px;background:#292b49;color:white;border-radius:14px;z-index:30;max-width:85%;display:none;text-align:center}
.modal{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.45);z-index:20;align-items:center;justify-content:center}
.modal-card{width:300px;max-width:80%;margin:auto;padding:24px;background:#fff8ec;border:5px solid #f7bb7d;border-radius:20px;color:#593c20;text-align:center;box-shadow:0 12px 36px rgba(0,0,0,.2)}
.modal-card h2{margin-top:0}.modal-card p{line-height:1.5}
button{padding:12px 18px;border:0;border-radius:12px;font:bold 16px Arial,sans-serif;background:#80c934;color:#294a14;margin:8px 4px 0;cursor:pointer;min-width:108px}.secondary{background:#f3e3cc;color:#593c20}
.noscript{position:fixed;left:0;right:0;top:35%;padding:30px;text-align:center;background:#b9c4f3;color:#394267;z-index:40}

html,body,#loading{background:#df9b4e url("ui/loading-bg.png") center/cover no-repeat}