/* Shared page links, scoped so boards, hands and game-action buttons retain their skins. */
@font-face{font-family:GameMenu;font-weight:600;src:url("fonts/bai-jamjuree-600-latin.woff2") format("woff2");font-display:swap}
@font-face{font-family:GameMenu;font-weight:600;src:url("fonts/bai-jamjuree-600-thai.woff2") format("woff2");font-display:swap;unicode-range:U+0E00-0E7F}
body[data-menu-game]{--gm-ink:#fff3de;--gm-muted:#c8c2b9;--gm-gold:#f4ce87;--gm-line:#f4dcaf24}
body[data-menu-game] .gm-host{position:relative!important;overflow:visible!important;z-index:100}
body[data-menu-game] .gm-parent{position:static!important}
body[data-menu-game] :is(.club-menu-toggle,.np-menu-toggle,.comfort-menu-toggle):not(.gm-toggle){display:none!important}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu]{
 position:static!important;inset:auto!important;display:flex!important;align-items:center!important;
 flex:none!important;flex-flow:row nowrap!important;gap:4px!important;order:initial!important;
 width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important;
}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(.nav-menu,.site-nav-links){
 display:contents!important; margin:0!important;padding:0!important;border:0!important;background:none!important;
}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button){
 display:flex!important;flex:none!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:44px!important;height:auto!important;
 margin:0!important;padding:10px 12px!important;border:0!important;border-radius:9px!important;
 background:transparent!important;box-shadow:none!important;color:var(--gm-muted)!important;
 font:600 13px/1.3 GameMenu,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;
 text-decoration:none!important;text-transform:none!important;text-shadow:none!important;transform:none!important;
 cursor:pointer!important;opacity:1!important;filter:none!important;animation:none!important;transition:color .16s,background-color .16s!important;
}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button) :is(span,small,b,strong,i){
 font:inherit!important;color:inherit!important;letter-spacing:0!important;text-transform:none!important;
 margin:0!important;padding:0!important;line-height:inherit!important;
}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(.nav-copy,.site-nav-copy){display:contents!important}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(.nav-code,.site-nav-code,a>span>small){display:none!important}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(.nav-icon,.site-nav-icon,a>i,a>span[aria-hidden]){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:16px!important;min-width:16px!important;height:16px!important;font:400 13px/1 GameMenu,sans-serif!important;
 border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button)::before,
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button)::after{display:none!important}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is([aria-current=page],.active){
 background:#f4ce8715!important;color:var(--gm-gold)!important;
}
body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button):hover{
 color:var(--gm-ink)!important;background:#ffffff0c!important;
}
body[data-menu-game] button.gm-toggle{
 order:20!important;
 display:none!important;align-items:center!important;justify-content:center!important;gap:7px!important;
 flex:none!important;min-height:44px!important;width:auto!important;min-width:0!important;height:auto!important;
 margin:0!important;padding:10px 13px!important;border:1px solid var(--gm-line)!important;border-radius:10px!important;
 background:var(--gm-surface)!important;color:var(--gm-ink)!important;box-shadow:none!important;
 font:600 13px/1.3 GameMenu,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
 white-space:nowrap!important;cursor:pointer!important;transform:none!important;
}
body[data-menu-game] :is(button.gm-toggle,[data-game-menu] a,[data-game-menu] button):focus-visible{
 outline:2px solid var(--gm-gold)!important;outline-offset:3px!important;
}
body[data-menu-game] .gm-standalone{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0 auto 8px}
@media(max-width:1280px){
 body[data-menu-game] button.gm-toggle{display:inline-flex!important}
 body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu]{
  display:none!important;position:absolute!important;inset:calc(100% + 8px) 12px auto auto!important;
  width:min(600px,calc(100% - 24px))!important;box-sizing:border-box!important;
  padding:12px!important;border:1px solid var(--gm-line)!important;border-radius:14px!important;
  background:var(--gm-base)!important;box-shadow:0 16px 40px #0008!important;z-index:150!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-height:calc(100dvh - 110px)!important;overflow:auto!important;
 }
 body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu][data-menu-open]{display:grid!important}
 body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button){min-height:48px!important;padding:10px 6px!important}
 body[data-menu-game] .gm-standalone{justify-content:flex-end;padding:0 8px;box-sizing:border-box}
}
@media(max-width:600px){
 body[data-menu-game] :is(#siteNav,#site-nav,#tarot-page-menu)[data-game-menu] :is(a,button){
  flex-direction:column!important;gap:5px!important;font-size:11px!important;min-height:58px!important;padding:8px 4px!important;
 }
 body[data-menu-game] .gm-host :is(.portal-home-link,.portal-return-link){min-height:44px!important}
 body[data-menu-game] .gm-host :is(.portal-brand-copy,.portal-back-cue){display:none!important}
 body[data-menu-game] .gm-host .portal-home-link{padding:8px!important}
}

/* Tarot's table is a scaled raster scene. Keep its page links at true UI size. */
body[data-menu-game="tarot"] .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body[data-menu-game="tarot"] .topbar .brand{flex:1;min-width:0}
body[data-menu-game="tarot"] .topbar .top-actions{flex:1;justify-content:flex-end}
@media(min-width:1181px){
 body[data-menu-game="tarot"] .topbar{height:calc(56px / var(--ui-scale,1))!important}
 body[data-menu-game="tarot"] .app-shell:has(.workspace) .topbar{margin-bottom:calc(36px - 56px / var(--ui-scale,1))!important}
 body[data-menu-game="tarot"] .app-shell:not(:has(.workspace)) .topbar{margin-bottom:calc(56px - 56px / var(--ui-scale,1))!important}
 body[data-menu-game="tarot"] :is(#tarot-page-menu,.gm-toggle){zoom:calc(1 / var(--ui-scale,1))}
}
@media(max-width:600px){
 body[data-menu-game="tarot"] .topbar .brand{font-size:18px!important}
 body[data-menu-game="tarot"] .topbar .brand-mark{display:none}
 body[data-menu-game="tarot"] .topbar{gap:6px!important}
}

body[data-menu-game="othello"]{--gm-base:#10211c;--gm-surface:#1d322a}