/* Keep the ready-check composition centered and its radar inside its own stage. */
.experience-dialog.match-found{
 width:488px;
 padding:24px;
 text-align:center;
 scrollbar-gutter:auto;
}
.experience-dialog.match-found .dialog-header{
 position:relative!important;
 padding:0 44px!important;
 margin:0 0 12px!important;
 min-height:44px;
 justify-content:center;
 box-shadow:none;
}
.experience-dialog.match-found .dialog-header h2{
 flex:1;
 text-align:center;
 font-size:1.75rem;
 line-height:1.15;
 color:var(--lime);
}
.experience-dialog.match-found .found-mark{
 position:relative;
 isolation:isolate;
 display:grid;
 place-items:center;
 width:112px;
 height:112px;
 margin:0 auto 12px;
 overflow:hidden;
 contain:paint;
 border:0;
 border-radius:50%;
 background:transparent;
 animation:none;
}
.experience-dialog.match-found .found-mark:before,
.experience-dialog.match-found .found-mark:after{
 display:block;
 inset:24px;
 border:1px solid var(--lime);
 background:color-mix(in srgb,var(--lime) 3%,transparent);
 animation:ready-check-radar 1.8s ease-out 3 both;
}
.experience-dialog.match-found .found-mark:after{animation-delay:.6s}
.experience-dialog.match-found .found-mark>.icon{
 position:relative;
 z-index:1;
 width:36px;
 height:36px;
}
.experience-dialog.match-found .modal-copy{
 margin:0 auto 20px;
 max-width:100%;
 font-size:.875rem;
 line-height:1.5;
 text-align:center;
}
.experience-dialog.match-found .found-info{margin:0}
.experience-dialog.match-found .found-info strong{font-size:1rem;line-height:1.4}
.experience-dialog.match-found .found-info>span{font-size:.75rem;line-height:1.5;margin-top:4px}
.experience-dialog.match-found .ready-players{
 display:grid;
 grid-template-columns:repeat(8,minmax(0,30px));
 justify-content:center;
 gap:4px;
 margin:20px 0 0;
}
.experience-dialog.match-found .ready-players>span{width:auto;min-width:0;height:34px;animation:none}
.experience-dialog.match-found .ready-caption{font-size:.75rem;line-height:1.5;margin:10px 0 20px}
.experience-dialog.match-found>.primary-button,
.experience-dialog.match-found>.decline{
 min-height:44px;
 height:auto;
 max-width:100%;
 padding:12px 16px;
 font-size:.875rem;
 line-height:1.4;
 white-space:normal;
}
.experience-dialog.match-found>.decline{margin:6px auto 0}
.experience-dialog.match-found>.source-note{font-size:.6875rem;line-height:1.5;margin:12px 0 0}
@keyframes ready-check-radar{
 0%{transform:scale(1);opacity:.45}
 100%{transform:scale(1.65);opacity:0}
}
@media(max-width:430px){
 .experience-dialog.match-found{padding:20px 16px}
 .experience-dialog.match-found .dialog-header{padding:0 40px!important}
 .experience-dialog.match-found .dialog-header h2{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){
 .experience-dialog.match-found,
 .experience-dialog.match-found .found-mark:before,
 .experience-dialog.match-found .found-mark:after{animation:none}
 .experience-dialog.match-found .found-mark:before{opacity:.25}
 .experience-dialog.match-found .found-mark:after{display:none}
}