/* BG-NAV-R1.11: Independent game overlays only. Greedy game-nav remains independent.
   Full-screen overlay on mobile / 520px portrait panel on desktop. */
.bgpn-layer{position:fixed;inset:0;z-index:980;height:100vh;height:100dvh;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:transparent;overscroll-behavior:contain;pointer-events:auto}
.bgpn-panel{position:relative;flex:0 1 100%;height:100%;min-width:0;overflow:hidden;background:#f2f5fa;transform:translate3d(100vw,0,0);-webkit-transform:translate3d(100vw,0,0);transition:transform 300ms cubic-bezier(.2,.8,.2,1);-webkit-transition:-webkit-transform 300ms cubic-bezier(.2,.8,.2,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bgpn-layer.is-in .bgpn-panel{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.bgpn-frame{display:block;width:100%;height:100%;border:0;background:transparent}
.bgpn-layer.is-behind{visibility:hidden;pointer-events:none}
.bgpn-layer.is-leaving{pointer-events:none}
.bgpn-layer .bgpn-loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);pointer-events:none;font:500 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#708096;opacity:0;transition:opacity 160ms}
.bgpn-layer.is-slow:not(.is-ready) .bgpn-loading{opacity:1}
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine){.bgpn-panel{flex:none;width:min(100%,520px);max-width:520px;box-shadow:0 0 24px rgba(45,74,116,.10)}}
@media(prefers-reduced-motion:reduce){.bgpn-panel,.bgpn-layer .bgpn-loading{transition:none!important}}