
/* V117 – Märchenhafte Zug-Einblendung: wieder sichtbar, aber kleiner und eleganter. */
#gameScreen #magicNotice { pointer-events:none !important; }
#gameScreen #magicNotice.mp117-compact-turn:not([hidden]) {
  top: clamp(82px, 16%, 170px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(640px, 72vw) !important;
  min-height: 0 !important;
  padding: 16px 26px 18px !important;
  gap: 8px !important;
  background:
    radial-gradient(circle at 50% -20%, rgba(255,237,171,.16), transparent 45%),
    linear-gradient(135deg, rgba(17,12,38,.94), rgba(61,29,88,.90)) !important;
  border: 1px solid rgba(245,218,151,.58) !important;
  border-radius: 24px !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,251,230,.12),
    0 0 22px rgba(255,214,129,.16) !important;
  animation: mp117TurnNotice 1.65s cubic-bezier(.22,.8,.22,1) both !important;
  overflow: hidden !important;
}
#gameScreen #magicNotice.mp117-compact-turn:not([hidden])::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 18px;
  border: 1px solid rgba(255,227,162,.14);
  pointer-events: none;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-stars {
  opacity: .68 !important;
  inset: -10% 0 !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-stars i {
  font-size: 10px !important;
  animation-duration: 1.65s !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-crest {
  width: 78px !important;
  height: 78px !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-avatar {
  width: 60px !important;
  height: 60px !important;
  border-width: 2px !important;
  box-shadow: 0 0 0 3px rgba(255,241,191,.20), 0 0 16px rgba(255,217,126,.18) !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-orbit {
  box-shadow: inset 0 0 12px rgba(255,236,178,.20), 0 0 18px rgba(255,214,129,.14) !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-crown {
  font-size: 18px !important;
  bottom: -1px !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy {
  width: 100% !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy small {
  display: block !important;
  margin-bottom: 5px !important;
  font: 800 11px/1.2 system-ui, sans-serif !important;
  letter-spacing: .26em !important;
  color: #fbe8ae !important;
  text-transform: uppercase !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy strong {
  font: 700 clamp(28px, 2.45vw, 42px)/1.02 Georgia, serif !important;
  margin: 0 !important;
  color: #fff2c8 !important;
  text-shadow: 0 1px 1px rgba(106,70,30,.82), 0 0 16px rgba(255,241,200,.15) !important;
  animation: none !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy p {
  display: block !important;
  margin: 7px auto 0 !important;
  max-width: 92% !important;
  font: 500 clamp(14px, 1.1vw, 18px)/1.35 Georgia, serif !important;
  color: #fff8ea !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.48) !important;
}
#gameScreen #magicNotice.mp117-compact-turn .magic-notice-time {
  display: block !important;
  width: min(280px, 54%) !important;
  height: 3px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), #ffe5a0, rgba(255,255,255,0)) !important;
  box-shadow: 0 0 12px rgba(255,210,120,.26) !important;
}
@keyframes mp117TurnNotice {
  0% { opacity: 0; transform: translate(-50%, 10px) scale(.92); filter: blur(6px); }
  12%, 78% { opacity: 1; transform: translate(-50%, 0) scale(1); filter: blur(0); }
  100% { opacity: 0; transform: translate(-50%, -6px) scale(1.02); filter: blur(2px); }
}
@media (max-width: 980px), (max-height: 640px) {
  #gameScreen #magicNotice.mp117-compact-turn:not([hidden]) {
    top: clamp(66px, 13%, 118px) !important;
    width: min(520px, 82vw) !important;
    padding: 12px 18px 14px !important;
    border-radius: 20px !important;
  }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-crest { width: 66px !important; height: 66px !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-avatar { width: 50px !important; height: 50px !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy strong { font-size: clamp(22px, 4.2vw, 32px) !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy p { font-size: clamp(12px, 2.1vw, 16px) !important; }
}
@media (max-width: 560px) {
  #gameScreen #magicNotice.mp117-compact-turn:not([hidden]) {
    top: 70px !important;
    width: min(92vw, 420px) !important;
    padding: 10px 14px 12px !important;
    gap: 6px !important;
  }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-stars { opacity: .52 !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy small { font-size: 9px !important; letter-spacing: .18em !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy strong { font-size: clamp(19px, 6.2vw, 28px) !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-copy p { margin-top: 5px !important; max-width: 98% !important; font-size: 12px !important; }
  #gameScreen #magicNotice.mp117-compact-turn .magic-notice-time { width: 66% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #gameScreen #magicNotice.mp117-compact-turn,
  #gameScreen #magicNotice.mp117-compact-turn * { animation: none !important; }
}
