/* Local game-derived images are prepared separately and never checked into Git. */
@font-face { font-family:VeyrathGame; src:url('./ui/friz-quadrata.ttf') format('truetype'); font-display:swap; }
/* loading.png is 1448×1086 (4:3). `contain` keeps that ratio; black fills the unused sides. */
#wenilla-boot {
  isolation:isolate;
  font-family:VeyrathGame,serif !important;
  background:#000 url('./veyrath-assets/loading.png') center / contain no-repeat !important;
}
#wenilla-boot::before { content:none; }
#wenilla-boot::after { content:''; position:absolute; pointer-events:none;
  width:min(26.25vw, 35vh); aspect-ratio:716/272;
  top:max(2.3vh, calc((100vh - min(100vh, calc(100vw * 1086 / 1448))) / 2 + 2.3vh));
  left:0; right:0; margin-inline:auto;
  background:url('./veyrath-assets/veyrathlogo.png') center / contain no-repeat; }
#wenilla-boot .box { position:absolute; width:min(58vw, 70vh) !important;
  bottom:max(5vh, calc((100vh - min(100vh, calc(100vw * 1086 / 1448))) / 2 + 4vh));
  left:0; right:0; margin-inline:auto; }
#wenilla-boot .stage { color:#e3cfa5; font:clamp(12px,1vw,18px) VeyrathGame,serif;
  text-shadow:1px 1px 1px #000; margin-bottom:4px !important; }
#wenilla-boot .bar { position:relative; height:clamp(20px,2.6vw,44px) !important;
  border-radius:0 !important; overflow:visible !important;
  background:url('./ui/bar-background.png?v=3') 50% 50% / 90% 40% no-repeat !important; }
#wenilla-boot .bar::after { content:''; position:absolute; inset:0; pointer-events:none;
  background:url('./ui/bar-border.png?v=3') center / 100% 100% no-repeat; }
#wenilla-boot .bar > i { position:absolute; top:30%; left:5%; height:40% !important;
  max-width:90%; border-radius:0 !important;
  background:url('./ui/bar-fill.png?v=3') center / 100% 100% no-repeat !important; }
#wenilla-boot .bar.pulse > i { animation:none !important; width:90% !important; opacity:.85; }
#wenilla-boot .data { display:none !important; }
#wenilla-corner { font-family:system-ui,sans-serif !important; }