.stream__card{
    max-width:860px;
    margin:30px auto;
    text-align:center;
}

.stream__box{
    position:relative;
    margin-top:20px;
    background:#0f172a;
    border-radius:18px;
    overflow:hidden;
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.stream__box-title{
    position:absolute;
    top:14px;
    left:14px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(15,23,42,.78);
    color:#f8fafc;
    font-size:16px;
    font-weight:800;
    letter-spacing:.02em;
    pointer-events:none;
    backdrop-filter:blur(8px);
    box-shadow:0 8px 22px rgba(15,23,42,.22);
}

.stream__frame,
.stream__video{
    width:100%;
    aspect-ratio:16 / 9;
    min-height:360px;
    border:0;
    display:block;
    background:#000;
}

.stream__placeholder{
    color:#e2e8f0;
    font-size:18px;
    padding:22px;
}

@media (max-width: 700px){
    .stream__box-title{
        top:10px;
        left:10px;
        min-height:34px;
        padding:0 12px;
        font-size:14px;
    }
}