/* Fullscreen presentation only. Source UI remains an 800x600 uniform stage;
   the same world canvas paints the extra area around it. */
body.wb-wide-world{
  --wide-safe-top:env(safe-area-inset-top,0px);
  --wide-safe-right:env(safe-area-inset-right,0px);
  --wide-safe-bottom:env(safe-area-inset-bottom,0px);
  --wide-safe-left:env(safe-area-inset-left,0px);
  width:100%;height:100dvh;min-height:0;padding:0;gap:0;
  justify-content:flex-start;overflow:hidden;
}
body.wb-wide-world .web-strip{
  width:100%;max-width:none;height:calc(44px + var(--wide-safe-top))!important;
  min-height:calc(44px + var(--wide-safe-top))!important;
  padding:var(--wide-safe-top) max(10px,var(--wide-safe-right)) 0 max(10px,var(--wide-safe-left));
}
body.wb-wide-world .web-status{display:none}
body.wb-wide-world #gameFit{max-width:none;outline:0;flex:none}
body.wb-wide-world #play.classic-game{overflow:visible}
body.wb-wide-world #gameCanvas{width:100%;height:100%}
/* The old stage supplied black behind keyed UI art; keep that composition. */
body.wb-wide-world .original-strip,body.wb-wide-world .original-dock{background-color:#000}

/* The upper HP/SP strip remains. The optional lower-panel toggle sits over
   world space immediately above the original dock, never over its artwork. */
.native-dock-toggle{position:absolute;z-index:8;right:max(8px,env(safe-area-inset-right,0px));
  bottom:var(--native-dock-toggle-bottom,176px);max-width:calc(100% - 16px);
  min-height:30px;padding:5px 9px;font:12px/18px var(--native-font);
  color:#e4cf9c;background:#111e;border:1px solid #796339;white-space:nowrap;
  touch-action:manipulation;user-select:none;-webkit-user-select:none}
.native-dock-toggle:focus-visible{outline:2px solid #ffb800;outline-offset:-3px}
#gameFit:has(#gamePanel:not([hidden]))>.native-dock-toggle{visibility:hidden}
.wb-dock-collapsed .native-dock-toggle{bottom:max(8px,env(safe-area-inset-bottom,0px))}
body.wb-dock-collapsed:not(.wb-wide-world) #gameViewport{height:566px}
body.wb-dock-collapsed:not(.wb-wide-world) #gameCanvas{height:566px}
@media(pointer:coarse){.native-dock-toggle{min-height:40px;padding:10px 9px}}
