/* Larger clear item silhouettes without individual boxes. */
.native-item-view{position:relative;display:block;flex:none;width:100%;height:100%;isolation:isolate}
.native-item-view>img,.native-item-view>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.native-item-view>canvas{z-index:1}.native-item-view[data-preview-state="ready"]>img{opacity:0}
.roadmap-item-art--options>.native-item-view{position:absolute;left:0;top:-14px;width:100%;height:80px}
.roadmap-item-art--options>.native-item-view+.native-item-view{top:38px}
.roadmap-item-gallery{max-width:830px;gap:14px 8px}.roadmap-item{width:120px;flex-basis:120px;max-width:160px}.roadmap-item-art{width:120px;height:132px}
.roadmap-item-art::after{content:none}.roadmap-item-level{right:3px;bottom:3px;font-size:15px;color:#eee5cc;text-shadow:0 2px 3px #000,0 0 5px #000}
.roadmap-detail-hero .roadmap-item-art{width:200px;height:208px}.dialog-frame .roadmap-item-gallery .roadmap-item-art{width:82px;height:88px}
.dialog-frame .roadmap-item-gallery--wing-choices .roadmap-item-art{width:160px;height:168px}
.roadmap-item-gallery--compact .roadmap-item{width:90px;flex-basis:90px}.roadmap-item-gallery--compact .roadmap-item-art{width:86px;height:94px}
.reward-item{max-width:120px}.reward-art{width:68px;height:76px}.reward-art>.native-item-view{width:56px;height:56px;z-index:1}
.reward-art--pool{width:112px;grid-template-columns:repeat(3,28px);grid-auto-rows:28px}.reward-art--pool>.native-item-view{width:28px;height:28px}
.reward-art--pair{grid-template-columns:repeat(2,28px)}.reward-art--pair>.native-item-view{width:28px;height:40px}
.reward-native-level{position:absolute;right:0;bottom:0;z-index:2;font:700 9px/1.2 var(--font);color:#eee5cc;text-shadow:0 1px 2px #000}
@media(max-width:1100px) and (min-width:701px){.roadmap-item-gallery[data-count="6"]{display:grid;grid-template-columns:repeat(3,112px)}.roadmap-item{width:112px;flex-basis:112px}.roadmap-item-art{width:112px;height:124px}}
@media(max-width:700px){.roadmap-item-gallery{gap:13px 6px}.roadmap-item{width:92px;flex-basis:92px}.roadmap-item-art{width:92px;height:104px}.roadmap-item-gallery[data-count="6"]{grid-template-columns:repeat(3,92px)}.roadmap-detail-hero .roadmap-item-art{width:180px;height:188px}.dialog-frame .roadmap-item-gallery .roadmap-item-art{width:76px;height:82px}.dialog-frame .roadmap-item-gallery--wing-choices .roadmap-item-art{width:115px;height:122px}.roadmap-item-level{font-size:13px}.roadmap-item-gallery--compact .roadmap-item{width:82px;flex-basis:82px}.roadmap-item-gallery--compact .roadmap-item-art{width:80px;height:88px}}
@media(max-width:340px){.roadmap-item{width:82px;flex-basis:82px}.roadmap-item-art{width:82px;height:96px}.roadmap-item-gallery[data-count="6"]{grid-template-columns:repeat(3,82px)}}
@media(max-width:700px){.reward-art{width:60px;height:70px}.reward-art>.native-item-view{width:48px;height:48px}.reward-art--pool{width:104px;grid-template-columns:repeat(3,26px);grid-auto-rows:26px}.reward-art--pool>.native-item-view{width:26px;height:26px}.reward-art--pair{grid-template-columns:repeat(2,25px)}.reward-art--pair>.native-item-view{width:25px;height:34px}.reward-item{max-width:110px}}