raise subtitle z-index above controls overlay so they stay visible when ui fades

src/components/player/LibAssRenderer.tsx

@@ -85,7 +85,7 @@ export default function LibAssRenderer({ playerRef, subtitleUrl }: Props) {
   return (
     <canvas
       ref={canvasRef}
-      className="absolute inset-0 w-full h-full pointer-events-none z-30"
+      className="absolute inset-0 w-full h-full pointer-events-none z-[100]"
       aria-hidden
     />
   )

src/components/player/SubtitleOverlay.tsx

@@ -145,7 +145,7 @@ export default function SubtitleOverlay({ playerRef, subtitleUrl }: Props) {
   if (activeCues.length === 0) return null
 
   return (
-    <div className={`${className} z-30`} style={style}>
+    <div className={`${className} z-[100]`} style={style}>
       {activeCues.map((cue, ci) => (
         <div key={ci} className={ci > 0 ? 'mt-1.5' : ''}>
           <span data-cue className="whitespace-pre-line">