.question-card{touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;transition:transform .2s ease,opacity .2s ease;cursor:grab;will-change:transform}
.question-card.is-dragging{transition:none;cursor:grabbing}
.question-card.is-dealt{animation:card-deal .22s ease-out both}
.question-card.is-dragging.is-dealt{animation:none}
.swipe-locked .question-card{pointer-events:none}
.rating-button.dislike.selected{color:var(--orange);background:transparent}
.rating-button.dislike.selected:after{content:'';position:absolute;inset:3px -3px;border:1.2px solid var(--orange);border-radius:52% 47% 50% 48%;transform:rotate(7deg);pointer-events:none}
.rating-button.dislike.selected>.icon{fill:#e2a18f}
.rating-button.dislike.selected .heart-crack{stroke:#fffaf0;stroke-width:2}
.card-adult{top:auto;right:auto;bottom:34px;left:34px}
@keyframes card-deal{from{opacity:.3;transform:translateY(8px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}

.devil-pet{position:fixed;right:-18px;top:clamp(100px,19vh,195px);width:165px;z-index:8;pointer-events:none;opacity:0;transform:translateX(105%) rotate(14deg);transform-origin:100% 80%;transition:transform .65s cubic-bezier(.2,.85,.3,1.2),opacity .22s ease;filter:drop-shadow(-3px 5px 2px #754b2820);contain:layout style}
.devil-pet.is-visible{opacity:1;transform:translateX(0) rotate(-7deg)}
.devil-pet.is-leaving{opacity:0;transform:translateX(38%) translateY(8px) rotate(10deg);transition:transform .25s ease-in,opacity .22s ease}
.devil-art{display:block;width:100%;height:auto;overflow:visible}
.devil-actor{transform-origin:65% 80%;animation:devil-lean 6s ease-in-out infinite}
.devil-body{transform-origin:90px 180px;animation:devil-breathe 2.4s ease-in-out infinite}
.devil-head{transform-origin:90px 117px;animation:devil-head-bob 3.2s ease-in-out infinite}
.devil-tail{transform-origin:122px 151px;animation:devil-tail 1.9s ease-in-out infinite}
.devil-shadow{transform-origin:90px 186px;animation:devil-shadow 2.4s ease-in-out infinite}
.eye{transform-box:fill-box;transform-origin:center;animation:devil-blink 4.6s linear infinite}
.eye-right{animation-delay:.06s}
.devil-arm{transform-origin:60px 128px}
.arm-right{transform-origin:120px 128px}
.devil-happy-eyes,.devil-laugh-mouth{display:none}
.devil-sparks{opacity:0}
.devil-pet[data-activity="laugh"] .devil-body{animation:devil-giggle .34s ease-in-out infinite}
.devil-pet[data-activity="laugh"] .devil-head{animation:devil-laugh-head .34s ease-in-out infinite}
.devil-pet[data-activity="laugh"] .devil-eyes,.devil-pet[data-activity="laugh"] .devil-smile{display:none}
.devil-pet[data-activity="laugh"] .devil-happy-eyes,.devil-pet[data-activity="laugh"] .devil-laugh-mouth{display:block}
.devil-pet[data-activity="laugh"] .devil-sparks{animation:devil-spark 1s ease-in-out infinite}
.devil-pet[data-activity="wave"] .arm-left{animation:devil-wave .65s ease-in-out infinite}
.devil-pet[data-activity="wave"] .eye-right{animation:devil-wink 2.1s linear infinite}
.devil-pet[data-activity="dance"] .devil-body{animation:devil-dance .7s ease-in-out infinite}
.devil-pet[data-activity="dance"] .arm-left{animation:devil-wave .7s ease-in-out infinite}
.devil-pet[data-activity="dance"] .arm-right{animation:devil-right-arm .7s ease-in-out infinite}
.devil-pet[data-activity="dance"] .devil-sparks{animation:devil-spark .7s ease-in-out infinite}
.devil-pet[data-activity="think"] .devil-head{animation:devil-think 3s ease-in-out infinite}
.devil-pet[data-activity="think"] .arm-right{transform:rotate(-58deg)}
.devil-pet[data-activity="think"] .devil-eyes{transform:translateX(-3px)}
.devil-pet[data-activity="peek"] .devil-actor{animation:devil-peek 3s ease-in-out infinite}
.devil-pet:not(.is-visible) *{animation-play-state:paused!important}
@keyframes devil-breathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-2px) scale(1.025,1.035)}}
@keyframes devil-head-bob{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes devil-tail{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(12deg)}}
@keyframes devil-shadow{0%,100%{transform:scaleX(1);opacity:.13}50%{transform:scaleX(.9);opacity:.09}}
@keyframes devil-blink{0%,40%,44%,76%,80%,100%{transform:scaleY(1)}42%,78%{transform:scaleY(.08)}}
@keyframes devil-wink{0%,35%,70%,100%{transform:scaleY(1)}40%,62%{transform:scaleY(.08)}}
@keyframes devil-lean{0%,100%{transform:rotate(1deg)}50%{transform:rotate(-3deg)}}
@keyframes devil-giggle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg) scale(1.025,.98)}}
@keyframes devil-laugh-head{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-2px)}}
@keyframes devil-wave{0%,100%{transform:rotate(88deg)}50%{transform:rotate(125deg)}}
@keyframes devil-right-arm{0%,100%{transform:rotate(25deg)}50%{transform:rotate(-30deg)}}
@keyframes devil-dance{0%,100%{transform:translate(-3px,0) rotate(-8deg)}50%{transform:translate(3px,-5px) rotate(8deg)}}
@keyframes devil-think{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-2deg) translateY(-2px)}}
@keyframes devil-peek{0%,100%{transform:translateX(13px) rotate(3deg)}40%,65%{transform:translateX(-10px) rotate(-9deg)}}

@keyframes devil-spark{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media(max-width:780px){.devil-pet{width:118px;right:-17px;top:70px}}
@media(prefers-reduced-motion:reduce){.question-card,.devil-pet{transition:none!important;animation:none!important}.devil-pet{transform:none}.devil-pet *{animation:none!important}.devil-pet.is-leaving{transform:none}.devil-pet.is-visible{transform:rotate(-5deg)}.devil-pet[data-activity="wave"] .arm-left{transform:rotate(105deg)}}

/* Five entrances; a smaller ego would have been quieter. */
.sound-button{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;color:#727a69}
.sound-button .icon{width:16px;height:16px}
.sound-button[aria-pressed="false"]{color:#a19f91}
.devil-crossed-arms,.devil-roll-eyes{display:none}
.devil-lids{display:block}
.devil-brows{transform-origin:90px 78px}
.devil-pet.is-visible[data-entrance="peek"]{animation:devil-enter-peek .85s cubic-bezier(.2,.7,.3,1) both}
.devil-pet.is-visible[data-entrance="drop"]{animation:devil-enter-drop .95s cubic-bezier(.25,.8,.4,1) both}
.devil-pet.is-visible[data-entrance="spin"]{animation:devil-enter-spin .95s cubic-bezier(.2,.8,.3,1) both}
.devil-pet.is-visible[data-entrance="pop"]{animation:devil-enter-pop .85s cubic-bezier(.2,.8,.3,1.1) both}
.devil-pet.is-visible[data-entrance="creep"]{animation:devil-enter-creep 1.3s ease-in-out both}
.devil-pet[data-activity="sideeye"] .devil-eyes{transform:translateX(-4px)}
.devil-pet[data-activity="sideeye"] .devil-head{animation:devil-sideeye 3.7s ease-in-out infinite}
.devil-pet[data-activity="sideeye"] .devil-brows{transform:rotate(-7deg)}
.devil-pet[data-activity="smirk"] .devil-head{animation:devil-smirk 3s ease-in-out infinite}
.devil-pet[data-activity="smirk"] .eye-right{transform:scaleY(.5);animation:devil-wink 3s linear infinite}
.devil-pet[data-activity="smirk"] .devil-crossed-arms,.devil-pet[data-activity="judge"] .devil-crossed-arms{display:block}
.devil-pet[data-activity="smirk"] .devil-arm,.devil-pet[data-activity="judge"] .devil-arm{display:none}
.devil-pet[data-activity="judge"] .devil-head{animation:devil-judge 3s ease-in-out infinite}
.devil-pet[data-activity="judge"] .devil-eyes{transform:translateX(-3px)}
.devil-pet[data-activity="judge"] .devil-brows{transform:rotate(-5deg)}
.devil-pet[data-activity="judge"] .foot-left{transform-origin:72px 170px;animation:devil-foot-tap .7s ease-in-out infinite}
.devil-pet[data-activity="eyeroll"] .devil-eyes,.devil-pet[data-activity="eyeroll"] .devil-lids{display:none}
.devil-pet[data-activity="eyeroll"] .devil-roll-eyes{display:block;animation:devil-roll 3s ease-in-out infinite}
.devil-pet[data-activity="eyeroll"] .devil-head{animation:devil-disbelief 3s ease-in-out infinite}
.devil-pet[data-activity="eyeroll"] .arm-left{transform:rotate(30deg)}
.devil-pet[data-activity="snicker"] .devil-body{animation:devil-giggle .4s ease-in-out infinite}
.devil-pet[data-activity="snicker"] .devil-head{animation:devil-laugh-head .4s ease-in-out infinite}
.devil-pet[data-activity="snicker"] .devil-eyes,.devil-pet[data-activity="snicker"] .devil-lids,.devil-pet[data-activity="snicker"] .devil-smile{display:none}
.devil-pet[data-activity="snicker"] .devil-happy-eyes,.devil-pet[data-activity="snicker"] .devil-laugh-mouth{display:block}
.devil-pet[data-activity="snicker"] .arm-left{transform:rotate(138deg)}
.devil-pet[data-activity="snicker"] .devil-sparks{animation:devil-spark .8s ease-in-out infinite}
.devil-pet.is-speaking .devil-smile{transform-origin:90px 107px;animation:devil-talk .18s ease-in-out infinite}
@keyframes devil-enter-peek{0%{opacity:0;transform:translateX(105%) rotate(18deg)}45%{opacity:1;transform:translateX(35%) rotate(9deg)}70%{transform:translateX(35%) rotate(9deg)}100%{opacity:1;transform:translateX(0) rotate(-7deg)}}
@keyframes devil-enter-drop{0%{opacity:0;transform:translate(10%,-70vh) rotate(14deg)}60%{opacity:1;transform:translateY(9px) rotate(-12deg) scale(1.05,.92)}78%{transform:translateY(-12px) rotate(-4deg)}100%{opacity:1;transform:translateY(0) rotate(-7deg)}}
@keyframes devil-enter-spin{0%{opacity:0;transform:translateX(110%) rotate(-220deg) scale(.45)}60%{opacity:1;transform:translateX(-8%) rotate(18deg) scale(1.05)}100%{opacity:1;transform:translateX(0) rotate(-7deg) scale(1)}}
@keyframes devil-enter-pop{0%{opacity:0;transform:translateY(100vh) rotate(8deg) scale(.4)}60%{opacity:1;transform:translateY(-14px) rotate(-11deg) scale(1.08)}80%{transform:translateY(4px) rotate(-3deg) scale(.97)}100%{opacity:1;transform:translateY(0) rotate(-7deg) scale(1)}}
@keyframes devil-enter-creep{0%{opacity:0;transform:translateX(110%) rotate(18deg)}25%{opacity:1;transform:translateX(62%) rotate(12deg)}48%{transform:translateX(62%) rotate(12deg)}65%{transform:translateX(22%) rotate(-1deg)}85%{transform:translateX(22%) rotate(-1deg)}100%{opacity:1;transform:translateX(0) rotate(-7deg)}}
@keyframes devil-sideeye{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-2deg) translateX(-2px)}}
@keyframes devil-smirk{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}
@keyframes devil-judge{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-2deg) translateY(2px)}}
@keyframes devil-foot-tap{0%,100%{transform:rotate(0)}50%{transform:rotate(10deg)}}
@keyframes devil-disbelief{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg)}60%{transform:rotate(5deg)}}
@keyframes devil-roll{0%,100%{transform:translateY(0)}35%,60%{transform:translateY(-2px)}}
@keyframes devil-talk{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1.2)}}
@media(max-width:780px){}
@media(max-width:440px){.site-header nav{gap:10px}.site-header .saved-button>span:not(.count){display:none}.site-header .saved-button{min-width:25px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.devil-pet.is-visible[data-entrance]{animation:none!important;transform:rotate(-5deg)}.devil-pet *{animation:none!important}}

/* Confident feminine styling; the original sounds and entrances stay the same. */
.devil-hair-back{transform-origin:90px 58px;animation:devil-hair-sway 3.6s ease-in-out infinite}
.devil-earrings{transform-origin:90px 88px;animation:devil-earring-sway 2.5s ease-in-out infinite}
.devil-pet[data-activity="snicker"] .devil-lashes{display:none}
.devil-crossed-arms path:first-child{stroke:#472c3a}
.devil-crossed-arms path:last-child{stroke:#a75b67}
@keyframes devil-hair-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@keyframes devil-earring-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.devil-hair-back,.devil-earrings{animation:none!important}}