/* Approval Fix: Hide UI during ads */
body.ad-playing .game-ui-layer {
    display: none !important;
}

/* Ensure Ads show on top */
iframe[id*="gamemonetize"], #gamemonetize-sdk {
    z-index: 999999 !important;
}

/* Rest of your CSS remains the same... */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; font-family: Arial, sans-serif; }
.screen { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; }
.bg { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.home-content { position: relative; z-index: 2; text-align: center; }
.game-title { font-size: 40px; color: black; margin-bottom: 20px; font-weight: 900; }
#homeHighscore { color: white; font-size: 26px; margin-bottom: 20px; }
.bird-home { width: 140px; height: auto; margin-bottom: 40px; }
.play-btn { font-size: 30px; padding: 15px 40px; border-radius: 12px; border: none; font-weight: bold; cursor: pointer; background: #ffffffaa; }
.border-box { position: relative; width: 95vw; height: 95vh; border: 12px solid black; overflow: hidden; background: transparent; }
#gameCanvas { width: 100%; height: 100%; }
.countdown { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); font-size: 80px; color: white; font-weight: 900; text-shadow: 3px 3px 8px black; }
#outScreen img { width: auto !important; height: auto !important; }
.out-content { position: relative; text-align: center; z-index: 2; }
#outText { font-size: 50px; color: red; text-shadow: 3px 3px 8px black; }
.outBird { width: 220px !important; height: 220px !important; object-fit: contain; }