.oracle-character{width:100%;max-width:720px;aspect-ratio:1;position:relative;margin:auto;isolation:isolate}.oracle-character svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 20px #0009)}.hat-mount.oracle-character{max-width:none}.hat-body{transform-origin:500px 850px;animation:hat-breathe 5.5s ease-in-out infinite}.hat-brim{transform-origin:500px 795px;animation:hat-brim 7s ease-in-out infinite}.hat-mouth{transform-origin:530px 607px;transition:transform .35s ease}.hat-brow-left{transform-origin:435px 495px;animation:hat-brow-rest 8s ease-in-out infinite}.hat-brow-right{transform-origin:620px 490px;transition:transform .8s ease}.oracle-character[data-mood=talking] .hat-mouth{animation:hat-talk .42s ease-in-out infinite}.oracle-character[data-mood=suspicious] .hat-brow-left{animation:hat-brow-question 3s ease-in-out infinite}.oracle-character[data-mood=suspicious] .hat-brow-right{transform:rotate(-1.2deg) translateY(3px)}.oracle-character[data-mood=suspicious] .hat-body{animation:hat-suspect 4s ease-in-out infinite}.oracle-character[data-mood=surprised] .hat-brow-left{animation:none;transform:translateY(-9px) rotate(-1.4deg)}.oracle-character[data-mood=surprised] .hat-brow-right{transform:translateY(-9px) rotate(1.4deg)}.oracle-character[data-mood=surprised] .hat-mouth{transform:scaleY(1.14)}.oracle-character[data-mood=thinking] .hat-body{animation:hat-think 4.6s ease-in-out infinite}.oracle-character[data-mood=thinking] .hat-brow-left{animation:hat-brow-question 4s ease-in-out infinite}.oracle-character[data-mood=reveal] .hat-body{animation:hat-reveal 1.6s cubic-bezier(.2,.6,.3,1) both}.oracle-character[data-mood=reveal] svg{filter:drop-shadow(0 0 32px #d4ad6860) drop-shadow(0 15px 22px #0008)}
@keyframes hat-breathe{0%,100%{transform:translateY(0) rotate(-.4deg) scaleY(1)}50%{transform:translateY(-6px) rotate(.4deg) scaleY(1.008)}}@keyframes hat-brim{0%,100%{transform:scaleY(1) rotate(-.12deg)}50%{transform:scaleY(1.018) rotate(.15deg)}}@keyframes hat-talk{0%,100%{transform:scaleY(1) translateY(0)}27%{transform:scaleY(1.13) translateY(1px)}55%{transform:scaleY(1.035)}78%{transform:scaleY(1.095) translateY(1px)}}@keyframes hat-brow-rest{0%,40%,49%,100%{transform:translateY(0)}45%{transform:translateY(3px) rotate(.6deg)}}@keyframes hat-brow-question{0%,100%{transform:translateY(-5px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(-1.8deg)}}@keyframes hat-suspect{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(-.6deg) translateY(-4px)}}@keyframes hat-think{0%,100%{transform:rotate(1deg)}50%{transform:rotate(-1.3deg) translateY(-6px)}}@keyframes hat-reveal{0%{transform:translateY(0) scale(1)}30%{transform:translateY(8px) scale(.985)}68%{transform:translateY(-18px) scale(1.035)}100%{transform:translateY(-5px) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.oracle-character *{animation:none!important;transition:none!important;transform:none!important}}