/* Clean LIVE/Fantasy sharing dialogs. */
#liveDialog,
#fantasyShareDialog{
  width:min(560px,calc(100vw - 24px))!important;
  max-width:min(560px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
}
#liveDialog::backdrop,#fantasyShareDialog::backdrop{background:rgba(0,0,0,.46)}
.clean-share-modal{position:relative;width:100%;background:#fff;border-top:4px solid var(--red);padding:26px;overflow:hidden}
.clean-share-close{position:absolute;top:10px;right:10px;z-index:2}
.clean-share-body{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 0}
.clean-share-qr{width:min(320px,68vw);height:min(320px,68vw);object-fit:contain;display:block}
.clean-share-qr-host{width:280px;height:280px;max-width:68vw;max-height:68vw;display:grid;place-items:center;overflow:hidden}
.clean-share-qr-host img,.clean-share-qr-host canvas{display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain}
.clean-share-link-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.clean-share-link{min-width:0;border:1px solid #c8c8c4;background:#fff;padding:11px 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}
.clean-share-copy{min-width:82px}
.clean-fantasy-body{padding-top:8px}

@media(max-width:620px){
  #liveDialog,#fantasyShareDialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important}
  .clean-share-modal{padding:22px 14px 14px}
  .clean-share-qr{width:min(280px,76vw);height:min(280px,76vw)}
  .clean-share-qr-host{width:min(260px,72vw);height:min(260px,72vw)}
  .clean-share-link-row{grid-template-columns:1fr}
  .clean-share-copy{width:100%}
}