/* Another Dawn identity: dawn gold, emerald heraldry, violet stone. */
.dawn-brand { min-width: 0; gap: 10px; }
.dawn-brand .dawn-wordmark {
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: clamp(17px, 2.8vw, 26px);
  line-height: 1.12;
  letter-spacing: .035em;
  text-transform: uppercase;
  color: #f9d795;
  text-shadow: 0 2px 1px #362016, 0 0 16px #eab77625;
}
.dawn-brand .dawn-wordmark small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 7px 0 0;
  font: 600 clamp(9px, 1.7vw, 12px)/1.2 Georgia, serif;
  letter-spacing: .22em;
  color: #e4d2bc;
}
.dawn-wordmark small::before, .dawn-wordmark small::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c9a366);
}
.dawn-wordmark small::after { transform: rotate(180deg); }
.realm-welcome-banner.dawn-title-art {
  height: auto;
  aspect-ratio: 1.9;
  margin: -1px -1px 16px;
  background: #121b37;
  border: 1px solid #aa8554;
  box-shadow: 0 8px 24px #03051160, 0 1px 0 #ffe7a735;
}
.realm-welcome-banner.dawn-title-art img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
  filter: none;
}
.dawn-title-art::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 3px #c6a26818, inset 0 -12px 18px #080e2725;
}
.realm-welcome-banner.dawn-title-art.original-title-art {
  background: #082a2b;
}
.realm-welcome-banner.dawn-title-art.original-title-art img {
  object-fit: contain;
  object-position: center;
  image-rendering: pixelated;
}
.original-title-art::after { box-shadow: none; }
#loginDialog {
  border-color: #a78c66;
  background: radial-gradient(ellipse at 50% 0, #464057 0, #202338 46%, #161c30 100%);
}
#loginForm > .eyebrow { display: block; text-align: center; color: #d6b985; font-size: 10px; letter-spacing: .14em; }
#loginForm > p:not(.error) { color: #d9d6df; line-height: 1.5; }
#loginForm #enter {
  border-color: #d4b175;
  background: linear-gradient(120deg, #695039, #453446 60%, #303a4f);
  color: #fff0c8;
  box-shadow: inset 0 1px 0 #ffe5a838, 0 4px 14px #08091250;
}
#loginForm #enter:hover { border-color: #ffe1a2; box-shadow: inset 0 1px 0 #ffe5a85c, 0 0 18px #d1a15230; }
.realm-studio #unlock { border-color: #a78c66; }
.realm-studio #unlock .dawn-title-art { max-width: 640px; margin-inline: auto; }
@media (max-width: 420px) {
  .realm-game .dawn-brand .sigil, .realm-studio .dawn-brand .sigil { width: 32px; height: 40px; }
  .dawn-brand { gap: 6px; }
  .dawn-brand .dawn-wordmark { font-size: clamp(14px, 4vw, 17px); }
  .realm-game header .connection { gap: 6px; font-size: 10px; }
  #loginDialog { padding: 14px; }
  #loginDialog h2 { font-size: 25px; }
  #loginForm > p { margin-block: 10px; }
  #loginForm .fine { font-size: 11px; }
}
@media (max-height: 700px) {
  .realm-welcome-banner.dawn-title-art { aspect-ratio: 2.8; margin-bottom: 8px; }
  #loginDialog h2 { margin-block: 4px; font-size: 23px; }
  #loginForm > p { margin-block: 7px; }
  #loginForm > .fine { display: none; }
  #loginForm label { margin: 8px 0 4px; }
  #loginForm #enter { margin-top: 10px; }
  #loginForm #loginError:empty { display: none; }
}