/* Full illustrated section backdrops live on the section itself, not under its cards. */
/* animated section emblems intentionally remain visible */
.tab-panel{position:relative;isolation:isolate;overflow:visible}
.tab-panel>.shell{position:relative;z-index:2}
.section-illustration-v5144{
  --section-art-opacity:.34;
  position:absolute;z-index:1;pointer-events:none;overflow:hidden;
  right:max(6px,calc((100vw - 1180px)/2 - 170px));top:92px;
  width:min(690px,48vw);height:410px;
  opacity:var(--section-art-opacity);transform:translate3d(0,0,0);transform-origin:72% 42%;
  transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1);
  -webkit-mask-image:radial-gradient(ellipse 76% 72% at 59% 47%,#000 34%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.56) 72%,transparent 96%);
  mask-image:radial-gradient(ellipse 76% 72% at 59% 47%,#000 34%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.56) 72%,transparent 96%);
}
.section-illustration-v5144::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,12,20,.78) 0%,rgba(12,12,20,.20) 36%,transparent 70%)}
.section-illustration-v5144 img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  filter:saturate(.82) brightness(.90) contrast(1.10);transform:scale(1.025)
}
.tab-panel:not([hidden]) .section-illustration-v5144{animation:sectionArtDrift5145 18s ease-in-out infinite alternate}
.tab-panel.magic-section-active .section-illustration-v5144{--section-art-opacity:.43;transform:scale(1.018)}
#overview>.section-illustration-v5144{top:82px;width:min(760px,51vw);--section-art-opacity:.38}
#characters>.section-illustration-v5144{top:100px;--section-art-opacity:.35}
#places>.section-illustration-v5144{top:94px;--section-art-opacity:.36}
#bestiary>.section-illustration-v5144{top:84px;--section-art-opacity:.27}
#stash>.section-illustration-v5144{top:96px;--section-art-opacity:.34}
#relationships>.section-illustration-v5144{top:96px;--section-art-opacity:.33}
#threads>.section-illustration-v5144{top:94px;--section-art-opacity:.34}
#board>.section-illustration-v5144{top:94px;--section-art-opacity:.33}
#timeline>.section-illustration-v5144{top:96px;--section-art-opacity:.34}
#settings>.section-illustration-v5144{top:92px;--section-art-opacity:.31}
@keyframes sectionArtDrift5145{from{translate:0 0;scale:1}to{translate:-8px 5px;scale:1.014}}
body.calm-mode .section-illustration-v5144,body.effects-off .section-illustration-v5144{animation:none!important;opacity:.22!important}
@media(max-width:1180px){
  .section-illustration-v5144{right:-74px;width:560px;height:350px;top:92px;--section-art-opacity:.30}
}
@media(max-width:900px){
  .section-illustration-v5144{right:-78px!important;top:86px!important;width:410px!important;height:270px!important;--section-art-opacity:.22!important;
    -webkit-mask-image:radial-gradient(ellipse 77% 72% at 62% 47%,#000 31%,rgba(0,0,0,.76) 62%,transparent 94%);
    mask-image:radial-gradient(ellipse 77% 72% at 62% 47%,#000 31%,rgba(0,0,0,.76) 62%,transparent 94%)}
  #bestiary>.section-illustration-v5144{--section-art-opacity:.18!important}
}
@media(max-width:560px){
  .section-illustration-v5144{right:-108px!important;top:78px!important;width:330px!important;height:225px!important;--section-art-opacity:.16!important}
  #bestiary>.section-illustration-v5144{--section-art-opacity:.13!important}
}
@media(prefers-reduced-motion:reduce){.section-illustration-v5144{animation:none!important}}