#loading-screen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(24px,5vw,78px);border:0;background:#061e28;color:#fff2d4;overflow:auto;box-sizing:border-box;font-family:inherit;isolation:isolate}
#loading-screen::backdrop{background:#061e28}
.load-art,.load-grid{position:absolute;inset:0;z-index:-2;pointer-events:none}
.load-art{background:linear-gradient(90deg,#041b27f5 10%,#051e29a6 58%,#04172436),linear-gradient(0deg,#051820,transparent 80%),url('../assets/ui/title-city-v2.png') 70% center/cover;animation:load-city 18s ease-in-out infinite alternate}
.load-grid{z-index:-1;opacity:.13;background-image:radial-gradient(#fff2d4 1px,transparent 1px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent 40%,#000)}
.load-ticket{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #fff2d459;padding-bottom:18px;font-weight:800;font-size:clamp(12px,1.2vw,16px);letter-spacing:.14em}
.load-ticket span{color:#ee6694}.load-content{margin-top:clamp(32px,7vh,90px);max-width:710px}.load-content>p:first-child{letter-spacing:.24em;font-size:13px;font-weight:800}
#loading-title{font:900 clamp(60px,9.6vw,140px)/.83 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;margin:22px 0 26px;text-shadow:5px 6px 0 #06141b;transform:rotate(-2deg);transform-origin:left}
#loading-quip{font-size:clamp(17px,1.7vw,23px);line-height:1.4;max-width:510px}.load-hole{display:inline-block;background:#b52c5c;color:#fff2d4;padding:11px 22px;transform:skew(-6deg);font-weight:900;letter-spacing:.12em;border:2px solid #f182a4;box-shadow:5px 5px 0 #03121b;margin:8px 0 32px}
.load-progress{max-width:560px}.load-stage{display:flex;justify-content:space-between;gap:20px;font-size:clamp(15px,1.5vw,20px);font-weight:800;text-transform:uppercase}.load-stage b{color:#ef80a3;white-space:nowrap}
#loading-progress{display:block;width:100%;height:14px;border:1px solid #edcf98;background:#0b2835;margin:14px 0;appearance:none;border-radius:0}#loading-progress::-webkit-progress-bar{background:#0b2835}#loading-progress::-webkit-progress-value{background:repeating-linear-gradient(110deg,#db3e74 0 20px,#f080a7 20px 24px);transition:width .25s}#loading-progress::-moz-progress-bar{background:#db3e74}#loading-detail{font-size:16px;color:#d4dedc;min-height:2.5em;line-height:1.4}
.load-stamp{position:absolute;right:7%;top:44%;transform:rotate(9deg);border:5px double #e1c58c94;padding:25px;font:900 clamp(22px,3vw,42px)/1.05 Impact,sans-serif;color:#e1c58cb0;letter-spacing:.04em;text-align:center}
#loading-screen[data-kind=menu] .load-art{background-position:50% center}#loading-screen[data-kind=menu] #loading-title{font-size:clamp(56px,8.8vw,112px)}
.is-loading #world,.is-loading #game-hud{visibility:hidden}.is-loading .title-art,.is-loading .title-motes{animation-play-state:paused}
@keyframes load-city{to{transform:scale(1.035)}}
@media(max-width:850px){.load-stamp{display:none}.load-ticket b{display:none}.load-content{margin-top:45px}#loading-title{font-size:clamp(64px,16vw,110px)}}
@media(max-height:650px){.load-content{margin-top:24px}#loading-title{font-size:64px;margin:14px 0 20px}.load-hole{margin:0 0 20px}.load-ticket{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.load-art{animation:none}#loading-progress::-webkit-progress-value{transition:none}}.reduced-motion .load-art{animation:none}