.production-play-content .production-game-entry { margin-bottom:24px; }
.play-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:4px 0 26px; }
.play-intro h2 { font-size:clamp(28px,3.1vw,40px); font-weight:550; letter-spacing:-1.1px; line-height:1.15; margin:7px 0 12px; }
.play-intro p { max-width:620px; font-size:14px; line-height:1.65; color:var(--muted); margin:0; }
.play-badge { flex-shrink:0; padding:7px 12px; border:1px solid #94c7a43b; border-radius:6px; color:var(--green); font-size:12px; background:#94c7a408; }
.play-entry-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:24px; align-items:start; }
.play-choice-stack { display:grid; gap:16px; }
.play-choice { padding:26px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.play-wallet-choice { background:linear-gradient(130deg,#e6bb7209,transparent 70%),var(--surface); border-color:#73604480; }
.play-choice-heading { display:flex; align-items:center; gap:14px; }
.play-choice-icon { display:grid; place-items:center; flex-shrink:0; width:46px; height:46px; border-radius:12px; background:#e6bb7210; border:1px solid #e6bb7229; color:var(--gold); }
.play-choice-icon svg { width:25px; height:25px; }
.play-choice h3 { font-size:20px; font-weight:550; letter-spacing:-.4px; line-height:1.3; margin:0 0 4px; }
.play-choice-kind { color:var(--gold); font-size:11px; letter-spacing:.2px; }
.play-choice > p { color:var(--muted); font-size:13px; line-height:1.7; margin:17px 0; }
.play-account-state { display:flex; flex-direction:column; gap:5px; padding:17px 18px; border:1px solid #ffffff09; border-radius:8px; background:#111617a8; }
.play-state-label { display:flex; align-items:center; gap:7px; color:#c5b593; font-size:10px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; }
.play-state-label::before { content:""; width:6px; height:6px; background:currentColor; border-radius:50%; flex-shrink:0; }
.play-account-state[data-state="ready"] .play-state-label { color:var(--green); }
.play-account-state[data-state="unavailable"] .play-state-label,.play-account-state[data-state="expired"] .play-state-label { color:var(--red); }
.play-account-state strong { font-size:17px; line-height:1.5; font-weight:550; overflow-wrap:anywhere; }
#play-state-detail { color:var(--muted); font-size:12px; line-height:1.65; }
.production-entry-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:20px; }
.production-entry-actions .button { flex:1 1 auto; min-height:46px; font-size:13px; }
.production-entry-actions .quiet-button { min-height:46px; border:1px solid #465052; padding:10px 18px; font-size:12px; }
.play-choice .play-entry-note { margin:12px 0 0; font-size:11px; text-align:center; line-height:1.5; color:#949b98; }
.play-practice-choice { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 26px; }
.play-practice-choice h3 { margin:7px 0; font-size:19px; }
.play-practice-choice .play-choice-kind { font-size:9px; letter-spacing:1px; color:var(--muted); }
.play-practice-choice p { color:var(--muted); font-size:12px; line-height:1.7; margin:0 0 6px; }
.play-practice-choice small { color:#7c8889; font-size:10px; }
.play-practice-choice .quiet-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-shrink:0; border:1px solid #465052; padding:12px 15px; border-radius:6px; color:var(--text); text-decoration:none; font-size:12px; min-height:44px; }
.play-practice-choice .quiet-button:hover { background:#303839; border-color:#657372; }
.play-discovery { overflow:hidden; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.play-preview-tabs { display:flex; gap:6px; padding:9px; background:#202627; border-bottom:1px solid var(--line); }
.play-preview-tabs button { flex:1; min-height:40px; font-size:12px; font-weight:550; padding:9px 12px; border-radius:6px; color:var(--muted); background:transparent; }
.play-preview-tabs button:hover { color:var(--text); background:#ffffff08; filter:none; }
.play-preview-tabs button[aria-pressed="true"] { background:#e6bb7212; color:var(--gold); box-shadow:inset 0 0 0 1px #e6bb7220; }
.play-preview-shot { position:relative; aspect-ratio:505/310; overflow:hidden; background:#0e1213; }
.play-preview-shot img { width:100%; height:100%; object-fit:cover; object-position:center; }
.play-preview-shot::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#111617e8); pointer-events:none; }
.play-preview-shot > span { position:absolute; z-index:1; bottom:14px; left:22px; font-size:10px; color:#f0e0bd; letter-spacing:.6px; }
.play-preview-copy { padding:22px 24px 24px; }
.play-preview-copy h3 { font-size:21px; font-weight:550; line-height:1.35; letter-spacing:-.5px; margin:0 0 10px; }
.play-preview-copy p { color:var(--muted); font-size:12px; line-height:1.75; margin:0 0 15px; }
.play-preview-copy .text-link { font-size:12px; }
.play-device-note { display:flex; gap:12px; align-items:center; padding:17px 24px; background:#151a1b; border-top:1px solid var(--line); }
.play-device-note svg { color:#b0b7ad; width:25px; height:25px; }
.play-device-note p { margin:0; font-size:11px; line-height:1.65; }
.play-device-note strong { display:block; font-weight:500; color:#c8ceca; }
.play-device-note span { display:block; color:var(--muted); }
.play-pending-notice { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 22px; margin:20px 0; border:1px solid #78603d; background:#e6bb7209; border-radius:10px; }
.play-pending-notice strong { font-size:13px; font-weight:550; color:var(--gold); }
.play-pending-notice p { font-size:12px; margin:5px 0 0; color:var(--muted); }
.play-pending-notice button { flex-shrink:0; border:1px solid #68604f; padding:10px 14px; min-height:44px; }
.production-game-entry #game-status { font-size:13px; line-height:1.65; color:#d1c5ae; margin:18px 0; padding:14px 18px; background:#e6bb7208; border-left:2px solid #ae9059; border-radius:0 6px 6px 0; }
.production-game-entry #game-status:empty { display:none; }
.production-game-entry[data-playing="true"] .play-intro { margin-bottom:16px; }
.production-game-entry[data-playing="true"] .play-intro h2 { font-size:26px; }
.play-setup { scroll-margin-top:90px; border-top:1px solid var(--line); margin:30px 0 0; padding-top:26px; }
.play-setup-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.play-setup-heading h2 { font-size:23px; font-weight:550; letter-spacing:-.5px; margin:0 0 5px; }
.play-setup-heading p { color:var(--muted); font-size:12px; line-height:1.7; margin:0; }
.play-setup-heading button { flex-shrink:0; border:1px solid var(--line); padding:10px 14px; min-height:44px; }
.play-setup-actions { display:flex; flex-wrap:wrap; gap:10px; flex-shrink:0; }
.play-setup-actions .button { min-height:43px; }
.production-play-content > .world-panel { padding:0; margin:0; }
.production-play-content .play-setup > .wallet-content { padding:0; }
.production-play-content #production-account-root:empty { display:none; }
@media(min-width:1600px) {
  .play-entry-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .play-preview-shot { aspect-ratio:2/1; }
}
@media(max-width:1150px) {
  .play-entry-grid { gap:18px; }
  .play-choice { padding:22px; }
  .play-practice-choice { flex-wrap:wrap; gap:14px; }
}
@media(max-width:800px) {
  .play-entry-grid { grid-template-columns:1fr; }
  .play-choice { padding:24px; }
  .play-practice-choice { flex-wrap:nowrap; }
  .play-preview-shot { aspect-ratio:1.8; }
}
@media(max-width:500px) {
  .play-intro { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:22px; }
  .play-intro p { font-size:13px; }
  .play-choice { padding:20px; }
  .play-choice h3 { font-size:19px; }
  .play-practice-choice { flex-wrap:wrap; gap:15px; }
  .play-practice-choice .quiet-button { width:100%; }
  .play-preview-copy,.play-device-note { padding:20px; }
  .play-pending-notice,.play-setup-heading { align-items:flex-start; flex-direction:column; gap:14px; }
  .play-pending-notice { padding:18px; }
}
/* A landscape phone needs its width for the choices, not a desktop sidebar. */
@media(min-width:901px) and (max-width:1100px) and (max-height:550px) {
  .production-play-site { --sidebar-width:0px; }
  .production-play-site .wallet-site-sidebar { display:none; }
  .production-play-site .wallet-mobile-nav { display:block; }
  .production-play-site .wallet-mobile-nav summary { display:inline-flex; align-items:center; list-style:none; cursor:pointer; min-height:44px; min-width:44px; }
  .production-play-site .wallet-mobile-nav summary::-webkit-details-marker { display:none; }
  .production-play-site .wallet-mobile-nav .wallet-nav-close,.production-play-site .wallet-mobile-nav[open] .wallet-nav-open { display:none; }
  .production-play-site .wallet-mobile-nav[open] .wallet-nav-close { display:block; }
  .production-play-site .wallet-mobile-nav > nav { position:absolute; z-index:95; left:16px; top:calc(100% + 8px); width:min(300px,calc(100vw - 32px)); max-height:calc(100dvh - 100px); overflow:auto; background:var(--sidebar); border:1px solid var(--line); border-radius:10px; padding:14px; box-shadow:0 18px 50px #0008; }
}

/* Before naming a player, show account setup rather than an inactive transfer form. */
#production-account-root[data-onboarding="true"] [data-cashier-id="balances"],
#production-account-root[data-onboarding="true"] .columns,
#production-account-root[data-onboarding="true"] [data-cashier-id="production-transfers"],
#production-account-root[data-onboarding="true"] [data-cashier-id="production-ethereum"] { display:none; }