body.in-menu { background:#090e14; }
.in-menu>.site-header,.in-menu>.match-heading { display:none; }
.match-lobby { position:relative; isolation:isolate; max-width:1240px; min-height:100svh; margin:0 auto; padding:48px clamp(24px,5vw,72px); display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr); align-items:center; gap:clamp(30px,5vw,80px); background:radial-gradient(ellipse at 30% 48%,#29303955,transparent 65%); }
.welcome-emblem { min-width:0; width:100%; }
.welcome-emblem img { display:block; width:100%; height:auto; image-rendering:pixelated; filter:drop-shadow(0 18px 30px #0005); }
.welcome-menu { width:100%; max-width:360px; justify-self:center; text-align:center; }
.welcome-choices { display:grid; gap:8px; }
.welcome-choice { display:block; width:100%; position:relative; border:1px solid transparent; border-radius:3px; padding:12px 14px; background:transparent; color:#c8c6bd; text-decoration:none; font:16px/1.3 Georgia,serif; transition:background .15s,border-color .15s,color .15s; }
.welcome-choice:hover:not(:disabled) { color:#ffebc7; background:#c5a26a12; border-color:#8f754650; }
.welcome-choice:focus-visible,.welcome-help:focus-visible { outline:2px solid #f0d09a; outline-offset:4px; }
.welcome-choice.welcome-primary { color:#f6e1ba; border-color:#b2905866; background:linear-gradient(100deg,#72512718,#a47a322d,#72512718); box-shadow:inset 0 0 20px #be8e2310; }
.welcome-choice small { display:block; margin-top:7px; color:#a1aaa9; font:11px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; letter-spacing:.02em; }
.welcome-choice:disabled { opacity:.4; }
.welcome-external { font:12px sans-serif; color:#897d69; }
.welcome-status { color:#a5b3be; font-size:12px; line-height:1.5; min-height:18px; margin:14px 0 4px; }
.welcome-status.error { color:#ffb5a4; }
.welcome-help { color:#aaa99f; background:none; border:0; font-size:12px; padding:9px; text-decoration:underline; text-underline-offset:4px; }
.welcome-menu #sign-in { display:inline-block; margin-top:18px; }
dialog.welcome-dialog { width:min(670px,calc(100vw - 24px)); max-height:calc(100svh - 32px); border:1px solid #8c77534d; background:#141c25; }
.welcome-dialog::backdrop { background:#04070ce6; backdrop-filter:blur(6px); }
.welcome-dialog .lobby-card { border:0; padding:8px 0 0; background:none; }
.welcome-dialog .dialog-heading h2 { font:normal 28px Georgia,serif; color:#f1dcb8; }
.welcome-dialog #create-match { margin-top:12px; }
.about-story { font-size:1rem; line-height:1.65; }
.about-story p { margin:16px 0 0; }
#join-code { text-transform:uppercase; letter-spacing:.1em; }
#saved-matches { display:grid; gap:10px; }
#saved-matches .button { text-align:left; line-height:1.6; }
@media(max-width:720px) {
  .match-lobby { grid-template-columns:1fr; gap:24px; padding:28px 24px; align-content:center; }
  .welcome-emblem { width:min(330px,76vw); justify-self:center; }
  .welcome-menu { max-width:330px; }
  .welcome-choice { padding:10px 14px; }
}
@media(prefers-reduced-motion:reduce) { .welcome-choice { transition:none; } }