@font-face{font-family:ZXText;src:url("assets/fonts/zhuxian-serif.woff2"/*tpa=http://62.234.128.243/zhuxian/assets/fonts/zhuxian-serif.woff2*/) format('woff2');font-display:swap;font-weight:400 700}
@font-face{font-family:ZXDisplay;src:url("assets/fonts/zhuxian-display.woff2"/*tpa=http://62.234.128.243/zhuxian/assets/fonts/zhuxian-display.woff2*/) format('woff2');font-display:swap;font-weight:700 900}
:root{color-scheme:dark;--gold:#e4bd77;--ink:#171215;--muted:#ae9680}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--ink);color:#d7c4a5;font-family:ZXText,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #f4d58d;outline-offset:6px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}h1,h2,p{margin:0}button{padding:0}.gilt{color:var(--gold);background:linear-gradient(180deg,#fff0c7 2%,#deb875 22%,#b47a37 42%,#f0d495 48%,#d4a662 64%,#ad7638 88%,#efca88);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.25px #d9b574;filter:drop-shadow(0 1px 0 #996128) drop-shadow(0 2px 0 #56331c) drop-shadow(0 3px 2px #080404);font-family:ZXDisplay,serif;font-weight:900}
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:#23191b;padding:14px}.skip-link:focus{top:12px}.sprite{display:block;position:relative;flex:none}.sprite .art{display:block;position:absolute;inset:0;background-repeat:no-repeat}.sprite.logo{aspect-ratio:635/658}.logo .art{background-image:url("assets/art/brand-b-atlas.png"/*tpa=http://62.234.128.243/zhuxian/assets/art/brand-b-atlas.png*/);background-size:197.480315% 190.577508%;background-position:1.292407% 15.436242%;clip-path:polygon(0 0,85% 0,85% 53%,100% 53%,100% 76%,92.2% 76%,92.2% 100%,0 100%)}.sprite.pedestal{aspect-ratio:1124/278}.pedestal .art{background-image:url("assets/art/ui-a-atlas.png"/*tpa=http://62.234.128.243/zhuxian/assets/art/ui-a-atlas.png*/);background-size:111.565837% 451.079137%;background-position:50% 95.79918%}
.site-header{height:78px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:40px;padding:0 4%;background:linear-gradient(#100e10f5,#141013dc);border-bottom:1px solid #b4874633;backdrop-filter:blur(12px)}.brand{width:67px;align-self:center}.brand .logo{width:65px}.desktop-nav{display:flex;gap:38px;font-size:17px;letter-spacing:3px}.desktop-nav a{padding:20px 0}.desktop-nav a:hover{color:#fff0c1}.header-actions{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:14px}.header-actions button{min-height:44px}.menu-icon{display:inline-block;width:16px;height:11px;border-block:1px solid #d7b576;margin-right:9px}.directory{position:fixed;right:3%;top:90px;z-index:55;background:#21181bee;box-shadow:0 18px 70px #0009;border:1px solid #997543;padding:20px 25px;min-width:240px;backdrop-filter:blur(20px)}.directory a{display:block;padding:13px 20px;font-family:ZXDisplay,serif;font-size:20px;text-align:center}.directory a:hover,.directory a.active{color:#ffe3a6;background:#68442936}
.hero{position:relative;height:100svh;min-height:760px;max-height:1200px;overflow:hidden;background:#211517}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 43%;max-width:none;mask-image:linear-gradient(#000 0 83%,transparent 100%)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#170c1233,transparent 60%),linear-gradient(0deg,#1c1419,transparent 22%);pointer-events:none}.hero-content{position:absolute;left:5.5%;bottom:12%;width:550px;text-align:center}.hero-eyebrow{font-size:15px;letter-spacing:4px;display:none}.hero h1{position:relative;display:flex;justify-content:center;margin-bottom:-10px}.hero h1 .logo{width:350px;filter:drop-shadow(0 5px 15px #000a);margin-left:40px}.hero-motto{font-size:27px;letter-spacing:5px;margin:0 0 22px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:8px}.art-button{position:relative;display:flex;align-items:center;justify-content:center;width:292px;aspect-ratio:654/218;flex:none}.art-button:before{content:'';position:absolute;inset:0;background:url("assets/art/ui-a-atlas.png"/*tpa=http://62.234.128.243/zhuxian/assets/art/ui-a-atlas.png*/) 100% 16.216216% / 191.743119% 575.229358% no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,5.36% 100%,5.36% 69.73%,0 69.73%);transition:filter .2s,transform .2s}.art-button[data-link=recharge]{width:250px;aspect-ratio:654/164}.art-button[data-link=recharge]:before{background-size:191.743119% 764.634146%;background-position:100% 56.146789%;clip-path:none}.art-button:hover:before{filter:brightness(1.28);transform:translateY(-2px)}.art-button>span{position:relative;font-size:26px;letter-spacing:3px;padding-bottom:3px}.scroll-cue{position:absolute;bottom:20px;left:calc(50% - 24px);font-size:34px;width:48px;text-align:center;color:#d9bb82}.logo-sparks{position:absolute;inset:25% 15%;pointer-events:none}.logo-sparks i{position:absolute;width:4px;height:4px;background:#ffbe79;box-shadow:0 0 9px 3px #fe6b32;border-radius:50%;animation:ember 4s ease-in-out infinite}.logo-sparks i:nth-child(1){top:30%;left:20%}.logo-sparks i:nth-child(2){top:70%;left:40%;animation-delay:-1s}.logo-sparks i:nth-child(3){top:50%;left:70%;animation-delay:-2s}.logo-sparks i:nth-child(4){top:60%;left:15%;animation-delay:-3s}.logo-sparks i:nth-child(5){top:80%;left:85%;animation-delay:-1.4s}
.content-world{position:relative;overflow:hidden;background:linear-gradient(180deg,#1c1419 0%,#111116 13%,#231717 29%,#141218 45%,#231513 62%,#121216 81%,#211511 95%,#181316)}.section{position:relative;width:calc(100% - 96px);max-width:1320px;margin:0 auto;padding:75px 0 85px;scroll-margin-top:0}.section:before,.section:after{content:'';position:absolute;pointer-events:none;z-index:0;opacity:.13;background:url("assets/art/relief-edge.webp"/*tpa=http://62.234.128.243/zhuxian/assets/art/relief-edge.webp*/) no-repeat}.section:before{width:194px;height:233px;left:-65px;top:70px;background-size:627px;background-position:-47.5px -48.5px}.section:after{width:34px;height:285px;right:-32px;bottom:60px;background-size:627px;background-position:-498px -14.5px}.section:nth-child(even):before{transform:scaleX(-1);left:auto;right:-65px}.section:nth-child(even):after{right:auto;left:-32px}.section>*{position:relative;z-index:1}.section-heading{text-align:center;margin-bottom:30px}.eyebrow,.mini-rule{display:none}.section-heading h2{font-size:43px;letter-spacing:6px;line-height:1.5}.title-ornament{width:min(670px,86%);height:55px;margin:3px auto 0;background:url("assets/art/title-divider.webp"/*tpa=http://62.234.128.243/zhuxian/assets/art/title-divider.webp*/) center/contain no-repeat}.section-note{color:#b59c80;font-size:16px;letter-spacing:2px;line-height:1.8;margin-top:3px}.selected-name{font-size:24px;margin-top:17px;letter-spacing:2px}
.equipment-grid{display:grid;grid-template-columns:repeat(10,88px);justify-content:center;gap:24px 25px;padding:24px 0 25px}.equipment-item{position:relative;display:grid;place-items:center;width:88px;height:88px;background:url("assets/art/equipment-frame.webp"/*tpa=http://62.234.128.243/zhuxian/assets/art/equipment-frame.webp*/) center/100% 100% no-repeat;isolation:isolate}.equipment-item>img{position:relative;z-index:3;max-width:51px;max-height:51px;width:auto;height:auto;transition:filter .2s}.equipment-item:before{content:'';position:absolute;inset:-23px;z-index:2;background:url("assets/art/equipment-flame.webp"/*tpa=http://62.234.128.243/zhuxian/assets/art/equipment-flame.webp*/) center/contain no-repeat;opacity:0;pointer-events:none;animation:flame-spin 3.3s linear infinite;animation-play-state:paused;transition:opacity .16s;mix-blend-mode:screen}.equipment-item:hover,.equipment-item.selected,.equipment-item:focus-visible{z-index:7}.equipment-item:hover:before,.equipment-item.selected:before,.equipment-item:focus-visible:before{opacity:.97;animation-play-state:running}.equipment-item:hover>img,.equipment-item.selected>img{filter:brightness(1.25) drop-shadow(0 0 6px #fca33780)}.equipment-tooltip{position:fixed;z-index:100;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:#100e10;border:1px solid #bc9858;box-shadow:0 8px 35px #000b;scrollbar-color:#aa8450 #151016;scrollbar-width:thin}.equipment-tooltip>img{width:auto;height:auto;max-width:100%;margin:0}.tooltip-close{display:none}.equipment-tooltip.touch .tooltip-close{display:block;position:sticky;bottom:0;width:100%;height:38px;background:#291c1d;color:#eed3a0;font-size:28px}
.shield-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 18px;max-width:1160px;margin:0 auto}.shield-item{display:flex;flex-direction:column;align-items:center;position:relative;padding:7px 0 13px}.shield-display{position:relative;width:140px;height:137px}.shield-display>img{position:absolute;width:100px;height:100px;left:20px;object-fit:contain;z-index:2;transition:filter .3s}.shield-pedestal{position:absolute!important;width:124px;left:8px;top:95px}.shield-item>span{font-size:17px;letter-spacing:1px;margin-top:6px;color:#c0ab8c}.shield-item.active>span{color:#ffe2a0;text-shadow:0 1px #6c421f,0 0 10px #ae632c6e}.shield-item.active .shield-display>img{filter:drop-shadow(0 0 9px #eaa23a66)}
.media-open{display:block;max-width:100%;border:0;background:none}.media-open>img{width:auto;height:auto;margin:0 auto}.gallery-control{display:flex;align-items:center;justify-content:center;gap:28px;margin:24px auto 0;min-height:56px}.gallery-control>p{font-size:24px;min-width:200px;text-align:center;letter-spacing:2px}.gallery-control>.quiet{font-size:17px;color:#b9a387}.arrow{position:relative;isolation:isolate;width:116px;height:54px;flex:none;font-size:36px;line-height:54px;cursor:pointer;-webkit-text-stroke:.35px #ead2a3}.arrow:before{content:'';position:absolute;inset:0;z-index:-1;background:url("assets/art/ui-a-atlas.png"/*tpa=http://62.234.128.243/zhuxian/assets/art/ui-a-atlas.png*/) 100% 56.146789% / 191.743119% 764.634146% no-repeat;transition:filter .2s}.arrow:hover:before{filter:brightness(1.5)}.arrow:hover{color:#fff;transform:translateY(-1px)}.feature-stage,.avatar-stage,.set-rail{position:relative;perspective:1300px;overflow:hidden;touch-action:pan-y;cursor:grab}.dragging{cursor:grabbing!important}.dragging *{pointer-events:none}.feature-stage{height:510px}.feature-card,.set-card,.avatar-choice{position:absolute;left:50%;transition:transform .65s cubic-bezier(.22,.65,.25,1),opacity .65s,filter .65s;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.feature-card{top:50%;width:min(633px,58vw);max-width:none}.feature-card img{width:100%;height:auto;box-shadow:0 10px 28px #0008}.feature-card.active{transform:translate(-50%,-50%);z-index:3;opacity:1}.feature-card.side-left{transform:translate(calc(-50% - 400px),-50%) rotateY(22deg) scale(.65);z-index:1;opacity:.4;filter:blur(1px)}.feature-card.side-right{transform:translate(calc(-50% + 400px),-50%) rotateY(-22deg) scale(.65);z-index:1;opacity:.4;filter:blur(1px)}.feature-card.enter-left,.feature-card.exit-left{transform:translate(calc(-50% - 720px),-50%) scale(.5);opacity:0;pointer-events:none}.feature-card.enter-right,.feature-card.exit-right{transform:translate(calc(-50% + 720px),-50%) scale(.5);opacity:0;pointer-events:none}
.blessing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 25px}.grade-tabs{display:flex;gap:36px}.grade-tabs button{position:relative;font-size:25px;font-family:ZXDisplay,serif;color:#a38b74;padding:9px 5px;min-height:48px}.grade-tabs button.active{color:#f5d89c;text-shadow:0 2px #6c4523,0 4px 5px #000}.grade-tabs button.active:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#bc8350}.text-button{font-size:18px;letter-spacing:1px;min-height:44px}.blessing-rail{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;padding:16px 0 24px;mask-image:linear-gradient(90deg,transparent,#000 2% 98%,transparent)}.blessing-track{display:flex;gap:24px;width:max-content;will-change:transform}.blessing-card{position:relative;flex:0 0 208px;width:208px;overflow:hidden}.blessing-card>img{width:208px;height:310px}.card-grade{display:block;font-size:19px;text-align:center;padding-top:10px;letter-spacing:3px}.blessing-card:before{content:'';position:absolute;z-index:2;inset:0 0 35px;pointer-events:none;background:linear-gradient(112deg,transparent 40%,#fff5cf00 44%,#fff2c94d 49%,#fff9d42e 51%,transparent 57%);transform:translateX(-160%);mix-blend-mode:screen;animation:card-light 7.5s ease-in-out infinite}.blessing-card:nth-child(3n):before{animation-delay:-2s}.blessing-card:nth-child(3n+1):before{animation-delay:-4s}#blessings:not(.is-active) .blessing-card:before{animation-play-state:paused}
.avatar-stage{height:408px;perspective:1000px}.avatar-choice{top:12px;width:216px;text-align:center}.avatar-display{position:relative;width:190px;height:319px;margin:auto}.avatar-subject{position:absolute;width:160px;height:260px;left:15px;object-fit:contain;z-index:2}.avatar-pedestal{position:absolute!important;width:180px;left:5px;top:263px}.avatar-label{display:block;font-size:18px;letter-spacing:2px}.avatar-choice.active{transform:translateX(-50%) scale(1.1);z-index:3;opacity:1}.avatar-choice.active .avatar-subject{filter:drop-shadow(0 0 10px #ecad5144)}.avatar-choice.side-left{transform:translateX(calc(-50% - 325px)) rotateY(15deg) scale(.8);opacity:.53;filter:blur(.3px);z-index:1}.avatar-choice.side-right{transform:translateX(calc(-50% + 325px)) rotateY(-15deg) scale(.8);opacity:.53;filter:blur(.3px);z-index:1}.avatar-choice.enter-left,.avatar-choice.exit-left{transform:translateX(calc(-50% - 570px)) scale(.6);opacity:0;pointer-events:none}.avatar-choice.enter-right,.avatar-choice.exit-right{transform:translateX(calc(-50% + 570px)) scale(.6);opacity:0;pointer-events:none}.gem-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin:18px auto 0}.gem-dots button{width:28px;height:28px;position:relative}.gem-dots button:before{content:'';position:absolute;width:9px;height:9px;inset:9px;background:#48332b;border:1px solid #927246;transform:rotate(45deg)}.gem-dots button.active:before{background:#e7b971;box-shadow:0 0 7px #db682c77}.gallery-control .gem-dots{margin:0;max-width:280px}.set-rail{height:515px}.set-card{top:50%;width:361px;max-width:none}.set-card>img{width:100%;height:auto}.set-card.active{transform:translate(-50%,-50%);z-index:3;opacity:1}.set-card.side-left{transform:translate(calc(-50% - 325px),-50%) rotateY(24deg) scale(.75);opacity:.48;filter:blur(1.1px);z-index:1}.set-card.side-right{transform:translate(calc(-50% + 325px),-50%) rotateY(-24deg) scale(.75);opacity:.48;filter:blur(1.1px);z-index:1}.set-card.enter-left,.set-card.exit-left{transform:translate(calc(-50% - 680px),-50%) scale(.5);opacity:0;pointer-events:none}.set-card.enter-right,.set-card.exit-right{transform:translate(calc(-50% + 680px),-50%) scale(.5);opacity:0;pointer-events:none}
.map-stage{position:relative;width:100%;max-width:947px;aspect-ratio:947/489;margin:auto}.map-stage>.media-open{position:absolute;inset:0;width:100%;height:100%;margin:auto;box-shadow:0 14px 35px #0007}.map-stage .media-open>img{width:100%;height:100%;object-fit:contain}.map-tabs{display:flex;justify-content:center;gap:22px;margin:28px auto 0}.map-tabs button{position:relative;isolation:isolate;width:205px;height:64px;font-size:26px;letter-spacing:2px}.map-tabs button:before{content:'';position:absolute;inset:0;z-index:-1;background:url("assets/art/ui-a-atlas.png"/*tpa=http://62.234.128.243/zhuxian/assets/art/ui-a-atlas.png*/) 100% 56.146789% / 191.743119% 764.634146% no-repeat;filter:brightness(.75);transition:filter .2s}.map-tabs button>img{display:none}.map-tabs button.active:before,.map-tabs button:hover:before{filter:brightness(1.45)}.map-tabs button.active{filter:drop-shadow(0 0 7px #c45f2638)}.site-footer{text-align:center;padding:35px 20px 55px;background:linear-gradient(#181316,#120e11);border-top:1px solid #80624030}.site-footer .logo{width:100px;margin:0 auto 3px}.site-footer p{font-size:23px;letter-spacing:4px}.footer-links{display:flex;justify-content:center;gap:20px;font-size:15px;margin-top:24px}.footer-links a{padding:8px 0}
.viewer{max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);border:1px solid #927044;background:#130f13;padding:18px;color:#f8d390;overflow:auto;scrollbar-color:#a27b48 #160f12}.viewer::backdrop{background:#080508ed;backdrop-filter:blur(5px)}.viewer-body{display:grid;place-items:start center}.viewer-body>img,.viewer-body>video{width:auto;height:auto;max-width:100%;max-height:none}.viewer-close{position:sticky;top:0;margin:0 0 10px auto;display:block;width:48px;height:48px;line-height:48px;background:#352220;border:1px solid #b58b4c;font-size:34px;z-index:3}.notice{position:fixed;bottom:34px;left:50%;transform:translate(-50%,20px);padding:14px 25px;background:#24181bee;border:1px solid #a27b45;color:#f0d7ac;z-index:150;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:90vw;text-align:center}.notice.show{opacity:1;transform:translate(-50%,0)}.noscript-message{padding:20px;text-align:center;background:#2b1d1d}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes flame-spin{to{transform:rotate(360deg)}}@keyframes ember{0%,100%{opacity:0;transform:translateY(8px) scale(.5)}40%{opacity:.8}80%{opacity:0;transform:translateY(-35px) scale(.1)}}@keyframes card-light{0%,62%{transform:translateX(-160%)}87%,100%{transform:translateX(160%)}}
@media(min-width:1700px){.hero-content{left:7%;width:640px}.hero h1 .logo{width:410px}.hero-actions{gap:16px}.art-button{width:332px}.art-button[data-link=recharge]{width:275px}.hero-motto{font-size:31px}.section{max-width:1450px}.equipment-grid{gap:28px 32px}}
@media(max-width:1200px){.equipment-grid{grid-template-columns:repeat(8,84px);gap:23px}.equipment-item{width:84px;height:84px}.feature-card{width:66vw;max-width:633px}.feature-card.side-left{transform:translate(calc(-50% - 325px),-50%) rotateY(22deg) scale(.62)}.feature-card.side-right{transform:translate(calc(-50% + 325px),-50%) rotateY(-22deg) scale(.62)}.hero-content{left:3%;width:500px}.hero h1 .logo{width:310px}.art-button{width:260px}.art-button[data-link=recharge]{width:225px}.art-button>span{font-size:23px}.hero-motto{font-size:24px}.map-tabs{gap:12px}.map-tabs button{width:185px}}
@media(max-width:950px){.section{width:calc(100% - 56px);padding:58px 0 68px}.equipment-grid{grid-template-columns:repeat(6,80px);gap:24px}.equipment-item{width:80px;height:80px}.shield-grid{gap:22px 6px}.shield-item>span{font-size:14px}.section-heading h2{font-size:37px}.feature-stage{height:465px}.feature-card.side-left{transform:translate(calc(-50% - 275px),-50%) rotateY(22deg) scale(.62)}.feature-card.side-right{transform:translate(calc(-50% + 275px),-50%) rotateY(-22deg) scale(.62)}.avatar-choice.side-left{transform:translateX(calc(-50% - 245px)) rotateY(15deg) scale(.75)}.avatar-choice.side-right{transform:translateX(calc(-50% + 245px)) rotateY(-15deg) scale(.75)}.set-card{width:320px}.set-card.side-left{transform:translate(calc(-50% - 250px),-50%) rotateY(24deg) scale(.7)}.set-card.side-right{transform:translate(calc(-50% + 250px),-50%) rotateY(-24deg) scale(.7)}.set-rail{height:460px}.map-tabs button{width:145px;height:52px;font-size:22px}.hero-content{left:2%;width:440px}.hero-art{object-position:57% 43%}.hero h1 .logo{width:280px}.hero-actions{gap:3px}.art-button{width:225px}.art-button[data-link=recharge]{width:202px}.art-button>span{font-size:21px}.hero-motto{font-size:21px}.hero-content{bottom:10%}.blessing-toolbar{gap:16px}.grade-tabs{gap:20px}.grade-tabs button{font-size:23px}.text-button{font-size:16px}.arrow{width:101px;height:49px;line-height:49px;font-size:33px}}
@media(max-width:760px){.desktop-nav{display:none}.site-header{height:66px;padding:0 5%;gap:20px}.brand .logo{width:54px}.header-actions{gap:18px;font-size:13px}html{scroll-padding-top:66px}.section{scroll-margin-top:0;width:calc(100% - 40px)}.equipment-grid{grid-template-columns:repeat(6,74px);gap:18px}.equipment-item{width:74px;height:74px}.equipment-item>img{max-width:45px;max-height:45px}.equipment-item:before{inset:-20px}.shield-grid{grid-template-columns:repeat(3,1fr);gap:25px 8px}.shield-item>span{font-size:16px}.hero{min-height:740px;max-height:1000px}.hero-art{object-position:59% 35%}.hero-content{left:50%;transform:translateX(-50%);bottom:7%;width:450px}.hero h1 .logo{width:265px;margin-left:20px}.hero-vignette{background:linear-gradient(0deg,#1c1419,transparent 55%)}.hero-motto{font-size:22px}.feature-stage{height:390px}.feature-card{width:77vw}.feature-card.side-left{transform:translate(calc(-50% - 225px),-50%) rotateY(22deg) scale(.6)}.feature-card.side-right{transform:translate(calc(-50% + 225px),-50%) rotateY(-22deg) scale(.6)}.avatar-choice.side-left{transform:translateX(calc(-50% - 200px)) rotateY(15deg) scale(.68)}.avatar-choice.side-right{transform:translateX(calc(-50% + 200px)) rotateY(-15deg) scale(.68)}.gallery-control{gap:18px}.gallery-control>p{font-size:22px;min-width:160px}.gallery-control>.quiet{font-size:15px}.blessing-toolbar{flex-wrap:wrap;justify-content:center}.grade-tabs{gap:32px}.map-tabs{gap:10px;flex-wrap:wrap}.map-tabs button{width:135px}.section:before{opacity:.1}.title-ornament{height:48px}}
@media(max-width:600px){.equipment-grid{grid-template-columns:repeat(4,78px);gap:20px}.equipment-item{width:78px;height:78px}.section-heading h2{font-size:33px;letter-spacing:4px}.section-heading{margin-bottom:22px}.title-ornament{width:96%;height:40px}.section-note{font-size:14px;letter-spacing:1px}.selected-name{font-size:21px}.hero-content{width:380px}.hero h1 .logo{width:240px}.hero-motto{font-size:19px;letter-spacing:3px}.hero-actions{gap:4px}.art-button{width:192px}.art-button[data-link=recharge]{width:179px}.art-button>span{font-size:19px;letter-spacing:1px}.hero-content{bottom:8%}.feature-stage{height:325px}.feature-card{width:81vw}.feature-card.side-left{transform:translate(calc(-50% - 170px),-50%) rotateY(22deg) scale(.59)}.feature-card.side-right{transform:translate(calc(-50% + 170px),-50%) rotateY(-22deg) scale(.59)}.arrow{width:84px;height:46px;line-height:46px;font-size:30px}.gallery-control{gap:12px;margin-top:18px}.gallery-control>p{min-width:130px;font-size:20px}.gallery-control>.quiet{font-size:13px;letter-spacing:0}.avatar-stage{height:360px}.avatar-choice.active{transform:translateX(-50%) scale(.95)}.avatar-choice.side-left{transform:translateX(calc(-50% - 155px)) rotateY(15deg) scale(.6)}.avatar-choice.side-right{transform:translateX(calc(-50% + 155px)) rotateY(-15deg) scale(.6)}.set-card{width:min(310px,70vw)}.set-card.side-left{transform:translate(calc(-50% - 175px),-50%) rotateY(24deg) scale(.65)}.set-card.side-right{transform:translate(calc(-50% + 175px),-50%) rotateY(-24deg) scale(.65)}.set-rail{height:415px}.gallery-control .gem-dots{max-width:170px;gap:0}.gem-dots button{width:23px;height:28px}.gem-dots button:before{left:7px}.map-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,190px));gap:8px 14px}.map-tabs button{width:100%;height:56px;font-size:23px}.footer-links{gap:13px;font-size:13px}.site-footer p{font-size:20px}.viewer{padding:8px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}
@media(max-width:450px){.section{width:calc(100% - 28px);padding:46px 0 56px}.equipment-grid{grid-template-columns:repeat(4,72px);gap:18px 17px}.equipment-item{width:72px;height:72px}.shield-display{transform:scale(.84);transform-origin:center bottom;margin-top:-16px;margin-bottom:-8px}.shield-grid{gap:22px 0}.shield-item>span{font-size:13px;letter-spacing:0}.shield-item{min-width:0}.hero-art{object-position:48% 20%}.hero h1 .logo{width:226px}.hero-content{width:360px}.art-button{width:185px}.art-button[data-link=recharge]{width:170px}.hero-motto{font-size:18px}.hero{min-height:740px}.feature-stage{height:278px}.feature-card.side-left{transform:translate(calc(-50% - 143px),-50%) rotateY(22deg) scale(.59)}.feature-card.side-right{transform:translate(calc(-50% + 143px),-50%) rotateY(-22deg) scale(.59)}.avatar-choice.side-left{transform:translateX(calc(-50% - 129px)) rotateY(15deg) scale(.52)}.avatar-choice.side-right{transform:translateX(calc(-50% + 129px)) rotateY(-15deg) scale(.52)}.set-card.side-left{transform:translate(calc(-50% - 156px),-50%) rotateY(24deg) scale(.65)}.set-card.side-right{transform:translate(calc(-50% + 156px),-50%) rotateY(-24deg) scale(.65)}.set-rail{height:381px}.grade-tabs{gap:27px}.grade-tabs button{font-size:22px}.gallery-control{gap:7px}.gallery-control>p{min-width:120px;font-size:19px}.gallery-control .gem-dots{max-width:150px}.blessing-toolbar{margin-bottom:12px}.section:before{left:-80px}.section:nth-child(even):before{right:-80px}}
@media(max-width:360px){.equipment-grid{grid-template-columns:repeat(4,62px);gap:19px 14px}.equipment-item{width:62px;height:62px}.equipment-item>img{max-width:39px;max-height:39px}.shield-grid{grid-template-columns:repeat(2,1fr)}.hero-content{width:320px}.art-button{width:162px}.art-button[data-link=recharge]{width:154px}.art-button>span{font-size:17px}.hero-motto{font-size:17px}.arrow{width:72px}.gallery-control>p{min-width:110px}.gallery-control>.quiet{font-size:12px}.grade-tabs{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep real arrow glyphs above the generated metal plate. */
.arrow{background:none;isolation:isolate}.arrow>span{position:relative;z-index:1;display:inline-block;font-family:Georgia,serif;font-size:36px;line-height:1;-webkit-text-stroke:.6px #f1cf8e}.grade-tabs button.active{text-shadow:none}.avatar-choice.active .avatar-label{visibility:hidden}
@media(max-width:600px){.arrow>span{font-size:32px}}
.trio-stage,.set-rail,.blessing-rail{user-select:none}.trio-stage img,.set-rail img,.blessing-rail img{-webkit-user-drag:none}

/* A draft: five shield exhibits, a central selected relic, then circular paging. */
.shield-grid{display:block;position:relative;height:310px;overflow:hidden;user-select:none;touch-action:pan-y;--shield-step:220px;perspective:1200px;cursor:grab}
.shield-item{position:absolute;left:50%;top:50%;width:180px;transform:translate(calc(-50% + var(--shield-offset) * var(--shield-step)),-50%) scale(var(--shield-scale));transition:transform .55s ease,opacity .4s;opacity:.62}
.shield-item.active{opacity:1;z-index:2}.shield-item.active>span{visibility:hidden}.shield-item[data-offset="-2"],.shield-item[data-offset="2"]{opacity:.4}.shield-display>img{-webkit-user-drag:none}
@media(max-width:1200px){.shield-grid{--shield-step:185px}}
@media(max-width:950px){.shield-grid{--shield-step:150px}.shield-item{width:145px}.shield-item>span{font-size:14px}}
@media(max-width:760px){.shield-grid{--shield-step:125px}.shield-item{width:132px}.shield-item[data-offset="-2"],.shield-item[data-offset="2"]{display:none}.shield-item>span{font-size:14px}}
@media(max-width:450px){.shield-grid{--shield-step:109px;height:240px}.shield-item{width:120px}.shield-item>span{font-size:13px}.shield-item:not(.active){opacity:.5;--shield-scale:.79!important}}

/* Equal-height artwork stays in place underneath both silent, full-resolution movies. */
.hero{--hero-focus-x:52%;--hero-focus-y:43%;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0 83%,transparent 100%)}
.hero-fallback{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-strip-canvas{position:absolute;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:0;font-size:0;line-height:0;max-width:none}
.hero-strip-canvas img{display:block;width:100%;height:100%;min-height:0;max-width:none;border:0;margin:0;padding:0;object-fit:fill}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus-x) var(--hero-focus-y);opacity:0;max-width:none;pointer-events:none}
#hero-loop{z-index:1}#hero-intro{z-index:2}#hero-loop.has-frame,#hero-intro.has-frame{opacity:1}#hero-intro.retired{opacity:0;transition:opacity .18s linear}
.hero-vignette{z-index:1}.hero-content,.scroll-cue{z-index:2}
@media(max-width:950px){.hero{--hero-focus-x:57%}}
@media(max-width:760px){.hero{--hero-focus-x:59%;--hero-focus-y:35%}}
@media(max-width:450px){.hero{--hero-focus-x:48%;--hero-focus-y:20%}}
.hero-video{transform:scale(1.012)}

/* Equipment and its generated gold frame share a soft, alpha-preserving Overlay pass. */
.equipment-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:overlay;opacity:.88;mask-image:linear-gradient(110deg,transparent 43%,#ffffff24 46%,#fff 50%,#ffffff30 53%,transparent 57%);mask-size:350% 100%;mask-repeat:no-repeat;mask-position:100% 0;animation:equipment-sheen 6.8s ease-in-out infinite;animation-delay:calc(var(--equipment-order) * -.173s);animation-play-state:paused}
.equipment-sheen img{position:absolute;filter:brightness(0) invert(1);pointer-events:none;user-select:none}
.equipment-sheen-frame{inset:0;width:100%;height:100%;max-width:none}
.equipment-sheen-icon{left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:51px;max-height:51px}
#equipment.sheen-active .equipment-sheen{animation-play-state:running}
.equipment-item:hover .equipment-sheen,.equipment-item.selected .equipment-sheen{opacity:1;animation-duration:2.8s}
@keyframes equipment-sheen{0%,53%{mask-position:100% 0}83%,100%{mask-position:0% 0}}
@media(max-width:760px){.equipment-sheen-icon{max-width:45px;max-height:45px}}
@media(max-width:360px){.equipment-sheen-icon{max-width:39px;max-height:39px}}
@media(prefers-reduced-motion:reduce){.equipment-sheen{display:none}}

/* Let the last gallery settle directly into the footer. */
.content-world>#maps:last-child{padding-bottom:clamp(48px,5vw,72px)}