/* Unscaled, responsive entry screen; game layout keeps its existing 1080 grid. */
#loading-screen{position:fixed;left:var(--view-left,0px);top:var(--view-top,0px);width:var(--view-width,100vw);height:var(--view-height,100dvh);z-index:100;display:grid;place-items:center;background:#000;font-family:JadeSans,sans-serif;color:#e8d6a5;transition:opacity .45s ease;touch-action:none}
#loading-screen.is-leaving{opacity:0;pointer-events:none}
.loading-stage{position:relative;width:min(calc(100vw - 8px),calc((100dvh - 8px)*.5625));height:min(calc(100dvh - 8px),calc((100vw - 8px)*1.7777778));display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#000}
.loading-logo{width:72%;max-width:340px;height:auto;display:block;margin-top:-12%}
.loading-detail{position:relative;width:76%;max-width:360px;margin-top:11%;text-align:center}
.loading-track{height:10px;background:#17241d;border:1px solid #a8905b;border-radius:5px;overflow:hidden}
#loading-fill{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#548e73,#d8bd77);transition:transform .18s ease}
.loading-meta{display:flex;justify-content:space-between;margin-top:16px;font-size:16px;font-weight:600;letter-spacing:.06em;line-height:1.5;text-transform:uppercase}
#loading-percent{font-variant-numeric:tabular-nums;letter-spacing:.04em}
#loading-retry{margin-top:20px;min-height:44px;padding:8px 26px;border:1px solid #c5a76b;background:#173b2b;color:#f0dfb4;font:600 14px JadeSans,sans-serif}
#game .header .brand{height:115px;display:flex;align-items:center}
#game .header .brand h1{width:100%;line-height:0;text-shadow:none}
.brand-logo{display:block;width:100%;height:auto;max-height:115px;object-fit:contain}
@media(prefers-reduced-motion:reduce){#loading-screen,#loading-fill{transition:none}}