/* A punctuation character. Motion is brief, local, and never needed to read. */
.ah-mascot{--ah-turn:-5deg;--ah-look-x:0px;--ah-look-y:0px;display:block;position:relative;width:124px;height:148px;padding:0;border:0;background:none;color:var(--ink);flex:none;isolation:isolate}
button.ah-mascot{cursor:pointer;border-radius:30px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button.ah-mascot:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.ah-character{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.ah-body{transform-origin:85px 133px;transform:rotate(var(--ah-turn));transition:transform .28s cubic-bezier(.2,.8,.25,1)}
.ah-pupil{transform:translate(var(--ah-look-x),var(--ah-look-y));transition:transform .14s ease-out}
.ah-shadow{transform-origin:85px 184px;transition:transform .25s}
.ah-dot{transform-origin:85px 170px}
.ah-question,.ah-happy-eyes,.ah-grin,.ah-tongue,.ah-brow,.ah-thinking-mouth,.ah-sparks{opacity:0}
.ah-exclamation,.ah-question{transition:opacity .18s,transform .28s cubic-bezier(.2,.8,.25,1);transform-origin:85px 100px}
.ah-question{transform:translateY(5px) rotate(-8deg) scale(.94)}
.ah-mascot[data-mood=curious] .ah-exclamation{opacity:0;transform:scale(.94) rotate(5deg)}
.ah-mascot[data-mood=curious] .ah-question{opacity:1;transform:none}
.ah-mascot[data-mood=thinking]{--ah-turn:8deg;--ah-look-x:-3px;--ah-look-y:-2px}
.ah-mascot[data-mood=thinking] .ah-brow,.ah-mascot[data-mood=thinking] .ah-thinking-mouth{opacity:1}
.ah-mascot[data-mood=thinking] .ah-mouth{opacity:0}
.ah-mascot[data-mood=aha]{--ah-turn:2deg}
.ah-mascot[data-mood=aha] .ah-open-eyes,.ah-mascot[data-mood=aha] .ah-mouth{opacity:0}
.ah-mascot[data-mood=aha] .ah-happy-eyes,.ah-mascot[data-mood=aha] .ah-grin,.ah-mascot[data-mood=aha] .ah-tongue{opacity:1}
.ah-mascot.is-reacting[data-mood=aha] .ah-body{animation:ah-pop .66s cubic-bezier(.2,.75,.3,1) both}
.ah-mascot.is-reacting[data-mood=aha] .ah-dot{animation:ah-dot-hop .66s ease-out both}
.ah-mascot.is-reacting[data-mood=aha] .ah-shadow{animation:ah-shadow-pop .66s ease-out both}
.ah-mascot.is-reacting[data-mood=aha] .ah-sparks{animation:ah-spark .7s ease-out both}
.ah-mascot.is-reacting[data-mood=curious] .ah-body,.ah-mascot.is-reacting[data-mood=thinking] .ah-body{animation:ah-peek .55s ease-out both}
.ah-mascot.is-blinking .ah-eye{animation:ah-blink .18s ease-in-out;transform-box:fill-box;transform-origin:center}
@keyframes ah-pop{0%,100%{transform:rotate(2deg)}25%{transform:translateY(4px) rotate(-6deg) scale(1.06,.94)}55%{transform:translateY(-13px) rotate(6deg) scale(.98,1.03)}80%{transform:translateY(2px) rotate(-2deg)}}
@keyframes ah-dot-hop{0%,100%{transform:none}30%{transform:scale(1.12,.85)}60%{transform:translateY(-6px) rotate(7deg)}85%{transform:scale(1.05,.95)}}
@keyframes ah-shadow-pop{0%,100%{transform:scaleX(1)}55%{transform:scaleX(.75)}}
@keyframes ah-spark{0%,22%,100%{opacity:0}40%,72%{opacity:1}}
@keyframes ah-peek{0%,100%{transform:rotate(var(--ah-turn))}45%{transform:translateY(-5px) rotate(calc(var(--ah-turn) + 6deg))}}
@keyframes ah-blink{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.08)}}
.intro .ah-discovery{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;min-width:0}
.ah-discovery-character{position:relative;padding-top:2px;width:100%;display:flex;justify-content:center}
.ah-discovery-character:before{content:'';position:absolute;width:112px;height:112px;border-radius:50%;background:#e8f34b;top:20px;left:calc(50% - 56px);transform:rotate(-8deg)}
.ah-discovery .ah-mascot{width:135px;height:160px}
.ah-discovery-copy{width:100%}
.ah-discovery-line{font-family:Anton,sans-serif;font-size:27px;line-height:1.15;min-height:32px;margin:1px 0 11px}
.ah-discovery #random-button{display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:3px 12px 3px 3px;background:var(--paper);padding:11px 13px;font-size:12px;font-weight:700;min-height:44px;width:100%}
.ah-discovery #random-button:hover,.ah-discovery #random-button:focus-visible{background:#e8f34b}
.ah-discovery #random-button span{font-size:20px;line-height:1}
.ah-discovery-hint{display:block;font-size:11px;line-height:1.5;margin-top:7px;color:#575954}
.ah-quiz-companion{display:flex;align-items:center;gap:12px;margin:18px 0 6px;min-height:132px}
.ah-quiz-companion .ah-mascot{width:110px;height:132px}
.ah-quiz-caption{font-size:17px;font-weight:700;line-height:1.35;margin:0;max-width:150px}
.ah-quiz-companion .ah-body-shape,.ah-quiz-companion .ah-question>path:first-child{fill:#fcfcfa}
.ah-quiz-companion .ah-exclamation>path:nth-child(2),.ah-quiz-companion .ah-question>path:nth-child(2){stroke:#c4afff}
.quiz-title .ah-quiz-companion+p{margin-top:15px}
.quiz-title h2{clear:none}
@media(hover:hover) and (pointer:fine){button.ah-mascot:hover{--ah-turn:3deg}}
@media(max-width:1050px) and (min-width:761px){.ah-discovery .ah-mascot{width:116px;height:138px}.ah-discovery-line{font-size:24px}.ah-discovery #random-button{font-size:11px}}
@media(max-width:760px){.intro .ah-discovery{flex-direction:row;text-align:left;gap:14px;margin-top:24px;padding:11px 13px 11px 5px;background:#e8f34b;border:1px solid var(--ink);border-radius:3px 24px 3px 3px}.ah-discovery-character{width:82px;flex:none;padding:0}.ah-discovery-character:before{display:none}.ah-discovery .ah-mascot{width:82px;height:99px}.ah-discovery-copy{min-width:0;flex:1}.ah-discovery-line{font-size:23px;min-height:27px;margin:0 0 8px}.ah-discovery #random-button{font-size:12px;justify-content:space-between;padding:9px 10px}.ah-discovery-hint{font-size:10px;margin-top:5px}.ah-quiz-companion{min-height:105px;margin-top:14px;gap:10px}.ah-quiz-companion .ah-mascot{width:87px;height:105px}.ah-quiz-caption{font-size:16px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.ah-mascot *{animation:none!important;transition:none!important}.ah-mascot .ah-pupil{transform:none}.ah-mascot[data-mood=aha] .ah-sparks{opacity:1}}
@media(max-width:760px){.quiz-body .ah-quiz-companion{min-height:74px;margin:0 0 14px;gap:12px}.quiz-body .ah-quiz-companion .ah-mascot{width:62px;height:74px}.quiz-body .ah-quiz-caption{font-size:16px;max-width:180px}.quiz-body #quiz-feedback .ah-quiz-companion{margin-top:18px;margin-bottom:0}}
@media print{.ah-discovery,.ah-quiz-companion{display:none}}