/* Approved settings/pause mothers: peeking pet, layered wood and paper, badges.
   Native-alpha generated assets; existing switch and panel textures retained. */
.overlay:is([data-dialog="settings"],[data-dialog="pause"])>.panel{
  width:350px;max-height:none;padding:12px 22px 20px;overflow:visible;
}
.overlay>.panel>h2.pet-dialog-title{
  position:relative;width:350px;max-width:none;height:212px;
  padding:0;margin:-112px -22px 7px;
  background:none;
  display:block;z-index:1;
}
.pet-dialog-title>span{
  position:absolute;left:58px;right:58px;bottom:31px;height:48px;
  display:flex;align-items:center;justify-content:center;
  font-size:31px;font-weight:900;line-height:1.2;letter-spacing:3px;
  color:#59351d;text-shadow:0 1px #fff5d6;
}
.overlay:is([data-dialog="settings"],[data-dialog="pause"]) .settings{margin:0 0 9px}
.overlay:is([data-dialog="settings"],[data-dialog="pause"]) .switch-row{
  position:relative;height:82px;margin:8px 0;padding:12px 15px;
  gap:9px;isolation:isolate;background:transparent;border-radius:0;
}
.overlay:is([data-dialog="settings"],[data-dialog="pause"]) .switch-row::before{
  content:"";position:absolute;inset:-1px -3px;z-index:-1;pointer-events:none;
  background:url('assets/settings-row-v43.webp') center/100% 100% no-repeat;
}
.setting-badge{width:55px;height:55px;object-fit:contain;flex:0 0 55px;pointer-events:none}
.setting-label{flex:1;text-align:left;font-size:23px;font-weight:800;letter-spacing:2px;white-space:nowrap}
.overlay:is([data-dialog="settings"],[data-dialog="pause"]) .switch{flex:0 0 74px;margin:0}
.overlay:is([data-dialog="settings"],[data-dialog="pause"])>.panel>.art-button{
  display:grid;min-height:96px;height:96px;margin:7px auto;width:278px;font-size:24px;
}

/* Paint the whole 516x178 / 479x166 generated button in its own box.
   The previous negative pseudo inset cropped flower tips and overlapped neighbors. */
.overlay:is([data-dialog="settings"],[data-dialog="pause"])>.panel>.art-button::before{
  inset:0;background-size:100% 100%;
}

/* Full approved mother, including the pet and painted text plaque. Keep
   existing headings available to assistive technology without duplicate text. */
#rotate{background:#fff2d9 url('assets/rotate-mother-v43.webp') center/contain no-repeat}
#rotate>*{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}