#location-loading{position:fixed;inset:0;z-index:1200;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#142219 url('loading/tikholesye-v2.png') center/cover no-repeat;color:#f4e4c4;text-align:center;opacity:1;transition:opacity .45s ease}
#location-loading[hidden]{display:none}
#location-loading.location-loaded{opacity:0;pointer-events:none}
.location-load-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06110d55,transparent 35%,#07130c30 53%,#06110dc9 79%,#040b08f5);pointer-events:none}
.location-load-brand{position:absolute;top:7vh;left:0;right:0;font:26px Georgia,serif;letter-spacing:8px;color:#f6e7c8;text-shadow:0 2px 8px #000}
.location-load-brand span{display:block;margin-top:13px;font:10px Georgia,serif;letter-spacing:5px;color:#ddcaa3}
.location-load-content{position:relative;width:min(700px,calc(100vw - 64px));margin-bottom:6vh;padding:0 16px;box-sizing:border-box}
.location-load-eyebrow{font:10px Georgia,serif;letter-spacing:4px;color:#c6b78d}
.location-load-content h1{margin:15px 0 9px;font:400 clamp(40px,4.7vw,68px)/1.1 Georgia,serif;color:#ffedc5;text-shadow:0 3px 16px #0009}
.location-load-description{font:italic 15px/1.5 Georgia,serif;color:#d3cfb6;margin:0 0 30px;text-shadow:0 1px 4px #000}
.location-load-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 3px 12px;font:13px/1.4 Georgia,serif;color:#d3d2bc;text-align:left}
.location-load-row b{font-weight:400;color:#f8dc9e;font-variant-numeric:tabular-nums}
.location-load-track{position:relative;padding:4px;border:1px solid #b59858;border-radius:4px;background:#0a140eee;box-shadow:0 0 0 2px #07110ca8,inset 0 1px #f6dda344,0 4px 20px #0006}
.location-load-track::before,.location-load-track::after{content:'◆';position:absolute;top:50%;transform:translateY(-50%);font-size:12px;color:#d4b879;text-shadow:0 1px #000}
.location-load-track::before{left:-10px}.location-load-track::after{right:-10px}
#location-load-progress{display:block;appearance:none;border:0;width:100%;height:12px;border-radius:1px;background:#07110c;overflow:hidden}
#location-load-progress::-webkit-progress-bar{background:#07110c}
#location-load-progress::-webkit-progress-value{background:linear-gradient(180deg,#ffdf9c,#b99c58 52%,#6c7045);box-shadow:0 0 16px #f5d38a66;transition:width .35s ease}
#location-load-progress::-moz-progress-bar{background:linear-gradient(180deg,#ffdf9c,#b99c58 52%,#6c7045)}
.location-load-tip{margin:22px 0 0;font:11px Georgia,serif;letter-spacing:.4px;color:#a5b19a}
.location-load-error{margin-top:16px}.location-load-error button{margin:0 6px}
body.loading-location #world,body.loading-location>header,body.loading-location>aside,body.loading-location>footer{pointer-events:none}
@media(max-height:550px){.location-load-brand{top:4vh;font-size:20px}.location-load-content{margin-bottom:4vh}.location-load-description{margin-bottom:18px}.location-load-content h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){#location-loading,#location-load-progress::-webkit-progress-value{transition:none}}

#location-loading[data-location=chapter-one]{background-image:url('loading/old-edge-cover-v1.webp');background-position:center 42%}#location-loading[data-location=chapter-one] .location-load-shade{background:linear-gradient(180deg,#04100755,transparent 32%,#07130c22 48%,#06110dbb 74%,#030906f2)}