/* Keep navigation independent of the canvas and make fullscreen an explicit mode. */
html body.student-page.museum-refined.gm-open:not(.gm-fullscreen) #mobileStudyNav#mobileStudyNav {display:grid!important;visibility:visible!important;pointer-events:auto!important;z-index:1201!important;}
html body.student-page.museum-refined.gm-fullscreen #mobileStudyNav#mobileStudyNav,body.gm-fullscreen #forest-player-shell,body.wf-table-map-fullscreen #mobileStudyNav#mobileStudyNav,body.wf-table-map-fullscreen #forest-player-shell {display:none!important;}
html body.student-page.museum-refined.gm-fullscreen #museumGenreMap#museumGenreMap {inset:0!important;bottom:0!important;max-width:none!important;height:100dvh!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;z-index:1300!important;}
#museumGenreMap.is-fullscreen>:is(.gm-header,.gm-modes,.gm-controls,.gm-status,.gm-selection,.gm-tools-area) {display:none!important;}
#museumGenreMap.is-fullscreen .gm-viewport {flex:1!important;height:100%!important;margin:0!important;}
#museumGenreMap .gm-exit-fullscreen {position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:10;background:var(--paper-solid,#fbf8ed)!important;border:1px solid #a6a38d!important;border-radius:8px;padding:8px 14px;min-height:44px;color:#292b25!important;}
#museumGenreMap .gm-exit-fullscreen[hidden] {display:none!important;}
#museumGenreMap .gm-topic.is-learning-marked {opacity:.35;}
#museumGenreMap .gm-mark-dot {touch-action:manipulation!important;}
html body.student-page .wf-table-map.is-fullscreen {position:fixed!important;inset:0!important;z-index:1400!important;width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;background:#1c1d20!important;}
html body.student-page .wf-table-map.is-fullscreen .wf-mindmap-viewport {flex:1!important;min-height:0!important;height:auto!important;}
html body.student-page .wf-table-map.is-fullscreen .wf-table-map-tools {position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:2;border:0!important;padding:0!important;}
html body.student-page .wf-table-map.is-fullscreen .wf-table-map-tools>:not([data-map-action=fullscreen]),html body.student-page .wf-table-map.is-fullscreen .wf-mindmap-hint {display:none!important;}
html body.student-page .wf-table-map.is-fullscreen [data-map-action=fullscreen] {background:#fbf8ed!important;color:#292b25!important;border:1px solid #a6a38d!important;border-radius:8px;padding:8px 14px;min-height:44px;}
body.wf-table-map-fullscreen {overflow:hidden!important;}
/* A vermilion seal sits behind only the selected destination. */
html body.student-page.student-page.museum-refined.paper-theme #mobileStudyNav#mobileStudyNav#mobileStudyNav button,html body.student-page.student-page.museum-refined.paper-theme #forest-app#forest-app .f-nav button {position:relative!important;isolation:isolate;}
html body.student-page.student-page.museum-refined.paper-theme #mobileStudyNav#mobileStudyNav#mobileStudyNav button.active::before,html body.student-page.student-page.museum-refined.paper-theme #forest-app#forest-app .f-nav button.on::before {content:''!important;display:block!important;position:absolute!important;z-index:-1;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-4deg)!important;width:48px!important;height:44px!important;background:#a43b32!important;border:2px solid #a43b32!important;border-radius:5px 3px 6px 2px!important;box-shadow:inset 0 0 0 2px #f9eee1!important;mask:none!important;-webkit-mask:none!important;opacity:1!important;}
html body.student-page.student-page.museum-refined.paper-theme #mobileStudyNav#mobileStudyNav#mobileStudyNav button.active,html body.student-page.student-page.museum-refined.paper-theme #mobileStudyNav#mobileStudyNav#mobileStudyNav button.active strong,html body.student-page.student-page.museum-refined.paper-theme #forest-app#forest-app .f-nav button.on {color:#fff6e5!important;}
html body.student-page.student-page.museum-refined.paper-theme #mobileStudyNav#mobileStudyNav#mobileStudyNav button.active::after,html body.student-page.student-page.museum-refined.paper-theme #forest-app#forest-app .f-nav button.on::after {display:none!important;}
/* Reserve an explicit thumbnail row inside the existing fixed image panel. */
html body.student-page[data-knowledge-view=detail] #knowledgeStudyPanel#knowledgeStudyPanel #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-module:not(.gallery-grid-mode) {display:flex!important;flex-direction:column!important;height:var(--knowledge-visual-height,150vw)!important;min-height:0!important;overflow:hidden!important;}
html body.student-page[data-knowledge-view=detail] #knowledgeStudyPanel#knowledgeStudyPanel #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-module:not(.gallery-grid-mode) .student-gallery-stage {flex:1 1 0!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;}
html body.student-page[data-knowledge-view=detail] #knowledgeStudyPanel#knowledgeStudyPanel #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-strip {display:flex!important;position:relative!important;flex:0 0 70px!important;height:70px!important;min-height:70px!important;max-height:70px!important;gap:8px!important;padding:6px 10px!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;overscroll-behavior:contain;background:var(--paper-solid,#fbf8ed)!important;}
html body.student-page[data-knowledge-view=detail] #knowledgeStudyPanel#knowledgeStudyPanel #studentKnowledgeDetail .student-gallery-thumb {position:relative!important;flex:0 0 48px!important;width:48px!important;height:58px!important;min-height:0!important;padding:0!important;border:2px solid transparent!important;border-radius:4px!important;overflow:hidden!important;}
html body.student-page[data-knowledge-view=detail] #knowledgeStudyPanel#knowledgeStudyPanel #studentKnowledgeDetail .student-gallery-thumb.active {border-color:#a43b32!important;}
html body.student-page[data-knowledge-view=detail] #knowledgeStudyPanel#knowledgeStudyPanel #studentKnowledgeDetail .student-gallery-thumb img {width:100%!important;height:100%!important;object-fit:cover!important;}
