.gluecksrad-overlay { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: var(--abstand-4); background: rgba(0, 0, 0, 0); transition: background 0.35s ease; overflow-y: auto; }
.gluecksrad-overlay.gluecksrad-da { background: rgba(0, 0, 0, 0.88); }
.gluecksrad-karte { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--abstand-3); width: min(30rem, 94vw); max-height: 100%; padding: var(--abstand-5) var(--abstand-4); border: 1px solid var(--border); border-radius: 1.6rem; background: var(--surface); color: var(--text); text-align: center; transform: translateY(110vh); transition: transform 0.55s cubic-bezier(0.2, 0.9, 0.25, 1.15); }
.gluecksrad-da .gluecksrad-karte { transform: translateY(0); }
.gluecksrad-zu { position: absolute; top: var(--abstand-2); inset-inline-end: var(--abstand-3); border: 0; background: none; color: var(--text-muted); font-size: var(--schrift-5); line-height: 1; cursor: pointer; }
.gluecksrad-stand { margin: 0; font-size: var(--schrift-5); font-weight: 700; }
.gluecksrad-hinweis { margin: 0; color: var(--text-muted); }
.gluecksrad-huelle { position: relative; width: min(84vw, 26rem); aspect-ratio: 1; }
.gluecksrad-rad { display: block; width: 100%; height: 100%; }
.gluecksrad-zeiger { position: absolute; left: 50%; top: -6px; transform: translateX(-50%); width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 34px solid #e8b859; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6)); }
.gluecksrad-intensitaet { display: flex; align-items: center; gap: var(--abstand-2); color: var(--text-muted); font-weight: 600; }
.gluecksrad-intensitaet input { width: min(50vw, 14rem); accent-color: #e8b859; }
.gluecksrad-knoepfe { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--abstand-3); }
.gluecksrad-dreh { padding: var(--abstand-3) var(--abstand-5); border: 0; border-radius: 999px; background: #e8b859; color: #2a1633; font: inherit; font-weight: 700; cursor: pointer; touch-action: manipulation; }
.gluecksrad-dreh:disabled { opacity: 0.5; cursor: default; }
.gluecksrad-ergebnis { min-height: 1.6em; font-size: var(--schrift-5); font-weight: 700; color: #e8b859; }
.gluecksrad-konfetti { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.gluecksrad-knoepfe[hidden], .gluecksrad-intensitaet[hidden] { display: none; }