#lessonOverlay{max-width:1100px;width:92vw;background:#111226;color:#fff4dc;border:2px solid #b277ff;padding:28px;box-shadow:0 0 90px #8b3eea33}#lessonOverlay h2{font-size:clamp(27px,3vw,44px);line-height:1.1;color:#ffe771;margin:20px 0}#lessonOverlay p{font-size:clamp(18px,1.65vw,25px);line-height:1.42}.lesson-joke{color:#ff91c9}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lesson-grid h3,#lessonOverlay>h3{color:#80e6e0;font-size:18px;text-transform:uppercase;letter-spacing:.06em}#lessonSlides{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 22px}#lessonSlides button{text-align:left;flex:1 1 250px;font-size:17px;padding:14px}#lessonOverlay small{color:#b9b2cc}#lessonButton{border-color:#76d9ca;color:#b5fff2}#conversationChoices button:before{content:attr(data-reply) ' · ';color:#f8df71;font-size:.85em}#conversationChoices button:nth-child(n+10):before{content:''}
#cinemaExit[hidden]{display:none}#cinemaExit{position:fixed;z-index:80;top:10px;left:10px;display:flex;gap:7px;opacity:.25;transition:opacity .2s}#cinemaExit:hover,#cinemaExit:focus-within{opacity:1}#cinemaExit button{background:#111329e8;font-size:13px;padding:8px 12px}.cinema-mode{background:#000;overflow:hidden}.cinema-mode>header,.cinema-mode .location-bar,.cinema-mode .music-bar,.cinema-mode aside,.cinema-mode footer,.cinema-mode .action-bar{display:none}.cinema-mode main{padding:0;margin:0;max-width:none}.cinema-mode .game-layout{display:block}.cinema-mode .play-column{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.cinema-mode .world-stage{width:min(100vw,177.777778vh);height:auto;aspect-ratio:16/9;border:0;border-radius:0;box-shadow:none;flex:none}.cinema-mode .dialogue-panel{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:70;width:min(1060px,94vw);max-height:27vh;overflow:auto;padding:12px 16px;background:#0b0d20ef;box-shadow:0 0 32px #000}.cinema-mode .dialogue-panel .conversation-heading,.cinema-mode #spokenLine{display:none}.cinema-mode #conversationChoices{display:flex;flex-wrap:wrap;gap:7px}.cinema-mode #conversationChoices button{font-size:16px;padding:9px 12px}.cinema-mode #walkHint{display:none}.cinema-mode.clean-take .dialogue-panel,.cinema-mode.clean-take #cinemaExit,.cinema-mode.clean-take #worldTargets,.cinema-mode.clean-take #destinationPin{opacity:0;pointer-events:none}.cinema-mode.clean-take #worldCanvas{cursor:none}
@media(max-width:700px){.lesson-grid{grid-template-columns:1fr;gap:8px}#lessonOverlay{padding:18px}#cinemaExit{max-width:95vw;flex-wrap:wrap}.cinema-mode .dialogue-panel{max-height:32vh}.cinema-mode #conversationChoices button{font-size:14px}}
.cinema-mode #worldBreadcrumb{display:none}.cinema-mode #spokenLine{display:block}.cinema-mode .play-column{padding-bottom:112px}.cinema-mode .world-stage{width:min(100vw,calc((100dvh - 112px) * 16 / 9))}.cinema-mode .dialogue-panel{bottom:0;max-height:108px;margin:0}.cinema-mode.clean-take .play-column{padding-bottom:0}.cinema-mode.clean-take .world-stage{width:min(100vw,177.777778vh)}.cinema-mode #worldCanvas:focus{outline:none}.portal-target span{top:auto!important;bottom:0!important}
.cinema-mode .play-column{padding-bottom:0}.cinema-mode .world-stage{width:min(100vw,177.777778vh)}.cinema-mode:not(.clean-take):has(#dialoguePanel:not([hidden])) .play-column{padding-bottom:112px}.cinema-mode:not(.clean-take):has(#dialoguePanel:not([hidden])) .world-stage{width:min(100vw,calc((100dvh - 112px) * 16 / 9))}