/* Word Guardians v1.7.7 — embedded energy + maximum boss HP readability */
#bossStage:not(.hidden),#bossStage.wgBossIdle.hidden{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:3px!important;
  min-height:52px!important;
  max-height:56px!important;
  margin:4px 0!important;
  padding:5px 8px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
#bossStage:not(.wgBossIdle){
  background:linear-gradient(100deg,#05263bf4,#074c62ee 58%,#05283cf4)!important;
  border-color:#efc766a8!important;
  box-shadow:inset 0 1px #ffffff18,0 7px 18px #0006!important;
}
#bossStage .bossVisual,#bossStage .bossEyebrow,#bossStage .bossLane,#bossStage .bossHint{display:none!important}
#bossStage .wgBossActiveHead{grid-column:1!important;grid-row:1 / 3!important;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid #efc76688;background:radial-gradient(circle at 35% 25%,#ffffff20,#06374ddc 62%,#031d32ee);box-shadow:inset 0 1px #ffffff14,0 3px 8px #0007;overflow:hidden}
#bossStage .wgBossActiveHead img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 5px #0008)}
#bossStage.wgBossIdle .wgBossActiveHead{display:none!important}
#bossStage .bossName{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  min-width:0!important;
  font:900 .72rem/1 Georgia,serif!important;
  color:#fff0bd!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#bossStage .bossHpTrack{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
  height:13px!important;
  border-radius:99px!important;
  box-shadow:inset 0 1px 3px #0009,0 0 0 1px #efc76644!important;
}
#bossStage .bossHpText{
  display:block!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:end!important;
  z-index:3!important;
  margin:0 8px 0 0!important;
  padding:0!important;
  font:900 .52rem/1 Inter,sans-serif!important;
  color:#fff8dc!important;
  text-shadow:0 1px 3px #000,0 0 4px #000!important;
  pointer-events:none!important;
}
#bossStage.wgBossIdle{position:relative;opacity:.76;filter:saturate(.48);background:linear-gradient(100deg,#061c2cf2,#0a2b3af0 58%,#061724f6)!important;border-color:#6f879499!important;box-shadow:inset 0 1px #ffffff10,0 5px 14px #0005!important}
#bossStage.wgBossIdle .bossName,#bossStage.wgBossIdle .bossHpTrack,#bossStage.wgBossIdle .bossHpText{visibility:hidden!important}
#bossStage:not(.wgBossIdle) .wgBossIdleContent{display:none!important}
.wgBossIdleContent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 10px;pointer-events:none}
.wgBossIdleMark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #8ea4ae66;background:radial-gradient(circle at 36% 30%,#324d59 0 18%,#18303c 52%,#0a1d28 100%);box-shadow:inset 0 1px #ffffff10,0 3px 8px #0005;color:#b8c4c9;font-size:1rem;line-height:1;text-shadow:0 2px 4px #0008}
.wgBossIdleText{text-align:left;min-width:0}
.wgBossIdleText b{display:block;color:#c9d4d8;font:900 .68rem/1.02 Georgia,serif;letter-spacing:.015em}
.wgBossIdleText small{display:block;margin-top:2px;color:#7f959f;font-size:.39rem;font-weight:800;letter-spacing:.025em}

/* Energy now sits inside the question card between answer choices and action buttons. */
.question>.energy{width:100%!important;margin:5px 0 0!important;padding:5px 7px!important;border-radius:10px!important}

/* Regular enemies stay logically assigned to their lane, but their art may paint over the lane edge. */
.lane{overflow:visible!important}
.enemy:not(.boss){top:46%!important;z-index:24!important}
.enemy:not(.boss) .pirateArt{overflow:visible!important}

@media(max-width:600px){
  #bossStage:not(.hidden),#bossStage.wgBossIdle.hidden{grid-template-columns:34px minmax(0,1fr)!important;min-height:40px!important;max-height:44px!important;margin:3px 0!important;padding:4px 6px!important;border-radius:11px!important;column-gap:6px!important;row-gap:2px!important}
  #bossStage .wgBossActiveHead{width:32px;height:32px;border-radius:9px}
  #bossStage .wgBossActiveHead img{width:31px;height:31px}
  #bossStage .bossName{font-size:.58rem!important}
  #bossStage .bossHpTrack{height:10px!important}
  #bossStage .bossHpText{font-size:.42rem!important;margin-right:6px!important}
  .wgBossIdleContent{gap:6px;padding:3px 7px}
  .wgBossIdleMark{width:24px;height:24px;font-size:.78rem}
  .wgBossIdleText b{font-size:.55rem}
  .wgBossIdleText small{font-size:.31rem;margin-top:1px}
  .question>.energy{margin-top:4px!important;padding:4px 6px!important}
  .enemy:not(.boss){top:45%!important}
}