/* New section paintings generated from Webzen R2 visual references; original compositions. */
body.rage-site{--section-art:url('/db/assets/world-art-original/home.webp');--section-position:center 30%;--section-tone:.68}
body[data-page="items"],body[data-page="item"],body[data-page="enhancement"]{--section-art:url('/db/assets/world-art-original/items.webp');--section-position:center 20%}
body[data-page="monsters"],body[data-page="monster"]{--section-art:url('/db/assets/world-art-original/monsters.webp');--section-position:center 34%;--section-tone:.8}
body[data-page="locations"],body[data-page="location"],body[data-page="wiki-location"]{--section-art:url('/db/assets/world-art-original/locations.webp');--section-position:center 36%;--section-tone:.58}
body[data-page="quests"]{--section-art:url('/db/assets/world-art-original/quests.webp');--section-position:center 38%;--section-tone:.64}
body[data-page="set-bonuses"]{--section-art:url('/db/assets/world-art-original/sets.webp');--section-position:center 30%}
body[data-page] .site-art{height:620px;background-image:linear-gradient(90deg,#180e09dc 0%,#180e0970 34%,#180e0915 78%),linear-gradient(180deg,#180e0920 0%,#180e0910 35%,#180e09 100%),var(--section-art);background-position:center,var(--section-position),var(--section-position);background-size:cover;background-repeat:no-repeat;opacity:var(--section-tone);filter:saturate(.67);mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
/* Full-width environment grows out of the page, without a footer rectangle. */
.site-world-floor{position:absolute;z-index:-1;pointer-events:none;bottom:0;left:0;right:0;height:620px;background:linear-gradient(180deg,#180e0900 25%,#180e094d 58%,#100e0b99),url('/db/assets/world-art/r2-castle-painted-v2.webp') center 65%/cover no-repeat;opacity:.72;mask-image:linear-gradient(180deg,transparent 0%,#0002 16%,#000a 43%,#000 72%)}
.site-footer{display:block;isolation:auto;overflow:visible;margin:0 auto;padding:0 28px;background:none;border:0}
.site-footer:before,.site-footer:after{display:none}
.site-footer .footer-main{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:116px 0 26px}
.site-footer .footer-logo{gap:9px;filter:drop-shadow(0 2px 5px #0009)}
.site-footer .footer-logo img:first-child{width:50px;height:48px}.site-footer .footer-logo img:last-child{width:144px;height:49px}
.site-footer .footer-brand p{margin:8px 0 0 59px;color:#b9a78d;font-size:11px;text-shadow:0 1px 3px #000}
.site-footer .footer-bottom{border-top:1px solid #a6854a22;color:#9b8a73;text-shadow:0 1px 3px #000}
.site-footer .footer-to-top{font-size:11px;color:#c0b091}
.site-footer .footer-to-top span{background:#1b140d55;border-color:#8b744e77}
@media(min-width:2200px){.site-world-floor{background-size:100% auto}}
@media(max-width:640px){body[data-page] .site-art{height:440px;background-position:center,65% top,65% top;opacity:.48}.site-world-floor{height:520px;background-position:48% bottom;background-size:auto 520px;opacity:.65}.site-footer{padding:0 18px}.site-footer .footer-main{padding:100px 0 24px;gap:24px;flex-wrap:wrap;align-items:center}.site-footer .footer-to-top{margin-left:auto}.site-footer .footer-bottom{padding:15px 0}}

/* Wide original headers begin below navigation so heads and equipment are visible. */
body[data-page]:not([data-page="trees"]) .site-art{top:80px;filter:none;background-position:center top;--section-position:center top}
@media(max-width:640px){body[data-page]:not([data-page="trees"]) .site-art{top:70px;background-position:center,68% top,68% top}}
