body.stage-active{overflow:hidden!important}.stage-open{position:fixed!important;inset:0!important;z-index:1500!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;background:#f5f3ee!important;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow:hidden!important}.stage-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px;background:#fbf9f4;flex:none}.stage-toolbar [data-stage-toggle]{margin-left:auto}.game-focus-stage{min-width:0;background:#f5f3ee}.unified-game[data-screen=menu]>.game-focus-stage{grid-column:1}.game-focus-stage.stage-open{display:flex;flex-direction:column}.game-focus-stage.stage-open iframe{display:block;flex:1;min-height:0!important;height:calc(100dvh - 72px)!important;width:100%;max-height:none!important;border:0}.game-focus-stage.stage-open .stage-toolbar{padding:0 0 8px}.game-focus-stage.stage-open .stage-toolbar [data-stage-toggle]{min-height:42px}.unified-game .game-focus-stage>.original-board-frame{width:100%}
.lesson-stage.stage-open{display:flex;flex-direction:column;gap:10px}.lesson-stage.stage-open .lesson-header{margin:0!important;min-height:45px;flex:none}.lesson-stage.stage-open .lesson-header h1{font-size:22px;margin:0 0 4px!important}.lesson-stage.stage-open .lesson-header .eyebrow{display:none}.lesson-stage.stage-open .lesson-header p{font-size:13px}.lesson-stage.stage-open .lesson-workspace{flex:1;min-height:0;align-items:stretch}.lesson-stage.stage-open .lesson-explanation{position:static;overflow:auto;overscroll-behavior:contain;margin:0!important}.lesson-stage.stage-open .lesson-navigation{margin:0!important;flex:none}.lesson-stage.stage-open .lesson-board-column{min-height:0;justify-content:center}.lesson-stage.stage-open .lesson-board-stage{width:min(100%,calc(100dvh - 170px));max-height:100%;flex:none}.lesson-stage.stage-open .lesson-source{display:none}.lesson-stage.stage-open .lesson-header-actions .lesson-back{display:none}
@media(max-width:760px) and (orientation:portrait){.lesson-stage.stage-open{padding:8px!important;gap:7px}.lesson-stage.stage-open .lesson-header{min-height:34px;gap:8px}.lesson-stage.stage-open .lesson-header h1{font-size:17px;margin:0!important}.lesson-stage.stage-open .lesson-header p{display:none}.lesson-stage.stage-open .lesson-workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(160px,46dvh) minmax(0,1fr);gap:8px}.lesson-stage.stage-open .lesson-board-stage{width:min(100%,46dvh)}.lesson-stage.stage-open .lesson-explanation{padding:13px!important}.lesson-stage.stage-open .lesson-explanation h2{font-size:20px;margin:10px 0}.lesson-stage.stage-open .lesson-step-text{font-size:16px;line-height:1.55}.lesson-stage.stage-open .lesson-coach{margin-top:10px;padding-top:10px}.lesson-stage.stage-open .lesson-header-actions .button{padding:8px 11px;font-size:13px}}
@media(max-height:520px) and (orientation:landscape){.lesson-stage.stage-open{gap:5px;padding:6px!important}.lesson-stage.stage-open .lesson-header{min-height:28px}.lesson-stage.stage-open .lesson-header h1{font-size:16px}.lesson-stage.stage-open .lesson-header p{display:none}.lesson-stage.stage-open .lesson-navigation{padding:6px!important}.lesson-stage.stage-open .lesson-workspace{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:10px}.lesson-stage.stage-open .lesson-board-stage{width:min(100%,calc(100dvh - 112px))}.lesson-stage.stage-open .lesson-explanation{padding:12px!important}.lesson-stage.stage-open .lesson-explanation h2{font-size:20px}.lesson-stage.stage-open .lesson-step-text{font-size:15px;line-height:1.5}}

.replay-view-tools{grid-column:1/-1;display:flex;justify-content:flex-end}.replay-layout.stage-open{align-items:stretch;grid-template-rows:42px minmax(0,1fr)}.replay-layout.stage-open>section{min-height:0;overflow:auto}.replay-layout.stage-open .replay-moves{overflow:auto;min-height:0}.replay-layout.stage-open .replay-frame{height:calc(100dvh - 310px);min-height:200px}

@media(max-width:760px) and (orientation:portrait){.lesson-stage.stage-open .lesson-header p{display:block;font-size:11px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-stage.stage-open[data-following=true] .lesson-workspace{grid-template-rows:minmax(160px,48dvh) minmax(0,1fr)}.lesson-stage.stage-open[data-following=true] .lesson-board-stage{width:min(100%,48dvh)}}