html{scroll-behavior:smooth}
#main [id]{scroll-margin-top:105px}
/* Opacity-only navigation avoids full-page snapshot scaling and layout animation. */
#main{view-transition-name:none}
.world-content>*{animation:none}
.btn,.icon-button,.search-trigger{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,translate .18s}
.btn:active,.icon-button:active,.search-trigger:active{translate:0 1px}
#modal[open]{animation:dialog-enter .2s cubic-bezier(.22,1,.36,1)}
#modal[open]::backdrop{animation:backdrop-enter .2s ease-out}
@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(max-width:600px){#main [id]{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.btn,.icon-button,.search-trigger{transition:none}.btn:active,.icon-button:active,.search-trigger:active{translate:none}#modal[open],#modal[open]::backdrop{animation:none}}