/* The stage is deliberately black and unadorned: it is showing somebody's game, and a decorated
   frame around a dark first-person picture reads as clutter. */
.sp-stage {
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp-stage video {
    width: 100%;
    height: 100%;
    /* contain, not cover: an ultrawide squadmate is letterboxed rather than cropped, because the
       edges of a Tarkov picture are where the things worth seeing are. */
    object-fit: contain;
    display: block;
}

.sp-stage-empty {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.9rem;
    text-align: center;
    padding: 0 2rem;
}

/* A live row has to be findable at a glance in a list that is mostly not live. */
.sp-row-live {
    border-left: 3px solid var(--mud-palette-success);
}

.sp-row-offline {
    border-left: 3px solid transparent;
    opacity: 0.72;
}

.sp-watching {
    border-left: 3px solid var(--mud-palette-primary);
}

.sp-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex: none;
}

.sp-dot-live { background: var(--mud-palette-success); }
.sp-dot-off { background: var(--mud-palette-text-disabled); }