/* The header stays inside the VISUAL viewport, including keyboard/address-bar changes. */
html body :is(#onlineSansaOverlay,#dharmaHallOverlay,#mindRestOverlay,#oracleOverlay).show{position:fixed!important;inset:auto!important;top:var(--monastery-top,0px)!important;left:var(--monastery-left,0px)!important;width:var(--monastery-vw,100vw)!important;height:var(--monastery-vh,100dvh)!important;max-height:var(--monastery-vh,100dvh)!important;box-sizing:border-box!important;padding:12px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;z-index:1600!important}
html body :is(#onlineSansaOverlay,#dharmaHallOverlay,#mindRestOverlay,#oracleOverlay).show>.modal{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;box-sizing:border-box!important;margin:0!important;padding-top:0!important;overflow:hidden!important;transform:none!important;animation:none!important}
html body :is(#onlineSansaOverlay,#dharmaHallOverlay,#mindRestOverlay,#oracleOverlay) .modal-head{flex:0 0 auto!important;min-width:0;box-sizing:border-box;z-index:4}
html body :is(#onlineSansaOverlay,#dharmaHallOverlay,#mindRestOverlay,#oracleOverlay) .modal-body{min-height:0!important;overflow-y:auto;overscroll-behavior:contain}
html body :is(#onlineSansaOverlay,#mindRestOverlay,#oracleOverlay) .modal-body{flex:1 1 auto!important}
html body #dharmaHallOverlay.hall-immersive .modal-body{overflow:hidden!important}
html body #onlineSansaOverlay .modal-head{padding:14px 20px!important}
#onlineSansaOverlay .sansa-eyebrow{display:none}#onlineSansaOverlay .modal-head p{margin:4px 0!important}#sansaWelcomeAgain{min-height:28px!important;padding:2px 0!important}
#dharmaHallOverlay.hall-immersive .hall-art{background:#1d3d35;padding:20px;gap:8px;justify-content:center}
#dharmaHallOverlay.hall-immersive .hall-scene{border:1px solid #bca56c66;box-shadow:0 16px 45px #071d1b55;border-radius:6px}
#dharmaHallOverlay.hall-immersive #hallSeatStatus{color:#f1e6bf!important;margin:0!important}
#hallRitualRail{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:14px 4px 4px;margin:0;width:100%;box-sizing:border-box;color:#c3d1bd}
#hallRitualRail li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:11px;text-align:center}
#hallRitualRail li>span{width:26px;height:26px;border:1px solid #b4c2a766;border-radius:50%;display:grid;place-items:center;background:#28473e;color:#bdcbb8;font-size:11px}
#hallRitualRail li b{font-weight:450;font-size:11px;line-height:1.3;word-break:keep-all}
#hallRitualRail li.is-current>span{background:#e6c778;color:#233d31;border-color:#f6da97;box-shadow:0 0 0 4px #e8cb7a18}#hallRitualRail li.is-current b{color:#f5dc9d;font-weight:700}#hallRitualRail li.is-done>span{background:#c0d0af;color:#233e30;border-color:#c0d0af}
#hallParticipationBloom{display:flex;justify-content:center;align-items:center;gap:12px;color:#f1dfaa;border-top:1px solid #8fa38444;padding-top:10px;font-size:12px}.hall-earned-petals{font-size:24px;letter-spacing:7px;color:#e9c780}
#dharmaHallOverlay.hall-immersive .hall-guidance{background:#fcf8eb;padding:20px 24px}
#dharmaHallOverlay.hall-immersive #hallWelcome{border:0;background:transparent;padding:0}#dharmaHallOverlay.hall-immersive #hallWelcome h3{font-size:26px;color:#254939;line-height:1.5;margin:6px 0 10px}
#dharmaHallOverlay.hall-immersive #hallWelcome .hall-arrival-copy{font-size:14px!important;line-height:1.8!important;color:#5d6e56;margin:0 0 20px}
#dharmaHallOverlay.hall-immersive #hallEnterRitual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:84px;background:#254d3d;color:#fff3ce;border:1px solid #4b6c4a;border-radius:16px;font-size:17px;font-weight:650;cursor:pointer;margin-bottom:12px;box-shadow:0 8px 20px #274c3720}
#hallEnterRitual small{font-size:11px;font-weight:400;color:#d4dfbf}#dharmaHallOverlay.hall-immersive #hallQuickStart{background:transparent!important;color:#486445!important;border:1px solid #bccbab!important}#hallWelcome .hall-first-steps{font-size:12px;color:#788567;margin:18px 0}.hall-first-steps summary{cursor:pointer;min-height:32px}
#dharmaHallOverlay.hall-immersive #hallPrimaryAction{background:#244c3c;border-color:#244c3c;color:#fff4cf;box-shadow:0 5px 12px #274b3620}#dharmaHallOverlay.hall-immersive #hallPrimaryAction:disabled{background:#dce4d3;color:#62755b;box-shadow:none}
#dharmaHallOverlay.hall-immersive .hall-before-seat .hall-audio-panel{margin-top:0}
#dharmaHallOverlay.hall-before-seat .hall-audio-panel>:is(.hall-controls,label,#hallAudioSeek,#hallDockMeta,#hallDockCredits,#hallAudioStatus){display:none!important}
#dharmaHallOverlay.hall-is-listening .hall-instruction{display:none}#dharmaHallOverlay.hall-is-listening .hall-audio-panel{border:1px solid #c9d6bd;background:#edf1e4;border-radius:12px;padding:12px;margin-top:10px}
#dharmaHallOverlay.hall-immersive #hallGuidePortrait #hallMonk{width:84px!important;height:102px!important}
@media(max-width:700px){html body :is(#onlineSansaOverlay,#dharmaHallOverlay,#mindRestOverlay,#oracleOverlay).show{padding:0!important}html body :is(#onlineSansaOverlay,#dharmaHallOverlay,#mindRestOverlay,#oracleOverlay).show>.modal{height:100%!important;max-height:100%!important;border-radius:0!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}html body #dharmaHallOverlay.hall-immersive .modal-body{grid-template-rows:minmax(160px,32%) minmax(0,1fr)!important}#dharmaHallOverlay.hall-immersive .hall-art{padding:10px 14px;gap:5px}#dharmaHallOverlay.hall-immersive .hall-scene{max-height:none;flex:1 1 auto}#dharmaHallOverlay.hall-immersive .hall-guidance{padding:10px 16px}#hallRitualRail{padding:5px 0 0;flex:0 0 auto}#hallRitualRail li{gap:3px;font-size:9px}#hallRitualRail li>span{width:19px;height:19px;font-size:9px}#hallRitualRail li b{font-size:9px}#dharmaHallOverlay.hall-immersive #hallWelcome h3{font-size:23px;margin-top:6px}#dharmaHallOverlay.hall-immersive #hallWelcome .hall-arrival-copy{font-size:12px!important;margin-bottom:14px}#dharmaHallOverlay.hall-immersive #hallEnterRitual{min-height:70px;font-size:15px}#hallParticipationBloom{padding-top:5px;gap:8px;font-size:10px;flex:none}.hall-earned-petals{font-size:16px;letter-spacing:4px}#dharmaHallOverlay.hall-immersive #hallGuidePortrait #hallMonk{width:48px!important;height:58px!important}#dharmaHallOverlay.hall-immersive .hall-instruction{padding:0}#dharmaHallOverlay.hall-immersive #hallSeatStatus{font-size:9px!important}}
html[data-monastery-compact=true] body #dharmaHallOverlay.hall-immersive .modal-body{grid-template-rows:112px minmax(0,1fr)!important}html[data-monastery-compact=true] #hallRitualRail li>span{display:none}html[data-monastery-compact=true] #hallRitualRail li{padding:2px;border-bottom:2px solid transparent}html[data-monastery-compact=true] #hallRitualRail li.is-current{border-color:#e6c778}html[data-monastery-compact=true] #hallSeatStatus{display:none}html[data-monastery-compact=true] #hallParticipationBloom{padding-top:2px}
@media(prefers-reduced-motion:reduce){#hallRitualRail *,#hallParticipationBloom{animation:none!important;transition:none!important}}

#dharmaHallOverlay.hall-immersive #hallPresence:not([data-state=live]){display:none}

#dharmaHallOverlay.hall-immersive .hall-mode-line{flex-wrap:wrap;gap:5px}#dharmaHallOverlay.hall-immersive .hall-mode-line :is(#hallCourtyard,#hallToFree){border:1px solid #d2dbc7;background:transparent;color:#57704b;font-size:10px!important;min-height:30px!important;line-height:1.4;padding:4px 7px!important;border-radius:8px;box-shadow:none}#dharmaHallOverlay.hall-immersive #hallCourtyard{margin-left:auto}
