#loading-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#382c26;color:#fff4d6;font-family:system-ui,sans-serif}#loading-screen:before{content:"";position:absolute;inset:-30px;background:linear-gradient(#0004,#0008),url(/assets/loading/canyon-last-stand-low-poly.png) center/cover;filter:blur(22px)}.loading-art{position:relative;width:100%;height:100%;object-fit:contain}.loading-status{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(76%,340px);padding:14px 20px;text-align:center;background:#211b18d9;border:1px solid #d9b57680;border-radius:14px;box-shadow:0 5px 30px #0005}.loading-status p{margin:0 0 10px;font-size:13px;font-weight:650;letter-spacing:.08em}.loading-track{height:5px;border-radius:10px;overflow:hidden;background:#d2b68830}.loading-track:after{content:"";display:block;width:35%;height:100%;border-radius:10px;background:linear-gradient(90deg,#c68a42,#ffe4a1);animation:loading-slide 1.5s ease-in-out infinite alternate}.loading-status button{min-height:44px;padding:8px 24px;border-radius:8px;border:1px solid #ebcd91;background:#e9c685;color:#30251b;font:inherit;cursor:pointer}.loading-status button[hidden],.loading-track[hidden]{display:none}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(285%)}}@media(prefers-reduced-motion:reduce){.loading-track:after{animation:none;width:100%;opacity:.7}}
