/* v1009 – Startbildschirm: START leuchtet, EXIT leuchtet beim Darüberfahren.
   Klickflächen genau auf den beiden Holzschildern (Bild 1600x900, object-fit: fill). */
.main-menu #menuStart{
  left:11.5% !important;
  top:58.9% !important;
  width:10.8% !important;
  height:8.8% !important;
}
.main-menu #menuExitV1009{
  display:block !important;
  position:absolute !important;
  left:11.8% !important;
  top:68.4% !important;
  width:10.4% !important;
  height:8.6% !important;
  z-index:20 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
.main-menu #menuExitV1009:hover,
.main-menu #menuExitV1009:focus,
.main-menu #menuExitV1009:active{background:transparent !important;outline:none !important;box-shadow:none !important;transform:none !important;filter:none !important;}

/* Leuchtende Schrift: ausgeschnittene Buchstaben aus dem Hintergrundbild */
.main-menu .menu-glow-v1009{
  position:absolute;
  z-index:19;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:100% 100%;
  transition:opacity .25s ease, filter .25s ease;
}
.main-menu .menu-glow-start-v1009{
  left:13.876%;
  top:60.574%;
  width:7.237%;
  height:5.42%;
  background-image:url("../assets/menu_start_glow_v1009.png");
  animation:menuStartGlowV1009 2.4s ease-in-out infinite;
}
/* v1014: START pulsiert sichtbar – Leuchten schwillt an und ab */
@keyframes menuStartGlowV1009{
  0%,100%{opacity:.35;filter:brightness(1.02) drop-shadow(0 0 1px rgba(255,226,140,.3));}
  50%{opacity:1;filter:brightness(1.3) drop-shadow(0 0 4px rgba(255,232,150,.95)) drop-shadow(0 0 12px rgba(255,196,80,.65));}
}
.main-menu #menuStart:hover + .menu-glow-start-v1009,
.main-menu #menuStart:focus-visible + .menu-glow-start-v1009{
  animation:none;
  opacity:1;
  filter:brightness(1.35) drop-shadow(0 0 4px rgba(255,236,170,1)) drop-shadow(0 0 12px rgba(255,200,80,.9)) drop-shadow(0 0 22px rgba(255,170,40,.6));
}
.main-menu .menu-glow-exit-v1009{
  left:14.773%;
  top:69.819%;
  width:5.502%;
  height:5.207%;
  background-image:url("../assets/menu_exit_glow_v1009.png");
  opacity:0;
  filter:brightness(1.3) drop-shadow(0 0 4px rgba(255,236,170,1)) drop-shadow(0 0 12px rgba(255,200,80,.85)) drop-shadow(0 0 20px rgba(255,170,40,.55));
}
.main-menu #menuExitV1009:hover + .menu-glow-exit-v1009,
.main-menu #menuExitV1009:focus-visible + .menu-glow-exit-v1009{opacity:1;}
@media (prefers-reduced-motion: reduce){.main-menu .menu-glow-start-v1009{animation:none;opacity:.9}}

/* v1010 – Rotes Ei rechts: die rote Farbe pulsiert leicht */
.main-menu .menu-red-egg-v1010{
  position:absolute;
  z-index:2;
  left:10.69%;
  top:10.75%;
  width:78.61%;
  height:83.87%;
  pointer-events:none;
  background:url("../assets/menu_red_egg_v1010.png") no-repeat 0 0 / 100% 100%;
  animation:menuRedEggV1010 3.2s ease-in-out infinite;
}
@keyframes menuRedEggV1010{
  0%,100%{opacity:0;filter:saturate(1) brightness(1);}
  50%{opacity:1;filter:saturate(1.55) brightness(1.3) drop-shadow(0 0 3px rgba(255,60,30,.55));}
}

/* v1010 – Versionsnummer unten links */
.main-menu .menu-version-v1010{
  position:absolute;
  z-index:21;
  left:1.2%;
  bottom:1.6%;
  color:rgba(255,240,200,.78);
  font:600 clamp(11px,1vw,15px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.06em;
  text-shadow:0 1px 3px rgba(0,0,0,.85);
  pointer-events:none;
  user-select:none;
}
@media (prefers-reduced-motion: reduce){.main-menu .menu-red-egg-v1010{animation:none;opacity:.4}}

/* v1011 – Rotes Ei wackelt ab und zu (Ei ausgeschnitten, dahinter das Nest ohne Ei) */
.main-menu .menu-egg-plate-v1011,
.main-menu .menu-egg-wrap-v1011{
  position:absolute;
  left:77.213%;
  top:62.912%;
  width:11.184%;
  height:19.766%;
  pointer-events:none;
}
.main-menu .menu-egg-plate-v1011{z-index:5;background:url("../assets/menu_egg_plate_v1011.png") no-repeat 0 0/100% 100%;}
.main-menu .menu-egg-wrap-v1011{z-index:6;transform-origin:49.7% 87%;}
.main-menu .menu-egg-v1011{position:absolute;inset:0;z-index:1;background:url("../assets/menu_egg_v1011.png") no-repeat 0 0/100% 100%;}
.main-menu .menu-egg-wrap-v1011.wobble{animation:menuEggWobbleV1011 1.3s ease-in-out;}
@keyframes menuEggWobbleV1011{
  0%,100%{transform:rotate(0)}
  12%{transform:rotate(-3deg)}
  28%{transform:rotate(2.6deg)}
  44%{transform:rotate(-2deg)}
  60%{transform:rotate(1.3deg)}
  76%{transform:rotate(-.6deg)}
  90%{transform:rotate(.2deg)}
}
@media (prefers-reduced-motion: reduce){.main-menu .menu-egg-wrap-v1011.wobble{animation:none}}
