/* V99: Rechteanzeige als HTML-Overlay, vorhandene Grafiken bleiben unverändert */
.rd-login-status{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #9ddcf3;border-radius:13px;background:linear-gradient(105deg,#1d1f60,#312477);color:#fff;box-shadow:0 2px 12px #15154a30;font:500 12px/1.35 system-ui,sans-serif}
.rd-login-status strong{display:block;color:#fff;font-size:13px}.rd-login-status small{display:block;color:#d9e9ff;font-size:11px}
.rd-login-icon{font-size:19px;color:#ffe28c}.rd-login-tag{border-radius:999px;padding:5px 8px;background:#6b3679;border:1px solid #b98ec8;color:white;font-size:10px;font-weight:700}
.rd-login-status:has(.rd-login-icon:first-child) {max-width:100%}
.sw-monster-action,.sw-illustrated-game{position:relative}
.rd-locked-card{filter:saturate(.7);cursor:not-allowed}
.rd-locked-card:after{content:'🔒';position:absolute;top:9px;right:9px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1b164be8;color:#fff;font-size:25px;box-shadow:0 0 0 2px #f9d37d,0 3px 15px #0008;pointer-events:none}
.rd-locked-card:hover{transform:none!important}
.rd-locked-help{background:#221858;color:#ffecb1;padding:11px 16px;border:1px solid #af84ec;border-radius:13px;font-size:13px}
/* Altes grafisches Seitenmenü enthält nicht mehr aktive Rubriken (Hausaufgaben/Videos).
   Statt ein unpassendes Bild zu verändern, verwenden wir die drei zentralen Karten. */
.mode-schueler .student-mystic-sidebar{display:none!important}
.mode-schueler .layout{display:block!important}
.mode-schueler .main{min-width:0}
@media(max-width:650px){.rd-login-status{gap:6px;padding:6px 8px}.rd-login-tag{font-size:9px}}

.rd-feature.rd-locked-card,.rdg-game.rd-locked-card{position:relative;cursor:not-allowed}
.rd-feature.rd-locked-card:after,.rdg-game.rd-locked-card:after{content:'🔒';position:absolute;right:13px;top:13px;width:44px;height:44px;background:#191246e8;color:white;display:grid;place-items:center;border-radius:50%;border:2px solid #ffe096;box-shadow:0 4px 15px #100737aa;font-size:22px;z-index:5;pointer-events:none}
.rd-top .rd-login-status,.rdg-top .rd-login-status,.rdt-top .rd-login-status{flex:0 1 auto;min-width:0;margin:7px 12px}
.rd-top .rd-login-status strong,.rdg-top .rd-login-status strong,.rdt-top .rd-login-status strong{color:white}
@media(max-width:900px){.rd-top .rd-login-status,.rdg-top .rd-login-status,.rdt-top .rd-login-status{margin:5px auto;max-width:calc(100% - 20px)}}
