.click-feedback{position:fixed;width:22px;height:22px;margin:-11px;border:1px solid var(--orange);border-radius:50%;pointer-events:none;z-index:300;animation:click-ring .42s ease-out forwards}
@keyframes click-ring{from{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.5)}}
.header nav a,.text-link,.case-end>a{transition:translate .25s ease,color .25s ease}
button:active{scale:.96}
button{transition:scale .15s,background-color .2s,color .2s}
.stages summary{transition:color .2s}
.stages summary:hover,.stages summary:focus-visible{color:var(--orange)}
.stages details[data-closing=true] .plus{transform:rotate(0deg)}
.music-panel:not([hidden]){animation:music-open .35s cubic-bezier(.2,.8,.2,1)}
@keyframes music-open{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
[data-enlarge]:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.click-feedback{display:none}.header nav a,.text-link,.case-end>a{translate:none!important}button:active{scale:1}}
html[data-reduced=true] .click-feedback{display:none}
html[data-reduced=true] .header nav a,html[data-reduced=true] .text-link,html[data-reduced=true] .case-end>a{translate:none!important}
