Игровой автомат Balloon

.slot-wrapper { position: relative; width: calc(100% — 40px); height: 500px; overflow: hidden; margin: 20px; border-radius: 8px; clip-path: inset(0 round 8px); } .slot-preview::before { content: «»; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(‘https://casinoreview.in.ua/wp-content/uploads/2025/08/backgr.jpg’); background-size: cover; background-position: center; opacity: 0.6; z-index: 1; border-radius: 8px; } div#slotPreview:after { content: «»; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; border-radius: 8px; } .slot-preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; border-radius: 8px; overflow: hidden; } .slot-frame { width: 100%; height: 100%; border-radius: 8px; position: absolute; top: 0; left: 0; border: none; outline: none; } .action-btn { font-size: 1.3em; padding: 15px 30px; margin: 10px; color: white; border: none; border-radius: 8px; cursor: pointer; z-index: 2; font-weight: bold; transition: all 0.3s ease; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .real-money-btn { background: linear-gradient(135deg, #e74c3c, #c0392b); box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4); } .real-money-btn:hover { background: linear-gradient(135deg, #c0392b, #a93226); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(231, 76, 60, 0.5); } .demo-btn { background: linear-gradient(135deg, #27ae60, #229954); box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4); } .demo-btn:hover { background: linear-gradient(135deg, #229954, #1e8449); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(39, 174, 96, 0.5); } .top-controls { position: absolute; top: 15px; right: 15px; z-index: 100; display: flex; gap: 10px; } .control-icon { background: rgba(255, 255, 255, 0.95) !important; border: 0; padding: 10px; border-radius: 6px; font-size: 0; cursor: pointer; transition: all 0.3s ease; opacity: 0.3; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .control-icon.visible { opacity: 1; } .control-icon:hover { background: white !important; transform: scale(1.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } @media (max-width: 768px) { .slot-wrapper { width: 95%; height: 450px; margin: 15px auto; padding: 12px; border-radius: 15px; } .action-btn { font-size: 1.1em; padding: 12px 24px; margin: 8px; } .top-controls { top: 20px; right: 20px; gap: 8px; } .control-icon { padding: 8px; border-radius: 8px; } } let activeGameUrl = »; function playDemo() { const slotFrame = document.getElementById(‘slotFrame’); activeGameUrl = «https://eu-server-w5.ssgportal.com/Balloon/Loader.aspx?GameType=OtherGames&GameName=Balloon&StartPage=Board&token=6907cea2-f727-46b6-a7a7-aebba4bd3d00&Lang=uk&ReturnURL=https%3A%2F%2Fslotscity.ua%2F&Skin=&JurisdictionName=CW»; slotFrame.src = activeGameUrl; const slotPreview = document.getElementById(‘slotPreview’); slotPreview.style.display = ‘none’; } function playForMoney() { window.open(‘https://casinoreview.in.ua/go/vegas/’, ‘_blank’); } const fullscreenIcon = document.getElementById(‘fullscreenIcon’); const slotContainer = document.getElementById(‘slotWrapper’); document.addEventListener(‘fullscreenchange’, (event) => { }) fullscreenIcon.addEventListener(‘click’, function() { if (document.fullscreenElement) { exitFullscreen(); } else { enterFullscreen(); } }) function enterFullscreen() { if (slotContainer.requestFullscreen) { slotContainer.requestFullscreen(); } else if (slotContainer.mozRequestFullScreen) { slotContainer.mozRequestFullScreen(); } else if (slotContainer.webkitRequestFullscreen) { slotContainer.webkitRequestFullscreen(); } else if (slotContainer.msRequestFullscreen) { slotContainer.msRequestFullscreen(); } } function exitFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } }