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">

src/hooks/use-jellyfin.ts

@@ -133,6 +133,7 @@ export function useLibraryItems(
           'ProviderIds',
           'Width',
           'Height',
+          'RunTimeTicks',
           ...(opts?.includePeople ? (['People'] as const) : []),
         ],
       } as any)

src/pages/StatsPage.tsx

@@ -89,7 +89,7 @@ export default function StatsPage() {
       </header>
 
       {isLoading && items.length === 0 && (
-        <div className="rounded-xl bg-elevated/30 border border-border p-8 text-center">
+        <div className="rounded-xl bg-elevated/30 border border-border p-8 text-center mb-8">
           <p className="text-[13px] text-text-2 font-medium">Crunching the numbers...</p>
         </div>
       )}