/* Aika na nogrey.sk: 3D pomocníčka nad stránkou, bublina zo skla, leštenie karty, spánok v päte */
.aika{position:fixed;left:0;top:0;width:560px;height:560px;z-index:40;pointer-events:none;transform-origin:0 0;opacity:0;transition:opacity .6s;will-change:transform}
.aika canvas{display:block;width:560px;height:560px;filter:drop-shadow(0 24px 40px rgba(10,30,70,.35))}
.aika-zije .aika{opacity:1}
.aika-bublina{position:fixed;left:0;top:0;z-index:41;max-width:min(280px,72vw);margin:0;padding:13px 18px;border-radius:20px;pointer-events:none;
  font-family:'Manrope',system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.4;color:#0B1220;
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 40px -18px rgba(10,30,80,.55);
  opacity:0;scale:.9;transform-origin:22px 100%;transition:opacity .35s,scale .35s cubic-bezier(.3,1.5,.5,1)}
.aika-bublina.je{opacity:1;scale:1}
.aika-bublina::after{content:"";position:absolute;bottom:-7px;left:22px;width:14px;height:14px;transform:rotate(45deg);
  background:inherit;border-right:1px solid rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.9)}
.aika-bublina.chvost-vpravo{transform-origin:calc(100% - 22px) 100%}
.aika-bublina.chvost-vpravo::after{left:auto;right:22px}
.aika-bublina:empty{display:none}
.aika-zzz{position:fixed;left:0;top:0;z-index:41;margin:0;pointer-events:none;opacity:0;transition:opacity .6s;font-family:'Sora',system-ui,sans-serif;font-weight:800;color:#CFE6FF}
.aika-zzz.je{opacity:1}
.aika-zzz span{position:absolute;left:0;top:0;opacity:0;animation:aika-zzz 3.6s ease-in-out infinite}
.aika-zzz span:nth-child(1){font-size:14px}
.aika-zzz span:nth-child(2){font-size:19px;animation-delay:1.2s}
.aika-zzz span:nth-child(3){font-size:25px;animation-delay:2.4s}
@keyframes aika-zzz{0%{opacity:0;transform:translate(0,0)}20%{opacity:1}100%{opacity:0;transform:translate(26px,-58px)}}
/* leštenie karty referencie: lesk prebehne kartou, keď na ňu Aika doskočí */
.pf{position:relative}
.pf::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:3;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 46%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.75) 54%,transparent 70%);
  transform:translateX(-120%);opacity:0}
.pf.aika-lesk::after{animation:aika-lesk 1.1s ease-out .15s 1 both}
@keyframes aika-lesk{0%{transform:translateX(-120%);opacity:1}100%{transform:translateX(120%);opacity:1}}
/* klik na Aiku otvorí chat; pri chate cez celú obrazovku (mobil) sa Aika schová */
.aika-dotyk{position:fixed;left:0;top:0;z-index:42;border-radius:50%;cursor:pointer;background:transparent;border:0;padding:0}
.aika-za-chatom .aika,.aika-za-chatom .aika-bublina,.aika-za-chatom .aika-dotyk{opacity:0 !important;pointer-events:none}
@media (prefers-reduced-motion:reduce){.aika,.aika-bublina,.aika-zzz,.aika-dotyk{display:none}}