/* GLX Mail: Schiebe-Puzzle, Aussehen aus GLX-ReCaptcha 1.6.2 (public/captcha.css), dunkel.
   Genutzt von registrieren.html, passwort.html und der Anmeldung in der App (0.4.1). */
.glxrc-box { margin: 14px 0 0; }
.glxrc-wrap { width: 100%; padding: 12px; border-radius: 12px; background: var(--hg); border: 1px solid var(--linie); font-size: 14px; text-align: left; }
.glxrc-label { margin-bottom: 8px; color: var(--text2); }
.glxrc-buehne { position: relative; width: 100%; max-width: 320px; margin: 0 auto; border-radius: 8px; overflow: hidden; background: #0d1116; user-select: none; -webkit-user-select: none; }
.glxrc-bg { display: block; width: 100%; height: 100%; pointer-events: none; }
.glxrc-piece { position: absolute; top: 0; left: 0; max-width: none; cursor: grab; filter: drop-shadow(0 2px 4px rgba(0,0,0,.55)); touch-action: none; }
.glxrc-aktiv .glxrc-piece, .glxrc-aktiv .glxrc-griff { cursor: grabbing; }
.glxrc-leiste { position: relative; height: 34px; max-width: 320px; margin: 10px auto 0; border-radius: 17px; background: rgba(128,140,155,.25); }
.glxrc-griff { position: absolute; top: 2px; left: 0; width: 46px; height: 30px; border-radius: 15px; background: var(--akzent); cursor: grab; touch-action: none; }
.glxrc-griff::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to right, #04121c 2px, transparent 2px) 18px 11px / 5px 8px no-repeat, linear-gradient(to right, #04121c 2px, transparent 2px) 24px 11px / 5px 8px no-repeat; opacity: .8; }
.glxrc-griff:focus { outline: 2px solid #fff; outline-offset: 2px; }
.glxrc-ok .glxrc-griff { background: #2fae6a; }
.glxrc-fehler .glxrc-griff { background: #d1495b; }
.glxrc-status { min-height: 20px; margin-top: 8px; font-size: 13px; text-align: center; }
.glxrc-ok .glxrc-status { color: #2fae6a; }
.glxrc-fehler .glxrc-status { color: #d1495b; }