/* v6.4.3 · 专注答题模式（Focus Mode）
   打开老师作业答题模态时激活，把 3D 场景/HUD/摇杆/companion 全部让位给答题模态。
   注意：#pdpAsgPlay 本身 z-index 已经 9999，我们只需把其它 UI 藏掉即可。 */

/* 3D 画布：变暗+失焦，暗示"暂时休眠"，同时降低闪烁对儿童的干扰 */
body.focus-mode #gameCanvas {
  filter: blur(2px) brightness(0.35) saturate(0.6);
  transition: filter 0.28s ease-out;
  pointer-events: none;
}

/* HUD、摇杆、攻击键、companion、streak 全部藏起来。CSS 优先，JS 兜底。 */
body.focus-mode .hud,
body.focus-mode #hudToggleBtn,
body.focus-mode #joystickBase,
body.focus-mode #joystickZone,
body.focus-mode #mobileAttackBtn,
body.focus-mode #mobileKickBtn,
body.focus-mode #mobileDodgeBtn,
body.focus-mode #mobileJumpBtn,
body.focus-mode #mobileBossBtn,
body.focus-mode #gf-companion-capsule,
body.focus-mode #gf-companion-panel,
body.focus-mode #gf-streak-badge,
body.focus-mode .mbr-feedback-fab,
body.focus-mode #hudStack,
body.focus-mode #aiDrawer,
body.focus-mode #eyeCareHud,
body.focus-mode #eyeRestOverlay {
  display: none !important;
}

/* 顶部加一个"当前正在完成作业"的柔和提示条，让学生知道游戏已暂停 */
body.focus-mode::before {
  content: '📝 专注答题中 · 游戏已暂停';
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9998;
  padding: 8px 16px;
  text-align: center;
  color: #fff;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background: linear-gradient(90deg, #7c3aed 0%, #4f46e5 60%, #2563eb 100%);
  box-shadow: 0 2px 12px rgba(79, 70, 229, 0.35);
  animation: fmSlideDown 0.34s ease-out;
  pointer-events: none;
}

@keyframes fmSlideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0);      opacity: 1; }
}

/* iPad/移动端：把答题模态的顶部空出提示条 */
body.focus-mode .pdp-asg-card {
  margin-top: 28px;
}