/* MASTER Z'S SPIRITUAL ENCOUNTERS — LIVE POSTER RESULT SCREEN v14 */
#final.mzPosterFinal{
  overflow:auto!important;
  padding:24px 12px calc(32px + env(safe-area-inset-bottom))!important;
  background:#050403!important;
  box-sizing:border-box!important;
}
/* CRITICAL v14: poster result screen must never override the game's normal .screen visibility. */
#final.mzPosterFinal:not(.active){display:none!important}
#final.mzPosterFinal.active{display:block!important}
#final.mzPosterFinal>.coverCard{
  width:min(1120px,96vw)!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#final.mzPosterFinal .mzLegacyResultHidden{display:none!important}

.mzPosterResult{
  position:relative;
  width:100%;
  min-height:1380px;
  overflow:hidden;
  box-sizing:border-box;
  border:2px solid rgba(196,154,74,.94);
  border-radius:18px;
  background:#050403;
  box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,232,170,.06);
  isolation:isolate;
  color:#f0e7d8;
}
.mzPosterBg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-4;
  opacity:1;
  filter:brightness(1.22) saturate(1.16) contrast(1.06);
  pointer-events:none;
}
.mzPosterShade{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.10) 31%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.78) 66%,rgba(0,0,0,.91) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.04) 58%,rgba(0,0,0,.38));
  pointer-events:none;
}
.mzPosterEdgeGlow{
  position:absolute;
  inset:20px;
  z-index:-1;
  border:1px solid rgba(220,180,95,.72);
  border-radius:12px;
  pointer-events:none;
  box-shadow:inset 0 0 35px rgba(206,135,42,.04);
}
.mzPosterRealStories,
.mzPosterDarkLesson{
  position:absolute;
  z-index:2;
  color:rgba(236,220,191,.82);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  line-height:1.28;
  text-shadow:0 3px 8px rgba(0,0,0,.9);
  pointer-events:none;
}
.mzPosterRealStories{left:28px;top:34px;font-size:13px;max-width:120px}
.mzPosterDarkLesson{right:28px;top:34px;font-family:'Comic Sans MS','Segoe Print',cursive;font-size:14px;max-width:170px;text-align:right;transform:rotate(-4deg)}
.mzPosterDarkLesson em{color:#df353d;font-style:normal}

.mzPosterPanel{
  position:relative;
  z-index:3;
  width:60%;
  min-height:1250px;
  margin-left:38%;
  margin-top:92px;
  margin-bottom:64px;
  padding:34px 30px 28px;
  box-sizing:border-box;
  border:1px solid rgba(204,163,80,.78);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(3,3,3,.78),rgba(2,3,2,.90));
  box-shadow:0 20px 60px rgba(0,0,0,.54),inset 0 0 0 1px rgba(255,224,153,.035);
  backdrop-filter:blur(1px);
}
.mzPosterBrand{
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  text-transform:uppercase;
  color:#e6dac3;
  line-height:.92;
  text-shadow:0 3px 1px #120b08,0 0 20px rgba(169,78,42,.22);
}
.mzPosterBrand .mzMaster{font-size:30px;font-weight:900;letter-spacing:.04em}
.mzPosterBrand .mzEncounters{font-size:36px;font-weight:900;letter-spacing:.01em;margin-top:4px}
.mzPosterBrand .mzGame{font-size:13px;letter-spacing:.45em;color:#c5a36b;margin:13px 0 22px}
.mzPosterStatus{
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  color:#e1c883;
  font-size:19px;
  letter-spacing:.06em;
  font-weight:800;
  text-transform:uppercase;
}
.mzPosterEpisodeTitle{
  margin:7px 0 22px;
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(29px,3vw,43px);
  line-height:1.02;
  color:#f3eadb;
  text-transform:uppercase;
  font-weight:900;
}
.mzPosterStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.mzPosterStat{
  min-width:0;
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid rgba(198,153,69,.72);
  border-radius:8px;
  background:rgba(0,0,0,.58);
  padding:12px 8px;
  box-sizing:border-box;
}
.mzPosterStat span{font-family:Georgia,'Times New Roman',serif;color:#d2b46f;font-size:13px;letter-spacing:.08em;font-weight:800}
.mzPosterStat strong{margin-top:9px;font-family:Georgia,'Times New Roman',serif;color:#f5ead8;font-size:clamp(31px,4vw,48px);line-height:.9}
.mzPosterRankMastery{
  display:grid;
  grid-template-columns:minmax(190px,.78fr) minmax(0,1.22fr);
  gap:12px;
  align-items:stretch;
  border:1px solid rgba(198,153,69,.70);
  border-radius:9px;
  background:rgba(0,0,0,.57);
  padding:14px;
  margin:0 0 14px;
}
.mzPosterRankBox{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0}
.mzPosterSectionLabel{font-family:Georgia,'Times New Roman',serif;color:#d2b46f;font-size:14px;letter-spacing:.07em;font-weight:900;text-transform:uppercase}
.mzPosterResult #rankResult.mzRankHost{min-height:210px!important;padding:7px 0!important;width:100%!important}
.mzPosterResult #rankResult .mzRankStamp{width:min(20vw,190px)!important;max-width:190px!important}
.mzPosterMasteryBox{padding:7px 2px 0;display:flex;flex-direction:column;justify-content:center;min-width:0}
.mzPosterOverall{font-family:Georgia,'Times New Roman',serif;font-size:47px;line-height:.95;color:#f4ead8;font-weight:900;margin:8px 0 17px}
.mzPosterMeta{display:grid;gap:9px}
.mzPosterMetaRow{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid rgba(156,126,68,.22);padding-bottom:8px;color:#ddd3c2;font-family:Georgia,'Times New Roman',serif;font-size:14px}
.mzPosterMetaRow b{color:#f1e7d5;white-space:nowrap}
.mzPosterAmuletSlot{margin:0 0 14px}
.mzPosterAmuletSlot:empty{display:none}
.mzPosterResult #finalAmuletSummary{margin:0!important;background:rgba(0,0,0,.54)!important;border-color:rgba(198,153,69,.56)!important}
.mzPosterLesson{
  border:1px solid rgba(198,153,69,.68);
  border-radius:8px;
  background:rgba(0,0,0,.60);
  padding:18px 20px;
  text-align:left;
}
.mzPosterLessonTitle{font-family:Georgia,'Times New Roman',serif;color:#d2b46f;font-size:14px;letter-spacing:.06em;font-weight:900;margin-bottom:9px}
.mzPosterLessonText{font-family:Georgia,'Times New Roman',serif;color:#f0e7d8;font-size:20px;line-height:1.37}
.mzPosterFullAttemptSlot{margin-top:14px}
.mzPosterFullAttemptSlot:empty{display:none}
.mzPosterResult #fullAttemptBox{margin:0!important;background:rgba(0,0,0,.54)!important;border-color:rgba(198,153,69,.56)!important}
.mzPosterTagline{text-align:center;font-family:Georgia,'Times New Roman',serif;font-weight:900;color:#e2c987;font-size:15px;letter-spacing:.03em;margin:23px 0 8px;text-transform:uppercase}
.mzPosterUrl{text-align:center;font-family:Georgia,'Times New Roman',serif;font-weight:800;color:#eee2cf;font-size:15px;padding-bottom:10px;border-bottom:2px solid rgba(183,34,37,.88);width:max-content;max-width:100%;margin:0 auto}
.mzPosterCompany{text-align:center;color:#bbaa91;font-size:10px;letter-spacing:.05em;margin-top:10px}
.mzPosterSurvive{position:absolute;right:26px;bottom:25px;font-family:'Comic Sans MS','Segoe Print',cursive;color:#eadfcf;font-size:15px;line-height:1.15;text-align:right;transform:rotate(-4deg);text-shadow:0 2px 7px #000}
.mzPosterSurvive em{color:#e0373c;font-style:normal}

#mzFinalPosterControls{
  width:100%;
  display:grid;
  gap:10px;
  margin:14px auto 0;
}
#mzFinalPosterControls .btn,
#mzShareCurrentResult{
  width:100%!important;
  margin:0!important;
  min-height:58px;
  box-sizing:border-box;
}
#mzShareCurrentResult{
  border:1px solid rgba(199,65,52,.94);
  background:linear-gradient(180deg,rgba(112,16,15,.95),rgba(54,8,8,.98));
  color:#f2dbc8;
  font-family:Georgia,'Times New Roman',serif;
  font-size:16px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:inset 0 0 24px rgba(225,77,43,.10),0 8px 22px rgba(0,0,0,.34);
}
#mzShareCurrentResult small{display:block;font-size:10px;letter-spacing:.08em;color:#c7aa92;margin-top:4px}
#mzShareCurrentResult:disabled{opacity:.62;cursor:wait}

/* Result poster itself contains no interactive controls; sharing captures exactly this block. */
.mzPosterResult button{display:none!important}

/* Amulet unlock must always appear over the poster/result UI. */
#mzAmuletUnlockOverlay{z-index:2147483000!important}
#mzInventoryOverlay,#mzAmuletDetail{z-index:2147482000!important}

@media(max-width:700px){
  #final.mzPosterFinal{padding:10px 6px calc(20px + env(safe-area-inset-bottom))!important}
  #final.mzPosterFinal>.coverCard{width:100%!important}
  .mzPosterResult{min-height:1260px;border-radius:8px}
  .mzPosterEdgeGlow{inset:8px;border-radius:5px}
  .mzPosterRealStories{left:14px;top:18px;font-size:8px;max-width:72px;opacity:.82}
  .mzPosterDarkLesson{right:13px;top:18px;font-size:9px;max-width:105px}
  .mzPosterSurvive{right:12px;bottom:12px;font-size:9px}
  .mzPosterShade{
    background:
      linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.18) 11%,rgba(0,0,0,.64) 24%,rgba(0,0,0,.84) 54%,rgba(0,0,0,.91) 100%),
      linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.02) 42%,rgba(0,0,0,.36));
  }
  .mzPosterPanel{
    width:86%;
    min-height:1145px;
    margin-left:12%;
    margin-top:58px;
    margin-bottom:42px;
    padding:18px 12px 20px;
    background:linear-gradient(180deg,rgba(2,2,2,.72),rgba(2,3,2,.88));
  }
  .mzPosterBrand .mzMaster{font-size:19px}
  .mzPosterBrand .mzEncounters{font-size:22px}
  .mzPosterBrand .mzGame{font-size:8px;letter-spacing:.36em;margin:8px 0 14px}
  .mzPosterStatus{font-size:12px}
  .mzPosterEpisodeTitle{font-size:25px;margin:5px 0 13px}
  .mzPosterStats{gap:5px}
  .mzPosterStat{min-height:88px;padding:7px 3px}
  .mzPosterStat span{font-size:8px}
  .mzPosterStat strong{font-size:27px;margin-top:6px}
  .mzPosterRankMastery{grid-template-columns:42% 58%;gap:5px;padding:8px}
  .mzPosterSectionLabel{font-size:9px}
  .mzPosterResult #rankResult.mzRankHost{min-height:150px!important;padding:3px 0!important}
  .mzPosterResult #rankResult .mzRankStamp{width:min(34vw,132px)!important;border-width:5px!important}
  .mzPosterResult #rankResult .mzRankStampTop,.mzPosterResult #rankResult .mzRankStampBottom{font-size:9px!important}
  .mzPosterResult #rankResult .mzRankStampLetter{font-size:58px!important}
  .mzPosterOverall{font-size:34px;margin:6px 0 10px}
  .mzPosterMeta{gap:6px}
  .mzPosterMetaRow{font-size:9px;padding-bottom:6px;gap:4px}
  .mzPosterLesson{padding:12px 11px}
  .mzPosterLessonTitle{font-size:9px;margin-bottom:6px}
  .mzPosterLessonText{font-size:14px;line-height:1.35}
  .mzPosterTagline{font-size:10px;margin:16px 0 6px}
  .mzPosterUrl{font-size:10px}
  .mzPosterCompany{font-size:7px}
  #mzFinalPosterControls .btn,#mzShareCurrentResult{min-height:52px}
}

/* ============================================================
   v11 — OPEN ARTWORK RESULT LAYOUT
   Remove nested black boxes / fixed poster height so the episode
   artwork remains visible and the poster ends immediately after content.
   ============================================================ */

/* No artificial poster height: fixes the large blank space below. */
.mzPosterResult{
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  padding-bottom:0!important;
}

/* Keep only the decorative outer frame. */
.mzPosterEdgeGlow{
  inset:16px!important;
  border-color:rgba(220,180,95,.66)!important;
}

/* The main information column is no longer a giant dark card. */
.mzPosterPanel{
  min-height:0!important;
  height:auto!important;
  width:58%!important;
  margin-left:39%!important;
  margin-top:78px!important;
  margin-bottom:62px!important;
  padding:22px 18px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Put readability into the global right-side shade rather than stacked boxes. */
.mzPosterShade{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.04) 24%,
      rgba(0,0,0,.14) 38%,
      rgba(0,0,0,.40) 57%,
      rgba(0,0,0,.61) 78%,
      rgba(0,0,0,.70) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.02) 55%,rgba(0,0,0,.20))!important;
}

/* Remove the three individual stat cards. */
.mzPosterStats{
  border-top:1px solid rgba(198,153,69,.38)!important;
  border-bottom:1px solid rgba(198,153,69,.38)!important;
  padding:12px 0!important;
  gap:0!important;
}
.mzPosterStat{
  min-height:96px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 10px!important;
}
.mzPosterStat+ .mzPosterStat{
  border-left:1px solid rgba(198,153,69,.34)!important;
}

/* Rank + mastery becomes one open section instead of another boxed layer. */
.mzPosterRankMastery{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:15px 0 10px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid rgba(198,153,69,.34)!important;
}
.mzPosterMetaRow{
  border-bottom:1px solid rgba(198,153,69,.18)!important;
}

/* Amulet summary / full attempt data should not create opaque panels either. */
.mzPosterResult #finalAmuletSummary,
.mzPosterResult #fullAttemptBox{
  background:rgba(0,0,0,.12)!important;
  border:0!important;
  border-left:2px solid rgba(198,153,69,.46)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Core lesson is text over artwork with only a slim gold guide line. */
.mzPosterLesson{
  border:0!important;
  border-radius:0!important;
  border-left:2px solid rgba(198,153,69,.52)!important;
  background:rgba(0,0,0,.12)!important;
  box-shadow:none!important;
  padding:13px 0 13px 14px!important;
}

/* Strong shadows maintain legibility without hiding the background art. */
.mzPosterBrand,
.mzPosterStatus,
.mzPosterEpisodeTitle,
.mzPosterStat,
.mzPosterRankMastery,
.mzPosterLesson,
.mzPosterTagline,
.mzPosterUrl,
.mzPosterCompany{
  text-shadow:0 2px 5px rgba(0,0,0,.96),0 0 9px rgba(0,0,0,.80)!important;
}

/* Ensure the poster naturally closes after its last line. */
.mzPosterTagline{margin-top:16px!important}
.mzPosterCompany{margin-bottom:0!important}

@media(max-width:700px){
  .mzPosterResult{
    min-height:0!important;
    height:auto!important;
  }
  .mzPosterEdgeGlow{inset:7px!important}

  /* Preserve a visible strip of the cinematic subject on the left. */
  .mzPosterPanel{
    width:74%!important;
    margin-left:24%!important;
    margin-top:48px!important;
    margin-bottom:34px!important;
    padding:12px 9px 12px!important;
    background:transparent!important;
  }

  .mzPosterShade{
    background:
      linear-gradient(90deg,
        rgba(0,0,0,.00) 0%,
        rgba(0,0,0,.02) 18%,
        rgba(0,0,0,.08) 36%,
        rgba(0,0,0,.30) 54%,
        rgba(0,0,0,.48) 74%,
        rgba(0,0,0,.60) 100%),
      linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.00) 48%,rgba(0,0,0,.14))!important;
  }

  .mzPosterBg{
    object-position:20% center!important;
    filter:brightness(1.30) saturate(1.18) contrast(1.06)!important;
  }

  .mzPosterStats{padding:8px 0!important}
  .mzPosterStat{min-height:72px!important;padding:5px 3px!important}
  .mzPosterRankMastery{padding:9px 0 7px!important}
  .mzPosterLesson{padding:9px 0 9px 9px!important;background:rgba(0,0,0,.10)!important}

  /* Hide bottom corner slogan on very small screens so it cannot create/overlap space. */
  .mzPosterSurvive{display:none!important}
}

/* ============================================================
   v13 — stronger background subject visibility + share stability aids
   ============================================================ */
.mzPosterFocusGlow{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 52%,rgba(188,48,28,.18) 0%,rgba(150,20,18,.10) 20%,rgba(0,0,0,0) 42%),
    radial-gradient(circle at 16% 64%,rgba(244,116,42,.12) 0%,rgba(0,0,0,0) 28%);
}
.mzPosterBg{
  object-position:18% center!important;
  filter:brightness(1.24) saturate(1.16) contrast(1.12)!important;
}
.mzPosterShade{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.00) 0%,
      rgba(0,0,0,.02) 24%,
      rgba(0,0,0,.12) 38%,
      rgba(0,0,0,.38) 56%,
      rgba(0,0,0,.60) 76%,
      rgba(0,0,0,.76) 100%),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.00) 56%,rgba(0,0,0,.16))!important;
}
.mzPosterPanel{
  width:56%!important;
  margin-left:41%!important;
}
.mzPosterLesson{background:rgba(0,0,0,.08)!important}
.mzPosterResult #finalAmuletSummary,
.mzPosterResult #fullAttemptBox{background:rgba(0,0,0,.10)!important}

@media(max-width:700px){
  .mzPosterFocusGlow{
    background:
      radial-gradient(circle at 16% 50%,rgba(188,48,28,.20) 0%,rgba(150,20,18,.11) 22%,rgba(0,0,0,0) 44%),
      radial-gradient(circle at 14% 62%,rgba(244,116,42,.14) 0%,rgba(0,0,0,0) 32%);
  }
  .mzPosterBg{
    object-position:14% center!important;
    filter:brightness(1.32) saturate(1.18) contrast(1.14)!important;
  }
  .mzPosterShade{
    background:
      linear-gradient(90deg,
        rgba(0,0,0,.00) 0%,
        rgba(0,0,0,.01) 18%,
        rgba(0,0,0,.08) 34%,
        rgba(0,0,0,.28) 52%,
        rgba(0,0,0,.52) 72%,
        rgba(0,0,0,.70) 100%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.00) 48%,rgba(0,0,0,.12))!important;
  }
  .mzPosterPanel{
    width:72%!important;
    margin-left:26%!important;
  }
}

/* v13 campaign-rank + stronger artwork visibility */
.mzPosterCampaignRankRow b,#mzPosterCampaignRank{color:#f1e4c8!important;font-weight:900!important}
@media(max-width:700px){.mzPosterCampaignRankRow{font-size:8px!important}.mzPosterCampaignRankRow span{max-width:72%;line-height:1.15}.mzPosterCampaignRankRow b{font-size:10px!important}}


/* V77 — result readability / title-clearance fix
   Keep the achieved-rank background visible, but move the live result panel
   below the artwork title area and give all result wording a stronger dark plate. */
.mzPosterResult{
  min-height:1680px;
}
.mzPosterPanel{
  margin-top:340px;
  margin-bottom:70px;
  min-height:1220px;
  background:
    linear-gradient(180deg,rgba(3,3,3,.94),rgba(1,2,1,.97));
  border-color:rgba(204,163,80,.86);
  box-shadow:
    0 24px 72px rgba(0,0,0,.78),
    inset 0 0 0 1px rgba(255,224,153,.045);
  backdrop-filter:blur(2px);
}
.mzPosterBrand,
.mzPosterStatus,
.mzPosterEpisodeTitle{
  position:relative;
  z-index:1;
}
.mzPosterBrand{
  padding:14px 14px 4px;
  border-radius:9px 9px 0 0;
  background:rgba(0,0,0,.70);
}
.mzPosterStatus{
  padding:9px 14px 0;
  background:rgba(0,0,0,.70);
}
.mzPosterEpisodeTitle{
  margin:0 0 18px;
  padding:8px 14px 15px;
  border-radius:0 0 9px 9px;
  background:rgba(0,0,0,.70);
  border-bottom:1px solid rgba(198,153,69,.34);
}
.mzPosterStat{
  background:rgba(0,0,0,.82);
}
.mzPosterRankMastery{
  background:rgba(0,0,0,.84);
}
.mzPosterLesson{
  background:rgba(0,0,0,.84);
}
.mzPosterResult #fullAttemptBox{
  background:rgba(0,0,0,.82)!important;
}

/* On narrower phones, preserve title clearance without creating an excessive gap. */
@media (max-width:720px){
  .mzPosterResult{min-height:1540px}
  .mzPosterPanel{
    margin-top:285px;
    min-height:1130px;
  }
}


/* V78 HARD OVERRIDE — result overlay readability + title clearance */
#mzPosterResult.mzPosterResult{
  min-height:1780px !important;
}
#mzPosterResult .mzPosterPanel{
  width:58% !important;
  margin-left:40% !important;
  margin-top:430px !important;
  margin-bottom:72px !important;
  min-height:1180px !important;
  padding:30px 26px 28px !important;
  background:rgba(2,2,2,.94) !important;
  border:1px solid rgba(204,163,80,.88) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.84), inset 0 0 0 1px rgba(255,224,153,.04) !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
}
#mzPosterResult .mzPosterBrand,
#mzPosterResult .mzPosterStatus,
#mzPosterResult .mzPosterEpisodeTitle,
#mzPosterResult .mzPosterStats,
#mzPosterResult .mzPosterRankMastery,
#mzPosterResult .mzPosterLesson,
#mzPosterResult .mzPosterFullAttemptSlot,
#mzPosterResult .mzPosterTagline,
#mzPosterResult .mzPosterUrl,
#mzPosterResult .mzPosterCompany{
  position:relative !important;
  z-index:5 !important;
}
#mzPosterResult .mzPosterBrand{
  padding:16px 14px 7px !important;
  background:rgba(0,0,0,.88) !important;
  border-radius:10px 10px 0 0 !important;
}
#mzPosterResult .mzPosterStatus{
  padding:10px 14px 2px !important;
  background:rgba(0,0,0,.88) !important;
}
#mzPosterResult .mzPosterEpisodeTitle{
  margin:0 0 18px !important;
  padding:8px 14px 16px !important;
  background:rgba(0,0,0,.88) !important;
  border-radius:0 0 10px 10px !important;
  border-bottom:1px solid rgba(198,153,69,.48) !important;
}
#mzPosterResult .mzPosterStat{
  background:rgba(0,0,0,.88) !important;
}
#mzPosterResult .mzPosterRankMastery{
  background:rgba(0,0,0,.90) !important;
}
#mzPosterResult .mzPosterLesson{
  background:rgba(0,0,0,.90) !important;
}
#mzPosterResult #fullAttemptBox{
  background:rgba(0,0,0,.88) !important;
}

/* Keep the whole text block lower even on mobile share capture. */
@media (max-width:720px){
  #mzPosterResult.mzPosterResult{
    min-height:1680px !important;
  }
  #mzPosterResult .mzPosterPanel{
    width:62% !important;
    margin-left:36% !important;
    margin-top:360px !important;
    min-height:1120px !important;
    padding:24px 20px 24px !important;
  }
}


/* V80 — match all information boxes to the dark result box + mobile layout fix */
#mzPosterResult .mzPosterStat,
#mzPosterResult .mzPosterRankMastery,
#mzPosterResult .mzPosterLesson,
#mzPosterResult #finalAmuletSummary,
#mzPosterResult #fullAttemptBox{
  background:rgba(0,0,0,.92) !important;
  border-color:rgba(198,153,69,.78) !important;
  box-shadow:inset 0 0 0 1px rgba(255,224,153,.025) !important;
}

/* Sanity / Awareness / Wisdom each get the same dense dark plate. */
#mzPosterResult .mzPosterStats{
  position:relative !important;
  z-index:6 !important;
}
#mzPosterResult .mzPosterStat{
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}

/* Core Lesson should read like the main result box, not a transparent caption. */
#mzPosterResult .mzPosterLesson{
  padding:18px 20px !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}

/* MOBILE: use a centered readable result card rather than the desktop side panel.
   This also makes the exported/share result match what is visible on phone. */
@media (max-width:720px){
  #mzPosterResult.mzPosterResult{
    min-height:1780px !important;
  }

  #mzPosterResult .mzPosterPanel{
    width:90% !important;
    margin-left:5% !important;
    margin-right:5% !important;
    margin-top:340px !important;
    margin-bottom:62px !important;
    min-height:1160px !important;
    padding:22px 18px 24px !important;
    background:rgba(2,2,2,.95) !important;
    box-sizing:border-box !important;
  }

  #mzPosterResult .mzPosterStats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  #mzPosterResult .mzPosterStat{
    min-height:102px !important;
    padding:10px 4px !important;
    background:rgba(0,0,0,.94) !important;
  }

  #mzPosterResult .mzPosterStat span{
    font-size:10px !important;
    letter-spacing:.04em !important;
  }

  #mzPosterResult .mzPosterStat strong{
    font-size:clamp(24px,8vw,37px) !important;
  }

  #mzPosterResult .mzPosterRankMastery{
    grid-template-columns:minmax(125px,.72fr) minmax(0,1.28fr) !important;
    gap:9px !important;
    padding:11px !important;
    background:rgba(0,0,0,.94) !important;
  }

  #mzPosterResult #rankResult.mzRankHost{
    min-height:170px !important;
  }

  #mzPosterResult #rankResult .mzRankStamp{
    width:min(34vw,155px) !important;
    max-width:155px !important;
  }

  #mzPosterResult .mzPosterOverall{
    font-size:38px !important;
    margin:7px 0 13px !important;
  }

  #mzPosterResult .mzPosterMetaRow{
    font-size:11px !important;
    gap:7px !important;
    padding-bottom:6px !important;
  }

  #mzPosterResult .mzPosterLesson{
    background:rgba(0,0,0,.94) !important;
    padding:15px 16px !important;
  }

  #mzPosterResult .mzPosterLessonText{
    font-size:16px !important;
    line-height:1.34 !important;
  }

  #mzPosterResult .mzPosterBrand .mzMaster{
    font-size:23px !important;
  }
  #mzPosterResult .mzPosterBrand .mzEncounters{
    font-size:27px !important;
  }
  #mzPosterResult .mzPosterStatus{
    font-size:14px !important;
  }
  #mzPosterResult .mzPosterEpisodeTitle{
    font-size:clamp(24px,7vw,34px) !important;
  }
}


/* V81 — lighter result plates: preserve ~70% more background visibility than V80 */
#mzPosterResult .mzPosterPanel{
  background:rgba(2,2,2,.56) !important;
  backdrop-filter:blur(1px) !important;
  -webkit-backdrop-filter:blur(1px) !important;
}
#mzPosterResult .mzPosterBrand,
#mzPosterResult .mzPosterStatus,
#mzPosterResult .mzPosterEpisodeTitle{
  background:rgba(0,0,0,.54) !important;
}
#mzPosterResult .mzPosterStat,
#mzPosterResult .mzPosterRankMastery,
#mzPosterResult .mzPosterLesson,
#mzPosterResult #finalAmuletSummary,
#mzPosterResult #fullAttemptBox{
  background:rgba(0,0,0,.58) !important;
}

/* Mobile must retain the rank artwork instead of becoming an opaque black card. */
@media (max-width:720px){
  #mzPosterResult .mzPosterPanel{
    background:rgba(2,2,2,.54) !important;
  }
  #mzPosterResult .mzPosterBrand,
  #mzPosterResult .mzPosterStatus,
  #mzPosterResult .mzPosterEpisodeTitle{
    background:rgba(0,0,0,.52) !important;
  }
  #mzPosterResult .mzPosterStat,
  #mzPosterResult .mzPosterRankMastery,
  #mzPosterResult .mzPosterLesson,
  #mzPosterResult #finalAmuletSummary,
  #mzPosterResult #fullAttemptBox{
    background:rgba(0,0,0,.56) !important;
  }
}


/* V82 — further reduce result-box opacity */
#mzPosterResult .mzPosterPanel{
  background:rgba(2,2,2,.38) !important;
}
#mzPosterResult .mzPosterBrand,
#mzPosterResult .mzPosterStatus,
#mzPosterResult .mzPosterEpisodeTitle{
  background:rgba(0,0,0,.40) !important;
}
#mzPosterResult .mzPosterStat,
#mzPosterResult .mzPosterRankMastery,
#mzPosterResult .mzPosterLesson,
#mzPosterResult #finalAmuletSummary,
#mzPosterResult #fullAttemptBox{
  background:rgba(0,0,0,.42) !important;
}

@media (max-width:720px){
  #mzPosterResult .mzPosterPanel{
    background:rgba(2,2,2,.36) !important;
  }
  #mzPosterResult .mzPosterBrand,
  #mzPosterResult .mzPosterStatus,
  #mzPosterResult .mzPosterEpisodeTitle{
    background:rgba(0,0,0,.38) !important;
  }
  #mzPosterResult .mzPosterStat,
  #mzPosterResult .mzPosterRankMastery,
  #mzPosterResult .mzPosterLesson,
  #mzPosterResult #finalAmuletSummary,
  #mzPosterResult #fullAttemptBox{
    background:rgba(0,0,0,.40) !important;
  }
}


/* V83 — SHARE IMAGE ONLY: darker information plates.
   Live desktop/mobile result screen keeps V82 opacity. */
#mzPosterResult.mzShareCaptureMode .mzPosterPanel{
  background:rgba(2,2,2,.70) !important;
}
#mzPosterResult.mzShareCaptureMode .mzPosterBrand,
#mzPosterResult.mzShareCaptureMode .mzPosterStatus,
#mzPosterResult.mzShareCaptureMode .mzPosterEpisodeTitle{
  background:rgba(0,0,0,.72) !important;
}
#mzPosterResult.mzShareCaptureMode .mzPosterStat,
#mzPosterResult.mzShareCaptureMode .mzPosterRankMastery,
#mzPosterResult.mzShareCaptureMode .mzPosterLesson,
#mzPosterResult.mzShareCaptureMode #finalAmuletSummary,
#mzPosterResult.mzShareCaptureMode #fullAttemptBox{
  background:rgba(0,0,0,.74) !important;
}