/* Web showcase only: fit the complete workspace; native windows and the saved
   scene scale remain untouched. Use fullscreen for a larger readable workspace. */
html:has(body.web-showcase-fit){width:100%;height:100%;overflow:hidden;background:#100d0b}
body.web-showcase-fit:not(.desktop){
  position:fixed;left:var(--web-left,0);top:var(--web-top,0);
  width:1280px;height:720px;min-height:0;max-height:none;
  display:flex;flex-direction:row;align-items:flex-start;justify-content:center;
  gap:22px;padding:40px 22px;overflow:hidden;
  transform:scale(var(--web-fit,1));transform-origin:top left;
}
body.web-showcase-fit:not(.desktop) .world-stage{position:relative;top:0;flex-shrink:0}
body.web-showcase-fit:not(.desktop) #game-app{width:640px;max-width:640px;height:640px;min-height:640px;flex:1}
body.web-showcase-fit:not(.desktop) .world-caption{display:block}
body.web-showcase-fit:not(.desktop) .world-caption::after{content:'网页自动适配画幅 · 全屏查看更清晰';display:block;margin-top:10px;color:#ad9679;font-size:10px}
body.web-showcase-fit.pet:not(.desktop) #game-app{display:none}
body.web-showcase-fit.pet:not(.desktop) .world-caption{display:none}
body:not(.desktop) #game-app:has(.gu-overlay){position:relative;z-index:30}
body:not(.desktop) .game-ui.gu-illustrated .gu-overlay{
  position:fixed;inset:0;z-index:40;padding:16px;
  background:#090706b8;align-items:center;justify-content:center;
}
body:not(.desktop) .game-ui.gu-illustrated .gu-modal{
  width:min(450px,100%);max-height:calc(var(--web-layout-height,100dvh) - 32px);
  overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;
}