/* Decoration only: no changes to box dimensions, text, spacing or camera geometry. */
body{--tree-root-ornament:url('/assets/world-tree-root-corner.webp');--tree-trim-gold:#c8ad75;--tree-trim-emerald:#63d7ac;background-image:linear-gradient(#050b13dc,#050b13d9),url('/assets/cosmic-observatory.webp');background-size:cover;background-position:center top;background-attachment:scroll}
.map-viewport{box-shadow:inset 0 0 0 2px var(--tree-trim-gold),inset 0 0 0 6px #071119cc,inset 0 0 0 7px #63d7ac88}
.tree-root-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden;box-shadow:inset 0 0 0 2px var(--tree-trim-gold),inset 0 0 0 5px #071119aa,inset 0 0 0 6px #63d7ac66}
.root-corner{position:absolute;width:180px;height:180px;background:var(--tree-root-ornament) center/contain no-repeat;pointer-events:none}
.root-nw{left:-45px;top:-45px}.root-ne{right:-45px;top:-45px;transform:scaleX(-1)}.root-sw{left:-45px;bottom:-45px;transform:scaleY(-1)}.root-se{right:-45px;bottom:-45px;transform:rotate(180deg)}
.index{background-image:linear-gradient(#07111ecc,#07111ee8),url('/assets/cosmic-observatory.webp');background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #c8ad7555,inset 0 0 0 5px #070d1744,inset 0 0 0 6px #63d7ac22}
.legend,.detail,.event-list button{position:relative;box-shadow:inset 0 0 0 1px var(--tree-trim-gold),inset 0 0 0 4px #09121d99,inset 0 0 0 5px #63d7ac44,0 12px 28px #0005}
.legend:before,.legend:after,.detail:before,.detail:after,.event-list button:before,.event-list button:after{content:"";position:absolute;width:84px;height:84px;background:var(--tree-root-ornament) center/contain no-repeat;border:0;pointer-events:none;z-index:2}
.legend:before,.detail:before,.event-list button:before{left:-22px;top:-22px}
.legend:after,.detail:after,.event-list button:after{right:-22px;bottom:-22px;transform:rotate(180deg)}
.map-controls,.tree-index-actions>*,.filters button,.continuity-switch,.event-finder,.timeline-search,.route-event-nav button,.detail-actions button,.branch-detail{box-shadow:inset 0 0 0 1px #c8ad75aa,inset 0 0 0 3px #63d7ac22,0 0 14px #63d7ac12}
.event-list button:has(.route-chip.sacred){--tree-trim-gold:#86bd9f}.event-list button:has(.route-chip.offshoot){--tree-trim-gold:#86abdf}.event-list button:has(.route-chip.living){--tree-trim-gold:#7ecac0}.event-list button:has(.route-chip.far){--tree-trim-gold:#ba9bd5}.event-list button:has(.route-chip.dormant){--tree-trim-gold:#ca8e7b}
@media(max-width:600px){.root-corner{width:112px;height:112px}.root-nw{left:-28px;top:-28px}.root-ne{right:-28px;top:-28px}.root-sw{left:-28px;bottom:-28px}.root-se{right:-28px;bottom:-28px}.legend:before,.legend:after,.detail:before,.detail:after,.event-list button:before,.event-list button:after{width:66px;height:66px}.legend:before,.detail:before,.event-list button:before{left:-17px;top:-17px}.legend:after,.detail:after,.event-list button:after{right:-17px;bottom:-17px}}

/* World Tree heading artwork, confined to the existing heading footprint. */
.tree-heading{background-image:linear-gradient(90deg,#061018cc 0%,#06101870 48%,#06101855 100%),url('/assets/cosmic-observatory.webp');background-size:cover;background-position:center 42%;background-repeat:no-repeat;box-shadow:inset 0 -1px #c8ad7560}
.tree-heading .hero-copy{text-shadow:0 2px 8px #000,0 0 18px #000}
body[data-timeline="comics"] .map-world{will-change:auto}
body[data-timeline="comics"] .map-world .overview-art{width:1672px;height:941px;object-fit:fill;image-rendering:auto}