:root{color-scheme:dark}
body.mc-dark{background:#0b0f14;color:#dbe2ea;font-family:system-ui,Segoe UI,Roboto,Arial}
/* Fancy card */
.mc-upload-card{
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 20px;
  padding: 50px 60px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
  max-width: 780px;
  width: 95%;
  margin: 50px auto;
  transition: transform .2s ease, box-shadow .3s ease;
}
.mc-upload-card:hover{ transform: translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,.6); }
.mc-field{ margin-bottom: 22px; }
.mc-field label{ display:block; margin-bottom:6px; font-size:14px; color:#aab4c3; }
.mc-upload-card input[type=text],
.mc-upload-card textarea,
.mc-upload-card input[type=file]{
  width:100%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  color:#e8eef6;
  padding: 14px 18px;
  font-size: 15px;
  transition: border .2s ease, background .2s ease, box-shadow .2s ease;
}
.mc-upload-card input:focus,
.mc-upload-card textarea:focus{
  outline:none;
  border-color:#22c55e;
  background: rgba(255,255,255,0.1);
  box-shadow: 0 0 0 3px rgba(34,197,94,0.2);
}
.mc-btn{
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border: none;
  border-radius: 14px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 18px;
  cursor:pointer;
  transition: transform .15s ease, box-shadow .3s ease;
  box-shadow: 0 8px 20px rgba(34,197,94,0.3);
}
.mc-btn:hover{ transform: translateY(-2px); box-shadow:0 12px 25px rgba(34,197,94,0.45); }
#mc-msg{ display:block; margin-top:10px; font-size:14px; color:#9ca3af; }
/* Gallery */
.mc-gallery{ display:grid; grid-template-columns:repeat(var(--mc-cols,4), minmax(0,1fr)); gap:16px; }
.mc-thumb{ position:relative; overflow:hidden; border-radius:16px; background:#0f141b; }
.mc-thumb img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform .8s ease; }
.mc-overlay{ position:absolute; inset:0; display:grid; place-items:end start; background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.6)); opacity:0; transition:opacity .25s ease; padding:12px;}
.mc-item:hover .mc-overlay{ opacity:1; }
.mc-item:hover img{ transform: scale(1.05); }
/* Lightbox */
.mc-lightbox{ position:fixed; inset:0; background:rgba(0,0,0,.85); display:flex; align-items:center; justify-content:center; z-index:9999; animation:fadeIn .2s ease; }
.mc-lightbox-inner{ position:relative; max-width:90%; max-height:90%; text-align:center; animation:zoomIn .2s ease; }
.mc-lightbox-inner img{ max-width:100%; max-height:75vh; border-radius:10px; }
.mc-lightbox-close{ position:absolute; top:-10px; right:-10px; background:#ef4444; border:none; color:#fff; font-size:22px; border-radius:50%; width:36px; height:36px; cursor:pointer; }
@keyframes fadeIn{from{opacity:0}to{opacity:1}} @keyframes zoomIn{from{transform:scale(.95)}to{transform:scale(1)}}
/* Player label & votes */
.mc-player{font-size:.9rem;color:#9ca3af;margin-top:4px;}
.mc-vote{display:flex;align-items:center;gap:8px;margin-top:6px;}
.mc-vote-btn{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:6px 12px;cursor:pointer;transition:background .2s ease,transform .15s ease;}
.mc-vote-btn:hover{background:#22c55e;transform:translateY(-1px);}
.mc-vote-count{font-size:.9rem;color:#a0a8b5;}
/* Fix: Galerie überlappt Formular nicht mehr */
.mc-item {
  position: relative;
  z-index: 1;
}

/* Upload-Feld immer im Vordergrund */
.mc-upload-card {
  position: relative;
  z-index: 1000;
  pointer-events: auto !important;
}
/* === FIX: Hover-Overlay blockiert Formular === */

/* Upload-Formular ganz oben halten */
.mc-upload-card,
.mc-upload-card * {
  position: relative !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

/* Deaktiviert alle Overlays außerhalb der Galerie */
body .mc-overlay:not(.mc-gallery .mc-overlay) {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* Deaktiviert „Test“-Pseudo-Element */
.mc-overlay::after,
.mc-overlay::before,
.mc-item::after,
.mc-item::before {
  content: none !important;
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}