/* Hiçbir yerde scroll olmayacak */
   html,
   body {
       height: 100%;
       margin: 0;
       padding: 0;
       overflow: hidden;
       /* ana sayfada scrollu kapatır */
       touch-action: manipulation;
       /* sadece scroll veya tıklama izni */
       overscroll-behavior: none;
       /* bazı tarayıcılarda kaydırma sınırları */
   }

   /* Iframe tam ekrana sabitlenmiş */
   #gameFrame {
       position: fixed;
       /* viewport'a sabit */
       inset: 0;
       /* top:0; right:0; bottom:0; left:0; */
       width: 100%;
       height: 100%;
       border: 0;
       display: block;
   }

   /* Opsiyonel: iframe etrafındaki OS/UA scroll bar'larının görünmesini engelle (çok nadir gerekli) */
   ::-webkit-scrollbar {
       width: 0;
       height: 0;
   }

   /* Floating Action Button */
   #fab {
       position: fixed;
       bottom: 40px;
       left: 50%;
       transform: translateX(-50%);
       width: 70px;
       height: 70px;
       background-color: #3498db;
       border-radius: 50%;
       border: none;
       cursor: grab;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
       color: white;
       font-size: 30px;
       display: flex;
       justify-content: center;
       align-items: center;
       transition: background 0.3s;
       z-index: 1000;
       opacity: 0.7;
       user-select: none;
       touch-action: none;
       /* mobilde daha iyi sürükleme */
   }

   #fab.active {
       transform: translate(-50%, 50px);
       width: 50px;
       height: 50px;
       font-size: 24px;
   }

   .bubble-menu {
       position: fixed;
       bottom: -20px;
       /* biraz yukarı çeker */
       left: 50%;
       transform: translateX(-50%);
       display: grid;
       grid-template-columns: repeat(3, 60px);
       /* 3 sütun */
       grid-template-rows: repeat(3, 60px);
       /* 3 satır */
       gap: 10px;
       justify-content: center;
       align-items: center;
       opacity: 0;
       pointer-events: none;
       transition: opacity 0.3s, transform 0.3s;
       z-index: 999;
   }



   .bubble-menu.show {
       opacity: 1;
       pointer-events: auto;
   }

   .bubble-menu button {
       width: 60px;
       height: 60px;
       border-radius: 50%;
       border: none;
       background-color: #e74c3c;
       color: white;
       font-size: 20px;
       cursor: pointer;
       transform: scale(0);
       transition: transform 0.3s;
       opacity: 0.7;
   }

   .bubble-menu button:hover {
       opacity: 1;
   }

   .bubble-menu.show button {
       transform: scale(1);
   }