/* Slave-style play console: game actions first, a separate page menu on the right. */
.play-page .topbar { flex-wrap:nowrap; align-items:center; gap:20px; padding:5px 0 12px; min-height:70px; }
.play-page .topbar .club-brand { flex:0 0 auto; }
.play-page .topbar .room-readout { margin-left:auto; flex:0 1 auto; min-width:0; }
.play-page .game-console-menu { display:flex; align-items:center; justify-content:flex-end; gap:24px; margin-left:auto; min-width:0; }
.play-page .game-console-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.play-page .game-console-actions .leave-button {
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:9px 13px;
  border:1px solid #d4bfdf55; border-radius:10px; color:#f1e7f5;
  background:linear-gradient(145deg,#344765,#1d2941); box-shadow:inset 0 1px #ffffff14,0 3px 0 #111c31;
  font:600 13px/1.5 Club,sans-serif; white-space:nowrap;
}
.play-page .game-console-actions .leave-button:hover { background:#415575; border-color:#ffe0a3; }
.play-page .game-console-menu #siteNav {
  display:flex; align-items:stretch; justify-content:flex-end; flex:0 0 auto; width:auto;
  gap:8px; margin:0; padding:5px; border:1px solid #d6b48d40; border-radius:12px;
  background:linear-gradient(135deg,#4c2e48,#291c35);
  box-shadow:0 0 0 3px #34213e,0 3px 9px #08041340;
}
.play-page .game-console-menu #siteNav a {
  display:flex; flex-direction:column; align-items:center; justify-content:center; flex:0 0 auto;
  min-width:48px; min-height:48px; padding:6px 8px; gap:5px; border-radius:8px;
  border:1px solid #e9c4df24; color:#efdaed; background:linear-gradient(145deg,#6b46605c,#432b4d66);
  box-shadow:inset 0 1px #ffffff09; transform:none;
}
.play-page .game-console-menu #siteNav a>span { color:inherit; font-size:18px; line-height:1; }
.play-page .game-console-menu #siteNav a small { margin:0; font:600 11px/1.4 Club,sans-serif; letter-spacing:0; }
.play-page .game-console-menu #siteNav a:hover { background:#80526c; color:#fff0dc; border-color:#e3bdd06b; }
.play-page .game-console-menu #siteNav a[aria-current=page] {
  color:#412d40; border-color:#ffe7b4; background:linear-gradient(135deg,#f6dfa7,#d7ac68);
  box-shadow:inset 0 1px #fff7dc88,0 2px 5px #140b222b;
}
.play-page .game-console-menu #siteNav a:focus-visible { outline:3px solid #ffe3a8; outline-offset:2px; }
.play-page .match-strip { min-height:48px; padding-block:7px; gap:22px; }
.play-page .game-console-menu .comfort-menu-toggle {
  min-height:44px; padding:8px 14px; border:1px solid #d6b48d66; border-radius:10px;
  color:#ffe8bd; background:linear-gradient(135deg,#4c2e48,#291c35);
  font:600 14px/1.5 Club,sans-serif;
}
@media(max-width:1100px) {
  .play-page .game-console-menu { flex-wrap:wrap; gap:12px; }
  .play-page .game-console-menu .comfort-menu-toggle { display:block; margin:0 0 0 auto; }
  .play-page .game-console-menu #siteNav.comfort-menu-open {
    display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr)); flex-basis:100%;
    width:100%; gap:7px; padding:6px; margin:5px 0 0;
  }
  .play-page .game-console-menu #siteNav a { min-width:0; }
  .play-page .topbar { flex-wrap:wrap; gap:12px; }
  .play-page .topbar .game-console-menu { flex-basis:100%; margin:0; }
  .play-page .topbar .room-readout { max-width:48%; }
}
@media(max-width:700px) {
  .play-page .topbar { gap:8px; padding:0 0 10px; }
  .play-page .topbar .club-brand small { font-size:9px; letter-spacing:1px; }
  .play-page .topbar .room-readout { max-width:43%; }
  .play-page .room-readout #copyCodeButton { min-height:44px; padding:8px; font-size:12px; }
  .play-page .game-console-menu #siteNav.comfort-menu-open { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .play-page .game-console-menu #siteNav a { min-height:50px; }
  .play-page .match-strip { min-height:35px; padding-block:5px; }
  .play-page .match-strip>div { gap:2px; }
  .play-page .match-strip>div>span { font-size:9px; }
  .play-page .match-strip strong { font-size:11px; }
}
@media(orientation:landscape) and (max-height:600px) and (min-width:701px) {
  .play-page .topbar { display:flex; flex-wrap:nowrap; min-height:48px; padding:0 0 5px; }
  .play-page .topbar .club-brand,.play-page .match-strip { display:none; }
  .play-page .topbar .room-readout { flex:0 0 auto; margin:0; max-width:30%; }
  .play-page .topbar .game-console-menu { flex:1 1 auto; margin-left:auto; }
  .play-page .game-console-menu #siteNav.comfort-menu-open { gap:5px; }
}