/* WOT Player — self-hosted, dependency-free (brand: #604485 / #361563 / #c8ac44) */
.wot-player{
    --pod-purple:#604485;--pod-dark:#361563;--pod-gold:#c8ac44;
    background:#141022;border-radius:18px;overflow:hidden;color:#fff;
    box-shadow:0 12px 34px rgba(21,10,40,.28);position:relative;
}
.wot-player .stage{position:relative;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.wot-player.audio .stage{aspect-ratio:1/1;height:auto;background:linear-gradient(135deg,var(--pod-dark),var(--pod-purple))}
.wot-player video,.wot-player audio{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.wot-player.audio audio{display:none}
.wot-player .poster{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wot-player .poster::after{content:"";position:absolute;inset:0;background:rgba(20,16,34,.35)}
.wot-player .poster img{display:none}
.wot-player .big-play{position:relative;z-index:2;width:78px;height:78px;border-radius:50%;background:rgba(96,68,133,.92);border:none;color:#ffe9a8;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s,background .18s}
.wot-player .big-play:hover{transform:scale(1.07);background:var(--pod-purple)}
.wot-player .audio-art{width:96px;height:96px;border-radius:14px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--pod-gold);font-size:34px;overflow:hidden}
.wot-player .audio-art img{width:100%;height:100%;object-fit:cover}

.wot-player .bar-wrap{padding:10px 14px 4px;background:#141022}
.wot-player .track{position:relative;height:6px;background:rgba(255,255,255,.16);border-radius:99px;cursor:pointer;touch-action:none}
.wot-player .track:focus-visible{outline:2px solid var(--pod-gold);outline-offset:3px}
.wot-player .track .buf,.wot-player .track .fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px}
.wot-player .track .buf{background:rgba(255,255,255,.22);width:0}
.wot-player .track .fill{background:var(--pod-gold);width:0}
.wot-player .track .knob{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.5);transform:translateY(-50%);left:0;pointer-events:none}
.wot-player .chapters-marks{position:relative;height:0}
.wot-player .chapters-marks i{position:absolute;top:-6px;width:2px;height:6px;background:rgba(255,233,168,.55)}

.wot-player .ctrls{display:flex;align-items:center;gap:6px;padding:6px 12px 12px;background:#141022;flex-wrap:wrap}
.wot-player .ctrls button{background:none;border:none;color:#e9e2f6;cursor:pointer;font-size:15px;width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;position:relative}
.wot-player .ctrls button:hover,.wot-player .ctrls button:focus-visible{background:rgba(96,68,133,.45);color:#ffe9a8;outline:none}
.wot-player .ctrls button.on{color:var(--pod-gold)}
.wot-player .time{font-size:12.5px;color:#cbbfe0;font-variant-numeric:tabular-nums;min-width:88px;text-align:center}
.wot-player .spacer{flex:1}
.wot-player .vol{display:flex;align-items:center;gap:5px}
.wot-player .vol input[type=range]{width:74px;accent-color:var(--pod-gold);cursor:pointer}
.wot-player .speed-btn{width:auto!important;padding:0 10px;font-size:12.5px;font-weight:700}
.wot-player select.wot-speed{background:rgba(255,255,255,.08);border:none;color:#ffe9a8;font-size:12.5px;font-weight:700;border-radius:8px;padding:6px 8px;cursor:pointer}
.wot-player .like-btn.liked{color:#f472b6}
.wot-player a.dl{color:#e9e2f6;text-decoration:none}
.wot-player .next-btn{width:auto!important;padding:0 12px;font-size:12.5px;font-weight:700;gap:6px}

.wot-player .cc-menu{position:absolute;right:12px;bottom:56px;background:#241a3d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;display:none;z-index:6;min-width:130px}
.wot-player .cc-menu.open{display:block}
.wot-player .cc-menu button{width:100%;justify-content:flex-start;font-size:12.5px;padding:6px 9px;color:#e9e2f6}
.wot-player .cc-menu button.active{color:var(--pod-gold)}

.wot-player .chapters-pop{position:absolute;left:12px;bottom:56px;background:#241a3d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;max-height:230px;overflow:auto;display:none;z-index:6;min-width:220px}
.wot-player .chapters-pop.open{display:block}
.wot-player .chapters-pop button{display:block;width:100%;text-align:left;font-size:12.5px;padding:7px 10px;color:#e9e2f6;white-space:normal;line-height:1.4}
.wot-player .chapters-pop button.active{color:var(--pod-gold);background:rgba(96,68,133,.3)}

.wot-player .err{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:rgba(10,6,18,.88);text-align:center;padding:20px;z-index:7}
.wot-player .err.show{display:flex}
.wot-player .err b{color:#fca5a5;font-size:15px}
.wot-player .err span{color:#cbbfe0;font-size:13px}

@media(max-width:560px){
    .wot-player .ctrls{gap:2px;padding:6px 8px 10px}
    .wot-player .ctrls button{width:32px;height:32px;font-size:13.5px}
    .wot-player .time{min-width:74px;font-size:11.5px}
    .wot-player .vol input[type=range]{width:52px}
    .wot-player .next-btn span{display:none}
}
@media(min-width:769px){
    .wot-player.audio .stage{max-width:min(40vh,100%);margin-inline:auto}
}