/* One viewport-fixed lacquer backdrop shared by the entire campaign. */
body{position:relative;isolation:isolate;background:#070707}
.nacre-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#070707}
.nacre-background img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:.88;filter:blur(1.2px) saturate(1.25);transform:scale(1.025)}
.nacre-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07070708,#07070780 32%,#07070780 68%,#07070708)}
.campaign-header{background:#14130fcc}
.hero{background:radial-gradient(ellipse 80% 60% at 50% 110%,#d8b46a12,transparent 60%)}
.hero::before{opacity:.3}
.tick{background:#0e0e0fb8}
.rd,.pz,.ap{background:#0707073d}
.oo{background:#0003}
.application-section{background:radial-gradient(ellipse at 80% 100%,#30251344,transparent 50%),#0707073d}
.foot{background:#07070744}
/* All three portraits share the fixed nacre layer and never move with sections. */
.legends-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.backdrop-portrait{position:absolute;top:8%;width:47%;height:92%;pointer-events:none;background-repeat:no-repeat;background-size:175% auto;background-position:50% 20%;opacity:.16;filter:grayscale(1) contrast(1.1) blur(1px);-webkit-mask-image:radial-gradient(ellipse 48% 46% at 52% 42%,#000 18%,#0009 50%,transparent 100%);mask-image:radial-gradient(ellipse 48% 46% at 52% 42%,#000 18%,#0009 50%,transparent 100%)}
.portrait-hur{left:-3%;background-image:url('/assets/national-legends-season1/source-01.webp')}
.portrait-hyun{left:27%;background-image:url('/assets/national-legends-season1/source-02.webp')}
.portrait-lee{left:56%;background-image:url('/assets/national-legends-season1/source-03.webp');background-position:85% 37%}
@media(max-width:600px){
  /* Keep the left inlay visible when the wide artwork fills a portrait screen. */
  .nacre-background img{object-position:18% center;opacity:.78;filter:blur(1px) saturate(1.15)}
  .nacre-background::after{background:linear-gradient(90deg,#07070729,#07070780 58%,#07070788)}
  .backdrop-portrait{top:20%;width:60%;height:70%;opacity:.12;background-size:185% auto;background-position:50% 14%}
  .portrait-hur{left:-10%}
  .portrait-hyun{left:20%}
  .portrait-lee{left:50%}
  .portrait-lee{background-position:85% 26%}
}