@import url('./styles-foundation.css');
@import url('./styles-hud.css');
@import url('./styles-start.css');
@import url('./styles-modals.css');
@import url('./styles-responsive.css');

.start-screen {
  background-image: linear-gradient(90deg, rgba(2, 4, 10, .96) 0%, rgba(2, 4, 10, .84) 38%, rgba(2, 4, 10, .28) 72%, rgba(2, 4, 10, .68) 100%), url('./assets/fallback/briefing-1280.webp');
  background-size: cover;
  background-position: center;
}

#game-shell[data-renderer="three-authored-assets"]::after,
#game-shell[data-renderer="pre-rendered-fallback"]::after {
  content: attr(data-renderer) " // authored asset pack v2";
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(10px, env(safe-area-inset-bottom));
  z-index: 4;
  color: rgba(166, 220, 245, .52);
  font: 600 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  pointer-events: none;
}