/* ============================================================
   VIEW: WELCOME — post-connect greet
   Reference: docs/img_reference/03-welcome-begin.png
   ============================================================

   Cerny fullscreen, centred text. Greeting + station name + blurb
   + BEGIN button (zeleny). Scratches v rozich.
   ============================================================ */

.welcome-screen {
  position: fixed;
  inset: 0;
  /* Stejny dot pattern jako .connecting-screen (per docs/img_reference/03-welcome-begin.png) —
     dark fullscreen state, konzistentni vizual s connecting */
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.10) 0px, rgba(255, 255, 255, 0.05) 1px, transparent 2.5px) 0 0 / 22px 22px,
    repeating-linear-gradient(180deg, transparent 0 2px, rgba(0, 0, 0, 0.10) 2px 3px),
    var(--bg-base);
  z-index: 105;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 40px 20px;
}

.welcome-screen[hidden] { display: none; }

.welcome-inner {
  position: relative;
  z-index: 2;            /* nad .fx-stripes */
  max-width: 560px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.welcome-hello,
.welcome-to,
.welcome-prompt,
.welcome-blurb,
.welcome-subline,
.welcome-user {
  margin: 0;
  font-family: var(--f-body);
  color: var(--text);
  line-height: 1.55;
}

.welcome-hello {
  font-size: 0.9375rem;
  color: var(--text-mute);
}

.welcome-user {
  font-size: 1.5rem;
  color: var(--text-strong);
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 4px 0 2px;
}

.welcome-to {
  font-size: 0.9375rem;
  color: var(--text-mute);
}

.welcome-station {
  font-family: var(--f-display);
  font-weight: 700;
  font-size: clamp(1.25rem, 2vw, 1.625rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-strong);
  margin: 2px 0 0 0;
  line-height: 1.15;
}

.welcome-subline {
  font-family: var(--f-display);
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 24px;
}

.welcome-blurb {
  font-size: 0.8125rem;
  color: var(--text-mute);
  max-width: 460px;
  margin: 8px auto 20px;
  line-height: 1.7;
}

.welcome-prompt {
  font-size: 0.8125rem;
  color: var(--text-mute);
  margin-bottom: 24px;
}
.welcome-prompt em {
  color: var(--green-cta);
  font-style: normal;
  font-weight: 600;
}

.welcome-cta {
  background: var(--green-cta);
  color: #0a0a0a;
  border: 1px solid var(--green-cta);
  padding: 10px 48px;
  font-family: var(--f-display);
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background var(--t), transform var(--t);
}
.welcome-cta:hover {
  background: var(--green-cta-hover);
  transform: translateY(-1px);
}
.welcome-cta:active {
  transform: translateY(0);
}