/* Haya talks on the IQ phone: her words appear on its screen, a few at a time; then the screen goes back to the IQ */
.sealRing.phone .phoneTalk{position:absolute;inset:12px 11px 17px;border-radius:20px;background:#07070b;display:flex;align-items:center;justify-content:center;
  padding:8px 7px;box-sizing:border-box;opacity:0;transition:opacity .35s ease;pointer-events:none;overflow:hidden;z-index:3}
.sealRing.phone .phoneTalk span{display:block;width:100%;text-align:center;color:#fff;font-weight:700;line-height:1.25;letter-spacing:.01em;
  text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}
.sealRing.phone .phoneTalk span.on{opacity:1;transform:none}
.sealRing.phone .phoneTalk b{color:#F5C842;font-weight:800}
.seal.talking .phoneTalk{opacity:1}
.seal.talking .sealCore{opacity:0;transition:opacity .3s ease}
.seal .sealCore{transition:opacity .4s ease}
.mascot{cursor:pointer}
.sealRing.phone .phoneTalk span.ar{font-family:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;font-weight:700;line-height:1.45}   /* her Arabic in a classic Naskh hand */
/* v151: Haya cannot be saved with a long press; she can be dragged anywhere and floats above the page */
.mascot{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}
.mascot.hbFloat{position:fixed!important;z-index:73;height:clamp(110px,18vh,170px)!important;width:auto;margin:0!important;cursor:grab;transform:none}
.mascot.hbDrag{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(0,0,0,.45))!important;transition:none!important}
html.hb-veil .mascot.hbFloat{display:none}
/* a dragged Haya never sits on top of the IQ page */
#scoreView.show ~ .mascot.hbFloat{display:none!important}