body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"],[data-view="common"]){
  --play-header-height:0px!important;
  padding-top:0!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"],[data-view="common"]) .quick-nav{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #commonReader .reading-workspace>.pane-tabs,
body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader>.pane-tabs{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .chapter-panel{
  background:rgba(7,18,33,.94)!important;
  color:#f7f4ea!important;
  border-color:rgba(126,151,174,.28)!important;
  box-shadow:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader :is(.chapter-heading,.chapter-heading h3,.text-panel,.story-prose,.story-list,li,p){
  color:#f7f4ea!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .chapter-heading p{
  color:#d9bb72!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .story-marker:not(.scene-marker){
  background:linear-gradient(90deg,rgba(38,86,128,.68),rgba(14,34,55,.28))!important;
  border-left-color:#8dc5ef!important;
  color:#fff!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .story-marker:not(.scene-marker) :is(h4,p){
  color:#fff!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"],[data-view="common"]) footer{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs{
  position:sticky!important;
  top:0!important;
  z-index:18!important;
  display:flex!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:10px 0!important;
  background:linear-gradient(180deg,rgba(4,13,25,.98),rgba(4,13,25,.88))!important;
  border-bottom:1px solid rgba(117,151,181,.28)!important;
  backdrop-filter:blur(14px)!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button{
  min-height:42px!important;
  flex:0 0 auto!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(14,36,58,.96),rgba(12,30,49,.82))!important;
  color:#f8fbff!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button.common-info-tab{
  order:-1!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button.active{
  border-color:#e1c46f!important;
  box-shadow:inset 0 -3px #e1c46f,0 10px 26px rgba(0,0,0,.24)!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .reader-common-info{
  margin-top:0!important;
  padding:clamp(18px,2vw,28px)!important;
  border:1px solid rgba(117,151,181,.35)!important;
  border-radius:10px!important;
  background:rgba(7,18,33,.95)!important;
  color:#f7f4ea!important;
  overflow:auto!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .reader-common-info :is(h2,h3,h4,p,li,dt,dd,small,b){
  color:#f7f4ea!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .reader-common-info .common-card{
  background:rgba(17,40,63,.86)!important;
  border-color:rgba(141,197,239,.34)!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .dialogue-bubble,
body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .dialogue-bubble p{
  color:#172033!important;
  text-shadow:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .dialogue-name{
  color:#263c55!important;
  text-shadow:none!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:16!important;
  margin:0 0 10px!important;
  padding:8px 0 10px!important;
  background:linear-gradient(180deg,rgba(4,13,25,.98),rgba(4,13,25,.84))!important;
  border-bottom:1px solid rgba(117,151,181,.25)!important;
  backdrop-filter:blur(14px)!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-row{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:0 0 8px!important;
  scrollbar-width:thin!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-tab{
  flex:0 0 auto!important;
  min-width:clamp(150px,16vw,230px)!important;
  min-height:54px!important;
  height:54px!important;
  max-height:54px!important;
  aspect-ratio:auto!important;
  padding:9px 14px!important;
  border:1px solid rgba(126,168,206,.42)!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(7,18,32,.92),rgba(10,31,52,.66)),var(--stage-bg, url("assets/scene-042.webp")) center/cover no-repeat!important;
  color:#f8fbff!important;
  text-align:left!important;
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-tab[aria-current="true"]{
  border-color:#e1c46f!important;
  box-shadow:inset 0 -3px #e1c46f!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-tab b,
body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-tab small{
  display:block!important;
  color:inherit!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav > :is(.reading-group,.session-nav-fold,.post-vote-fold):not(.stage-selected){
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.phase-reading-nav > .stage-source-hidden{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.phase-reading-nav > .reading-stage-panels{
  border-top:1px solid rgba(117,151,181,.2)!important;
  padding-top:8px!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.phase-reading-nav .reading-stage-panel[hidden]{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav > :is(.reading-group,.session-nav-fold,.post-vote-fold).stage-selected{
  display:block!important;
  padding-top:0!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav > :is(.reading-group,.session-nav-fold,.post-vote-fold).stage-selected > summary{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav :is(.reading-group-list,.session-nav-fold-body,.post-vote-stages){
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:0!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav :is(.reading-group-list button,.session-nav-fold-body button,.post-vote-stages button,.flow-nav-button){
  min-width:clamp(190px,21vw,300px)!important;
  min-height:42px!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(8,23,39,.94),rgba(9,29,48,.72)),var(--scene-bg, url("assets/scene-049.webp")) center/cover no-repeat!important;
  color:#f8fbff!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.phase-reading-nav .stage-vote-flow{
  margin-top:10px!important;
  border:1px solid rgba(126,168,206,.28)!important;
  border-radius:8px!important;
  background:rgba(5,16,29,.78)!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .story-marker.scene-marker:not([data-bg]){
  background:linear-gradient(180deg,rgba(4,12,24,.12),rgba(4,12,24,.92)),url("assets/safe-b80ab72d85328a7e.webp") center/cover no-repeat!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .pair-conversation-card{
  max-width:100%!important;
  border-radius:10px!important;
  overflow:hidden!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .pair-conversation-body p{
  color:#f8fbff!important;
  line-height:1.75!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) .reader-tools{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .dialogue-row .dialogue-bubble,
body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .dialogue-row .dialogue-bubble p,
body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #commonReader .dialogue-row .dialogue-bubble,
body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #commonReader .dialogue-row .dialogue-bubble p{
  color:#172033!important;
  text-shadow:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .dialogue-row .dialogue-name,
body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #commonReader .dialogue-row .dialogue-name{
  color:#263c55!important;
  text-shadow:none!important;
}

@media(max-width:860px){
  body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-tab,
  body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav :is(.reading-group-list button,.session-nav-fold-body button,.post-vote-stages button,.flow-nav-button){
    min-width:58vw!important;
  }
  body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs{
    overflow-x:auto!important;
  }
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-row{
  align-items:stretch!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader .reading-stage-tab small{
  opacity:.72!important;
  font-size:.78rem!important;
  margin-top:2px!important;
}

body:is(:not(.gm-mode),.gm-player-view) #commonReader #readingTabs.tiered-reading-nav > :is(.reading-group,.session-nav-fold,.post-vote-fold).stage-selected{
  border-top:1px solid rgba(117,151,181,.2)!important;
  padding-top:8px!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button{
  min-width:clamp(132px,13vw,190px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  padding:9px 12px!important;
  overflow:hidden!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:stretch!important;
  padding-bottom:8px!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button span{
  display:none!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button b{
  font-size:.96rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button small{
  color:rgba(234,241,249,.72)!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button.common-info-tab{
  min-width:118px!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader #chapterTabs button.common-info-tab b::after{
  content:"";
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .chapter-local-nav{
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:8px 0 12px!important;
  margin:-2px 0 18px!important;
  background:linear-gradient(180deg,rgba(7,18,33,.98),rgba(7,18,33,.78))!important;
  border-bottom:1px solid rgba(117,151,181,.22)!important;
  backdrop-filter:blur(12px)!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .chapter-local-nav button{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:8px 12px!important;
  border:1px solid rgba(126,168,206,.36)!important;
  border-radius:7px!important;
  background:rgba(12,34,55,.88)!important;
  color:#f8fbff!important;
  font-weight:800!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .story-marker.soft-scene-marker{
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(90deg,rgba(4,13,25,.92),rgba(4,13,25,.55)),
    linear-gradient(180deg,rgba(4,13,25,.32),rgba(4,13,25,.86)),
    var(--marker-bg) center/cover no-repeat!important;
  border-left-color:#8dc5ef!important;
  overflow:hidden!important;
}

body:is(:not(.gm-mode),.gm-player-view):is([data-view="readings"],[data-view="handout"]) #reader .story-marker.soft-scene-marker::before{
  content:none!important;
}

.pair-end-confirm{
  margin:24px 0 12px!important;
  padding:18px!important;
  border:1px solid rgba(225,196,111,.45)!important;
  border-radius:10px!important;
  background:rgba(11,30,49,.9)!important;
}

.pair-end-confirm h3,
.pair-end-confirm p{
  color:#f8fbff!important;
}

.pair-end-confirm div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.pair-end-confirm button{
  min-height:44px!important;
  border:1px solid rgba(126,168,206,.42)!important;
  border-radius:7px!important;
  background:rgba(18,49,76,.96)!important;
  color:#f8fbff!important;
  font-weight:900!important;
}

.pair-end-confirm button.done{
  border-color:#e1c46f!important;
  background:rgba(87,72,33,.95)!important;
}

body.gm-mode #commonReader #readingTabs.tiered-reading-nav,
body.gm-mode #gmResources .gm-guide-tabs{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  padding:8px 0 10px!important;
  background:linear-gradient(180deg,rgba(4,13,25,.98),rgba(4,13,25,.84))!important;
  border-bottom:1px solid rgba(117,151,181,.25)!important;
  backdrop-filter:blur(14px)!important;
}

body.gm-mode #commonReader .reading-stage-row,
body.gm-mode #gmResources .gm-guide-tabs{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
}

body.gm-mode #commonReader .reading-stage-tab,
body.gm-mode #gmResources .gm-guide-tabs button{
  flex:0 0 auto!important;
  min-width:clamp(150px,16vw,230px)!important;
  min-height:54px!important;
  padding:9px 14px!important;
  border:1px solid rgba(126,168,206,.42)!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(7,18,32,.92),rgba(10,31,52,.66)),var(--stage-bg, url("assets/scene-042.webp")) center/cover no-repeat!important;
  color:#f8fbff!important;
  text-align:left!important;
  font-weight:900!important;
}

body.gm-mode #commonReader .reading-stage-tab[aria-current="true"],
body.gm-mode #gmResources .gm-guide-tabs button[aria-pressed="true"]{
  border-color:#e1c46f!important;
  box-shadow:inset 0 -3px #e1c46f!important;
}

body[data-view]:not(.gm-mode) #commonReader #readingTabs.tiered-reading-nav .reading-stage-row button.reading-stage-tab,
body.gm-mode #commonReader #readingTabs.tiered-reading-nav .reading-stage-row button.reading-stage-tab{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  flex:0 0 clamp(150px,16vw,230px)!important;
  width:clamp(150px,16vw,230px)!important;
  min-width:clamp(150px,16vw,230px)!important;
  max-width:230px!important;
  min-height:54px!important;
  padding:9px 14px!important;
  margin:0!important;
  line-height:1.25!important;
  font-size:.92rem!important;
  border-radius:7px!important;
  white-space:normal!important;
  word-break:keep-all!important;
}

body[data-view]:not(.gm-mode) #commonReader #readingTabs.tiered-reading-nav .reading-stage-row button.reading-stage-tab b,
body.gm-mode #commonReader #readingTabs.tiered-reading-nav .reading-stage-row button.reading-stage-tab b{
  white-space:normal!important;
  word-break:keep-all!important;
}

button,
a,
summary{
  -webkit-tap-highlight-color:transparent!important;
}

button{
  transition:transform .12s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}

button:active,
a:active,
summary:active{
  transform:translateY(1px) scale(.99)!important;
}

.quick-nav button,
.reading-stage-tab,
.chapter-local-nav button,
#chapterTabs button,
.pair-route-choices button,
.flow-step{
  border-radius:7px!important;
}

#readingText,
#textPanel{
  content-visibility:auto;
  contain-intrinsic-size:900px 1800px;
}

.story-marker,
.dialogue-row,
.evidence-inline,
.choice-items,
.mind-game,
.truth-timeline{
  content-visibility:auto;
  contain-intrinsic-size:220px;
}

.dialogue-bubble,
.story-prose,
.story-list,
.next-step,
.common-card-grid article,
.facility-list div{
  color:#f8fbff!important;
}

.story-marker.scene-marker{
  isolation:isolate!important;
}

.story-marker.scene-marker h4,
.story-marker.scene-marker p,
.story-marker.scene-marker .face-strip{
  position:relative!important;
  z-index:1!important;
}

.story-marker.scene-marker::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(3,9,18,.86),rgba(3,9,18,.34) 55%,rgba(3,9,18,.82))!important;
  z-index:0!important;
  pointer-events:none!important;
}

.chapter-local-nav{
  scrollbar-width:thin!important;
}

.chapter-local-nav button{
  min-height:42px!important;
  color:#f8fbff!important;
  background:linear-gradient(90deg,rgba(9,29,48,.96),rgba(12,39,65,.82))!important;
  border:1px solid rgba(126,168,206,.46)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
}

.chapter-local-nav button:hover,
.reading-stage-tab:hover,
#chapterTabs button:hover,
.pair-route-choices button:hover{
  border-color:rgba(225,196,111,.88)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 -2px rgba(225,196,111,.72)!important;
}

@media (prefers-reduced-motion:reduce){
  button,
  a,
  summary{
    transition:none!important;
  }
  button:active,
  a:active,
  summary:active{
    transform:none!important;
  }
}

/* 19:55 playtest hotfix: remove legacy side controls and stabilize navigation. */
.mobile-reader-bar,
.reader-tools,
#readerToolToggle,
.session-nav-fold,
.post-vote-fold,
.workflow-open,
.flow-nav-button[data-flow-nav]{
  display:none!important;
}

#readingTabs.phase-reading-nav > :not(.reading-stage-row):not(.reading-stage-panels):not(#readingPanel){
  display:none!important;
}

#readingTabs.phase-reading-nav{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

#readingTabs.phase-reading-nav .reading-stage-row{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  clear:both!important;
  padding:8px 0 12px!important;
  border-bottom:1px solid rgba(126,168,206,.24)!important;
}

#readingTabs.phase-reading-nav .reading-stage-panels{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  clear:both!important;
  margin-top:10px!important;
}

#readingTabs.phase-reading-nav .reading-stage-panel[hidden]{
  display:none!important;
}

#readingTabs.phase-reading-nav .reading-stage-panel:not([hidden]){
  display:block!important;
}

#readingTabs.phase-reading-nav .reading-stage-panel .reading-group-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
}

#readingTabs.phase-reading-nav .reading-stage-panel .reading-tab,
#readingTabs.phase-reading-nav .stage-pair-routes button{
  min-height:52px!important;
  border-radius:7px!important;
  color:#f8fbff!important;
  text-align:left!important;
}

.story-marker.scene-marker,
#reader .story-marker.scene-marker,
#readingText .story-marker.scene-marker{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr auto auto!important;
  min-height:clamp(132px,18vw,220px)!important;
  padding:22px!important;
  overflow:hidden!important;
  text-align:left!important;
  align-items:end!important;
}

.story-marker.scene-marker h4,
#reader .story-marker.scene-marker h4,
#readingText .story-marker.scene-marker h4{
  grid-column:1/-1!important;
  grid-row:3!important;
  justify-self:start!important;
  align-self:end!important;
  margin:0!important;
  max-width:calc(100% - 28px)!important;
  color:#f8fbff!important;
  text-shadow:0 3px 16px rgba(0,0,0,.95),0 0 2px rgba(255,255,255,.32)!important;
  opacity:1!important;
}

.story-marker.scene-marker p,
#reader .story-marker.scene-marker p,
#readingText .story-marker.scene-marker p{
  grid-column:1/-1!important;
  grid-row:4!important;
  justify-self:start!important;
  margin:6px 0 0!important;
  color:#f8fbff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.92)!important;
}

.story-marker.scene-marker .face-strip,
#reader .story-marker.scene-marker .face-strip,
#readingText .story-marker.scene-marker .face-strip{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
  z-index:2!important;
}

.story-marker.scene-marker::after,
#reader .story-marker.scene-marker::after,
#readingText .story-marker.scene-marker::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(3,9,18,.92),rgba(3,9,18,.28) 52%,rgba(3,9,18,.88)),
    linear-gradient(180deg,rgba(3,9,18,.30),rgba(3,9,18,.88))!important;
  z-index:0!important;
  pointer-events:none!important;
}

#readerSplitHandle,
body.gm-mode[data-view="gm-resources"] #readerSplitHandle{
  display:none!important;
}

body.gm-mode[data-view="gm-resources"] main{
  display:block!important;
  height:auto!important;
  min-height:calc(100dvh - 72px)!important;
  overflow:auto!important;
}

body.gm-mode[data-view="gm-resources"] #gmResources{
  display:block!important;
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:min(1180px,calc(100vw - 48px))!important;
  min-height:auto!important;
  margin:0 auto!important;
  overflow:visible!important;
}

body.gm-mode[data-view="gm-resources"] #commonReader,
body.gm-mode[data-view="gm-resources"] #reader,
body.gm-mode[data-view="gm-resources"] #commonInfoPage{
  display:none!important;
}

body.gm-mode[data-view="readings"] main #reader.hidden{display:none!important;}
body.gm-mode #readerSplitHandle,
body.gm-mode #reader,
body.gm-mode #commonInfoPage{
  display:none!important;
}

body.gm-mode #gmResources:not(.hidden){
  position:relative!important;
  z-index:5!important;
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:min(1180px,calc(100vw - 48px))!important;
  margin:0 auto!important;
}

body.gm-mode #commonReader:not(.hidden){
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:min(1180px,calc(100vw - 48px))!important;
  margin:0 auto!important;
}

body:is([data-view="readings"],[data-view="handout"]) #commonReader.common-reader .reading-workspace > #readingTabs.reading-tabs.phase-reading-nav,
body.gm-mode.gm-live-desk #commonReader.common-reader .reading-workspace > #readingTabs.reading-tabs.phase-reading-nav{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  clear:both!important;
}

body:is([data-view="readings"],[data-view="handout"]) #commonReader.common-reader .reading-workspace > #readingTabs.reading-tabs.phase-reading-nav > .reading-stage-row,
body.gm-mode.gm-live-desk #commonReader.common-reader .reading-workspace > #readingTabs.reading-tabs.phase-reading-nav > .reading-stage-row{
  order:1!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

body:is([data-view="readings"],[data-view="handout"]) #commonReader.common-reader .reading-workspace > #readingTabs.reading-tabs.phase-reading-nav > .reading-stage-panels,
body.gm-mode.gm-live-desk #commonReader.common-reader .reading-workspace > #readingTabs.reading-tabs.phase-reading-nav > .reading-stage-panels{
  order:2!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}