.v32-shows{
    width:min(1180px,calc(100% - 32px));
    margin:35px auto 160px;
}

.v32-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.v32-head h2{
    margin:0;
    font-size:clamp(34px,5vw,56px);
    letter-spacing:-.06em;
}

.v32-head p{
    margin:6px 0 0;
    color:#78726c;
}

.v32-current{
    min-height:82px;
    border-radius:26px;
    padding:15px 18px;
    display:flex;
    align-items:center;
    gap:13px;
    background:#191715;
    color:white;
    margin-bottom:14px;
}

.v32-current-dot{
    width:45px;
    height:45px;
    border-radius:17px;
    display:grid;
    place-items:center;
    background:#33302d;
}

.v32-current.live .v32-current-dot{
    background:#dd503e;
    animation:v32pulse 1.4s ease-in-out infinite;
}

@keyframes v32pulse{
    50%{transform:scale(.90)}
}

.v32-current-copy{
    min-width:0;
    flex:1;
}

.v32-current strong,
.v32-current span{
    display:block;
}

.v32-current strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.v32-current span{
    margin-top:4px;
    color:#aaa39e;
    font-size:10px;
}

.v32-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}

.v32-show{
    min-height:260px;
    padding:21px;
    display:flex;
    flex-direction:column;
    border-radius:29px;
    border:1px solid rgba(20,18,16,.08);
    background:white;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.v32-show:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 55px rgba(31,25,21,.10);
}

.v32-show-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.v32-show-status{
    padding:6px 9px;
    border-radius:999px;
    background:#efede8;
    font-size:9px;
    font-weight:900;
    letter-spacing:.05em;
}

.v32-show-status.live{
    color:white;
    background:#df4f3d;
}

.v32-show-time{
    color:#99938c;
    font-size:9px;
}

.v32-show h3{
    margin:30px 0 6px;
    font-size:23px;
    letter-spacing:-.045em;
}

.v32-show-author{
    color:#77716b;
    font-size:11px;
}

.v32-show-metrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:20px;
}

.v32-show-metrics div{
    padding:11px;
    border-radius:16px;
    background:#f4f1eb;
}

.v32-show-metrics span,
.v32-show-metrics strong{
    display:block;
}

.v32-show-metrics span{
    color:#8b867f;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.v32-show-metrics strong{
    margin-top:4px;
    font-size:15px;
}

.v32-show-actions{
    margin-top:auto;
    padding-top:19px;
    display:flex;
    gap:7px;
}

.v32-show-actions a,
.v32-show-actions button{
    min-height:39px;
    padding:0 12px;
    border:0;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    background:#efede8;
    color:#211e1b;
    text-decoration:none;
    cursor:pointer;
    font-size:10px;
    font-weight:800;
}

.v32-show-actions .primary{
    background:#171614;
    color:white;
}

.v32-no-replay{
    opacity:.50;
    cursor:not-allowed !important;
}

.v32-detail{
    position:fixed;
    inset:0;
    z-index:1400;
    display:none;
    align-items:flex-end;
    justify-content:center;
    padding:18px;
    background:rgba(19,16,15,.32);
    backdrop-filter:blur(14px);
}

.v32-detail.open{
    display:flex;
}

.v32-detail-panel{
    width:min(760px,100%);
    max-height:84vh;
    overflow:auto;
    padding:25px;
    border-radius:34px;
    background:#fffaf4;
    box-shadow:0 35px 100px rgba(28,23,20,.30);
}

.v32-detail-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.v32-detail-head h2{
    margin:5px 0;
    font-size:36px;
    letter-spacing:-.05em;
}

.v32-close{
    width:42px;
    height:42px;
    border:0;
    border-radius:15px;
    background:#ede8e0;
    cursor:pointer;
}

.v32-moments{
    margin-top:22px;
}

.v32-moment{
    padding:14px;
    border-radius:19px;
    background:white;
    margin-top:8px;
}

.v32-moment strong{
    display:block;
}

.v32-moment p{
    margin:5px 0 0;
    color:#76716a;
    font-size:11px;
}

@media(max-width:900px){
    .v32-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .v32-grid{
        grid-template-columns:1fr;
    }

    .v32-head{
        align-items:flex-start;
        flex-direction:column;
    }
}