/* Available before the JavaScript bundle and shared by all startup phases. */
html { background: #0c1219; }
body { margin: 0; }
.mtLoading {
  position: fixed; inset: 0; z-index: 10000;
  display: grid; place-items: center; box-sizing: border-box;
  padding: 24px; background: #0c1219; color: #c6b28a;
  font: 12px/1.5 system-ui, sans-serif;
  opacity: 1; visibility: visible;
}
.mtLoading[data-ready="true"] {
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 180ms ease-out, visibility 0s linear 180ms;
}
.mtLoadingCenter { width: min(280px, 100%); text-align: center; }
.mtLoadingLogo { position: relative; width: 100%; aspect-ratio: 3 / 2; }
.mtLoadingLogo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mtLoadingLogoBase { opacity: .16; filter: grayscale(1); }
.mtLoadingLogoReveal { position: absolute; inset: 0; animation: mtLogoReveal 1.3s cubic-bezier(.2,.6,.3,1) both; }
.mtLoadingLine { width: 96px; height: 2px; margin: 22px auto 0; background: #2d3031; overflow: hidden; }
.mtLoadingLine::after { content: ""; display: block; width: 40%; height: 100%; background: #baa071; animation: mtLoadingSweep 1.6s ease-in-out infinite; }
.mtLoadingHelp { position: absolute; bottom: max(28px, env(safe-area-inset-bottom)); left: 24px; right: 24px; text-align: center; color: #a6b1bc; visibility: hidden; animation: mtLoadingHelp 0s 12s forwards; }
.mtLoadingHelp p { margin: 0 0 8px; }
.mtLoadingHelp a { color: #d5bd8e; text-underline-offset: 4px; padding: 8px; }
.mtLoading[data-ready="true"] .mtLoadingHelp { animation: none; visibility: hidden; }
.mtLoading[data-ready="true"] .mtLoadingLine::after { animation: none; }
.mtLoading noscript { display: block; margin-top: 20px; color: #b4bfca; }
.mtLoadingSr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes mtLogoReveal { from { clip-path: inset(100% 0 0); opacity: .4; } to { clip-path: inset(0); opacity: 1; } }
@keyframes mtLoadingSweep { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }
@keyframes mtLoadingHelp { to { visibility: visible; } }
@media (max-height: 420px) { .mtLoadingCenter { width: 200px; } .mtLoadingLine { margin-top: 8px; } .mtLoadingHelp { bottom: 12px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) {
  .mtLoadingLogoReveal, .mtLoadingLine::after { animation: none; }
  .mtLoadingLine::after { width: 100%; opacity: .7; }
  .mtLoading[data-ready="true"] { transition: none; }
}