/* Shared fullscreen styles for the games. The fullscreen target is the game's wrapper
   (.gw, or .gg for gold-grab); in fullscreen it becomes a centered, themed stage filling the
   screen, and each game's layout() sizes the play area to fit. The round button floats in the
   top-right of the stage. */

.fs-btn{position:absolute;top:12px;right:12px;z-index:4;pointer-events:auto;cursor:pointer;border:none;width:38px;height:38px;border-radius:50%;font-size:17px;line-height:38px;text-align:center;color:#6a5a7a;background:rgba(255,255,255,.92);box-shadow:0 3px 10px rgba(0,0,0,.16)}
.fs-btn:active{transform:translateY(1px);box-shadow:0 1px 6px rgba(0,0,0,.16)}

.gw:fullscreen,.gg:fullscreen,.gw:-webkit-full-screen,.gg:-webkit-full-screen{
  width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 0%,#cfeeff,#ffe3f1 60%,#fff7d6)}
/* the inner flex root shouldn't add its own page padding in fullscreen */
.gw:fullscreen .app,.gg:fullscreen .app,.gw:-webkit-full-screen .app,.gg:-webkit-full-screen .app{padding:0}