/* v1037 – Rorik als animiertes Canvas + Sprechblase in der Begrüßung */
#introScroll .rorik-intro-canvas-v1037{width:390px !important;height:585px !important;max-height:none !important;}
#introScroll .rorik-bubble-v1037{
  position:absolute;z-index:6;
  left:calc(50% + 372px);top:calc(50% - 244px);
  width:276px;min-height:50px;box-sizing:border-box;
  padding:12px 16px;border-radius:16px;
  background:linear-gradient(180deg,#fff8e3,#f1dfb4);border:3px solid #7a5128;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  color:#3e2914;font:600 15px/1.38 Georgia,"Times New Roman",serif;text-align:center;
  opacity:0;transform:translateY(6px) scale(.97);transition:opacity .25s ease,transform .25s ease;pointer-events:none;
}
#introScroll .rorik-bubble-v1037::after{
  content:"";position:absolute;left:52%;bottom:-15px;width:22px;height:22px;
  background:#f1dfb4;border-right:3px solid #7a5128;border-bottom:3px solid #7a5128;
  transform:rotate(45deg);
}
#introScroll .rorik-bubble-v1037.show-v1037{opacity:1;transform:none;}
#introScroll .rorik-bubble-v1037 .w-v1037{opacity:.18;transition:opacity .18s ease;}
#introScroll .rorik-bubble-v1037 .w-v1037.on-v1037{opacity:1;}

/* v1038: Schriftrolle weg, Rorik in der Mitte, Sprechblase mittig darüber */
#introScroll .scroll-paper{display:none !important;}
#introScroll .rorik-intro-canvas-v1037{
  left:calc(50% - 274px) !important;right:auto !important;bottom:30px !important;top:auto !important;
  width:500px !important;height:750px !important;
}
#introScroll .rorik-bubble-v1037{
  left:50% !important;top:auto !important;bottom:778px !important;
  width:440px !important;min-height:0 !important;
  transform:translateX(-50%) translateY(6px) scale(.97) !important;
  font-size:17px !important;padding:12px 20px !important;
}
#introScroll .rorik-bubble-v1037.show-v1037{transform:translateX(-50%) !important;}
#introScroll .rorik-bubble-v1037::after{left:calc(50% - 11px) !important;}
#introScroll > #closeIntro{
  position:absolute !important;z-index:7 !important;left:calc(50% + 250px) !important;bottom:60px !important;margin:0 !important;
}

/* v1039: alte Schriftrolle mit Text, Rorik rechts daneben, „Verstanden“ erst nach dem Vorlesen */
#introScroll .scroll-paper{
  display:block !important;position:relative !important;
  width:760px !important;max-width:760px !important;height:602px !important;min-height:0 !important;
  box-sizing:border-box !important;padding:84px 74px 60px !important;
  background:url("../assets/intro_scroll_v1039.png") center/100% 100% no-repeat !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.45)) !important;
  color:#3f2a14 !important;
}
#introScroll .scroll-paper::before,#introScroll .scroll-paper::after{display:none !important;content:none !important;}
#introScroll .scroll-paper h2{font-size:30px !important;margin:6px 0 14px !important;text-align:center !important;color:#4a2c12 !important;}
#introScroll .scroll-paper p{font-size:17.5px !important;line-height:1.55 !important;margin:0 0 11px !important;}
#introScroll .rorik-intro-canvas-v1037{
  left:calc(50% + 335px) !important;right:auto !important;bottom:34px !important;top:auto !important;
  width:390px !important;height:585px !important;
}
#introScroll .rorik-bubble-v1037{display:none !important;}
#introScroll #closeIntro{position:static !important;margin:14px auto 0 !important;}
#introScroll #closeIntro:not(.rorik-done-v1039){visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
#introScroll #closeIntro.rorik-done-v1039{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;animation:rorikDoneV1039 .4s ease-out;}
@keyframes rorikDoneV1039{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}