/* הכיתה החיה (classroom.js). נטען אחרון כדי לגבור על מידות הדיוקן הישן. */
.classroom-stage{position:relative;overflow:hidden;background:#0d1426 url('media/classroom/ido/c_wide.jpg') center/cover;aspect-ratio:16/9;height:auto!important;min-height:0!important;border:1px solid #8ca9d52b}
.classroom-stage canvas{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;mask-image:none;-webkit-mask-image:none}
.classroom-stage .cls-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.classroom-stage .cls-plate{position:absolute;inset-inline-start:10px;bottom:9px;display:flex;align-items:center;gap:8px;padding:4px 10px 4px 9px;border-radius:7px;background:#0b1224c4;border:1px solid #c9a45c55;color:#f4f1ea;font-size:12px;line-height:1.3;pointer-events:none;backdrop-filter:blur(4px)}
.classroom-stage .cls-plate b{font-weight:700}
.classroom-stage .cls-state{color:#d9bd84}
.classroom-stage .cls-state:empty{display:none}
.classroom-stage .cls-state::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#d9bd84;margin-inline-end:6px;vertical-align:middle}
#view-lesson .class-panel .classroom-stage{margin:12px;border-radius:10px;max-height:34dvh}
#view-lesson .class-panel.chatting .classroom-stage{height:auto!important;aspect-ratio:16/7;margin:10px 12px 0;border:1px solid #8ca9d52b;transition:none}
#view-voice .voice-shell .classroom-stage{width:min(860px,94vw);border-radius:14px}
@media (max-width:980px){#view-lesson .class-panel .classroom-stage{max-height:26dvh}}
@media (max-width:980px) and (max-height:700px){#view-lesson .class-panel .classroom-stage{aspect-ratio:16/6}}
@media (prefers-reduced-motion:reduce){.classroom-stage .cls-state::before{display:none}}