/* Approved Auralia artwork: presentation only; save and title callbacks stay intact. */
#welcome.title54 {
  background: #0c192b;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  overflow: auto;
  overscroll-behavior: contain;
}
#welcome .title-art54 {
  background: radial-gradient(ellipse at 25% 25%, #16475680, transparent 65%);
  opacity: 1;
  filter: none;
}
#welcome::before { background: linear-gradient(145deg, transparent, #07101c60); }
#welcome .title-shell54 {
  width: min(1440px, 100%);
  grid-template-columns: minmax(0, 1.8fr) minmax(290px, 1fr);
  gap: clamp(24px, 3vw, 48px);
  align-items: center;
}
#welcome .title-brand54 { min-width: 0; text-align: center; }
.auralia-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
  border-radius: 18px;
  box-shadow: 0 24px 70px #0006;
  image-rendering: auto;
}
/* Retain the real heading for assistive technology without duplicating baked-in lettering. */
#welcome .title-brand54 h1,
#welcome .title-brand54 .pokemon-brand80 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#welcome .title-moon54 { display: none; }
#welcome .title-brand54 .eyebrow { margin: 22px 0 10px; color: #eed9a6; }
#welcome .title-brand54 > p { margin: 0 0 14px; font: 16px/1.6 system-ui; }
#welcome .title-region54 { justify-content: center; max-width: none; color: #bdd8dd; }
#welcome .title-panel54 {
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(20px, 3vw, 36px);
  border: 1px solid #7796a266;
  border-radius: 20px;
  background: #14263cf5;
  box-shadow: 0 20px 60px #0004;
}
.auralia-emblem { display: block; width: 72px; height: 72px; margin-bottom: 18px; image-rendering: auto; }
#welcome .title-panel54 > small { display: block; color: #eed9a6; }
#welcome .title-panel54 h2 { font-size: clamp(22px, 2.3vw, 30px); overflow-wrap: anywhere; }
#welcome .title-panel54 > p { color: #d2dfea; }
#welcome .title-panel54 .primary { border-color: #f1d79e; background: #efd29b; color: #172640; }
#welcome .title-panel54 button { cursor: pointer; }
#welcome button:focus-visible { outline: 3px solid #76e4da; outline-offset: 4px; }
#welcome .title-panel54 footer { color: #d2dfea; }
#welcome .title-panel54 footer small { color: #b4c9d5; }
@media (max-width: 850px) {
  #welcome.title54 { padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  #welcome .title-shell54 { grid-template-columns: minmax(0, 1fr); gap: 22px; max-width: 620px; }
  #welcome .title-panel54 { padding: 24px; }
  #welcome .title-brand54 .eyebrow { margin-top: 16px; font-size: 9px; }
  #welcome .title-brand54 > p { font-size: 14px; }
  #welcome .title-region54 { font-size: 11px; }
  .auralia-cover { border-radius: 12px; }
  .auralia-emblem { width: 56px; height: 56px; margin-bottom: 12px; }
}
@media (max-height: 580px) and (min-width: 851px) {
  #welcome .title-shell54 { align-items: start; gap: 24px; }
  #welcome .title-panel54 { padding: 20px; }
  .auralia-emblem { width: 48px; height: 48px; margin-bottom: 10px; }
  #welcome .title-panel54 footer { margin-top: 18px; }
}