.narration-panel{position:fixed;left:12px;bottom:12px;z-index:15;width:min(320px,calc(100vw - 24px));min-width:216px;background:#142b49;color:#fff;border-radius:10px;padding:8px;box-shadow:0 5px 24px #0006}
.narration-panel[hidden]{display:none}
.narration-panel.small{width:216px}
.narration-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.narration-heading button{font:inherit}
#narration-slot{width:100%;height:210px;margin-top:6px}
.narration-panel.small #narration-slot{height:200px}
#narration-status{margin:4px 0 0;font-size:12px}
.study-stage #fullscreen-hint{margin:0;padding:7px 13px;color:#ffdb93;background:#273b54;font-size:13px}