/* v1064 – Erster Start: Schriftrolle vor dem Hintergrund der Charakterauswahl, dann Nebel → Dorf */
#introBackdropV1064{position:absolute;inset:0;z-index:0;display:none;overflow:hidden;pointer-events:none;background:#10140f;}
#introBackdropV1064 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:blur(6px) brightness(.55) saturate(.85);transform:scale(1.03);}
#introBackdropV1064 i{position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 45%,rgba(55,72,38,.05) 0%,rgba(18,21,14,.18) 52%,rgba(8,10,7,.78) 100%),
    linear-gradient(to bottom,rgba(11,15,9,.58),transparent 28%,transparent 72%,rgba(8,9,6,.62));}
body.first-intro-v1064 #introBackdropV1064{display:block;}
body.first-intro-v1064{background:#10140f !important;}
/* die Schriftrolle selbst ohne zusätzlichen Schleier über dem Dorf */
html body.first-intro-v1064 #introScroll{z-index:99991 !important;background:transparent !important;backdrop-filter:none !important;}
/* Spiel-Oberfläche erst nach dem Nebel */
body.first-intro-v1064 #playerHudV276,body.first-intro-v1064 #monsterHudSlotV527,body.first-intro-v1064 #hudMonsterV521,
body.first-intro-v1064 #returnMainMenu,body.first-intro-v1064 #dailyGiftV1042,body.first-intro-v1064 .hud,
body.first-intro-v1064 .top-right-controls,body.first-intro-v1064 #soundToggle,body.first-intro-v1064 .backpack-button,
body.first-intro-v1064 #backpackButton,body.first-intro-v1064 .quest-marker,body.first-intro-v1064 [class*="quest-marker"],
body.first-intro-v1064 canvas.bm-live-v1023{visibility:hidden !important;}

/* Nebel */
#villageFogV1063{position:fixed;inset:0;z-index:2147483000;pointer-events:none;overflow:hidden;
  background:radial-gradient(ellipse at 50% 55%,rgba(226,232,222,.96) 0%,rgba(210,220,208,.97) 45%,rgba(184,196,182,.98) 100%);
  opacity:0;backdrop-filter:blur(0);transition:opacity 1.4s ease-in,backdrop-filter 1.4s ease-in;}
#villageFogV1063.vf-in{opacity:1;backdrop-filter:blur(6px);}
#villageFogV1063.vf-clear{opacity:0;backdrop-filter:blur(0);transition:opacity 7s cubic-bezier(.25,.1,.35,1),backdrop-filter 6s ease-in-out;}
#villageFogV1063 i{position:absolute;display:block;border-radius:50%;filter:blur(40px);
  background:radial-gradient(ellipse at 50% 50%,rgba(245,248,242,.95) 0%,rgba(236,241,233,.65) 45%,rgba(236,241,233,0) 72%);}
#villageFogV1063 .vf-l1{width:90vw;height:60vh;left:-20vw;top:5vh;animation:vfDriftA 11s ease-in-out forwards;}
#villageFogV1063 .vf-l2{width:80vw;height:55vh;right:-25vw;top:30vh;animation:vfDriftB 11s ease-in-out forwards;}
#villageFogV1063 .vf-l3{width:100vw;height:45vh;left:0;bottom:-15vh;animation:vfDriftC 11s ease-in-out forwards;}
#villageFogV1063 .vf-l4{width:70vw;height:50vh;left:15vw;top:-15vh;animation:vfDriftD 11s ease-in-out forwards;}
@keyframes vfDriftA{from{transform:translate(20vw,0) scale(.9)}to{transform:translate(-30vw,-6vh) scale(1.25)}}
@keyframes vfDriftB{from{transform:translate(-20vw,0) scale(.9)}to{transform:translate(32vw,4vh) scale(1.2)}}
@keyframes vfDriftC{from{transform:translate(0,8vh) scale(.95)}to{transform:translate(8vw,18vh) scale(1.15)}}
@keyframes vfDriftD{from{transform:translate(4vw,6vh) scale(.95)}to{transform:translate(-6vw,-20vh) scale(1.2)}}
@media (prefers-reduced-motion:reduce){#villageFogV1063 i{animation:none}}

/* v1066: dunkler Rand außerhalb der 1600×900-Bühne (wie Charakterauswahl) */
#introCurtainV1066{position:fixed;inset:0;z-index:99990;background:#10140f;display:none;pointer-events:none;}
body.first-intro-v1064 #introCurtainV1066{display:block;}