.player-screen{position:relative;padding:0!important;background:#000!important;overflow:hidden}.media-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.player-screen iframe{width:100%!important;height:100%!important}.tv-topbar{position:absolute;z-index:20;top:18px;left:20px;right:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.tv-outlet-name{font-size:clamp(14px,1.4vw,24px);font-weight:900;letter-spacing:.12em;color:var(--accent,#f0d978);text-shadow:0 2px 8px #000}.tv-room-name{margin-top:4px;font-size:clamp(20px,2.2vw,38px);font-weight:900;text-shadow:0 2px 10px #000}.tv-countdown{padding:10px 18px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(0,0,0,.62);font-size:clamp(23px,3vw,52px);font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 10px 30px rgba(0,0,0,.4)}

.now-playing-card-0{
    position:absolute;
    z-index:20;
    left:20px;bottom:82px;
    max-width:min(66vw,900px);
    display:flex;
    align-items:center;
    gap:14px;padding:13px 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:15px;
    background:rgba(0,0,0,.64);
    backdrop-filter:blur(8px);
    text-align:left}
    
.now-playing-card-0 i{font-size:30px;color:var(--accent,#f0d978)}
.now-playing-card-0 small{display:block;color:#bfc9c3;font-size:12px;font-weight:800;letter-spacing:.12em}
.now-playing-card-0 #nowTitle{
    margin-top:4px;
    font-size:clamp(17px,2vw,32px);
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis}
    
.now-playing-card {
    position: absolute;
    z-index: 20;
    left: 20px;
    bottom: 82px;

    width: min(75vw, 1000px);
    max-width: calc(100vw - 40px);

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 13px 18px;

    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 15px;

    background: rgba(0, 0, 0, .64);
    backdrop-filter: blur(8px);

    text-align: left;
    overflow: hidden;
}

/* Bagian yang membungkus small dan judul */
.now-playing-card > div {
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.now-playing-card i {
    flex: 0 0 auto;
    font-size: 30px;
    color: var(--accent, #f0d978);
}

.now-playing-card small {
    display: block;
    color: #bfc9c3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
}

.now-playing-card #nowTitle {
    display: inline-block;

    width: max-content;
    min-width: 100%;

    margin-top: 4px;

    font-size: clamp(17px, 2vw, 32px);
    font-weight: 900;

    white-space: nowrap;

    animation: titleScroll 14s linear infinite;
}

@keyframes titleScroll {
    0%,
    12% {
        transform: translateX(0);
    }

    88%,
    100% {
        transform: translateX(-75%);
    }
}  
    
    .player-notice{position:absolute;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);padding:18px 26px;border-radius:16px;background:rgba(0,0,0,.78);font-size:clamp(20px,2.6vw,42px);font-weight:900;opacity:0;transition:.25s}.player-notice.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.running-text{position:absolute;z-index:25;bottom:0;left:0;right:0;height:62px;display:none;align-items:center;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(90deg,rgba(43,13,92,.94),rgba(1,93,53,.94));font-size:clamp(22px,2.5vw,42px);font-weight:900}.running-text.show{display:flex}.running-text::before{content:attr(data-text);display:inline-block;min-width:max-content;padding-left:100vw;animation:tv-marquee 22s linear infinite}@keyframes tv-marquee{to{transform:translateX(-100%)}}

#videoTime {
    margin-bottom: 4px;
    color: var(--accent, #f0d978);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
}
.video-time{

    position:absolute;

    bottom:20px;
    right:20px;

    padding:6px 12px;

    background:rgba(0,0,0,.55);

    color:#fff;

    font-size:18px;

    border-radius:8px;

    font-weight:bold;

    z-index:999;
}