@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--fs-header-h: 48px}html{width:100%;height:100%;overflow-x:hidden}body{font-family:"Baloo 2", sans-serif;background:#fbe6d3;min-height:100vh;width:100%;overflow-x:hidden;position:relative;overscroll-behavior:none}.navbar{background:#f5d5b8;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 20px}.nav-brand{display:flex;align-items:center;gap:15px}.nav-brand .logo{height:40px;width:auto}.nav-brand .game-name{font-size:20px;font-weight:700;color:#333}.nav-brand .game-title{font-size:20px;font-weight:700;color:#4285f4;text-decoration:none}.nav-brand .game-title:hover{color:#34a853;text-decoration:underline}.main-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px}.game-container{position:relative;width:90vw;max-width:1000px;height:70vh;min-height:500px;background:#000;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.2);transition:all 0.3s ease}.game-container.fullscreen{position:fixed;top:env(safe-area-inset-top, 0);left:env(safe-area-inset-left, 0);right:env(safe-area-inset-right, 0);height:calc(100dvh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));width:calc(100vw - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0));min-height:-webkit-fill-available;max-width:none;border-radius:0;z-index:9999;background:#000;overflow:hidden}.game-container.fullscreen .game-iframe{position:absolute;top:var(--fs-header-h);left:0;width:100% !important;height:calc(100% - var(--fs-header-h) - env(safe-area-inset-bottom, 0)) !important;max-width:100vw;border:none;background:#000;overflow:hidden;display:block}.play-overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgba(0,0,0,0.8), rgba(0,0,0,0.6));display:flex;justify-content:center;align-items:center;z-index:10;transition:opacity 0.3s ease}.game-info{display:flex;flex-direction:column;align-items:center;color:#fff}.game-info .game-icon{width:120px;max-height:120px;border-radius:20px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,0.3);object-fit:contain}.game-info .game-title{font-size:32px;font-weight:700;margin-bottom:10px;color:#4285f4;text-align:center;text-decoration:none;display:block}.game-info .game-title:hover{color:#34a853;text-decoration:underline}.game-info .game-subtitle{font-size:18px;margin-bottom:30px;opacity:0.8;text-align:center}.play-button{background:linear-gradient(45deg, #4285f4, #34a853);border:0;border-radius:50px;padding:15px 30px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(66,133,244,0.4);display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff}.play-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(66,133,244,0.6)}.play-button .play-icon{font-size:16px}.fullscreen-header{position:fixed;top:env(safe-area-inset-top, 0);left:env(safe-area-inset-left, 0);right:env(safe-area-inset-right, 0);height:48px;min-height:35px;background:#f0f0f0;z-index:10001;display:none;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ddd}.fullscreen-header .exit-button{background:#dc3545;border:0;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#fff}.fullscreen-header .exit-button:hover{background:#c82333;transform:translateY(-1px)}.fullscreen-header .exit-button .exit-text{font-size:14px}.fullscreen-header .fullscreen-title{flex:1;text-align:center;font-size:18px;font-weight:700;color:#28a745;text-decoration:none;margin:0 20px}.fullscreen-header .fullscreen-title:hover{color:#218838}.fullscreen-header .install-button{flex:1;text-align:center;background:#28a745;border:none;border-radius:8px;padding:8px 20px;margin:0 20px;text-decoration:none;color:white;font-size:14px;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.fullscreen-header .install-button:hover{background:#218838;transform:translateY(-1px);color:white;text-decoration:none}.fullscreen-header .install-button span{color:white;font-size:14px}.fullscreen-header .fullscreen-logo{height:30px;border-radius:8px;flex-shrink:0}.game-iframe{width:100%;height:100%;border:none;display:none;background:#000;object-fit:contain;transform-origin:top left;overflow:hidden}.loading{display:none;color:#fff;font-size:18px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5}.reward-banner{background:linear-gradient(135deg, #ff6b35, #f7931e);color:white;padding:18px 20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.2);margin:20px auto;max-width:1200px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:15px;line-height:1.5;text-align:center;animation:slideDown 0.4s ease-out}.reward-banner .banner-content{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.reward-banner .reward-icon{font-size:26px;flex-shrink:0}.reward-banner .banner-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.reward-banner .banner-text strong{font-weight:700;margin-right:6px}.reward-banner .banner-link{color:#fff;text-decoration:underline;font-weight:600}.reward-banner .banner-link:hover{color:#ffe066;text-decoration:none}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.footer{background:#f5d5b8;padding:60px 20px;color:#333}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.footer-left{flex:1}.footer-left .footer-links{display:flex;flex-direction:column;gap:20px}.footer-left .footer-links a{color:#333;text-decoration:none;font-weight:500;font-size:18px;transition:color 0.3s ease}.footer-left .footer-links a:hover{color:#4285f4}.footer-right{flex:1;text-align:center}.footer-right .footer-cta .cta-title{font-size:18px;font-weight:800;margin-bottom:13px;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}.footer-right .footer-cta .cta-game-icon{width:77px;height:77px;border-radius:20px;margin-bottom:19px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.download-buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.download-buttons .download-btn{display:block;transition:transform 0.3s ease}.download-buttons .download-btn:hover{transform:scale(1.05)}.download-buttons .download-btn img{height:38px;width:auto}@media (max-width: 768px){.nav-brand .game-name{font-size:18px}.game-info .game-title{font-size:24px}:root{--fs-header-h: 40px}.fullscreen-header{height:40px;min-height:34px;padding:0 15px;padding-left:calc(15px + env(safe-area-inset-left, 0));padding-right:calc(15px + env(safe-area-inset-right, 0))}.fullscreen-header .fullscreen-title{font-size:14px;margin:0 10px}.fullscreen-header .install-button{font-size:12px;margin:0 10px;padding:6px 16px;border-radius:8px}.fullscreen-header .fullscreen-logo{height:25px}.reward-banner{padding:16px 20px;margin:15px 20px;font-size:14px;gap:12px}.reward-banner .reward-icon{font-size:22px}.reward-banner .banner-text{flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.reward-banner .banner-text strong{margin-right:0;margin-bottom:2px}.footer-content{flex-direction:column;text-align:center;gap:40px}.footer-left .footer-links{flex-direction:row;justify-content:center;flex-wrap:wrap}.footer-right .footer-cta .cta-title{font-size:24px}.download-buttons{flex-direction:column;align-items:center}}