.video-wrap{isolation:isolate}.video-overlay{z-index:3}.media-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(transparent,#000e);z-index:2;color:#fff}.media-controls button{background:#16191cdd;border:1px solid #ffffff30;color:#fff;border-radius:7px;min-width:40px;min-height:38px;font:inherit;cursor:pointer;padding:5px 10px}.media-seek{flex:1;min-width:60px;accent-color:var(--accent)}.media-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.subtitle-layer{position:absolute;bottom:80px;left:6%;right:6%;text-align:center;white-space:pre-line;pointer-events:none;color:white;text-shadow:0 2px 3px black,1px 0 2px black,-1px 0 2px black;font-size:clamp(16px,2.2vw,30px);line-height:1.35;z-index:1}.subtitle-layer:empty{display:none}.video-wrap:fullscreen{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0}.video-wrap:-webkit-full-screen{width:100%;height:100%;border:0;border-radius:0}.media-controls button:focus-visible,.player-bar button:focus-visible,.media-seek:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.player-bar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@media(max-width:750px){.media-controls{gap:6px;padding:10px}.media-time{font-size:10px}.media-controls button{min-width:32px;padding:4px 6px;font-size:11px}.subtitle-layer{bottom:64px;font-size:16px}}
.rotation-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none;z-index:0}.rotation-canvas[hidden]{display:none}