/* The ornament's horizontal rail sits on the shared section edge. No spacer. */
.element-frontier{z-index:12;overflow:visible;padding:clamp(48px,6vw,230px) 0;}
.ornate-divider{height:0;overflow:visible;z-index:20;pointer-events:none;}
.ornate-divider img{top:0;width:100%;height:auto;max-width:none;object-fit:contain;transform:translateY(-49.793%);}
.divider-top{top:0;transform:none;}
.divider-bottom{bottom:0;transform:rotate(180deg);}
.element-row{position:relative;z-index:1;}
.element-master{min-height:164px;padding:12px 8px;gap:5px;}
.element-medallion{width:94px;height:94px;max-width:100%;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;}
.element-medallion::before{content:none;}
.element-medallion img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #0009);transition:filter .25s,transform .25s;}
.element-master[aria-pressed="true"] .element-medallion{border:0;background:none;box-shadow:none;}
.element-master[aria-pressed="true"] .element-orb{filter:brightness(1.16) drop-shadow(0 0 10px #d0b46060) drop-shadow(0 5px 5px #0008);}
.element-master strong{font-size:20px;}
.element-master:hover .element-orb{transform:translateY(-2px);filter:brightness(1.2) drop-shadow(0 6px 8px #0008);}
.hero-controls{flex-direction:row;gap:0;bottom:clamp(92px,7vw,150px);}
.hero .master-scene,.hero .master-figure{transition:opacity 2.8s cubic-bezier(.4,0,.2,1);}
.world-section{z-index:1;}
.heroes-section{overflow:visible;z-index:12;padding-bottom:clamp(85px,8vw,180px);}
.heroes-divider{position:absolute;left:0;right:0;bottom:0;margin:0;z-index:20;}
.boss-section{position:relative;z-index:1;padding-top:clamp(95px,8vw,180px);}
.closing-banner::before{content:none;}
.closing-divider{position:relative;z-index:20;margin:0;}
.closing-banner{z-index:1;padding-top:clamp(85px,8vw,180px);border-top:0;}
.path-card{height:auto;min-height:0;aspect-ratio:3/2;}
.path-card>img{object-fit:contain;object-position:center;width:100%;height:100%;}
.path-card:hover>img{transform:none;filter:brightness(1.1);}
.path-card::before{content:'';position:absolute;inset:0;border:10px solid transparent;border-inline-width:12px;border-image:url("assets/jade-gold-button-frame-ui.webp") 28.439% 13.228% 28.439% 13.228% stretch;pointer-events:none;z-index:3;}
.collector-image{height:auto;aspect-ratio:4/3;}
.collector-image img{width:100%;height:100%;object-fit:contain;}
.tier-emblem{width:140px;height:105px;}
.tier-emblem img{width:140px;height:90px;max-width:100%;object-fit:contain;}
@media(max-width:1050px){.element-medallion{width:83px;height:83px;}.element-master{min-height:152px;}.element-master strong{font-size:18px;}}
@media(max-width:800px){.hero-controls{bottom:55px;}.master-dot{width:28px;}.element-medallion{width:72px;height:72px;}.element-master{min-height:138px;}.element-master strong{font-size:16px;}.path-card{height:auto;}.path-content{padding:17px 14px;}.path-content strong{font-size:23px;margin:10px 0;}}
@media(max-width:620px){
 .hero{padding-bottom:110px;}
 .hero-controls{bottom:46px;max-width:calc(100% - 40px);}
 .master-dot{width:36px;height:34px;}
 .element-frontier{padding:35px 0 38px;}
 .element-row{width:calc(100% - 16px);gap:0;}
 .element-master{min-height:113px;padding:8px 1px;gap:5px;}
 .element-medallion{width:clamp(40px,11vw,68px);height:clamp(40px,11vw,68px);max-width:100%;}
 .element-master strong{font-size:clamp(10px,2.8vw,16px);margin-top:4px;}
 .element-master small{font-size:5px;letter-spacing:0;}
 .heroes-section{padding-bottom:64px;}
 .boss-section{padding-top:64px;}
 .closing-banner{padding-top:64px;}
 .path-card{height:auto;aspect-ratio:3/2;}
 .path-content{padding:22px 23px;}
 .path-content strong{font-size:28px;margin:11px 0;}
 .collector-image{height:auto;}
}
@media(prefers-reduced-motion:reduce){.element-medallion img,.hero .master-scene,.hero .master-figure{transition:none}.element-master:hover .element-orb{transform:none}}
