/* A quiet inline aside. No overlays, sounds, continuous motion or pointer capture. */
.cp-reaction{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:540px;min-width:0;margin:14px auto;padding:9px 12px;border:1px solid #70b8af88;border-radius:14px;background:linear-gradient(125deg,#073f4bed,#062e3eed);color:#fff5d7;text-align:left;isolation:isolate;overflow:visible;grid-column:1/-1;line-height:1.4;box-shadow:0 3px 0 #03263255}
.cp-reaction *{box-sizing:border-box}
.cp-reaction .cp-mascot{display:block;position:static;flex:0 0 67px;width:67px;height:76px;max-width:none;object-fit:contain;margin:-10px 0 -6px;transform-origin:50% 80%;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 2px #001c2a50)}
.cp-reaction .cp-mascot[hidden]{display:none}
.cp-reaction .cp-speech{position:relative;min-width:0;flex:1;padding:5px 0}
.cp-reaction .cp-label{display:block;margin:0 0 5px;color:#65edda;font:1000 9px/1.3 Nunito,system-ui,sans-serif;letter-spacing:1px}
.cp-reaction p.cp-line{margin:0;color:#fff5d7;font:900 14px/1.45 Nunito,system-ui,sans-serif;letter-spacing:0;text-align:left;overflow-wrap:anywhere;white-space:normal}
.cp-reaction[data-kind=loss]{border-color:#7eada577}.cp-reaction[data-kind=loss] .cp-label{color:#b6d8d0}
.cp-reaction[data-kind=close-call]{border-color:#ffdc7188}.cp-reaction[data-kind=close-call] .cp-label{color:#ffe291}
.cp-reaction.cp-enter .cp-mascot{animation:cp-bob .48s ease-out 1}
.cp-reaction.cp-enter[data-kind=loss] .cp-mascot{animation:cp-sigh .55s ease-out 1}
@keyframes cp-bob{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-5px) rotate(-3deg)}75%{transform:translateY(-1px) rotate(2deg)}100%{transform:none}}
@keyframes cp-sigh{0%{transform:none}45%{transform:translateY(3px) rotate(5deg)}100%{transform:none}}
@media(max-width:600px){.cp-reaction{gap:9px;padding:8px 10px;margin:12px auto;border-radius:12px}.cp-reaction .cp-mascot{flex-basis:54px;width:54px;height:65px;margin:-6px 0 -4px}.cp-reaction .cp-label{font-size:8px;letter-spacing:.7px;margin-bottom:4px}.cp-reaction p.cp-line{font-size:13px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.cp-reaction.cp-enter .cp-mascot{animation:none!important;transform:none!important}}