/* Generated scenery is only a page backdrop. Task scenes, canvas/SVG sizes and gameplay hit areas stay original. */
html body.bng-native[data-bng-key][data-bng-family]{background-image:var(--bng-scenery)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
body.bng-native[data-bng-family="native-forest-discovery"]:before{background:none!important;filter:none!important;transform:none!important}
/* Five explicit React body activities alone; do not affect any other SPA route. */
body.bng-native[data-bng-family="native-react-body"] #root{background:transparent!important}
/* Only the wrapper boards named in the manifest. No padding, border widths, layout or coordinate changes. */
body.bng-native .bng-frame{background-image:none!important;background-color:#fffaf0f2!important;border-color:#ead9b8!important;border-radius:28px;box-shadow:0 10px 30px #304f4420}
/* Existing icon buttons retain their complete original hit boxes and event handlers. */
body.bng-native .bng-icon-control{position:relative;background:transparent!important;box-shadow:none!important;border-color:transparent!important;color:transparent!important}
body.bng-native .bng-icon-control:after{content:'';position:absolute;inset:-3px;background:var(--bng-control-art) center/contain no-repeat;pointer-events:none}
body.bng-native .bng-icon-control>svg,body.bng-native .bng-icon-control>img{opacity:0!important}
body.bng-native .bng-icon-control.muted:after,body.bng-native:not([data-bng-family="native-body-world"]) .bng-icon-control[aria-pressed="false"]:after,body.bng-native[data-bng-family="native-body-world"] #mute[aria-pressed="true"]:after{filter:saturate(.15);opacity:.65}
/* Pill-style controls keep their wording; a sprite is added without replacing text or click callbacks. */
body.bng-native .bng-text-control{background-color:#fff1bb!important;color:#704a21!important;border-color:#f6d98d!important;box-shadow:0 3px 0 #b78539!important}
body.bng-native .bng-text-control:before{content:'';display:inline-block;width:25px;height:25px;background:var(--bng-control-art) center/contain no-repeat;vertical-align:middle;flex-shrink:0;margin-right:6px;pointer-events:none}
body.bng-native .bng-control:focus-visible{outline:3px solid #198d9b!important;outline-offset:4px}
@media(max-width:700px){html body.bng-native[data-bng-key][data-bng-family]{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){body.bng-native .bng-control{transition:none!important;animation:none!important}}
