@media(max-width:700px){
html:has(dialog#dv[open]),body:has(dialog#dv[open]){overflow:hidden!important;overscroll-behavior:none!important;}
html body dialog#dv[open]{touch-action:pan-y!important;overscroll-behavior:contain!important;overscroll-behavior-y:contain!important;}
html body dialog#dv[open] .detail-topline,
html body dialog#dv[open][data-kind="game"] .detail-topline,
html body dialog#dv[open][data-kind="film"] .detail-topline,
html body dialog#dv[open][data-kind="series"] .detail-topline{
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) minmax(0,min(224px,54vw))!important;
  grid-template-rows:auto auto auto!important;
  align-items:start!important;
  justify-content:stretch!important;
  column-gap:7px!important;
  row-gap:5px!important;
  width:100%!important;
  min-width:0!important;
  flex-wrap:initial!important;
}
html body dialog#dv[open] #detailMetaLine,
html body dialog#dv[open][data-kind="game"] #detailMetaLine,
html body dialog#dv[open][data-kind="film"] #detailMetaLine,
html body dialog#dv[open][data-kind="series"] #detailMetaLine,
html body dialog#dv[open] #detailTypeStack{display:contents!important;}
html body dialog#dv[open] #detailTypeLabel{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;min-width:0!important;}
html body dialog#dv[open] .detail-actions,
html body dialog#dv[open][data-kind="game"] .detail-actions,
html body dialog#dv[open][data-kind="film"] .detail-actions,
html body dialog#dv[open][data-kind="series"] .detail-actions{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  grid-column:2!important;
  grid-row:1!important;
  flex:0 0 auto!important;
  align-self:center!important;
  justify-self:end!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html body dialog#dv[open] .detail-actions .ghost{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:28px!important;
  max-height:none!important;
  margin:0!important;
  padding:4px 5px!important;
  overflow:visible!important;
  border:1px solid rgba(91,151,167,.25)!important;
  border-radius:8px!important;
  background:rgba(6,22,30,.64)!important;
  color:#d2e2e8!important;
  font-size:clamp(8px,2.25vw,9px)!important;
  font-weight:750!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-indent:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html body dialog#dv[open] .detail-actions .detail-flag[aria-pressed="true"]{
  border-color:rgba(52,207,215,.5)!important;
  background:rgba(15,133,145,.18)!important;
  color:#aaf5f4!important;
}
html body dialog#dv[open] #del{color:#efaaaa!important;}
html body dialog#dv[open] #x{
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
}
html body dialog#dv[open] #dtg,
html body dialog#dv[open][data-kind="game"] #dtg.game-detail-tags{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;}
html body dialog#dv[open] #dc{grid-column:1/-1!important;grid-row:3!important;width:100%!important;min-width:0!important;margin:0!important;white-space:normal!important;overflow:visible!important;}
html body dialog#dv[open] #detailTypeLabel{max-width:100%!important;}
html body dialog#dv[open] .detail-hero{touch-action:pan-y!important;overscroll-behavior:contain!important;}
html body dialog#dv[open] .direct-links-section,
html body dialog#dv[open] .watch-player-section,
html body dialog#dv[open] .episode-section,
html body dialog#dv[open] #detailBody{touch-action:pan-y!important;overscroll-behavior:contain!important;}
html body dialog#dv[open] #detailDescriptionBlock,
html body dialog#dv[open] #dd{touch-action:pan-y!important;}
#mobileDiceHost #randomGameBtn{
  flex:0 0 26px!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0!important;
  border:1px solid rgba(167,139,250,.22)!important;
  border-radius:50%!important;
  background:rgba(76,56,140,.16)!important;
  color:#cfbfff!important;
  opacity:.62!important;
  box-shadow:none!important;
  filter:none!important;
}
#mobileDiceHost #randomGameBtn svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;stroke:#cfbfff!important;stroke-width:1.6!important;}
#mobileDiceHost #randomGameBtn svg circle{fill:#cfbfff!important;stroke:none!important;}
#mobileDiceHost #randomGameBtn:hover,
#mobileDiceHost #randomGameBtn:focus-visible,
#mobileDiceHost #randomGameBtn:active{opacity:.82!important;border-color:rgba(167,139,250,.38)!important;box-shadow:none!important;filter:none!important;}
}