#loading-screen{position:fixed;inset:0;z-index:400;display:block;background:#07181c;overflow:hidden;color:#efdfb5;transition:opacity .3s ease;}
#loading-screen.loading-finished{opacity:0;pointer-events:none}
.load-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;}
.load-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07181c 2%,#07181c99 26%,transparent 58%),linear-gradient(90deg,#07181c44,transparent 65%)}
#loading-screen .load-dock{position:absolute;left:50%;bottom:4.5%;width:min(800px,84vw);transform:translateX(-50%);text-align:center;display:block}
.load-plaque{width:100%;position:relative;margin:0 auto -4px}.load-plaque>img{width:100%;display:block;filter:drop-shadow(0 8px 22px #0008)}
#load-progress{position:absolute;left:23.2%;right:23.2%;top:72.2%;height:5.1%;background:#142c2c;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 7px #0009}
#load-progress>span{display:block;width:var(--loaded,0%);height:100%;background:linear-gradient(90deg,#7b542d,#c19a58,#f9dfa0);box-shadow:0 0 12px #f0ce8c;transition:width .16s linear}
.load-status-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7%;font:13px/1.7 var(--sans);letter-spacing:1px}
#load-percent{font:23px var(--serif);color:#e3c58b;min-width:55px}
.load-hint{font:12px/1.9 var(--serif);color:#b9bea8;letter-spacing:2px;margin:18px 0 0}
.load-version{position:absolute;right:26px;bottom:20px;font:10px var(--sans);letter-spacing:2px;color:#bdc5b98c}
#load-retry{font:14px var(--serif);padding:11px 30px;margin-top:18px;border:1px solid #cdb17a;color:#f1deaa;background:#1a3638;cursor:pointer}
#loading-screen.load-error #load-status{color:#ffcaad}#loading-screen.load-error #load-progress>span{background:#955647}
@media(max-width:700px){.load-scene{object-position:66% 22%;opacity:.8}.load-shade{background:linear-gradient(0deg,#07181c 6%,#07181cbb 35%,#07181c22 75%)}#loading-screen .load-dock{width:96vw;bottom:9%}.load-status-row{font-size:11px;gap:12px}.load-hint{padding:0 20px;font-size:11px}.load-version{right:14px;font-size:9px}}
@media(max-height:530px){#loading-screen .load-dock{width:460px;bottom:4%}.load-hint{margin:8px 0 0}.load-status-row{font-size:10px}}
@media(prefers-reduced-motion:reduce){#loading-screen,#load-progress>span{transition:none}}