/* VEILWATCH // THE SIX MANUSCRIPTS
   Six original vector engravings: character-led background calligraphy,
   never painted over source art, navigation, links, or controllers.
   Single decoded SVG per visited route; static, no WebGL or animation.
 */
.panel{isolation:isolate}
.panel > .vw-calligraphy{
  position:absolute!important;
  display:block;
  inset:0;
  width:100%;
  height:100%;
  z-index:0!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  user-select:none!important;
  border-radius:inherit;
  overflow:hidden;
  opacity:.62;
  contain:paint;
}
.panel > .vw-calligraphy > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:cover;
  object-position:center center;
  pointer-events:none!important;
  user-select:none;
  -webkit-user-drag:none;
}
#threshold > .vw-calligraphy{opacity:.53}
#threshold > .vw-calligraphy > img{object-position:58% center}
#world > .vw-calligraphy{opacity:.59}
#watchers > .vw-calligraphy{opacity:.61}
#bestiary > .vw-calligraphy{opacity:.57}
#media > .vw-calligraphy{opacity:.61}
#series > .vw-calligraphy{opacity:.61}
/* The original hero, panels, buttons and media must be above all ink. */
#threshold > :not(.vw-calligraphy):not(.vw-panel-foil){
  position:relative;
  z-index:2;
}
#threshold > .veilwatch-home-bubbles,
#threshold > .hero-foot{
  position:absolute;
}
.content-panel > :not(.vw-calligraphy):not(.vw-panel-foil){
  position:relative;
  z-index:1;
}
.content-panel > .vw-calligraphy{position:absolute!important;z-index:0!important}
.content-panel > .vw-panel-foil{z-index:1!important}
.content-panel > .section-heading,
.content-panel > .lore-grid,
.content-panel > .watcher-grid,
.content-panel > .records,
.content-panel > .media-grid,
.content-panel > .series-stats{
  z-index:2;
}
/* Cards remain a legible foreground; engraved strokes show through the
   broad dark margins and transparent glass, not atop words or portraits. */
.content-panel :is(.lore-grid article,.watcher-grid article[data-watcher],.media-card,.series-stats>div,.records details){
  background-color:rgba(12,10,18,.88);
}
/* Stretched marks should never demand GPU transforms. */
.vw-calligraphy,.vw-calligraphy img{
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .panel>.vw-calligraphy{opacity:.48}
  #threshold>.vw-calligraphy{opacity:.45}
  #watchers>.vw-calligraphy{opacity:.5}
  #series>.vw-calligraphy{opacity:.5}
  .panel>.vw-calligraphy>img{
    object-position:58% 50%;
  }
  #watchers>.vw-calligraphy>img{object-position:52% center}
  #media>.vw-calligraphy>img{object-position:61% center}
}
/* SVG alone owns decorative geometry and never creates an interactive target. */
@media(prefers-reduced-motion:reduce){
 .vw-calligraphy,.vw-calligraphy img{animation:none!important;transition:none!important}
}