.invalid-play-card {
  outline:4px solid #ff646c !important;
  outline-offset:4px !important;
  border-radius:6px !important;
  box-shadow:0 0 0 7px rgba(255,100,108,.18) !important;
}

.invalid-play-message {
  position:fixed !important;
  z-index:3000 !important;
  left:50% !important;
  top:86px !important;
  transform:translateX(-50%) !important;
  width:min(620px,calc(100vw - 32px)) !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,100,108,.78) !important;
  border-radius:12px !important;
  background:linear-gradient(145deg,rgba(86,29,34,.99),rgba(48,19,23,.99)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.38) !important;
  color:#ffecef !important;
  font-size:15px !important;
  line-height:1.4 !important;
}

.invalid-play-message[hidden] {
  display:none !important;
}

.invalid-play-message strong {
  flex:0 0 auto !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.invalid-play-message span {
  min-width:0 !important;
  color:#ffd8dc !important;
  font-weight:600 !important;
}

@media (max-width:640px) {
  .invalid-play-message {
    top:72px !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:4px !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .invalid-play-card {
    animation:invalid-play-pulse .32s ease-in-out 2 alternate;
  }
}

@keyframes invalid-play-pulse {
  from { filter:brightness(1) !important; }
  to { filter:brightness(.72) !important; }
}