/* =====================================================================================================
   BOSS STAGES (js/boss/*.js, SPEC 8.6): one full-stage canvas per boss, over the 3D office (which is paused).
   ===================================================================================================== */
.ww-stagebox { position: absolute; inset: 0; z-index: 46; display: none; background: #fff0f6; overflow: hidden; transform-origin: 50% 50%; }
.ww-stagebox.on { display: block; }
.bs-host { position: absolute; inset: 0; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
.bs-host canvas { position: absolute; left: 0; top: 0; display: block; }
.bs-pause { position: absolute; right: 18px; top: 18px; z-index: 5; width: 64px; height: 64px; border-radius: 50%; border: 3px solid #3a2433; background: rgba(255,247,240,.92);
  box-shadow: 0 4px 0 #3a2433; display: flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer; padding: 0; }
.bs-pause i { display: block; width: 9px; height: 26px; border-radius: 3px; background: #3a2433; }
html.portrait .bs-pause { width: 84px; height: 84px; right: 24px; top: 24px; }
html.portrait .bs-pause i { width: 12px; height: 34px; }