.menu-screen{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:calc(100vh - var(--status-height) - var(--space-2xl));
  text-align:center;
  position:relative;
}
.menu-screen::before{
  content:'';
  position:absolute;
  inset:12% 18%;
  background:
    radial-gradient(circle at 50% 30%,var(--accent-glow),transparent 55%);
  pointer-events:none;
  z-index:0;
}
.menu-screen > *{position:relative;z-index:1}
.menu-kicker{
  margin:0 0 10px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--accent);
}
.menu-logo{
  font-family:var(--font-display);
  font-size:clamp(2.8rem,8vw,4.6rem);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:.95;
  background:linear-gradient(135deg,#fff 10%,var(--accent) 55%,var(--accent-dim) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin:0 0 var(--space-sm);
  filter:drop-shadow(0 10px 28px var(--accent-glow));
}
.menu-subtitle{
  color:var(--text-secondary);
  font-size:1.05rem;
  margin:0 0 var(--space-2xl);
  max-width:34ch;
  line-height:1.55;
}
.menu-buttons{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:min(360px,92vw);
}
.menu-buttons .btn{
  width:100%;
  padding:15px 22px;
  font-size:1rem;
  border-radius:14px;
  justify-content:flex-start;
  letter-spacing:.02em;
}
.menu-buttons .btn-primary{
  justify-content:center;
  font-family:var(--font-display);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:1.05rem;
}
.menu-footer{
  margin-top:var(--space-2xl);
  color:var(--text-muted);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.setup-form{max-width:560px;width:100%}
.form-row{margin-bottom:var(--space-md);text-align:left}
.form-row label{
  display:block;margin-bottom:var(--space-xs);
  color:var(--text-secondary);font-size:.78rem;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.form-row input,.form-row select{
  width:100%;padding:12px 14px;
  background:rgba(0,0,0,.2);
  border:1px solid var(--border);
  border-radius:12px;
  color:var(--text-primary);
  font-family:var(--font-body);
  font-size:.95rem;
  transition:border-color var(--speed-fast),box-shadow var(--speed-fast);
}
.form-row input:focus,.form-row select:focus{
  outline:none;
  border-color:rgba(61,214,192,.45);
  box-shadow:0 0 0 3px var(--accent-glow);
}
.color-picks{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.color-pick{
  width:40px;height:40px;border-radius:10px;cursor:pointer;
  border:3px solid transparent;transition:border var(--speed-fast),transform var(--speed-fast);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.color-pick:hover{transform:translateY(-1px)}
.color-pick.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}
.logo-picks{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-sm)}
.logo-pick{
  aspect-ratio:1;background:var(--bg-elevated);border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  border:2px solid transparent;cursor:pointer;
  transition:border-color var(--speed-fast),transform var(--speed-fast);
}
.logo-pick:hover{transform:translateY(-1px)}
.logo-pick.selected{border-color:var(--accent)}
.credits-list{text-align:left;max-width:480px;line-height:1.8;color:var(--text-secondary)}
