/* VALTHERA2 V18 — exact user-supplied warrior background on ALL pages */
html,body{min-height:100%;background:#1d0c04!important}
body,body.eryon-inspired,body.brown-reference{
    margin:0;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    overflow-x:hidden;
    background:#1d0c04!important;
    cursor:url('/assets/images/silver-cursor.png') 3 2,auto!important;
}

/* The image is only a background layer. All website UI stays separate above it. */
.valthera-world-bg{
    position:fixed;
    inset:-3%;
    z-index:0;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(23,9,3,.02),rgba(20,8,3,.13)),
      url('/assets/images/valthera2-user-warrior-v18.png') center center/cover no-repeat;
    transform:translate3d(0,0,0) scale(1.045);
    transform-origin:center;
    animation:v18WorldMotion 12s ease-in-out infinite alternate;
    will-change:transform;
    backface-visibility:hidden;
}
@keyframes v18WorldMotion{
    0%{transform:translate3d(-7px,-5px,0) scale(1.045)}
    50%{transform:translate3d(6px,3px,0) scale(1.055)}
    100%{transform:translate3d(-2px,9px,0) scale(1.05)}
}

/* Independent moving embers */
.v17-particles,.v17-particles::before,.v17-particles::after{
    position:fixed;inset:-18%;pointer-events:none;z-index:1
}
.v17-particles{overflow:hidden}
.v17-particles::before,.v17-particles::after{
    content:"";
    background-image:
      radial-gradient(circle,rgba(255,229,169,.98) 0 1px,transparent 2px),
      radial-gradient(circle,rgba(255,151,42,.90) 0 1.3px,transparent 2.4px),
      radial-gradient(circle,rgba(255,108,19,.72) 0 1.2px,transparent 2.2px),
      radial-gradient(circle,rgba(255,242,207,.58) 0 1px,transparent 2px);
    background-size:125px 150px,205px 190px,290px 260px,380px 340px;
    background-position:0 0,65px 105px,145px 30px,25px 170px;
    animation:v18Embers 18s linear infinite;
    opacity:.48;
    will-change:transform;
    transform:translate3d(0,0,0);
}
.v17-particles::after{
    animation-duration:29s;
    animation-direction:reverse;
    opacity:.23;
}
@keyframes v18Embers{
    from{transform:translate3d(0,120px,0)}
    to{transform:translate3d(45px,-240px,0)}
}

/* No page is allowed to draw another background image. */
.br-home,.br-hero,.br-panels,.ey-page,.ey-hero,.hero,.page-hero,.support-hero,
main,.page,.content,.content-wrap,.site-content,.support-page,.support-wrap,.panel-page{
    background-image:none!important;
    background-color:transparent!important;
}

/* Website content above the moving background. */
body > *:not(.valthera-world-bg):not(.v17-particles){
    position:relative;
    z-index:5;
}
header,.top,nav{z-index:100!important}
footer{margin-top:auto!important;z-index:10!important}
.valthera-footer-logo{display:none!important}

/* Instant silver native cursor. */
a,button,input,textarea,select,label,[role="button"],.btn,.button{
    cursor:url('/assets/images/silver-cursor.png') 3 2,pointer!important;
}

@media(max-width:800px){
    .valthera-world-bg{
        background-position:62% center;
        inset:-5%;
    }
}
@media(prefers-reduced-motion:reduce){
    .valthera-world-bg,.v17-particles::before,.v17-particles::after{animation:none!important}
}