
/* V117 – Lebendige Märchenränder, sichtbar stärker und atmosphärischer. */
#gameScreen.game-screen-magic-v114{--mp114-parallax-x:0px;--mp114-parallax-y:0px}
/* V115: Do not alter the native position, visibility or z-index of any
   existing game interface element (hand, toolbar, profiles, HUD, controls). */
#gameScreen .mp114-parallax-layer,
#gameScreen .mp114-magic-border{position:absolute;inset:0;pointer-events:none!important;z-index:0}
#gameScreen .mp114-parallax-back{background:
 radial-gradient(circle at 10% 10%, rgba(255,214,112,.17), transparent 18%),
 radial-gradient(circle at 88% 12%, rgba(118,235,255,.14), transparent 16%),
 radial-gradient(circle at 50% 88%, rgba(185,130,255,.14), transparent 18%),
 linear-gradient(180deg, rgba(12,16,38,.0) 0%, rgba(16,18,34,.08) 100%);
 transform:translate(calc(var(--mp114-parallax-x) * .28), calc(var(--mp114-parallax-y) * .28)) scale(1.04);
 filter:saturate(1.1);
}
#gameScreen .mp114-magic-border::before{content:"";position:absolute;inset:8px;border-radius:28px;border:1px solid rgba(243,217,154,.14);box-shadow:inset 0 0 0 1px rgba(84,50,121,.18), inset 0 0 50px rgba(151,98,232,.08)}
#gameScreen .mp114-corner-scene{position:absolute;width:22vmin;height:22vmin;min-width:110px;min-height:110px;max-width:240px;max-height:240px;opacity:.95;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}
#gameScreen .mp114-corner-nw{left:-1.5vmin;top:-1.5vmin}
#gameScreen .mp114-corner-ne{right:-1.5vmin;top:-1.5vmin;transform:scaleX(-1)}
#gameScreen .mp114-corner-sw{left:-1.5vmin;bottom:9.5rem}
#gameScreen .mp114-corner-se{right:-1.5vmin;bottom:9.5rem;transform:scaleX(-1)}
#gameScreen .mp114-corner-glow{position:absolute;inset:14% 12% 22% 12%;border-radius:26px;background:radial-gradient(circle at 50% 40%, rgba(255,244,188,.36), rgba(114,198,255,.12) 35%, rgba(90,44,160,.0) 70%);animation:mp114Glow 6.2s ease-in-out infinite}
#gameScreen .mp114-waterfall{position:absolute;inset:12% 28% 10% 44%;border-radius:18px;background:linear-gradient(180deg, rgba(219,251,255,.78), rgba(103,214,255,.38) 30%, rgba(89,117,255,.04) 100%);box-shadow:0 0 12px rgba(160,245,255,.2), 0 0 28px rgba(127,206,255,.14);overflow:hidden;opacity:.62}
#gameScreen .mp114-waterfall::before{content:"";position:absolute;inset:-15% -40%;background:repeating-linear-gradient(180deg, rgba(255,255,255,.85) 0 2px, rgba(255,255,255,0) 4px 10px);mix-blend-mode:screen;animation:mp114Water 4.8s linear infinite}
#gameScreen .mp114-creature{position:absolute;left:16%;bottom:8%;font-size:clamp(20px,2.1vmin,30px);filter:drop-shadow(0 4px 10px rgba(0,0,0,.26));opacity:.86;animation:mp114Creature 7.4s ease-in-out infinite}
#gameScreen .mp114-vines{position:absolute;opacity:.88}
#gameScreen .mp114-vines::before,#gameScreen .mp114-vines::after{content:"";position:absolute;inset:0}
#gameScreen .mp114-vines-top,#gameScreen .mp114-vines-bottom{left:11%;right:11%;height:76px}
#gameScreen .mp114-vines-left,#gameScreen .mp114-vines-right{top:13%;bottom:15%;width:72px}
#gameScreen .mp114-vines-top{top:0;background:
 radial-gradient(circle at 8% 50%, rgba(126,204,123,.28) 0 12px, transparent 13px),
 radial-gradient(circle at 24% 20%, rgba(171,229,161,.26) 0 10px, transparent 11px),
 radial-gradient(circle at 46% 62%, rgba(126,204,123,.22) 0 11px, transparent 12px),
 radial-gradient(circle at 76% 32%, rgba(171,229,161,.24) 0 10px, transparent 11px),
 radial-gradient(circle at 92% 54%, rgba(126,204,123,.25) 0 11px, transparent 12px);
 animation:mp114VineSway 10s ease-in-out infinite}
#gameScreen .mp114-vines-bottom{bottom:5.8rem;background:
 radial-gradient(circle at 15% 56%, rgba(126,204,123,.24) 0 12px, transparent 13px),
 radial-gradient(circle at 40% 30%, rgba(171,229,161,.22) 0 10px, transparent 11px),
 radial-gradient(circle at 64% 66%, rgba(126,204,123,.22) 0 11px, transparent 12px),
 radial-gradient(circle at 88% 40%, rgba(171,229,161,.26) 0 10px, transparent 11px);
 animation:mp114VineSway 11.4s ease-in-out infinite reverse}
#gameScreen .mp114-vines-left{left:0;background:
 radial-gradient(circle at 46% 8%, rgba(171,229,161,.26) 0 10px, transparent 11px),
 radial-gradient(circle at 30% 20%, rgba(126,204,123,.28) 0 12px, transparent 13px),
 radial-gradient(circle at 50% 40%, rgba(171,229,161,.24) 0 10px, transparent 11px),
 radial-gradient(circle at 34% 61%, rgba(126,204,123,.24) 0 12px, transparent 13px),
 radial-gradient(circle at 52% 84%, rgba(171,229,161,.22) 0 10px, transparent 11px);
 animation:mp114VineVertical 9.5s ease-in-out infinite}
#gameScreen .mp114-vines-right{right:0;background:
 radial-gradient(circle at 54% 8%, rgba(171,229,161,.26) 0 10px, transparent 11px),
 radial-gradient(circle at 70% 20%, rgba(126,204,123,.28) 0 12px, transparent 13px),
 radial-gradient(circle at 50% 40%, rgba(171,229,161,.24) 0 10px, transparent 11px),
 radial-gradient(circle at 66% 61%, rgba(126,204,123,.24) 0 12px, transparent 13px),
 radial-gradient(circle at 48% 84%, rgba(171,229,161,.22) 0 10px, transparent 11px);
 animation:mp114VineVertical 10.8s ease-in-out infinite reverse}
#gameScreen .mp114-fairy-dust{position:absolute;left:9%;right:9%;height:88px;opacity:.8;background:
 radial-gradient(circle at 10% 40%, rgba(255,227,134,.46) 0 3px, transparent 4px),
 radial-gradient(circle at 18% 58%, rgba(180,230,255,.5) 0 2px, transparent 3px),
 radial-gradient(circle at 33% 30%, rgba(255,255,255,.6) 0 2px, transparent 3px),
 radial-gradient(circle at 46% 56%, rgba(210,170,255,.52) 0 3px, transparent 4px),
 radial-gradient(circle at 66% 36%, rgba(255,233,162,.46) 0 2px, transparent 3px),
 radial-gradient(circle at 79% 48%, rgba(180,230,255,.48) 0 2px, transparent 3px),
 radial-gradient(circle at 92% 26%, rgba(255,255,255,.48) 0 2px, transparent 3px);
 animation:mp114Dust 14s linear infinite}
#gameScreen .mp114-fairy-dust-top{top:0}
#gameScreen .mp114-fairy-dust-bottom{bottom:5.8rem;transform:scaleY(-1)}
#gameScreen .mp114-mist{position:absolute;left:6%;right:6%;height:100px;filter:blur(16px);opacity:.55;background:
 radial-gradient(circle at 12% 60%, rgba(232,233,255,.24), transparent 24%),
 radial-gradient(circle at 35% 50%, rgba(255,255,255,.16), transparent 22%),
 radial-gradient(circle at 57% 68%, rgba(198,202,255,.20), transparent 22%),
 radial-gradient(circle at 82% 46%, rgba(255,255,255,.14), transparent 20%);
 animation:mp114Mist 18s ease-in-out infinite}
#gameScreen .mp114-mist-top{top:18px}
#gameScreen .mp114-mist-bottom{bottom:6.3rem;animation-delay:-6s}
#gameScreen .mp114-runes{position:absolute;inset:12px;display:grid;grid-template-columns:repeat(12,1fr);align-items:start;color:rgba(255,227,162,.46);font-size:clamp(12px,1.25vmin,18px);letter-spacing:.24em;text-shadow:0 0 10px rgba(255,216,124,.2)}
#gameScreen .mp114-runes span{justify-self:center;animation:mp114RunePulse 5.4s ease-in-out infinite;transform:translateY(2px)}
#gameScreen .mp114-runes span:nth-child(odd){animation-delay:-1.7s}
#gameScreen .mp114-runes span:nth-child(even){animation-delay:-.8s}
#gameScreen .mp114-fireflies{position:absolute;inset:0}
#gameScreen .mp114-fireflies i{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff9dd 0%, #ffe092 44%, rgba(255,232,162,.0) 72%);box-shadow:0 0 10px rgba(255,224,146,.42), 0 0 22px rgba(182,225,255,.26);opacity:.35;animation:mp114Firefly var(--dur) ease-in-out infinite;animation-delay:var(--delay)}
#gameScreen .mp114-butterflies{position:absolute;inset:0;overflow:hidden}
#gameScreen .mp114-butterflies span{position:absolute;width:18px;height:14px;opacity:0;background:radial-gradient(circle at 30% 50%, rgba(255,191,230,.95), rgba(255,191,230,.2) 60%, transparent 70%),radial-gradient(circle at 70% 50%, rgba(182,236,255,.95), rgba(182,236,255,.18) 60%, transparent 70%);filter:drop-shadow(0 0 8px rgba(255,229,162,.28));clip-path:polygon(0% 52%,18% 24%,42% 10%,50% 48%,58% 10%,82% 24%,100% 52%,82% 82%,58% 92%,50% 56%,42% 92%,18% 82%);animation:mp114Butterfly 18s linear infinite}
#gameScreen .mp114-butterflies span:nth-child(1){left:-4%;top:24%;animation-delay:2s}
#gameScreen .mp114-butterflies span:nth-child(2){left:-8%;top:64%;animation-delay:9s;transform:scale(1.15)}
#gameScreen .mp114-butterflies span:nth-child(3){left:104%;top:38%;animation-delay:14s;animation-direction:reverse}
#gameScreen .mp114-sparkle-field{position:absolute;inset:0;overflow:hidden}
#gameScreen .mp114-sparkle{position:absolute;width:12px;height:12px;translate:-50% -50%;font-size:12px;color:#fff4bd;text-shadow:0 0 10px rgba(255,222,120,.4), 0 0 20px rgba(173,226,255,.24);animation:mp114Sparkle 850ms ease-out forwards}
#gameScreen .mp114-sparkle::before{content:"✦"}
/* Never apply filters to hand cards or game controls: they create a stacking context. */
@keyframes mp114Glow{0%,100%{transform:scale(.98);opacity:.58}50%{transform:scale(1.03);opacity:.84}}
@keyframes mp114Water{0%{transform:translateY(-18%)}100%{transform:translateY(18%)}}
@keyframes mp114Creature{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mp114VineSway{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
@keyframes mp114VineVertical{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes mp114Dust{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}
@keyframes mp114Mist{0%,100%{transform:translateX(0);opacity:.42}50%{transform:translateX(22px);opacity:.68}}
@keyframes mp114RunePulse{0%,100%{opacity:.28;transform:translateY(2px) scale(.98)}50%{opacity:.82;transform:translateY(0) scale(1.08)}}
@keyframes mp114Firefly{0%,100%{transform:translate3d(0,0,0) scale(.6);opacity:.22}20%{opacity:.8}50%{transform:translate3d(18px,-14px,0) scale(1)}80%{opacity:.42} }
@keyframes mp114Butterfly{0%,8%{opacity:0;transform:translate3d(0,0,0) rotate(-8deg) scale(.7)}12%,80%{opacity:.86}50%{transform:translate3d(54vw,-4vh,0) rotate(9deg) scale(1)}100%{opacity:0;transform:translate3d(112vw,-8vh,0) rotate(12deg) scale(.76)}}
@keyframes mp114Sparkle{0%{opacity:0;transform:scale(.35) rotate(0deg)}15%{opacity:1}100%{opacity:0;transform:translateY(-24px) scale(1.3) rotate(85deg)}}
@media (pointer:coarse), (max-width:900px){
  #gameScreen .mp114-corner-scene{width:18vmin;height:18vmin;min-width:86px;min-height:86px}
  #gameScreen .mp114-vines-top,#gameScreen .mp114-vines-bottom{left:8%;right:8%;height:54px}
  #gameScreen .mp114-vines-left,#gameScreen .mp114-vines-right{width:44px;top:14%;bottom:18%}
  #gameScreen .mp114-fairy-dust{left:7%;right:7%;height:56px;opacity:.68}
  #gameScreen .mp114-mist{height:70px;opacity:.38}
  #gameScreen .mp114-runes{font-size:11px;inset:9px}
  #gameScreen .mp114-fireflies i:nth-child(n+11){display:none}
  #gameScreen .mp114-butterflies span:nth-child(3){display:none}
}
@media (orientation:portrait) and (pointer:coarse){
  #gameScreen .mp114-corner-sw,#gameScreen .mp114-corner-se{bottom:10.9rem}
  #gameScreen .mp114-vines-bottom{bottom:10rem}
  #gameScreen .mp114-fairy-dust-bottom{bottom:10rem}
  #gameScreen .mp114-mist-bottom{bottom:10.4rem}
}
@media (max-width:560px){
  #gameScreen .mp114-corner-scene{opacity:.82}
  #gameScreen .mp114-creature{font-size:18px}
  #gameScreen .mp114-vines-left,#gameScreen .mp114-vines-right{display:none}
  #gameScreen .mp114-runes{grid-template-columns:repeat(8,1fr)}
}
@media (prefers-reduced-motion:reduce){
  #gameScreen .mp114-parallax-back,
  #gameScreen .mp114-corner-glow,
  #gameScreen .mp114-waterfall::before,
  #gameScreen .mp114-creature,
  #gameScreen .mp114-vines-top,
  #gameScreen .mp114-vines-bottom,
  #gameScreen .mp114-vines-left,
  #gameScreen .mp114-vines-right,
  #gameScreen .mp114-fairy-dust,
  #gameScreen .mp114-mist,
  #gameScreen .mp114-runes span,
  #gameScreen .mp114-fireflies i,
  #gameScreen .mp114-butterflies span,
  #gameScreen .mp114-sparkle{animation:none!important}
}


/* V117 – sichtbarere Märcheneffekte ohne Layout-Verschiebung */
#gameScreen .mp114-magic-border{z-index:0 !important;}
#gameScreen .mp114-magic-border::before{
  border-color: rgba(249,224,160,.24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(112,68,164,.24),
    inset 0 0 70px rgba(155,105,238,.10),
    inset 0 0 18px rgba(255,224,148,.12) !important;
}
#gameScreen .mp114-magic-border::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:34px;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,227,141,.18), transparent 18%),
    radial-gradient(circle at 92% 16%, rgba(120,235,255,.18), transparent 18%),
    radial-gradient(circle at 10% 84%, rgba(136,227,158,.14), transparent 18%),
    radial-gradient(circle at 90% 84%, rgba(255,193,238,.16), transparent 18%);
  opacity:.95;
}
#gameScreen .mp114-corner-scene{
  opacity: 1 !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.26)) drop-shadow(0 0 18px rgba(255,222,133,.20));
}
#gameScreen .mp114-corner-glow{
  opacity: .95 !important;
  background: radial-gradient(circle at 50% 40%, rgba(255,244,188,.52), rgba(114,198,255,.20) 36%, rgba(90,44,160,0) 72%) !important;
}
#gameScreen .mp114-waterfall{
  opacity: .88 !important;
  box-shadow: 0 0 16px rgba(160,245,255,.34), 0 0 34px rgba(127,206,255,.24) !important;
}
#gameScreen .mp114-creature{
  opacity: .98 !important;
  text-shadow: 0 0 12px rgba(255,231,164,.28);
}
#gameScreen .mp114-vines{opacity:1 !important;}
#gameScreen .mp114-fairy-dust{
  opacity: .98 !important;
  filter: drop-shadow(0 0 10px rgba(255,230,162,.18));
}
#gameScreen .mp114-mist{
  opacity: .72 !important;
}
#gameScreen .mp114-runes{
  color: rgba(255,231,170,.72) !important;
  text-shadow: 0 0 12px rgba(255,216,124,.34), 0 0 24px rgba(255,216,124,.16) !important;
}
#gameScreen .mp114-runes span{ animation-duration: 4.3s !important; }
#gameScreen .mp114-fireflies i{
  width: 10px !important;
  height: 10px !important;
  opacity: .55 !important;
  box-shadow: 0 0 12px rgba(255,224,146,.55), 0 0 24px rgba(182,225,255,.32) !important;
}
#gameScreen .mp114-butterflies span{ opacity:.12; }
#gameScreen .mp114-sparkle{ color:#fff6c9 !important; text-shadow:0 0 12px rgba(255,225,132,.55),0 0 22px rgba(163,230,255,.28) !important; }
@media (pointer:coarse), (max-width:900px){
  #gameScreen .mp114-corner-scene{opacity:.95 !important;}
  #gameScreen .mp114-fairy-dust{opacity:.84 !important;}
  #gameScreen .mp114-mist{opacity:.56 !important;}
  #gameScreen .mp114-runes{color: rgba(255,231,170,.62) !important;}
}


/* V118 – remove artificial blue striped waterfall overlay.
   Keep gentle, non-rectangular corner light without changing game layout. */
#gameScreen.game-screen-magic-v114 .mp114-waterfall,
#gameScreen.game-screen-magic-v114 .mp114-waterfall::before,
#gameScreen.game-screen-magic-v114 .mp114-waterfall::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
}
#gameScreen.game-screen-magic-v114 .mp114-corner-glow {
  background: radial-gradient(ellipse at 48% 42%,
    rgba(255,249,201,.32) 0%,
    rgba(130,228,255,.14) 27%,
    rgba(166,114,241,.06) 47%, transparent 70%) !important;
}
