/* Emergency result layout lock.
   Loaded after the main stylesheet so old result experiments cannot collapse the popup. */
html body #overlay > .card.resultCard{
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  width:min(94vw, 474px) !important;
  max-width:474px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:calc(100dvh - 24px) !important;
  margin:0 auto !important;
  padding:20px 18px 20px !important;
  transform:none !important;
  overflow:hidden !important;
}

html body #overlay > .card.resultCard > .resultAura.resultAura{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:86px !important;
  right:auto !important;
  bottom:auto !important;
  width:150px !important;
  height:150px !important;
  margin:0 !important;
  transform:translate(-50%, -50%) !important;
  opacity:.28 !important;
  filter:blur(8px) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

html body #overlay > .card.resultCard > .resultHeader,
html body #overlay > .card.resultCard .resultMainTitle,
html body #overlay > .card.resultCard .resultBadgeRow,
html body #overlay > .card.resultCard > .resultScoreWrap,
html body #overlay > .card.resultCard .resultScore,
html body #overlay > .card.resultCard .resultCaption,
html body #overlay > .card.resultCard .statGrid,
html body #overlay > .card.resultCard .rewardPanel,
html body #overlay > .card.resultCard .rankTitle,
html body #overlay > .card.resultCard .resultRankScroll,
html body #overlay > .card.resultCard .resultRankTable,
html body #overlay > .card.resultCard .resultBtns,
html body #overlay > .card.resultCard .shareResultBtns{
  position:relative !important;
  transform:none !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
}

html body #overlay > .card.resultCard > .resultHeader{
  display:block !important;
  z-index:5 !important;
  margin:0 !important;
  padding:0 !important;
}

html body #overlay > .card.resultCard .resultMainTitle{
  display:block !important;
  z-index:5 !important;
  margin:0 0 7px !important;
  padding:0 !important;
  line-height:1 !important;
}

html body #overlay > .card.resultCard .resultBadgeRow{
  display:flex !important;
  z-index:5 !important;
  justify-content:center !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  margin:0 0 10px !important;
  padding:0 !important;
}

html body #overlay > .card.resultCard .rankBadge,
html body #overlay > .card.resultCard .resultRankBadge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  z-index:5 !important;
  margin:0 !important;
  transform:none !important;
}

html body #overlay > .card.resultCard > .resultScoreWrap{
  display:block !important;
  z-index:4 !important;
  height:auto !important;
  min-height:0 !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  overflow:visible !important;
}

html body #overlay > .card.resultCard .resultScoreWrap .resultSkinGhost.resultSkinGhost{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:132px !important;
  height:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  margin:0 !important;
  transform:translate(-50%, -50%) !important;
  opacity:.13 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

html body #overlay > .card.resultCard .resultScore{
  display:block !important;
  z-index:2 !important;
  margin:0 !important;
  padding:0 !important;
}

html body #overlay > .card.resultCard .resultCaption{
  display:block !important;
  z-index:2 !important;
  margin-top:3px !important;
}

html body #overlay > .card.resultCard .statGrid{
  display:grid !important;
  z-index:4 !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:14px !important;
}

html body #overlay > .card.resultCard .rewardPanel{
  z-index:4 !important;
  margin:9px 0 12px !important;
}

html body #overlay > .card.resultCard .rankTitle{
  z-index:4 !important;
  margin:10px 0 6px !important;
}

html body #overlay > .card.resultCard .resultRankScroll{
  z-index:4 !important;
  max-height:clamp(220px, calc(100dvh - 588px), 318px) !important;
  overflow:hidden !important;
  margin:0 !important;
}

html body #overlay > .card.resultCard .resultRankTable{
  z-index:4 !important;
  margin:0 !important;
}

html body #overlay > .card.resultCard .resultBtns,
html body #overlay > .card.resultCard .shareResultBtns{
  z-index:4 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin:14px 0 0 !important;
  padding:0 !important;
}