/* Minimal controls stay inside the fullscreen stage. */
.wf .wfc-controls{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.35rem;min-height:54px;padding:.2rem max(.45rem,env(safe-area-inset-right)) max(.2rem,env(safe-area-inset-bottom)) max(.45rem,env(safe-area-inset-left));box-sizing:border-box;background:linear-gradient(180deg,#09060bd9,#09060bf5);color:#fff6e7;opacity:1;transition:opacity .18s ease}
.wf .wfc-controls[data-concealed=true]{opacity:0;pointer-events:none}
.wf .wfc-controls[hidden],.wf .wfc-volume[hidden]{display:none!important}
.wf .wfc-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.wf .wfc-button:hover{background:#e2c39026;color:#f4d8ac}
.wf .wfc-button:focus-visible,.wf .wfc-volume:focus-visible{outline:2px solid #f2d29f;outline-offset:-2px}
.wf .wfc-button svg{display:block;width:24px;height:24px;fill:currentColor;overflow:visible}
.wf .wfc-button .wfc-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wf .wfc-volume{display:block;width:clamp(64px,14vw,112px);min-width:0;height:44px;margin:0 .4rem 0 0;padding:0;accent-color:#e2c390;cursor:pointer}
.wf .wfc-fullscreen{margin-left:auto}
.wf .wf-video:focus-visible{outline:2px solid #f2d29f;outline-offset:-3px}
.wf .wf-stage:fullscreen{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;aspect-ratio:auto;background:#000}
.wf .wf-stage:-webkit-full-screen{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;aspect-ratio:auto;background:#000}
.wf .wf-stage[data-fullscreen=true] .wf-video{object-fit:contain;background:#000}
@media(max-width:560px){.wf .wfc-controls{gap:.15rem;min-height:50px}.wf .wfc-volume{width:68px}}
@media(prefers-reduced-motion:reduce){.wf .wfc-controls{transition:none}}