/* Night Sport loading shell (art/ui-concept-prompts-v1/10-loading-states.png), matching the
   approved in-game UI: gold pixel numerals and segments, ivory type, a rooftop skyline. */
@font-face{font-family:EchtInter;src:url('loading-inter-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:EchtInter;src:url('loading-inter-bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:EchtPixel;src:url('loading-pixel.ttf');font-display:swap}
#status{--load-paper:#f4f3ed;--load-ink:#101314;--load-muted:rgba(255,255,255,.7);--load-rule:#3a4144;--load-gold:#ffbd39;--load-gold-dark:#9b600e;background:linear-gradient(180deg,var(--load-ink) 55%,#141d2e 100%)!important;display:grid!important;place-items:center!important;color:var(--load-paper);font-family:EchtInter,Arial,sans-serif;overflow:hidden}
#status-splash{display:none!important}
#echt-loading{position:relative;box-sizing:border-box;width:min(360px,calc(100vw - 48px));padding:32px 0}
#echt-loading .load-mast{display:flex;align-items:center;gap:16px;padding-bottom:24px;margin-bottom:32px}
#echt-loading .load-brand{display:block;width:82px;height:20px;object-fit:contain}
#echt-loading h1{position:relative;aspect-ratio:2/1;overflow:hidden;margin:0 0 48px}
#echt-loading .load-title{display:block;width:100%;height:auto}
.load-row{display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;color:var(--load-paper)}
#load-percent{font:16px EchtPixel,monospace;color:var(--load-gold);text-shadow:2px 2px 0 var(--load-gold-dark);letter-spacing:0}
/* The engine's own progress element still drives the screen but is read, not shown. */
#status-progress{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);margin:0!important;border:0;padding:0}
.load-bar{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}
.load-bar i{height:12px;border:1px solid var(--load-rule);box-sizing:border-box}
.load-bar i.lit{background:var(--load-gold);border-color:var(--load-gold);box-shadow:inset 0 -3px 0 var(--load-gold-dark)}
#echt-loading[data-state=stalled] .load-bar i.lit{opacity:.55}
#load-detail{min-height:16px;font-size:10px;line-height:1.5;letter-spacing:2px;text-transform:uppercase;text-align:center;color:var(--load-muted);margin:16px 0 0}
#load-retry{min-height:44px;border:1px solid var(--load-paper);border-radius:0;background:transparent;color:var(--load-paper);width:100%;margin-top:12px;font:12px EchtPixel,monospace;letter-spacing:1px;cursor:pointer}
#load-retry:focus-visible{outline:2px solid var(--load-paper);outline-offset:4px}
#status-notice{position:static!important;box-sizing:border-box;width:100%!important;max-width:100%!important;margin:16px 0 0!important;padding:0!important;font-size:12px;line-height:1.35;color:var(--load-muted);background:transparent!important;border:0!important;text-align:left;overflow-wrap:anywhere}
.load-skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(26vh,200px);pointer-events:none}
@media(max-height:620px){#echt-loading h1{margin-bottom:28px}#echt-loading .load-mast{margin-bottom:20px;padding-bottom:16px}}
@media(max-height:450px){.load-skyline{display:none}}