/* T014: the Vigrid loading page (palette from Presentation/Shared/UI/VigridPalette.uss). */
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #1d2428; color: #e6dcc6;
  font-family: Georgia, "Times New Roman", serif; }
#vigrid-container { position: fixed; inset: 0; }
#vigrid-canvas { width: 100%; height: 100%; display: block; background: #1d2428; outline: none; }
#vigrid-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 22px; background: radial-gradient(ellipse at center, #2a3338 0%, #1d2428 70%); }
#vigrid-ship { width: 220px; height: 220px; border-radius: 50%; border: 3px solid #c99a45;
  background: url("longship.jpg") center / cover; box-shadow: 0 0 40px rgba(0, 0, 0, 0.6); }
#vigrid-wordmark { width: 360px; max-width: 70vw; }
#vigrid-bar { width: 420px; max-width: 80vw; height: 12px; border: 1px solid #5c5f60; border-radius: 3px;
  background: rgba(0, 0, 0, 0.45); overflow: hidden; }
#vigrid-bar-fill { height: 100%; width: 0%; background: #c99a45; transition: width 0.2s; }
#vigrid-status { font-size: 15px; opacity: 0.8; min-height: 20px; text-align: center; max-width: 80vw; }
#vigrid-fullscreen { position: absolute; right: 12px; bottom: 12px; padding: 6px 12px; border: 1px solid #c99a45;
  border-radius: 3px; background: rgba(29, 36, 40, 0.85); color: #e6dcc6; font: inherit; font-size: 14px;
  cursor: pointer; display: none; z-index: 2; }
#vigrid-fullscreen:hover { background: #3a3027; }
#vigrid-warning { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); max-width: 80vw; z-index: 3; }
#vigrid-warning div { padding: 8px 14px; margin-bottom: 6px; border-radius: 3px; background: #8e3b2f; color: #fff7e6; }