/* Bootstrap screen: readable gold typography without hiding the landscape. */
#loading{isolation:isolate;overflow:hidden;padding:6vh 24px 6vh}
#loading .cover-shade{background:linear-gradient(180deg,#030c0ce6 0%,#06131099 24%,#07130f12 49%,#04100f70 72%,#020a08f2 100%)}
#loading .load-title{width:min(800px,94vw);padding:12px 12px 24px;box-sizing:border-box;animation:load-intro 1.2s ease-out both}
#loading .load-title::before{content:'';position:absolute;z-index:-1;inset:-70px -100px -30px;background:radial-gradient(ellipse,#04110e99,transparent 68%);pointer-events:none}
#loading .load-title>span{display:block;font:10px/1.5 Georgia,serif;letter-spacing:4px;color:#e6d4aa;text-shadow:0 2px 4px #000}
#loading .load-title h1{font:400 clamp(40px,6vw,82px)/1.15 Georgia,serif;letter-spacing:.11em;margin:17px 0 14px;color:#fff0c6;text-shadow:0 2px 1px #352511,0 4px 10px #000,0 0 30px #caa25c30}
#loading .load-subtitle{font:12px/1.6 Georgia,serif;letter-spacing:6px;color:#eeddb8;text-shadow:0 2px 5px #000}
#loading .load-ornament{margin:20px auto 16px;gap:16px;color:#f0cc80;filter:drop-shadow(0 1px 3px #000)}
#loading .load-ornament::before,#loading .load-ornament::after{width:110px;background:linear-gradient(90deg,transparent,#dfbd76)}
#loading .load-title p{margin:0;color:#f4e9d0;font:italic 16px/1.6 Georgia,serif;text-shadow:0 2px 4px #000,0 0 12px #000}
#loading .load-bottom{width:min(620px,88vw);box-sizing:border-box;padding:21px 27px 24px;border:1px solid #b8995855;border-radius:3px;background:linear-gradient(110deg,#091b17e8,#0a1816cc);box-shadow:0 12px 40px #0006,inset 0 1px #efcf8b14;animation:load-intro 1s .15s ease-out both}
#loading .load-bottom::before,#loading .load-bottom::after{content:'';position:absolute;width:6px;height:6px;top:-4px;background:#d7b56e;transform:rotate(45deg);box-shadow:0 0 8px #e4bb6355}
#loading .load-bottom::before{left:22px}#loading .load-bottom::after{right:22px}
#loading .load-row{align-items:center;margin-bottom:13px;gap:20px;font:12px/1.5 Georgia,serif;color:#eee1c4;text-shadow:0 1px 3px #000}
#loading .load-row b{font:400 20px/1 Georgia,serif;color:#ffe4a9;min-width:46px;text-align:right}
#loading #load-progress{height:12px;padding:2px;border:1px solid #ac8b4f;border-radius:2px;background:#030b09;box-shadow:0 0 0 2px #030b0977,inset 0 1px 3px #000,0 0 18px #d5ad4f18}
#loading #load-progress::-webkit-progress-bar{background:#030b09}
#loading #load-progress::-webkit-progress-value{border-radius:1px;background:linear-gradient(180deg,#fff0ba,#d8b66b 44%,#8f703a 100%);box-shadow:0 0 12px #f6ce7777;transition:width .18s linear}
#loading #load-progress::-moz-progress-bar{background:linear-gradient(180deg,#fff0ba,#d8b66b 44%,#8f703a);box-shadow:0 0 12px #f6ce7777}
#loading .load-bottom #load-retry{border:1px solid #c6a466;background:#20392c;color:#fff0ca;padding:10px 20px;font:14px Georgia,serif}
#loading.load-error #load-status{color:#ffd0b8}
@keyframes load-intro{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:650px){#loading{padding:4vh 20px}#loading .load-title{padding-top:0}#loading .load-title h1{font-size:46px;margin:10px 0}#loading .load-title p{display:none}#loading .load-ornament{display:flex;margin:12px auto 0}#loading .load-bottom{padding:16px 22px}}
@media(max-width:520px){#loading .load-title h1{font-size:clamp(30px,8vw,42px);letter-spacing:.07em}#loading .load-title>span{font-size:8px;letter-spacing:2px}#loading .load-subtitle{font-size:9px;letter-spacing:3px}#loading .load-title p{font-size:14px}#loading .load-bottom{padding:18px}#loading .load-row{font-size:11px}#loading .load-row b{font-size:18px}}
@media(prefers-reduced-motion:reduce){#loading .load-title,#loading .load-bottom{animation:none}#loading #load-progress::-webkit-progress-value{transition:none}}