.ucm-player{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#0b1423;color:#fff;font-family:inherit;min-height:520px}
.ucm-player *{box-sizing:border-box}.ucm-player button{font:inherit;cursor:pointer}.ucm-backdrop{position:absolute;inset:-35px;background-size:cover;background-position:center;filter:blur(55px) brightness(.3);opacity:.65;z-index:-2}.ucm-player:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#071524ed,#142c43c7 60%,#0a1224f2);z-index:-1}
.ucm-content{padding:24px}.ucm-top{display:flex;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.ucm-brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto}.ucm-brand strong{display:block;font-size:22px;line-height:1}.ucm-brand small{display:block;color:#9eb1c7;font-size:11px;margin-top:5px}.ucm-brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#2563eb;color:#fff}
.ucm-modes{display:flex;gap:5px;padding:5px;background:#ffffff14;border:1px solid #ffffff1c;border-radius:14px}.ucm-modes button{border:0;color:#cbd5e1;background:transparent;border-radius:10px;padding:10px 19px;font-weight:700}.ucm-modes button.active{background:#2563eb;color:#fff;box-shadow:0 5px 15px #2563eb55}.ucm-modes button:disabled{opacity:.35;cursor:not-allowed}.ucm-tools{display:flex;gap:8px}.ucm-tools button{border:1px solid #ffffff2b;background:#ffffff12;color:#fff;padding:9px 13px;border-radius:10px}
.ucm-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.ucm-main{min-width:0;text-align:center}.ucm-stage{height:255px;display:flex;align-items:center;justify-content:center}.ucm-art{height:215px;width:215px;border-radius:20px;padding:8px;background:#ffffff16;border:1px solid #ffffff30;box-shadow:0 20px 60px #0007;display:grid;place-items:center}.ucm-art img{width:100%;height:100%;object-fit:cover;border-radius:14px}.ucm-art span{font-size:70px}.ucm-video{width:100%;height:100%;background:#000;border-radius:14px;overflow:hidden}.ucm-video video,.ucm-video iframe{width:100%;height:100%;border:0;display:block}.ucm-title{font-size:clamp(18px,2.2vw,26px);margin:8px 0 9px;line-height:1.7;color:#fff}.ucm-meta{display:flex;gap:14px;justify-content:center;color:#b5c5d7;font-size:13px}.ucm-controls{margin-top:20px}.ucm-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:46px;overflow:hidden}.ucm-wave span{flex:1;max-width:5px;border-radius:8px;background:#5b9efb;opacity:.75}.ucm-progress{display:flex;align-items:center;gap:12px;direction:ltr;font-size:12px;color:#c7d4e3}.ucm-progress input{flex:1;min-width:0;accent-color:#3b82f6;cursor:pointer}.ucm-buttons{display:flex;align-items:center;justify-content:center;gap:20px;margin:14px 0 4px}.ucm-buttons button{background:none;border:0;color:#e5edf7;font-size:22px;min-width:38px}.ucm-buttons .ucm-play{background:#2563eb;color:#fff;border-radius:50%;width:66px;height:66px;box-shadow:0 0 0 6px #2563eb24;font-size:26px}
.ucm-playlist{border:1px solid #ffffff28;background:#0814238a;border-radius:20px;padding:16px;min-width:0;align-self:start}.ucm-playlist-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.ucm-playlist-head strong{font-size:20px}.ucm-playlist-head small{color:#a8b7ca}.ucm-list{max-height:430px;overflow-y:auto;scrollbar-width:thin}.ucm-item{width:100%;display:flex;align-items:center;gap:10px;text-align:right;background:transparent;border:1px solid transparent;border-bottom-color:#ffffff18;color:#fff;padding:10px 7px;border-radius:10px}.ucm-item.active{background:#1e3d68aa;border-color:#3b82f6}.ucm-number{font-size:12px;color:#9fb2c8}.ucm-thumb{width:46px;height:46px;flex-shrink:0;background:#21334b;border-radius:9px;display:grid;place-items:center;overflow:hidden}.ucm-thumb img{width:100%;height:100%;object-fit:cover}.ucm-item-copy{min-width:0;flex:1}.ucm-item-copy strong{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ucm-item-copy small{display:block;color:#b4c4d8;font-size:11px;margin-top:4px}.ucm-item-play{color:#dce9ff}.ucm-footer{margin-top:24px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#ffffff0c;border:1px solid #ffffff1c;border-radius:15px}.ucm-mini{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:700}.ucm-mini img{height:40px;width:40px;object-fit:cover;border-radius:7px}.ucm-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucm-volume{display:flex;align-items:center;gap:8px}.ucm-volume input{width:100px;accent-color:#3b82f6}.ucm-empty,.ucm-empty-list{color:#cbd5e1;line-height:2}
@media(max-width:850px){.ucm-grid{grid-template-columns:1fr}.ucm-playlist{order:2}.ucm-list{max-height:270px}.ucm-stage{height:235px}}
@media(max-width:550px){.ucm-content{padding:14px}.ucm-top{gap:12px;margin-bottom:16px}.ucm-brand{width:100%}.ucm-brand strong{font-size:19px}.ucm-modes{flex:1}.ucm-modes button{flex:1;padding:9px}.ucm-stage{height:210px}.ucm-art{height:170px;width:170px}.ucm-buttons{gap:8px}.ucm-buttons button{font-size:19px}.ucm-buttons .ucm-play{width:58px;height:58px}.ucm-volume input{width:65px}}


/* UYCAST MOBILE RESPONSIVE PATCH — keep desktop layout unchanged */
.ucm-player{width:100%;max-width:100%;min-width:0}
.ucm-player [hidden]{display:none!important}
.ucm-player .ucm-content,.ucm-player .ucm-main,.ucm-player .ucm-grid,
.ucm-player .ucm-playlist,.ucm-player .ucm-item-copy{min-width:0}
.ucm-player .ucm-title,.ucm-player .ucm-item-copy strong,
.ucm-player .ucm-mini span{overflow-wrap:anywhere}
.ucm-player .ucm-progress input{min-width:0}
@media(max-width:767px){
 .ucm-player{border-radius:16px;min-height:0}
 .ucm-content{padding:16px}
 .ucm-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px}
 .ucm-brand{width:auto;min-width:0;margin:0;grid-column:1;grid-row:1}
 .ucm-brand strong{font-size:19px}
 .ucm-brand-icon{width:36px;height:36px}
 .ucm-tools{grid-column:2;grid-row:1;justify-self:end}
 .ucm-tools button{padding:8px 10px;font-size:12px}
 .ucm-modes{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:1fr 1fr}
 .ucm-modes button{min-width:0;padding:11px 7px;font-size:13px}
 .ucm-grid{display:flex;flex-direction:column;gap:20px}
 .ucm-main{width:100%}
 .ucm-stage{height:auto;min-height:0;aspect-ratio:16/10}
 .ucm-art{width:min(48%,175px);height:auto;aspect-ratio:1;max-height:175px}
 .ucm-video{width:100%;height:100%;aspect-ratio:16/10}
 .ucm-title{font-size:18px;line-height:1.6;margin:12px 0 8px}
 .ucm-meta{font-size:12px;flex-wrap:wrap;gap:8px}
 .ucm-controls{margin-top:12px}
 .ucm-wave{height:35px;gap:2px}
 .ucm-wave span{max-width:4px}
 .ucm-progress{gap:8px;font-size:11px}
 .ucm-buttons{gap:clamp(4px,2.8vw,16px);justify-content:center;margin-top:12px}
 .ucm-buttons button{min-width:32px;font-size:18px;padding:6px 2px}
 .ucm-buttons .ucm-play{width:56px;height:56px;min-width:56px;font-size:22px}
 .ucm-playlist{order:2;padding:12px;border-radius:14px}
 .ucm-playlist-head strong{font-size:17px}
 .ucm-list{max-height:240px}
 .ucm-item{gap:8px;padding:9px 5px}
 .ucm-thumb{width:42px;height:42px}
 .ucm-item-copy strong{font-size:12px}
 .ucm-footer{margin-top:16px;padding:10px;gap:10px}
 .ucm-mini{flex:1;min-width:0;font-size:12px}
 .ucm-mini img{width:34px;height:34px;flex-shrink:0}
 .ucm-volume{flex-shrink:0}
 .ucm-volume input{width:65px}
}
@media(max-width:380px){
 .ucm-content{padding:10px}
 .ucm-top{gap:8px}
 .ucm-brand strong{font-size:17px}
 .ucm-brand small{font-size:10px}
 .ucm-tools{gap:4px}
 .ucm-tools button{padding:7px}
 .ucm-stage{aspect-ratio:16/11}
 .ucm-art{width:min(52%,150px)}
 .ucm-title{font-size:16px}
 .ucm-buttons{gap:3px}
 .ucm-buttons button{min-width:29px;font-size:16px}
 .ucm-buttons .ucm-play{width:50px;height:50px;min-width:50px}
 .ucm-number{font-size:10px}
 .ucm-thumb{width:36px;height:36px}
 .ucm-item-play{font-size:12px}
 .ucm-volume input{width:45px}
 .ucm-mini img{width:30px;height:30px}
}



/* ==========================================
   UYCAST — CINEMATIC COVER BACKGROUND
========================================== */

.ucm-player {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 22px;
    background: #07111f;
    color: #fff;
}

/* چوڭايتىلغان مۇقاۋا رەسىمى */
.ucm-player .ucm-backdrop {
    position: absolute;
    inset: -35px;
    z-index: 0;
    pointer-events: none;

    background-color: #101e33;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    filter: blur(35px) brightness(0.58) saturate(1.3);
    transform: scale(1.12);
}

/* ئارقا تەگلىك ئۈستىدىكى Gradient */
.ucm-player::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(5, 12, 24, 0.78) 0%,
            rgba(7, 16, 31, 0.42) 48%,
            rgba(5, 12, 24, 0.85) 100%
        ),
        linear-gradient(
            180deg,
            rgba(4, 10, 20, 0.25) 0%,
            rgba(4, 10, 20, 0.15) 45%,
            rgba(4, 10, 20, 0.88) 100%
        );
}

/* Player مەزمۇنىنى ئارقا تەگلىك ئۈستىگە چىقىرىش */
.ucm-player .ucm-content {
    position: relative;
    z-index: 2;
}

/* Playlist نى سۈزۈك ئەينەك قىلىش */
.ucm-player .ucm-playlist {
    background: rgba(8, 17, 32, 0.66);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 17px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* ئاستىدىكى Mini Player */
.ucm-player .ucm-footer {
    background: rgba(12, 23, 41, 0.70);
    border: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* تېلېفوندا Blur نى ئازراق يېنىكلىتىش */
@media (max-width: 768px) {
    .ucm-player {
        border-radius: 16px;
    }

    .ucm-player .ucm-backdrop {
        filter: blur(25px) brightness(0.48) saturate(1.2);
    }

    .ucm-player::before {
        background: linear-gradient(
            180deg,
            rgba(5, 12, 24, 0.65),
            rgba(5, 12, 24, 0.85)
        );
    }
}



/* ======================================
   UYCAST PLAYER — BACKGROUND FIX
====================================== */

.ucm-player {
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    background: #07111f !important;
    color: #ffffff;
}

/* Background cover */
.ucm-player .ucm-backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100%;
    height: 100%;
    z-index: 0 !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    filter: blur(18px) brightness(0.55) saturate(1.3) !important;
    transform: scale(1.08);
    opacity: 1 !important;
    pointer-events: none;
}

/* Dark overlay */
.ucm-player::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        110deg,
        rgba(4, 11, 23, 0.75),
        rgba(5, 15, 32, 0.38) 48%,
        rgba(4, 11, 23, 0.82)
    );
}

/* Keep controls above background */
.ucm-player .ucm-content {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
}

/* Fix invisible episode title */
.ucm-player .ucm-title {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.55);
}

.ucm-player .ucm-meta,
.ucm-player .ucm-meta span {
    color: #d6e3f6 !important;
}

/* Glass playlist */
.ucm-player .ucm-playlist {
    background: rgba(6, 16, 32, 0.66) !important;
    border: 1px solid rgba(255,255,255,0.13);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

/* Glass footer */
.ucm-player .ucm-footer {
    background: rgba(9, 21, 40, 0.70) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Video area */
.ucm-player .ucm-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.ucm-player .ucm-video iframe,
.ucm-player .ucm-video video {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
}

/* Mobile */
@media (max-width: 768px) {
    .ucm-player .ucm-backdrop {
        filter: blur(14px) brightness(0.45) !important;
    }

    .ucm-player .ucm-title {
        font-size: 20px;
        line-height: 1.7;
    }
}


/* ئارقا تەگلىك رەسىمىنى تېخىمۇ روشەن قىلىش */
.ucm-player .ucm-backdrop {
    filter: blur(12px) brightness(0.85) saturate(1.25) !important;
    transform: scale(1.06);
    opacity: 1 !important;
}

/* قارا پەردىنى يېنىكلىتىش */
.ucm-player::before {
    background: linear-gradient(
        110deg,
        rgba(4, 11, 23, 0.65) 0%,
        rgba(5, 15, 32, 0.25) 50%,
        rgba(4, 11, 23, 0.65) 100%
    ) !important;
}



/* UYCAST PLAYER BRAND */

.ucm-player .ucm-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ucm-player .ucm-brand-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.ucm-player .ucm-brand-logo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ucm-player .ucm-brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ucm-player .ucm-brand-text strong {
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
}

.ucm-player .ucm-brand-text small {
    color: #a9c8ee;
    font-size: 11px;
    letter-spacing: 0.3px;
}

@media (max-width: 600px) {
    .ucm-player .ucm-brand-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }

    .ucm-player .ucm-brand-text strong {
        font-size: 19px;
    }

    .ucm-player .ucm-brand-text small {
        font-size: 10px;
    }
}