/* -- Game stage: no lobby, this is visible immediately once the name gate
   closes. In-flow (NOT position:fixed/fullscreen like Snake/Match) -- the
   canvas has a fixed internal portrait resolution (480x800, see game.js)
   and CSS scales its DISPLAY size to the container's width with height:auto,
   which the browser keeps aspect-ratio-correct on its own with no JS resize
   code needed, unlike the toolkit's own viewport-relative responsive mode
   (built for truly fullscreen games) which this deliberately skips. -- */
#gameStage {
  position: relative; width: 100%; border-radius: 18px; overflow: hidden;
  background: #0a0a2e; box-shadow: 0 14px 32px -14px rgba(124,58,237,.35);
  margin-top: 4px;
}
#bolaCanvas { display: block; width: 100%; height: auto; touch-action: none; }

#slideBtn {
  position: absolute; right: 14px; bottom: 14px;
  z-index: 2; width: 64px; height: 64px; border-radius: 50%; border: none;
  background: radial-gradient(circle at 35% 30%, #67e8f9, #06b6d4 75%);
  box-shadow: 0 8px 20px -6px rgba(6,182,212,.6); font-size: 24px;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: transform .1s;
}
#slideBtn:active { transform: scale(.9); }