.mla-vp{
	position:relative;
	width:100%;
	aspect-ratio:16/9;
	background:#141210;
	border:2px solid #DD9933;
	border-radius:14px;
	overflow:hidden;
	box-shadow:0 0 0 1px rgba(221,153,51,.25), 0 0 28px rgba(221,153,51,.28);
}
.mla-vp iframe{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
	z-index:1;
}
.mla-vp-hit{
	position:absolute;
	inset:0;
	z-index:2;
	cursor:pointer;
}
.mla-vp-poster{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:5;
	cursor:pointer;
}
.mla-vp-bigplay{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:84px;
	height:84px;
	padding:0;
	border-radius:50%;
	border:2px solid #DD9933;
	background:rgba(20,18,16,.55);
	color:#f2b85a;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:6;
	animation:mla-vp-breathe 3s ease-in-out infinite;
	transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.mla-vp-bigplay svg{ width:38px; height:38px; margin-left:4px; fill:currentColor; }
.mla-vp-bigplay:hover{
	transform:translate(-50%,-50%) scale(1.08);
	background:rgba(20,18,16,.35);
	box-shadow:0 0 22px rgba(221,153,51,.75), inset 0 0 14px rgba(221,153,51,.5);
}
.mla-vp.is-live .mla-vp-poster,
.mla-vp.is-live .mla-vp-bigplay{ display:none; }
.mla-vp-controls{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 16px 12px;
	background:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
	opacity:0;
	transform:translateY(8px);
	pointer-events:none;
	transition:opacity .25s ease, transform .25s ease;
}
.mla-vp.is-active .mla-vp-controls{ opacity:1; transform:translateY(0); pointer-events:auto; }
.mla-vp-toggle,
.mla-vp-fs{
	flex:0 0 auto;
	width:38px;
	height:38px;
	padding:0;
	border:0;
	background:transparent;
	color:#DD9933;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:color .2s ease, filter .2s ease;
}
.mla-vp-toggle svg,
.mla-vp-fs svg{ width:26px; height:26px; fill:currentColor; }
.mla-vp-toggle:hover,
.mla-vp-fs:hover{ color:#f2b85a; filter:drop-shadow(0 0 6px rgba(221,153,51,.7)); }
.mla-vp-i-pause{ display:none; }
.mla-vp.is-playing-now .mla-vp-i-play{ display:none; }
.mla-vp.is-playing-now .mla-vp-i-pause{ display:block; }
.mla-vp-time{
	flex:0 0 auto;
	color:#f2b85a;
	font-size:14px;
	line-height:1;
	font-variant-numeric:tabular-nums;
	min-width:38px;
	text-align:center;
}
.mla-vp-bar{
	flex:1 1 auto;
	height:6px;
	background:rgba(246,242,234,.25);
	border-radius:3px;
	cursor:pointer;
	position:relative;
}
.mla-vp-progress{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:0;
	background:#DD9933;
	border-radius:3px;
	box-shadow:0 0 8px rgba(221,153,51,.7);
}
.mla-vp-end{
	position:absolute;
	inset:0;
	z-index:4;
	display:none;
	align-items:center;
	justify-content:center;
	background:#141210;
}
.mla-vp.is-ended .mla-vp-end{ display:flex; }
.mla-vp-replay{
	width:84px;
	height:84px;
	padding:0;
	border-radius:50%;
	border:2px solid #DD9933;
	background:rgba(20,18,16,.55);
	color:#f2b85a;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.mla-vp-replay svg{ width:38px; height:38px; fill:currentColor; }
.mla-vp-replay:hover{
	transform:scale(1.08);
	background:rgba(20,18,16,.35);
	box-shadow:0 0 22px rgba(221,153,51,.75), inset 0 0 14px rgba(221,153,51,.5);
}
.mla-vp-bigplay:focus-visible,
.mla-vp-replay:focus-visible,
.mla-vp-toggle:focus-visible,
.mla-vp-fs:focus-visible{
	outline:2px solid #f2b85a;
	outline-offset:2px;
}
@keyframes mla-vp-breathe{
	0%,100%{ box-shadow:0 0 8px rgba(221,153,51,.35), inset 0 0 8px rgba(221,153,51,.3); }
	50%{ box-shadow:0 0 20px rgba(221,153,51,.65), inset 0 0 12px rgba(221,153,51,.45); }
}
@media (prefers-reduced-motion: reduce){
	.mla-vp-bigplay{ animation:none; }
}