/* Decorations are opt-in: this guarantees an idle, browser-friendly default. */
body:not(.has-animation-consent) *,
body:not(.has-animation-consent) *::before,
body:not(.has-animation-consent) *::after { animation: none !important; }

.motion-consent-trigger { position:fixed; right:.7rem; bottom:.7rem; z-index:100; width:2rem; height:2rem; border:1px solid rgba(242,197,124,.42); border-radius:50%; color:#f2c57c; background:rgba(18,1,5,.82); box-shadow:0 0 12px rgba(255,34,34,.28); cursor:pointer; }
.motion-consent-trigger[data-state="on"] { color:#ffe1a5; border-color:#ff3d42; box-shadow:0 0 15px rgba(255,35,40,.68); }
.motion-consent-dialog { position:fixed; right:.7rem; bottom:3.2rem; z-index:100; width:min(17rem,calc(100vw - 1.4rem)); padding:.8rem; border:1px solid rgba(242,197,124,.3); border-radius:.55rem; color:#f8dec0; background:rgba(10,1,4,.96); box-shadow:0 12px 32px rgba(0,0,0,.5); font:400 .78rem/1.45 system-ui,sans-serif; }
.motion-consent-dialog p { margin:0 0 .3rem; font-family:Cinzel,serif; }
.motion-consent-dialog small { display:block; color:#bfa47d; }
.motion-consent-dialog span { display:flex; gap:.45rem; margin-top:.7rem; }
.motion-consent-dialog button { flex:1; padding:.42rem; border:1px solid rgba(242,197,124,.38); border-radius:.25rem; color:#f8dec0; background:#210208; cursor:pointer; }
.motion-consent-dialog button:first-child { border-color:#b72126; background:#4a060e; }