html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #12141a;
    font-family: "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

#village-app-frame {
    width: 100%;
    height: 100%;
    margin: 0;
}

/*
 * AdSense HtmlElementView overlay: both the factory root and Compose's
 * absolute host DIV must be pe:none, or the host (e.g. 398x280) eats wheel
 * events and Compose scrolling freezes over the ad.
 * Never apply this to #village-app-frame or its direct Compose root child.
 */
[data-village-ad-root],
[data-village-ad-root] *,
[data-village-ad-host] {
    pointer-events: none !important;
}

[data-village-ad-root][data-village-ad-clickable="1"],
[data-village-ad-root][data-village-ad-clickable="1"] *,
[data-village-ad-host][data-village-ad-clickable="1"] {
    pointer-events: auto !important;
}

/*
 * Feed/clips HtmlElementView <video>: Compose host must stay pe:none so wheel
 * and tap reach the canvas overlays. Ad repair must not clear these.
 */
[data-village-video-host],
[data-village-video-host] video {
    pointer-events: none !important;
}