/* One approved painted backdrop connects the header, island and flush chat dock. */
:root{background:#77cddd;color-scheme:light}
body{padding:0;background:#77cddd url('assets/approved/environment/ninja-sky-continuous-v1.png') center/cover fixed}
.nw-game{height:100dvh;border:0;box-shadow:none}
.nw-game[data-scene=world] .nw-stage,.nw-game[data-scene=world] .nw-stage iframe{background:transparent}
.sky-cloud-layer{display:none;position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden;direction:ltr}
.nw-game[data-scene=world] .sky-cloud-layer{display:block}
.sky-cloud{position:absolute;top:0;left:0;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;will-change:transform;clip-path:ellipse(35% 26% at 50% 54%);-webkit-tap-highlight-color:transparent}
.sky-cloud canvas{display:block;width:100%;height:100%;pointer-events:none}
.sky-cloud:hover{filter:brightness(1.08)}
.sky-cloud[data-state=popping]{clip-path:none;pointer-events:none;filter:none}
.sky-cloud:focus-visible{outline:0;filter:drop-shadow(0 0 3px #ffd26a)}
@media(prefers-reduced-motion:reduce){.sky-cloud{will-change:auto}}

/* A light child frame cannot expose a dark embedding canvas in Chromium. */
.nw-stage iframe{color-scheme:light}