/* R60N S1: PLAY lobby, TOURNAMENTS, home board, wallet sign-in. Same tokens and components as frontend.css. */

/* The game stage moved from #play to #game; #play is now the lobby sheet (former MATCHES design). */
body[data-page=game]{color:var(--paper);--focus:#d5f457;overflow:hidden}
body[data-page=play]{color:#11120f;--focus:#6b24b7;overflow:auto;background:linear-gradient(180deg,#ff852c 0%,#ff9b17 20%,#ffb700 50%,#fecf00 100%);--edge:clamp(20px,4.6vw,94px)}
body[data-page=tournaments]{background:linear-gradient(135deg,#f3a2ca 0%,#eed4e5 55%,#f9efc9 100%);color:#11120f;--focus:#6b24b7;--edge:clamp(20px,4.6vw,94px)}
.play-lobby .page-tag{color:#fff}
@media(min-width:1101px){.play-lobby .page-key{left:-1.5vw}}

/* Discreet ABOUT */
.site-header nav a.nav-about{opacity:.55;font-size:clamp(11px,.85vw,16px)}
.site-header nav a.nav-about:hover,.site-header nav a.nav-about[aria-current=page]{opacity:1}

/* Lobby */
.lobby-signed-out{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.visibility-choice{border:0;margin:16px 0 0;padding:0;display:grid;gap:4px}
.visibility-choice legend{font-size:12px;letter-spacing:1px;padding:0;margin-bottom:6px}
.visibility-choice .check-label{margin:4px 0}
.bot-block{border-top:1px solid var(--rule);margin-top:28px;padding-top:22px}
.bot-block h2{font-size:26px;margin-top:9px;letter-spacing:-.03em}
.bot-block .dark-button{width:100%;margin-top:14px}
.play-toolbar>div>a{min-height:44px;display:flex;align-items:center}

/* Profile additions */
.wallet-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.access-title{margin-top:36px}
.access-list{margin:14px 0 0}
.access-list>div{display:grid;grid-template-columns:120px 1fr;gap:15px;border-top:1px solid var(--rule);padding:13px 0}
.access-list dt{font-size:10px;letter-spacing:1px}
.access-list dd{font-size:13px;line-height:1.5}

/* Wallet dialog */
.wallet-choices{display:grid;gap:10px;margin-top:20px}
.wallet-choices .line-button{justify-content:flex-start;width:100%}
.wallet-choices img{width:22px;height:22px;object-fit:contain}
.wallet-choices .empty-state{font-size:13px}

/* Home board (below the artboard; real data only) */
.home-board{width:min(100%,1700px);margin:10px auto 0;padding-top:24px;border-top:1px solid #11120f40;color:#11120f;--rule:#11120f40}
.home-board .section-title>span{font-size:9px;letter-spacing:.7px}
.board-stats{margin:22px 0 30px}
.board-stats dd.board-text{font-size:clamp(18px,1.8vw,30px);letter-spacing:-.02em;line-height:1.3;margin-top:14px}
.board-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px)}
.board-columns h3{font-size:16px;letter-spacing:.02em}
.board-list{margin-top:12px}
.board-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);padding:13px 0;font-size:14px}
.board-row small{font-size:10px;letter-spacing:.7px;opacity:.75;white-space:nowrap}
.board-bottom{display:flex;gap:30px;justify-content:flex-end;border-top:1px solid var(--rule);margin-top:30px;padding-top:16px;font-size:12px;letter-spacing:.6px}
.board-bottom a{min-height:44px;display:flex;align-items:center}

/* Tournaments */
.tournament-heading{margin-left:0}
.tournament-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,90px);padding-top:24px;border-top:1px solid var(--rule)}
.tournament-sheet{--rule:#11120f40}
.rules-list{margin:14px 0 0;padding:0;list-style:none}
.rules-list li{border-top:1px solid var(--rule);padding:13px 0;font-size:13px;line-height:1.55}

@media(max-width:700px){
  .board-columns,.tournament-content{grid-template-columns:1fr;gap:28px}
  .board-stats{grid-template-columns:1fr}
  .board-stats>div{border-right:0;border-bottom:1px solid var(--rule);padding:12px 0}
  .access-list>div{grid-template-columns:1fr;gap:4px}
  .site-header nav a.nav-about{font-size:11px}
  .tournament-heading{margin-top:30px}
}

/* R66 PLAYMENU: readable PLAY page. Two screens (start / online); big dark buttons with the caption directly under each; ink-coloured 14-15 px text. */
.play-lobby .sheet-heading{min-height:0;padding-bottom:8px}
.play-lobby .lobby-screen[hidden]{display:none}
.play-lobby .choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,70px);margin-top:18px;padding-top:28px;border-top:1px solid var(--rule)}
.play-lobby .choice{min-width:0}
.play-lobby .choice-button{width:100%;margin-top:0;min-height:clamp(76px,9vw,108px);font-size:clamp(18px,2vw,28px);letter-spacing:.04em}
.play-lobby .choice-caption{display:block;font-size:15px;line-height:1.5;margin:12px 0 0;color:#11120f;opacity:1}
.play-lobby .choice .line-button{margin-top:12px;width:100%}
.play-lobby .visibility-choice{margin-top:14px}
.play-lobby .visibility-choice legend{font-size:12px}
.play-lobby .check-label{font-size:14px}
.play-lobby .lobby-back{font-size:13px;letter-spacing:.06em;margin-top:4px}
.play-lobby .join-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:26px;padding-top:14px;border-top:1px solid var(--rule)}
.play-lobby .link-button{background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:15px;letter-spacing:.05em;color:#11120f;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.play-lobby .link-button:hover{text-decoration-thickness:2px}
.play-lobby .join-line .choice-caption{margin:0}
.play-lobby .join-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:6px}
.play-lobby .join-form[hidden]{display:none}
.play-lobby .join-form input{width:min(240px,100%);min-height:48px;font-size:16px;letter-spacing:.2em;text-transform:uppercase}
.play-lobby .join-form .dark-button{width:auto;margin:0;min-width:130px}
.play-lobby .join-form .status-message{flex-basis:100%;margin:0}
.play-lobby .public-section{margin-top:30px;padding-top:6px;border-top:1px solid var(--rule)}
.play-lobby .public-section .data-note{font-size:11px;opacity:1}
@media(max-width:700px){.play-lobby .choice-grid{grid-template-columns:1fr;gap:26px}}