/* GAFFERMODE V1.5 — dedicated navigation-tour screen During the guided tour, the live game UI is deliberately hidden so a new player sees onboarding first and the actual Home screen only after the tour is completed or skipped. */ body.tour-active{ overflow:hidden; min-height:100vh; background:radial-gradient(circle at 50% 12%,#214b35 0,#0a1912 38%,#06100c 100%); } /* Hide every live game screen and the bottom navigation while the tour runs. */ body.tour-active #app{ visibility:hidden; } /* The tour card is appended directly to , so it remains visible while #app is hidden. Centre it as a clean, self-contained onboarding screen. */ body.tour-active .tour-card{ visibility:visible; top:50%; bottom:auto; left:50%; transform:translate(-50%,-50%); width:min(680px,calc(100vw - 32px)); max-height:calc(100vh - 48px); overflow:auto; border-color:#6e7f57; box-shadow:0 36px 110px rgba(0,0,0,.76); } /* Highlighting is unnecessary because the underlying game screen is hidden. */ body.tour-active .tour-target{ outline:none!important; box-shadow:none!important; } @media(max-width:620px){ body.tour-active .tour-card{ top:50%; bottom:auto; width:calc(100vw - 24px); max-height:calc(100vh - 32px); padding:18px; } }