.cinema-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blackboard-screen{width:1200px;height:270px;background:#12291e;color:#ede9ce;pointer-events:auto;position:relative;box-shadow:0 0 0 3px #294b36}
.blackboard-player,.blackboard-player iframe{width:100%;height:100%;border:0;display:block;background:#101a15}
.blackboard-player{display:flex;justify-content:center;background:#183a29}.blackboard-player iframe{width:480px;max-width:100%}
.cinema-status{position:absolute;top:100%;left:0;right:0;margin:8px 0;text-align:center;font-size:14px;color:#f5f0d8;text-shadow:0 1px 4px #000;pointer-events:none}
.cinema-toolbar{position:fixed;left:50%;bottom:117px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid #cbd3b76b;border-radius:18px;background:#203a2ef2;color:#f5edd4;z-index:20;max-width:calc(100vw - 24px);width:max-content;flex-wrap:wrap}
.cinema-toolbar[hidden],.cinema-toolbar [hidden],.school-video-card[hidden],.cinema-expanded[hidden]{display:none}
.cinema-toolbar span{font:14px 'Gowun Batang',serif;margin-right:3px}.cinema-toolbar button,.cinema-toolbar a{font:12px 'Noto Sans KR',sans-serif;color:#f5edd4;padding:9px 11px;border:1px solid #ffffff40;border-radius:9px;background:#ffffff0c;text-decoration:none;cursor:pointer;min-height:38px}
.video-filters{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.video-filters button{border:1px solid #94a48b;border-radius:20px;background:transparent;color:#3a5842;font:12px inherit;padding:8px 14px;cursor:pointer}.video-filters [aria-pressed=true]{background:#355a43;color:#fff6dc}
.school-video-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.school-video-card{padding:16px;background:#f3eddc;border:1px solid #cdd1bb;border-radius:9px}.school-video-card small{font-size:10px;color:#62765b}.school-video-card h3{font:17px 'Gowun Batang',serif;margin:8px 0;line-height:1.6}.school-video-card p{font-size:11px;line-height:1.8;color:#6b765d}.school-video-card>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.school-video-card .dialog-button{font-size:11px;min-height:40px;padding:9px 12px;margin:0}.school-video-card a{font-size:11px;color:#3d604b}
.school-video-form{border-top:1px solid #b9c3a8;margin-top:20px;padding-top:18px}.school-video-form label{display:block;font-size:12px;margin-bottom:9px}.school-video-form>div{display:flex;gap:7px}.school-video-form input{min-width:0;flex:1;padding:11px;background:#fffdf4;border:1px solid #9eac90;border-radius:6px;font:12px inherit}.school-video-form button{padding:9px;border:1px solid #617c5b;background:#355a43;color:#fff7da;border-radius:6px;font:12px inherit;cursor:pointer}.school-video-form p{font-size:11px;color:#964631}
.cinema-expanded{position:fixed;inset:155px 14px 200px;z-index:15;display:flex;align-items:center;justify-content:center;pointer-events:none}.blackboard-screen.compact{width:min(100%,800px);height:auto;aspect-ratio:16/9;min-height:200px;box-shadow:0 0 0 7px #66523d;border-radius:2px}.compact .blackboard-player{position:absolute;inset:0}.compact .cinema-status{font-size:10px}
.compact .blackboard-player iframe{width:100%}
.watching-school-video .arrival-note,.watching-school-video #context-action,.watching-school-video .joystick,.watching-school-video #pins{visibility:hidden}
@media(max-width:700px){.school-video-list{grid-template-columns:1fr}.cinema-toolbar{bottom:104px;gap:5px;padding:7px}.cinema-toolbar span{display:none}.cinema-toolbar button,.cinema-toolbar a{font-size:11px;padding:8px}.school-video-form>div{flex-wrap:wrap}.school-video-form input{flex-basis:100%}.cinema-expanded{inset:138px 14px 186px}}
@media(max-height:520px){.cinema-expanded{inset:75px 14px 100px}.blackboard-screen.compact{width:min(55vw,600px);height:200px;aspect-ratio:auto}.cinema-toolbar{left:auto;right:12px;top:90px;bottom:auto;transform:none;max-width:150px}.cinema-toolbar span{display:none}.watching-school-video .actionbar{display:none}}