:root {
  --play-background: #0b0b0e;
  --play-text: #f5f4f1;
  --play-muted: #aaa6b3;
  --play-accent: #b2a0df;
  --play-surface: #141318;
  --play-border: #302b39;
  --play-shade: linear-gradient(0deg, #0b0b0e, rgba(11, 11, 14, .89));
}
.play-page { min-height: 100svh; display: grid; place-items: center; padding: 36px 20px; background: var(--play-shade), url('/assets/home/los-santos.jpg') center / cover; color: var(--play-text); font-family: 'Manrope', sans-serif; }
.play-page::before { display: none; }
.play-content { width: min(100%, 600px); text-align: center; }
.play-logo { width: 160px; height: auto; margin: 0 auto 26px; }
.play-eyebrow { margin-bottom: 15px; color: var(--play-accent); font-size: 10px; letter-spacing: .2em; }
.play-content h1 { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(43px, 8vw, 68px); line-height: 1; margin-bottom: 22px; }
#play-status { font-size: 14px; color: var(--play-muted); }
.play-button { display: inline-flex; justify-content: center; align-items: center; gap: 30px; min-height: 54px; margin-block: 12px 20px; padding: 15px 28px; border-radius: 5px; background: var(--play-text); color: var(--play-background); font-size: 14px; font-weight: 800; transition: background .2s ease; }
.play-button:hover { background: var(--play-accent); }
.play-help { font-size: 12px; line-height: 1.9; color: var(--play-muted); }
.play-command { margin: 28px auto; padding: 19px; background: var(--play-surface); border: 1px solid var(--play-border); border-radius: 5px; }
.play-command span { display: block; margin-bottom: 10px; font-size: 11px; color: var(--play-muted); }
.play-command code { font-size: clamp(10px, 2.8vw, 14px); overflow-wrap: anywhere; }
.play-content nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 28px; font-size: 12px; color: var(--play-muted); }
.play-content nav a:hover { color: var(--play-text); }
@media (prefers-reduced-motion: reduce) { .play-button { transition: none; } }