/* 5.12.5: the section mascot/emblem is the animated bestiary vector in the right-hand corner.
   Keep actual creature dossier art clipped as before; only let the corner emblem break the frame. */
@media (min-width:861px){
  /* Undo the accidental 5.12.4 dossier-art bleed. */
  #bestiary .beta52-dossier{overflow:hidden!important}
  #bestiary .beta52-main-art{overflow:hidden!important}
  #bestiary .beta52-main-art img{width:92%!important;height:92%!important;max-width:100%!important}
  #bestiary .beta52-main-art.has-image img{width:100%!important;height:100%!important}
  #bestiary .beta52-main-art .beta513-monster-art{width:92%!important;height:92%!important}

  /* The right-side section emblem may escape its decorative stage/panel. */
  #bestiary .beta52-right{overflow:visible!important;position:relative;z-index:3}
  #bestiary .beta52-right-stage{overflow:visible!important;isolation:isolate;z-index:4}
  #bestiary .beta52-right-art,
  #bestiary .beta52-right-art *,
  #bestiary .beta512-bestiary-art,
  #bestiary .beta513-bestiary-vector{pointer-events:none!important}

  /* Keep the selected-creature silhouette itself inside the stage even though the stage now allows bleed.
     Its box intentionally extends 15% beyond each side; this inset clips that overscan back to the frame. */
  #bestiary .beta52-right-creature{clip-path:inset(0 11.55% 0 11.55%);z-index:2;pointer-events:none!important}
  #bestiary .beta52-right-creature img{pointer-events:none!important}
  #bestiary .beta52-right-stage .beta52-right-art{z-index:5;overflow:visible!important}
  #bestiary .beta52-right-art .beta513-bestiary-vector{overflow:visible!important}
  #bestiary .beta52-right-art .beta513-bestiary-vector svg{overflow:visible!important}
}
/* Touch layouts stay conservative: mascot remains within the card so it cannot cover controls/nav. */
@media (max-width:860px){
  #bestiary .beta52-main-art,#bestiary .beta52-right,#bestiary .beta52-right-stage{overflow:hidden!important}
}

/* Make the purpose of Living Magic self-explanatory without revealing secret locations. */
#ritualCabinetModal .beta512-magic-lead{margin:4px 0 12px!important;padding:10px 12px;border-left:2px solid color-mix(in srgb,var(--card-magic,#b89df0) 58%,transparent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--card-magic,#b89df0) 5%,transparent);color:var(--muted);line-height:1.55}
#ritualCabinetModal .beta512-magic-lead strong{color:var(--ink);font-weight:650}
#ritualCabinetModal .beta512-magic-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 13px}
#ritualCabinetModal .beta512-magic-guide>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid color-mix(in srgb,var(--card-magic,#b89df0) 18%,var(--line));border-radius:12px;background:rgba(255,255,255,.015)}
#ritualCabinetModal .beta512-magic-guide b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--card-magic,#b89df0) 10%,transparent);color:#d8c9f7;font:600 12px Georgia,serif}
#ritualCabinetModal .beta512-magic-guide span,#ritualCabinetModal .beta512-magic-guide strong,#ritualCabinetModal .beta512-magic-guide small{display:block;min-width:0}
#ritualCabinetModal .beta512-magic-guide strong{color:var(--ink);font:600 12px/1.25 Georgia,serif}
#ritualCabinetModal .beta512-magic-guide small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}
#ritualCabinetModal .beta512-magic-stat{position:relative;overflow:hidden}
#ritualCabinetModal .beta512-magic-stat strong{font-size:25px;line-height:1}
#ritualCabinetModal .beta512-magic-stat strong em{margin-left:2px;color:var(--muted);font:500 12px/1 ui-monospace,monospace;font-style:normal}
#ritualCabinetModal .beta512-magic-stat::after{content:"";position:absolute;right:-18px;bottom:-22px;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--card-magic,#b89df0) 12%,transparent);border-radius:50%}
#ritualCabinetModal .beta512-callout{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
#ritualCabinetModal .beta512-callout>span{color:var(--muted);font-size:10px}
#ritualCabinetModal .beta512-callout .btn{border-color:color-mix(in srgb,var(--card-magic,#b89df0) 30%,var(--line));background:color-mix(in srgb,var(--card-magic,#b89df0) 8%,transparent)}
@media (max-width:760px){
  #ritualCabinetModal .beta512-magic-guide{grid-template-columns:1fr}
  #ritualCabinetModal .beta512-callout{align-items:stretch}
  #ritualCabinetModal .beta512-callout .btn{width:100%;justify-content:center}
}