/* Available before the game module, so the first frame is styled. */
html body #loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 43%,#38271b 0%,#17130f 48%,#0b0c0d 100%);color:#e6d3b9;overflow:hidden}
#loading:before{content:'';position:absolute;inset:0;background:linear-gradient(#121110cc,#100e0cee),url('ui/background.webp') center/cover;opacity:.45;pointer-events:none}
#loading .loading-content{position:relative;width:min(480px,78vw);display:flex;flex-direction:column;align-items:center;gap:36px}
html body #loading .loading-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 20px #0008)}
#loading .loading-meter{width:76%}#loading .loading-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
html body #loading small{font:500 11px/1.5 'Noto Sans TC',sans-serif;letter-spacing:.18em;opacity:.8}
#loading #loading-percent{font:500 12px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#d6a873}
html body #loading-progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;border-radius:0;background:#ffffff13;color:#dc9d58;overflow:hidden}
html body #loading-progress::-webkit-progress-bar{background:#ffffff13}html body #loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#9d6838,#f2c38d);transition:width .18s ease-out}html body #loading-progress::-moz-progress-bar{background:#dc9d58}
@media(max-height:450px){#loading .loading-content{width:300px;gap:12px}}