body{background:radial-gradient(circle at 12% 8%,hsl(var(--brand) / .08),transparent 28rem),radial-gradient(circle at 88% 34%,hsl(var(--brand) / .05),transparent 34rem),hsl(var(--background));background-attachment:fixed}#main{position:relative;isolation:isolate}#main:before{position:absolute;inset:-2rem -1rem;z-index:-2;background:radial-gradient(circle at 18% 10%,hsl(var(--brand) / .08),transparent 28rem),radial-gradient(circle at 82% 32%,hsl(var(--brand) / .05),transparent 34rem),linear-gradient(180deg,hsl(var(--background) / .34),hsl(var(--background) / .94));content:"";opacity:.12;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 82%);mask-image:linear-gradient(to bottom,black 0%,transparent 82%)}#main:after{position:absolute;inset:18rem -4rem 6rem;z-index:-1;background:radial-gradient(circle at 10% 30%,hsl(var(--brand) / .1),transparent 24rem),radial-gradient(circle at 90% 68%,hsl(var(--brand) / .07),transparent 28rem);content:"";filter:blur(28px);pointer-events:none}#main>section:first-child{position:relative;border:1px solid rgb(255 255 255 / .1);border-radius:1.25rem;background:linear-gradient(90deg,#040508f0,#06070abd 48%,#06070a4d),linear-gradient(180deg,#0000000a,#0000006b),url(/images/showcase/hero-world.webp) 68% center / cover no-repeat;box-shadow:0 32px 80px -40px #000000e6}#main>section:first-child:after{position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -80px 100px -80px #000000e6;content:"";pointer-events:none}#main>section:first-child>span{display:none}#main>section:first-child>div:last-of-type{z-index:3}#main>section:first-child>div:last-of-type>p{color:#ffffffc7}#main>section:first-child>div:last-of-type>h1{background-image:linear-gradient(90deg,#fff,#ffffffb8)}#main>section:first-child .btn-outline{border-color:#ffffff73;background:#00000038;color:#fff;backdrop-filter:blur(8px)}#main>section:first-child .btn-outline:hover{border-color:#ffffffb3;background:#ffffff1a}#main>section.section{position:relative;margin-top:1.5rem;overflow:hidden;border:1px solid hsl(var(--border) / .78);border-radius:1rem;background:radial-gradient(circle at 0% 0%,hsl(var(--brand) / .055),transparent 22rem),linear-gradient(145deg,hsl(var(--card) / .9),hsl(var(--background) / .62));box-shadow:0 24px 64px -52px #000000e6}#main>section.section:nth-of-type(2n){background:radial-gradient(circle at 100% 20%,hsl(var(--brand) / .07),transparent 24rem),linear-gradient(155deg,hsl(var(--background) / .72),hsl(var(--card) / .92))}#main>section.section:has(a[href="/locations"]) a.card{position:relative;overflow:hidden;padding-top:10.25rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}#main>section.section:has(a[href="/locations"]) a.card:before{position:absolute;inset:0 0 auto;height:8.75rem;background:linear-gradient(180deg,#0000000a,#000000a8),var(--module-art) var(--module-position, center) / cover no-repeat;border-bottom:1px solid rgb(255 255 255 / .08);content:"";filter:saturate(.8) contrast(1.05);transition:transform .24s ease,filter .24s ease}#main>section.section:has(a[href="/locations"]) a.card:hover{transform:translateY(-3px);border-color:hsl(var(--brand) / .45);box-shadow:0 24px 48px -36px #000000d9}#main>section.section:has(a[href="/locations"]) a.card:hover:before{transform:scale(1.035);filter:saturate(.95) contrast(1.08)}#main>section.section:has(a[href="/locations"]) a.card[href="/guides"]{--module-art: url(/images/showcase/ashen-gothic-bastion.webp);--module-position: 42% 52%}#main>section.section:has(a[href="/locations"]) a.card[href="/shells"]{--module-art: url(/images/showcase/spiral-knight-fortress.webp);--module-position: 58% 48%}#main>section.section:has(a[href="/locations"]) a.card[href="/weapons"]{--module-art: url(/images/showcase/crimson-wastes.webp);--module-position: 58% 52%}#main>section.section:has(a[href="/locations"]) a.card[href="/bosses"]{--module-art: url(/images/showcase/storm-gothic-ruins.webp);--module-position: 58% 46%}#main>section.section:has(a[href="/locations"]) a.card[href="/locations"]{--module-art: url(/images/hero.webp);--module-position: 64% 50%}#main>section.section .card{background-color:hsl(var(--card) / .84);backdrop-filter:blur(10px)}#main>section:last-child>div{min-height:20rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-color:#ffffff1f;background:linear-gradient(90deg,#040507eb,#070709c7 48%,#07070980),url(/images/showcase/world-ruins.webp) center / cover no-repeat;color:#fff;box-shadow:0 28px 70px -42px #000000e6}#main>section:last-child>div>p{color:#ffffffb8}#main>section:last-child .btn-outline{border-color:#fff6;background:#0003;color:#fff}#main>section:last-child .btn-outline:hover{border-color:#ffffffa6;background:#ffffff1a}@media(max-width:640px){#main:before{opacity:.08}#main>section:first-child{background-position:62% center}#main>section.section:has(a[href="/locations"]) a.card{padding-top:9rem}#main>section.section:has(a[href="/locations"]) a.card:before{height:7.5rem}#main>section:last-child>div{min-height:17rem;background-position:40% center}}@media(prefers-reduced-motion:reduce){#main>section.section:has(a[href="/locations"]) a.card,#main>section.section:has(a[href="/locations"]) a.card:before{transition:none}}