/* Approved Dawn costume. The sprite and pointer parallax have separate layers. */
body.immersive-home .world-elf--dawn{aspect-ratio:2/3;width:auto;height:106%;right:4%;bottom:-19%;filter:none;transform-origin:50% 72%}
.world-elf--dawn .character-poster,.world-elf--dawn canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.world-elf--dawn canvas{opacity:0;transition:opacity .35s ease;pointer-events:none}
.world-elf--dawn .character-poster{opacity:1;transition:opacity .35s ease}
.world-elf--dawn.character-ready canvas{opacity:1}
.world-elf--dawn.character-ready .character-poster{opacity:0}
body.immersive-home .world-elf-layer{transform-origin:75% 68%}
body.immersive-home .world-portal{z-index:2;left:62%;top:21%;width:min(35vw,500px);color:#f3c0db}
@media(min-width:1600px){body.immersive-home .world-elf--dawn{height:108%;right:7%;bottom:-20%}}
@media(max-width:1100px){body.immersive-home .world-elf--dawn{height:99%;right:-9%;bottom:-13%}}
@media(max-width:699px){body.immersive-home .world-elf--dawn{height:82%;max-height:680px;right:-70px;bottom:5.5%}body.immersive-home .world-portal{width:70vw;left:25%;top:17%}}
html[data-motion="reduced"] body.immersive-home .world-elf--dawn{height:106%;right:4%;bottom:-19%}
@media(max-width:699px){html[data-motion="reduced"] body.immersive-home .world-elf--dawn{height:650px;right:-70px;bottom:125px}}
html[data-motion="reduced"] .world-elf--dawn canvas{display:none}
html[data-motion="reduced"] .world-elf--dawn .character-poster{opacity:1!important}
.world-reading-shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:none}
@media(max-width:699px){.world-reading-shade{background:linear-gradient(0deg,#0b0a10e6 9%,#0b0a10aa 48%,transparent 84%)}}