html, body {
  margin: 0; padding: 0; width: 100%; height: 100%;
  background: #000; overflow: hidden;
}
#wrap {
  position: fixed; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: #000;
}
#game { display: block; background: #000; cursor: default; touch-action: none; }

#loading {
  position: fixed; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: #0a1410; color: #d7be5a;
  font-family: Georgia, "Times New Roman", serif; z-index: 10; text-align: center;
}
#loading .title { font-size: 40px; letter-spacing: 2px; margin-bottom: 6px; font-weight: bold; }
#loading .sub { font-size: 15px; color: #6a8c78; margin-bottom: 18px; }
#loading .bar-bg { width: 440px; max-width: 80vw; height: 16px; background: #14261c; border: 1px solid #325a44; }
#loading .bar-fill { height: 100%; width: 0%; background: #d7be5a; transition: width 0.1s linear; }
#loading .pct { margin-top: 10px; font-size: 14px; color: #6a8c78; }