@livepeer-frameworks/player-react 0.1.0 → 0.1.2

package/dist/cjs/components/IdleScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdleScreen.js","sources":["../../../../src/components/IdleScreen.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport DvdLogo from \"./DvdLogo\";\nimport logomarkAsset from \"../assets/logomark.svg\";\nimport type { StreamStatus } from \"../types\";\n\n// ============================================================================\n// AnimatedBubble Component\n// ============================================================================\n\ninterface AnimatedBubbleProps {\n  index: number;\n}\n\nconst AnimatedBubble: React.FC<AnimatedBubbleProps> = ({ index }) => {\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const [size, setSize] = useState(40);\n  const [opacity, setOpacity] = useState(0);\n\n  const getRandomPosition = () => ({\n    top: Math.random() * 80 + 10,\n    left: Math.random() * 80 + 10,\n  });\n\n  const getRandomSize = () => Math.random() * 60 + 30;\n\n  useEffect(() => {\n    setPosition(getRandomPosition());\n    setSize(getRandomSize());\n\n    const animationCycle = () => {\n      setOpacity(0.15);\n      setTimeout(\n        () => {\n          setOpacity(0);\n          setTimeout(() => {\n            setPosition(getRandomPosition());\n            setSize(getRandomSize());\n            setTimeout(() => {\n              animationCycle();\n            }, 200);\n          }, 1500);\n        },\n        4000 + Math.random() * 3000\n      );\n    };\n\n    const timeout = setTimeout(animationCycle, index * 500);\n    return () => clearTimeout(timeout);\n  }, [index]);\n\n  const bubbleColors = [\n    \"rgba(122, 162, 247, 0.2)\",\n    \"rgba(187, 154, 247, 0.2)\",\n    \"rgba(158, 206, 106, 0.2)\",\n    \"rgba(115, 218, 202, 0.2)\",\n    \"rgba(125, 207, 255, 0.2)\",\n    \"rgba(247, 118, 142, 0.2)\",\n    \"rgba(224, 175, 104, 0.2)\",\n    \"rgba(42, 195, 222, 0.2)\",\n  ];\n\n  return (\n    <div\n      style={\n        {\n          position: \"absolute\",\n          top: `${position.top}%`,\n          left: `${position.left}%`,\n          width: `${size}px`,\n          height: `${size}px`,\n          borderRadius: \"50%\",\n          background: bubbleColors[index % bubbleColors.length],\n          opacity,\n          transition: \"opacity 1s ease-in-out\",\n          pointerEvents: \"none\",\n          userSelect: \"none\",\n        } as React.CSSProperties\n      }\n    />\n  );\n};\n\n// ============================================================================\n// CenterLogo Component\n// ============================================================================\n\ninterface CenterLogoProps {\n  containerRef: React.RefObject<HTMLDivElement>;\n  scale?: number;\n  onHitmarker?: (e: { clientX: number; clientY: number }) => void;\n}\n\nconst CenterLogo: React.FC<CenterLogoProps> = ({ containerRef, scale = 0.2, onHitmarker }) => {\n  const [logoSize, setLogoSize] = useState(100);\n  const [offset, setOffset] = useState({ x: 0, y: 0 });\n  const [isHovered, setIsHovered] = useState(false);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const containerWidth = containerRef.current.clientWidth;\n      const containerHeight = containerRef.current.clientHeight;\n      const minDimension = Math.min(containerWidth, containerHeight);\n      setLogoSize(minDimension * scale);\n    }\n  }, [containerRef, scale]);\n\n  const handleLogoClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (onHitmarker) {\n      onHitmarker({ clientX: e.clientX, clientY: e.clientY });\n    }\n  };\n\n  const handleMouseMove = (e: MouseEvent) => {\n    if (!containerRef.current) return;\n\n    const rect = containerRef.current.getBoundingClientRect();\n    const centerX = rect.left + rect.width / 2;\n    const centerY = rect.top + rect.height / 2;\n    const deltaX = e.clientX - centerX;\n    const deltaY = e.clientY - centerY;\n    const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n\n    const maxDistance = logoSize * 1.5;\n    if (distance < maxDistance && distance > 0) {\n      const pushStrength = (maxDistance - distance) / maxDistance;\n      const pushDistance = 50 * pushStrength;\n      const pushX = -(deltaX / distance) * pushDistance;\n      const pushY = -(deltaY / distance) * pushDistance;\n      setOffset({ x: pushX, y: pushY });\n      setIsHovered(true);\n    } else {\n      setOffset({ x: 0, y: 0 });\n      setIsHovered(false);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setOffset({ x: 0, y: 0 });\n    setIsHovered(false);\n  };\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n      container.addEventListener(\"mousemove\", handleMouseMove);\n      container.addEventListener(\"mouseleave\", handleMouseLeave);\n      return () => {\n        container.removeEventListener(\"mousemove\", handleMouseMove);\n        container.removeEventListener(\"mouseleave\", handleMouseLeave);\n      };\n    }\n  }, [logoSize, containerRef]);\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: `translate(-50%, -50%) translate(${offset.x}px, ${offset.y}px)`,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        zIndex: 10,\n        transition: \"transform 0.3s ease-out\",\n        userSelect: \"none\",\n      }}\n    >\n      <div\n        style={{\n          position: \"absolute\",\n          width: `${logoSize * 1.4}px`,\n          height: `${logoSize * 1.4}px`,\n          borderRadius: \"50%\",\n          background: \"rgba(122, 162, 247, 0.15)\",\n          animation: isHovered\n            ? \"logoPulse 1s ease-in-out infinite\"\n            : \"logoPulse 3s ease-in-out infinite\",\n          transform: isHovered ? \"scale(1.2)\" : \"scale(1)\",\n          transition: \"transform 0.3s ease-out\",\n          pointerEvents: \"none\",\n        }}\n      />\n      <img\n        src={logomarkAsset}\n        alt=\"FrameWorks Logo\"\n        onClick={handleLogoClick}\n        style={\n          {\n            width: `${logoSize}px`,\n            height: `${logoSize}px`,\n            position: \"relative\",\n            zIndex: 1,\n            filter: isHovered\n              ? \"drop-shadow(0 6px 12px rgba(36, 40, 59, 0.4)) brightness(1.1)\"\n              : \"drop-shadow(0 4px 8px rgba(36, 40, 59, 0.3))\",\n            transform: isHovered ? \"scale(1.1)\" : \"scale(1)\",\n            transition: \"all 0.3s ease-out\",\n            cursor: isHovered ? \"pointer\" : \"default\",\n            userSelect: \"none\",\n            WebkitUserDrag: \"none\",\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n};\n\n// ============================================================================\n// Status Overlay Component (shows on top of the fancy background)\n// ============================================================================\n\ninterface StatusOverlayProps {\n  status?: StreamStatus;\n  message: string;\n  percentage?: number;\n  error?: string;\n  onRetry?: () => void;\n}\n\nfunction StatusIcon({ status }: { status?: StreamStatus }) {\n  const iconClass = \"w-5 h-5\";\n\n  // Spinner for loading states\n  if (\n    status === \"INITIALIZING\" ||\n    status === \"BOOTING\" ||\n    status === \"WAITING_FOR_DATA\" ||\n    !status\n  ) {\n    return (\n      <svg\n        className={`${iconClass} animate-spin`}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        style={{ color: \"hsl(var(--tn-yellow, 40 95% 64%))\" }}\n      >\n        <circle\n          className=\"opacity-25\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          strokeWidth=\"4\"\n        />\n        <path\n          className=\"opacity-75\"\n          fill=\"currentColor\"\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        />\n      </svg>\n    );\n  }\n\n  // Offline icon\n  if (status === \"OFFLINE\") {\n    return (\n      <svg\n        className={iconClass}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        style={{ color: \"hsl(var(--tn-red, 348 100% 72%))\" }}\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414\"\n        />\n      </svg>\n    );\n  }\n\n  // Error icon\n  if (status === \"ERROR\" || status === \"INVALID\") {\n    return (\n      <svg\n        className={iconClass}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        style={{ color: \"hsl(var(--tn-red, 348 100% 72%))\" }}\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n        />\n      </svg>\n    );\n  }\n\n  // Default spinner\n  return (\n    <svg\n      className={`${iconClass} animate-spin`}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      style={{ color: \"hsl(var(--tn-cyan, 193 100% 75%))\" }}\n    >\n      <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\nconst StatusOverlay: React.FC<StatusOverlayProps> = ({\n  status,\n  message,\n  percentage,\n  error,\n  onRetry,\n}) => {\n  const showRetry = (status === \"ERROR\" || status === \"INVALID\") && onRetry;\n  const showProgress = status === \"INITIALIZING\" && percentage !== undefined;\n  const displayMessage = error || message;\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        bottom: \"16px\",\n        left: \"50%\",\n        transform: \"translateX(-50%)\",\n        zIndex: 20,\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        gap: \"8px\",\n        maxWidth: \"280px\",\n        textAlign: \"center\",\n      }}\n    >\n      {/* Subtle status indicator - just icon + message */}\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: \"8px\",\n          color: \"#787c99\",\n          fontSize: \"13px\",\n          fontFamily: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n        }}\n      >\n        <StatusIcon status={status} />\n        <span>{displayMessage}</span>\n      </div>\n\n      {/* Progress bar */}\n      {showProgress && (\n        <div\n          style={{\n            width: \"160px\",\n            height: \"4px\",\n            background: \"rgba(65, 72, 104, 0.4)\",\n            borderRadius: \"2px\",\n            overflow: \"hidden\",\n          }}\n        >\n          <div\n            style={{\n              width: `${Math.min(100, percentage)}%`,\n              height: \"100%\",\n              background: \"hsl(var(--tn-cyan, 193 100% 75%))\",\n              transition: \"width 0.3s ease-out\",\n            }}\n          />\n        </div>\n      )}\n\n      {/* Retry button - only for errors */}\n      {showRetry && (\n        <button\n          type=\"button\"\n          onClick={onRetry}\n          style={{\n            padding: \"6px 16px\",\n            background: \"transparent\",\n            border: \"1px solid rgba(122, 162, 247, 0.4)\",\n            borderRadius: \"4px\",\n            color: \"#7aa2f7\",\n            fontSize: \"11px\",\n            fontWeight: 500,\n            cursor: \"pointer\",\n            transition: \"all 0.2s ease\",\n            fontFamily: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n          }}\n          onMouseEnter={(e) => {\n            e.currentTarget.style.background = \"rgba(122, 162, 247, 0.1)\";\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.background = \"transparent\";\n          }}\n        >\n          Retry\n        </button>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// Hitmarker System\n// ============================================================================\n\ninterface Hitmarker {\n  id: number;\n  x: number;\n  y: number;\n}\n\nconst playHitmarkerSound = () => {\n  try {\n    // Embedded hitmarker sound as base64 data URL\n    const hitmarkerDataUrl =\n      \"data:audio/mpeg;base64,SUQzBAAAAAAANFRDT04AAAAHAAADT3RoZXIAVFNTRQAAAA8AAANMYXZmNTcuODMuMTAwAAAAAAAAAAAA\" +\n      \"AAD/+1QAAAAAAAAAAAAAAAAAAAAA\" +\n      \"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\" +\n      \"qqqqqqqqqqqqqqqqqqqqqqqqqqo=\";\n\n    const audio = new Audio(hitmarkerDataUrl);\n    audio.volume = 0.3;\n    audio.play().catch(() => createSyntheticHitmarkerSound());\n  } catch {\n    createSyntheticHitmarkerSound();\n  }\n};\n\nconst createSyntheticHitmarkerSound = () => {\n  try {\n    const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();\n    const oscillator1 = audioContext.createOscillator();\n    const oscillator2 = audioContext.createOscillator();\n    const gainNode1 = audioContext.createGain();\n    const gainNode2 = audioContext.createGain();\n    const masterGain = audioContext.createGain();\n\n    oscillator1.connect(gainNode1);\n    oscillator2.connect(gainNode2);\n    gainNode1.connect(masterGain);\n    gainNode2.connect(masterGain);\n    masterGain.connect(audioContext.destination);\n\n    oscillator1.frequency.setValueAtTime(1800, audioContext.currentTime);\n    oscillator1.frequency.exponentialRampToValueAtTime(900, audioContext.currentTime + 0.08);\n    oscillator2.frequency.setValueAtTime(3600, audioContext.currentTime);\n    oscillator2.frequency.exponentialRampToValueAtTime(1800, audioContext.currentTime + 0.04);\n\n    oscillator1.type = \"triangle\";\n    oscillator2.type = \"sine\";\n\n    gainNode1.gain.setValueAtTime(0, audioContext.currentTime);\n    gainNode1.gain.linearRampToValueAtTime(0.4, audioContext.currentTime + 0.002);\n    gainNode1.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.12);\n\n    gainNode2.gain.setValueAtTime(0, audioContext.currentTime);\n    gainNode2.gain.linearRampToValueAtTime(0.3, audioContext.currentTime + 0.001);\n    gainNode2.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.06);\n\n    masterGain.gain.setValueAtTime(0.5, audioContext.currentTime);\n\n    const startTime = audioContext.currentTime;\n    const stopTime = startTime + 0.15;\n\n    oscillator1.start(startTime);\n    oscillator2.start(startTime);\n    oscillator1.stop(stopTime);\n    oscillator2.stop(stopTime);\n  } catch {\n    // Audio context not available\n  }\n};\n\n// ============================================================================\n// IdleScreen Component (Main Export)\n// ============================================================================\n\nexport interface IdleScreenProps {\n  /** Stream status (OFFLINE, INITIALIZING, ERROR, etc.) */\n  status?: StreamStatus;\n  /** Human-readable message */\n  message?: string;\n  /** Processing percentage (for INITIALIZING) */\n  percentage?: number;\n  /** Error message */\n  error?: string;\n  /** Callback for retry button */\n  onRetry?: () => void;\n}\n\nexport const IdleScreen: React.FC<IdleScreenProps> = ({\n  status,\n  message = \"Waiting for stream...\",\n  percentage,\n  error,\n  onRetry,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [hitmarkers, setHitmarkers] = useState<Hitmarker[]>([]);\n\n  const createHitmarker = (e: { clientX: number; clientY: number }) => {\n    if (!containerRef.current) return;\n\n    const rect = containerRef.current.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n\n    const newHitmarker: Hitmarker = {\n      id: Date.now() + Math.random(),\n      x,\n      y,\n    };\n\n    setHitmarkers((prev) => [...prev, newHitmarker]);\n    playHitmarkerSound();\n\n    setTimeout(() => {\n      setHitmarkers((prev) => prev.filter((h) => h.id !== newHitmarker.id));\n    }, 600);\n  };\n\n  // Inject CSS animations\n  useEffect(() => {\n    const styleId = \"idle-screen-animations\";\n    if (!document.getElementById(styleId)) {\n      const style = document.createElement(\"style\");\n      style.id = styleId;\n      style.textContent = `\n        @keyframes fadeInOut {\n          0%, 100% { opacity: 0.6; }\n          50% { opacity: 0.9; }\n        }\n        @keyframes logoPulse {\n          0%, 100% { opacity: 0.15; transform: scale(1); }\n          50% { opacity: 0.25; transform: scale(1.05); }\n        }\n        @keyframes floatUp {\n          0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n          10% { opacity: 0.6; }\n          90% { opacity: 0.6; }\n          100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n        }\n        @keyframes gradientShift {\n          0%, 100% { background-position: 0% 50%; }\n          50% { background-position: 100% 50%; }\n        }\n        @keyframes hitmarkerFade45 {\n          0% { opacity: 1; transform: translate(-50%, -50%) rotate(45deg) scale(0.5); }\n          20% { opacity: 1; transform: translate(-50%, -50%) rotate(45deg) scale(1.2); }\n          100% { opacity: 0; transform: translate(-50%, -50%) rotate(45deg) scale(1); }\n        }\n        @keyframes hitmarkerFadeNeg45 {\n          0% { opacity: 1; transform: translate(-50%, -50%) rotate(-45deg) scale(0.5); }\n          20% { opacity: 1; transform: translate(-50%, -50%) rotate(-45deg) scale(1.2); }\n          100% { opacity: 0; transform: translate(-50%, -50%) rotate(-45deg) scale(1); }\n        }\n      `;\n      document.head.appendChild(style);\n    }\n  }, []);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"fw-player-root\"\n      style={\n        {\n          position: \"absolute\",\n          inset: 0,\n          zIndex: 5,\n          background: `\n          linear-gradient(135deg,\n            hsl(var(--tn-bg-dark, 235 21% 11%)) 0%,\n            hsl(var(--tn-bg, 233 23% 17%)) 25%,\n            hsl(var(--tn-bg-dark, 235 21% 11%)) 50%,\n            hsl(var(--tn-bg, 233 23% 17%)) 75%,\n            hsl(var(--tn-bg-dark, 235 21% 11%)) 100%\n          )\n        `,\n          backgroundSize: \"400% 400%\",\n          animation: \"gradientShift 16s ease-in-out infinite\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          overflow: \"hidden\",\n          borderRadius: \"0\",\n          userSelect: \"none\",\n        } as React.CSSProperties\n      }\n    >\n      {/* Hitmarkers */}\n      {hitmarkers.map((hitmarker) => (\n        <div\n          key={hitmarker.id}\n          style={{\n            position: \"absolute\",\n            left: `${hitmarker.x}px`,\n            top: `${hitmarker.y}px`,\n            transform: \"translate(-50%, -50%)\",\n            pointerEvents: \"none\",\n            zIndex: 100,\n            width: \"40px\",\n            height: \"40px\",\n          }}\n        >\n          <div\n            style={{\n              position: \"absolute\",\n              top: \"25%\",\n              left: \"25%\",\n              width: \"12px\",\n              height: \"3px\",\n              backgroundColor: \"#ffffff\",\n              transform: \"translate(-50%, -50%) rotate(45deg)\",\n              animation: \"hitmarkerFade45 0.6s ease-out forwards\",\n              boxShadow: \"0 0 8px rgba(255, 255, 255, 0.8)\",\n              borderRadius: \"1px\",\n            }}\n          />\n          <div\n            style={{\n              position: \"absolute\",\n              top: \"25%\",\n              left: \"75%\",\n              width: \"12px\",\n              height: \"3px\",\n              backgroundColor: \"#ffffff\",\n              transform: \"translate(-50%, -50%) rotate(-45deg)\",\n              animation: \"hitmarkerFadeNeg45 0.6s ease-out forwards\",\n              boxShadow: \"0 0 8px rgba(255, 255, 255, 0.8)\",\n              borderRadius: \"1px\",\n            }}\n          />\n          <div\n            style={{\n              position: \"absolute\",\n              top: \"75%\",\n              left: \"25%\",\n              width: \"12px\",\n              height: \"3px\",\n              backgroundColor: \"#ffffff\",\n              transform: \"translate(-50%, -50%) rotate(-45deg)\",\n              animation: \"hitmarkerFadeNeg45 0.6s ease-out forwards\",\n              boxShadow: \"0 0 8px rgba(255, 255, 255, 0.8)\",\n              borderRadius: \"1px\",\n            }}\n          />\n          <div\n            style={{\n              position: \"absolute\",\n              top: \"75%\",\n              left: \"75%\",\n              width: \"12px\",\n              height: \"3px\",\n              backgroundColor: \"#ffffff\",\n              transform: \"translate(-50%, -50%) rotate(45deg)\",\n              animation: \"hitmarkerFade45 0.6s ease-out forwards\",\n              boxShadow: \"0 0 8px rgba(255, 255, 255, 0.8)\",\n              borderRadius: \"1px\",\n            }}\n          />\n        </div>\n      ))}\n\n      {/* Floating particles */}\n      {[...Array(12)].map((_, index) => (\n        <div\n          key={`particle-${index}`}\n          style={{\n            position: \"absolute\",\n            left: `${Math.random() * 100}%`,\n            width: `${Math.random() * 4 + 2}px`,\n            height: `${Math.random() * 4 + 2}px`,\n            borderRadius: \"50%\",\n            background: [\n              \"#7aa2f7\",\n              \"#bb9af7\",\n              \"#9ece6a\",\n              \"#73daca\",\n              \"#7dcfff\",\n              \"#f7768e\",\n              \"#e0af68\",\n              \"#2ac3de\",\n            ][index % 8],\n            opacity: 0,\n            animation: `floatUp ${8 + Math.random() * 4}s linear infinite`,\n            animationDelay: `${Math.random() * 8}s`,\n            pointerEvents: \"none\",\n          }}\n        />\n      ))}\n\n      {/* Animated bubbles */}\n      {[...Array(8)].map((_, index) => (\n        <AnimatedBubble key={index} index={index} />\n      ))}\n\n      {/* Center logo */}\n      <CenterLogo\n        containerRef={containerRef as React.RefObject<HTMLDivElement>}\n        onHitmarker={createHitmarker}\n      />\n\n      {/* DVD Logo */}\n      <DvdLogo parentRef={containerRef as React.RefObject<HTMLDivElement>} scale={0.08} />\n\n      {/* Status overlay */}\n      <StatusOverlay\n        status={status}\n        message={message}\n        percentage={percentage}\n        error={error}\n        onRetry={onRetry}\n      />\n\n      {/* Overlay texture */}\n      <div\n        style={{\n          position: \"absolute\",\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          background: `\n            radial-gradient(circle at 20% 80%, rgba(122, 162, 247, 0.03) 0%, transparent 50%),\n            radial-gradient(circle at 80% 20%, rgba(187, 154, 247, 0.03) 0%, transparent 50%),\n            radial-gradient(circle at 40% 40%, rgba(158, 206, 106, 0.02) 0%, transparent 50%)\n          `,\n          pointerEvents: \"none\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport default IdleScreen;\n"],"names":["AnimatedBubble","_ref","index","_useState","useState","top","left","_useState2","_slicedToArray","position","setPosition","_useState3","_useState4","size","setSize","_useState5","_useState6","opacity","setOpacity","getRandomPosition","Math","random","getRandomSize","useEffect","animationCycle","setTimeout","timeout","clearTimeout","bubbleColors","_jsx","style","concat","width","height","borderRadius","background","length","transition","pointerEvents","userSelect","CenterLogo","_ref2","containerRef","_ref2$scale","scale","onHitmarker","_useState7","_useState8","logoSize","setLogoSize","_useState9","x","y","_useState0","offset","setOffset","_useState1","_useState10","isHovered","setIsHovered","current","containerWidth","clientWidth","containerHeight","clientHeight","minDimension","min","handleLogoClick","e","stopPropagation","clientX","clientY","handleMouseMove","rect","getBoundingClientRect","centerX","centerY","deltaX","deltaY","distance","sqrt","maxDistance","pushStrength","pushDistance","pushX","pushY","handleMouseLeave","container","addEventListener","removeEventListener","_jsxs","transform","display","alignItems","justifyContent","zIndex","children","animation","src","logomarkAsset","alt","onClick","filter","cursor","WebkitUserDrag","StatusIcon","_ref3","status","iconClass","className","fill","viewBox","color","cx","cy","r","stroke","strokeWidth","d","strokeLinecap","strokeLinejoin","StatusOverlay","_ref4","message","percentage","error","onRetry","showRetry","showProgress","undefined","displayMessage","bottom","flexDirection","gap","maxWidth","textAlign","fontSize","fontFamily","overflow","type","padding","border","fontWeight","onMouseEnter","currentTarget","onMouseLeave","playHitmarkerSound","hitmarkerDataUrl","audio","Audio","volume","play","createSyntheticHitmarkerSound","_unused","audioContext","window","AudioContext","webkitAudioContext","oscillator1","createOscillator","oscillator2","gainNode1","createGain","gainNode2","masterGain","connect","destination","frequency","setValueAtTime","currentTime","exponentialRampToValueAtTime","gain","linearRampToValueAtTime","startTime","stopTime","start","stop","_unused2","IdleScreen","_ref5","_ref5$message","useRef","_useState11","_useState12","hitmarkers","setHitmarkers","createHitmarker","newHitmarker","id","Date","now","prev","_toConsumableArray","h","styleId","document","getElementById","createElement","textContent","head","appendChild","ref","inset","backgroundSize","map","hitmarker","backgroundColor","boxShadow","Array","_","animationDelay","DvdLogo","parentRef","right"],"mappings":";;;;;;;;;;AAaA,IAAMA,cAAc,GAAkC,SAAhDA,cAAcA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAXC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC5D,IAAAC,SAAA,GAAgCC,cAAQ,CAAC;AAAEC,MAAAA,GAAG,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAC,KAAE,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAAtDM,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,IAAAI,UAAA,GAAwBP,cAAQ,CAAC,EAAE,CAAC;IAAAQ,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA7BE,IAAAA,IAAI,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AACpB,EAAA,IAAAG,UAAA,GAA8BX,cAAQ,CAAC,CAAC,CAAC;IAAAY,UAAA,GAAAR,uCAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAlCE,IAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;IAAA,OAAU;MAC/Bd,GAAG,EAAEe,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE;MAC5Bf,IAAI,EAAEc,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG;KAC5B;EAAA,CAAC;AAEF,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASF,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE;AAAA,EAAA,CAAA;AAEnDE,EAAAA,eAAS,CAAC,YAAK;AACbb,IAAAA,WAAW,CAACS,iBAAiB,EAAE,CAAC;AAChCL,IAAAA,OAAO,CAACQ,aAAa,EAAE,CAAC;AAExB,IAAA,IAAME,eAAc,GAAG,SAAjBA,cAAcA,GAAQ;MAC1BN,UAAU,CAAC,IAAI,CAAC;AAChBO,MAAAA,UAAU,CACR,YAAK;QACHP,UAAU,CAAC,CAAC,CAAC;AACbO,QAAAA,UAAU,CAAC,YAAK;AACdf,UAAAA,WAAW,CAACS,iBAAiB,EAAE,CAAC;AAChCL,UAAAA,OAAO,CAACQ,aAAa,EAAE,CAAC;AACxBG,UAAAA,UAAU,CAAC,YAAK;AACdD,YAAAA,eAAc,EAAE;UAClB,CAAC,EAAE,GAAG,CAAC;QACT,CAAC,EAAE,IAAI,CAAC;MACV,CAAC,EACD,IAAI,GAAGJ,IAAI,CAACC,MAAM,EAAE,GAAG,IAAI,CAC5B;IACH,CAAC;IAED,IAAMK,OAAO,GAAGD,UAAU,CAACD,eAAc,EAAEtB,KAAK,GAAG,GAAG,CAAC;IACvD,OAAO,YAAA;MAAA,OAAMyB,YAAY,CAACD,OAAO,CAAC;AAAA,IAAA,CAAA;AACpC,EAAA,CAAC,EAAE,CAACxB,KAAK,CAAC,CAAC;AAEX,EAAA,IAAM0B,YAAY,GAAG,CACnB,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,CAC1B;EAED,OACEC,cAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,KAAK,EACH;AACErB,MAAAA,QAAQ,EAAE,UAAU;AACpBJ,MAAAA,GAAG,KAAA0B,MAAA,CAAKtB,QAAQ,CAACJ,GAAG,EAAA,GAAA,CAAG;AACvBC,MAAAA,IAAI,KAAAyB,MAAA,CAAKtB,QAAQ,CAACH,IAAI,EAAA,GAAA,CAAG;AACzB0B,MAAAA,KAAK,EAAA,EAAA,CAAAD,MAAA,CAAKlB,IAAI,EAAA,IAAA,CAAI;AAClBoB,MAAAA,MAAM,EAAA,EAAA,CAAAF,MAAA,CAAKlB,IAAI,EAAA,IAAA,CAAI;AACnBqB,MAAAA,YAAY,EAAE,KAAK;MACnBC,UAAU,EAAEP,YAAY,CAAC1B,KAAK,GAAG0B,YAAY,CAACQ,MAAM,CAAC;AACrDnB,MAAAA,OAAO,EAAPA,OAAO;AACPoB,MAAAA,UAAU,EAAE,wBAAwB;AACpCC,MAAAA,aAAa,EAAE,MAAM;AACrBC,MAAAA,UAAU,EAAE;AACU;AAAA,GAAA,CAE1B;AAEN,CAAC;AAYD,IAAMC,UAAU,GAA8B,SAAxCA,UAAUA,CAAAC,KAAA,EAA6E;AAAA,EAAA,IAA5CC,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAAC,WAAA,GAAAF,KAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,WAAA,KAAA,MAAA,GAAG,GAAG,GAAAA,WAAA;IAAEE,WAAW,GAAAJ,KAAA,CAAXI,WAAW;AACrF,EAAA,IAAAC,UAAA,GAAgC1C,cAAQ,CAAC,GAAG,CAAC;IAAA2C,UAAA,GAAAvC,uCAAA,CAAAsC,UAAA,EAAA,CAAA,CAAA;AAAtCE,IAAAA,QAAQ,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;EAC5B,IAAAG,UAAA,GAA4B9C,cAAQ,CAAC;AAAE+C,MAAAA,CAAC,EAAE,CAAC;AAAEC,MAAAA,CAAC,EAAE;AAAC,KAAE,CAAC;IAAAC,UAAA,GAAA7C,uCAAA,CAAA0C,UAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAAG,UAAA,GAAkCpD,cAAQ,CAAC,KAAK,CAAC;IAAAqD,WAAA,GAAAjD,uCAAA,CAAAgD,UAAA,EAAA,CAAA,CAAA;AAA1CE,IAAAA,SAAS,GAAAD,WAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,YAAY,GAAAF,WAAA,CAAA,CAAA,CAAA;AAE9BlC,EAAAA,eAAS,CAAC,YAAK;IACb,IAAImB,YAAY,CAACkB,OAAO,EAAE;AACxB,MAAA,IAAMC,cAAc,GAAGnB,YAAY,CAACkB,OAAO,CAACE,WAAW;AACvD,MAAA,IAAMC,eAAe,GAAGrB,YAAY,CAACkB,OAAO,CAACI,YAAY;MACzD,IAAMC,YAAY,GAAG7C,IAAI,CAAC8C,GAAG,CAACL,cAAc,EAAEE,eAAe,CAAC;AAC9Dd,MAAAA,WAAW,CAACgB,YAAY,GAAGrB,KAAK,CAAC;AACnC,IAAA;AACF,EAAA,CAAC,EAAE,CAACF,YAAY,EAAEE,KAAK,CAAC,CAAC;AAEzB,EAAA,IAAMuB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAmB,EAAI;IAC9CA,CAAC,CAACC,eAAe,EAAE;AACnB,IAAA,IAAIxB,WAAW,EAAE;AACfA,MAAAA,WAAW,CAAC;QAAEyB,OAAO,EAAEF,CAAC,CAACE,OAAO;QAAEC,OAAO,EAAEH,CAAC,CAACG;AAAO,OAAE,CAAC;AACzD,IAAA;EACF,CAAC;AAED,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIJ,CAAa,EAAI;AACxC,IAAA,IAAI,CAAC1B,YAAY,CAACkB,OAAO,EAAE;IAE3B,IAAMa,IAAI,GAAG/B,YAAY,CAACkB,OAAO,CAACc,qBAAqB,EAAE;IACzD,IAAMC,OAAO,GAAGF,IAAI,CAACnE,IAAI,GAAGmE,IAAI,CAACzC,KAAK,GAAG,CAAC;IAC1C,IAAM4C,OAAO,GAAGH,IAAI,CAACpE,GAAG,GAAGoE,IAAI,CAACxC,MAAM,GAAG,CAAC;AAC1C,IAAA,IAAM4C,MAAM,GAAGT,CAAC,CAACE,OAAO,GAAGK,OAAO;AAClC,IAAA,IAAMG,MAAM,GAAGV,CAAC,CAACG,OAAO,GAAGK,OAAO;AAClC,IAAA,IAAMG,QAAQ,GAAG3D,IAAI,CAAC4D,IAAI,CAACH,MAAM,GAAGA,MAAM,GAAGC,MAAM,GAAGA,MAAM,CAAC;AAE7D,IAAA,IAAMG,WAAW,GAAGjC,QAAQ,GAAG,GAAG;AAClC,IAAA,IAAI+B,QAAQ,GAAGE,WAAW,IAAIF,QAAQ,GAAG,CAAC,EAAE;AAC1C,MAAA,IAAMG,YAAY,GAAG,CAACD,WAAW,GAAGF,QAAQ,IAAIE,WAAW;AAC3D,MAAA,IAAME,YAAY,GAAG,EAAE,GAAGD,YAAY;MACtC,IAAME,KAAK,GAAG,EAAEP,MAAM,GAAGE,QAAQ,CAAC,GAAGI,YAAY;MACjD,IAAME,KAAK,GAAG,EAAEP,MAAM,GAAGC,QAAQ,CAAC,GAAGI,YAAY;AACjD5B,MAAAA,SAAS,CAAC;AAAEJ,QAAAA,CAAC,EAAEiC,KAAK;AAAEhC,QAAAA,CAAC,EAAEiC;AAAK,OAAE,CAAC;MACjC1B,YAAY,CAAC,IAAI,CAAC;AACpB,IAAA,CAAC,MAAM;AACLJ,MAAAA,SAAS,CAAC;AAAEJ,QAAAA,CAAC,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE;AAAC,OAAE,CAAC;MACzBO,YAAY,CAAC,KAAK,CAAC;AACrB,IAAA;EACF,CAAC;AAED,EAAA,IAAM2B,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAQ;AAC5B/B,IAAAA,SAAS,CAAC;AAAEJ,MAAAA,CAAC,EAAE,CAAC;AAAEC,MAAAA,CAAC,EAAE;AAAC,KAAE,CAAC;IACzBO,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;AAEDpC,EAAAA,eAAS,CAAC,YAAK;IACb,IAAImB,YAAY,CAACkB,OAAO,EAAE;AACxB,MAAA,IAAM2B,SAAS,GAAG7C,YAAY,CAACkB,OAAO;AACtC2B,MAAAA,SAAS,CAACC,gBAAgB,CAAC,WAAW,EAAEhB,eAAe,CAAC;AACxDe,MAAAA,SAAS,CAACC,gBAAgB,CAAC,YAAY,EAAEF,gBAAgB,CAAC;AAC1D,MAAA,OAAO,YAAK;AACVC,QAAAA,SAAS,CAACE,mBAAmB,CAAC,WAAW,EAAEjB,eAAe,CAAC;AAC3De,QAAAA,SAAS,CAACE,mBAAmB,CAAC,YAAY,EAAEH,gBAAgB,CAAC;MAC/D,CAAC;AACH,IAAA;AACF,EAAA,CAAC,EAAE,CAACtC,QAAQ,EAAEN,YAAY,CAAC,CAAC;EAE5B,OACEgD,eAAA,CAAA,KAAA,EAAA;AACE5D,IAAAA,KAAK,EAAE;AACLrB,MAAAA,QAAQ,EAAE,UAAU;AACpBJ,MAAAA,GAAG,EAAE,KAAK;AACVC,MAAAA,IAAI,EAAE,KAAK;AACXqF,MAAAA,SAAS,EAAA,kCAAA,CAAA5D,MAAA,CAAqCuB,MAAM,CAACH,CAAC,EAAA,MAAA,CAAA,CAAApB,MAAA,CAAOuB,MAAM,CAACF,CAAC,EAAA,KAAA,CAAK;AAC1EwC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,MAAM,EAAE,EAAE;AACV1D,MAAAA,UAAU,EAAE,yBAAyB;AACrCE,MAAAA,UAAU,EAAE;KACb;AAAAyD,IAAAA,QAAA,EAAA,CAEDnE,cAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,KAAK,EAAE;AACLrB,QAAAA,QAAQ,EAAE,UAAU;AACpBuB,QAAAA,KAAK,KAAAD,MAAA,CAAKiB,QAAQ,GAAG,GAAG,EAAA,IAAA,CAAI;AAC5Bf,QAAAA,MAAM,KAAAF,MAAA,CAAKiB,QAAQ,GAAG,GAAG,EAAA,IAAA,CAAI;AAC7Bd,QAAAA,YAAY,EAAE,KAAK;AACnBC,QAAAA,UAAU,EAAE,2BAA2B;AACvC8D,QAAAA,SAAS,EAAEvC,SAAS,GAChB,mCAAmC,GACnC,mCAAmC;AACvCiC,QAAAA,SAAS,EAAEjC,SAAS,GAAG,YAAY,GAAG,UAAU;AAChDrB,QAAAA,UAAU,EAAE,yBAAyB;AACrCC,QAAAA,aAAa,EAAE;AAChB;AAAA,KAAA,CACD,EACFT,cAAA,CAAA,KAAA,EAAA;AACEqE,MAAAA,GAAG,EAAEC,gBAAa;AAClBC,MAAAA,GAAG,EAAC,iBAAiB;AACrBC,MAAAA,OAAO,EAAElC,eAAe;AACxBrC,MAAAA,KAAK,EACH;AACEE,QAAAA,KAAK,EAAA,EAAA,CAAAD,MAAA,CAAKiB,QAAQ,EAAA,IAAA,CAAI;AACtBf,QAAAA,MAAM,EAAA,EAAA,CAAAF,MAAA,CAAKiB,QAAQ,EAAA,IAAA,CAAI;AACvBvC,QAAAA,QAAQ,EAAE,UAAU;AACpBsF,QAAAA,MAAM,EAAE,CAAC;AACTO,QAAAA,MAAM,EAAE5C,SAAS,GACb,+DAA+D,GAC/D,8CAA8C;AAClDiC,QAAAA,SAAS,EAAEjC,SAAS,GAAG,YAAY,GAAG,UAAU;AAChDrB,QAAAA,UAAU,EAAE,mBAAmB;AAC/BkE,QAAAA,MAAM,EAAE7C,SAAS,GAAG,SAAS,GAAG,SAAS;AACzCnB,QAAAA,UAAU,EAAE,MAAM;AAClBiE,QAAAA,cAAc,EAAE;;AACM,KAAA,CAE1B;AAAA,GAAA,CACE;AAEV,CAAC;AAcD,SAASC,UAAUA,CAAAC,KAAA,EAAsC;AAAA,EAAA,IAAnCC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAC1B,IAAMC,SAAS,GAAG,SAAS;AAE3B;AACA,EAAA,IACED,MAAM,KAAK,cAAc,IACzBA,MAAM,KAAK,SAAS,IACpBA,MAAM,KAAK,kBAAkB,IAC7B,CAACA,MAAM,EACP;IACA,OACEjB,eAAA,CAAA,KAAA,EAAA;AACEmB,MAAAA,SAAS,EAAA,EAAA,CAAA9E,MAAA,CAAK6E,SAAS,EAAA,eAAA,CAAe;AACtCE,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,OAAO,EAAC,WAAW;AACnBjF,MAAAA,KAAK,EAAE;AAAEkF,QAAAA,KAAK,EAAE;OAAqC;AAAAhB,MAAAA,QAAA,EAAA,CAErDnE,cAAA,CAAA,QAAA,EAAA;AACEgF,QAAAA,SAAS,EAAC,YAAY;AACtBI,QAAAA,EAAE,EAAC,IAAI;AACPC,QAAAA,EAAE,EAAC,IAAI;AACPC,QAAAA,CAAC,EAAC,IAAI;AACNC,QAAAA,MAAM,EAAC,cAAc;AACrBC,QAAAA,WAAW,EAAC;AAAG,OAAA,CACf,EACFxF,cAAA,CAAA,MAAA,EAAA;AACEgF,QAAAA,SAAS,EAAC,YAAY;AACtBC,QAAAA,IAAI,EAAC,cAAc;AACnBQ,QAAAA,CAAC,EAAC;AAAiH,OAAA,CACnH;AAAA,KAAA,CACE;AAEV,EAAA;AAEA;EACA,IAAIX,MAAM,KAAK,SAAS,EAAE;IACxB,OACE9E;AACEgF,MAAAA,SAAS,EAAED,SAAS;AACpBE,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,OAAO,EAAC,WAAW;AACnBK,MAAAA,MAAM,EAAC,cAAc;AACrBtF,MAAAA,KAAK,EAAE;AAAEkF,QAAAA,KAAK,EAAE;OAAoC;gBAEpDnF,cAAA,CAAA,MAAA,EAAA;AACE0F,QAAAA,aAAa,EAAC,OAAO;AACrBC,QAAAA,cAAc,EAAC,OAAO;AACtBH,QAAAA,WAAW,EAAE,CAAC;AACdC,QAAAA,CAAC,EAAC;OAAqQ;AACvQ,KAAA,CACE;AAEV,EAAA;AAEA;AACA,EAAA,IAAIX,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,SAAS,EAAE;IAC9C,OACE9E;AACEgF,MAAAA,SAAS,EAAED,SAAS;AACpBE,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,OAAO,EAAC,WAAW;AACnBK,MAAAA,MAAM,EAAC,cAAc;AACrBtF,MAAAA,KAAK,EAAE;AAAEkF,QAAAA,KAAK,EAAE;OAAoC;gBAEpDnF,cAAA,CAAA,MAAA,EAAA;AACE0F,QAAAA,aAAa,EAAC,OAAO;AACrBC,QAAAA,cAAc,EAAC,OAAO;AACtBH,QAAAA,WAAW,EAAE,CAAC;AACdC,QAAAA,CAAC,EAAC;OAAsI;AACxI,KAAA,CACE;AAEV,EAAA;AAEA;EACA,OACE5B,eAAA,CAAA,KAAA,EAAA;AACEmB,IAAAA,SAAS,EAAA,EAAA,CAAA9E,MAAA,CAAK6E,SAAS,EAAA,eAAA,CAAe;AACtCE,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBjF,IAAAA,KAAK,EAAE;AAAEkF,MAAAA,KAAK,EAAE;KAAqC;AAAAhB,IAAAA,QAAA,EAAA,CAErDnE,cAAA,CAAA,QAAA,EAAA;AAAQgF,MAAAA,SAAS,EAAC,YAAY;AAACI,MAAAA,EAAE,EAAC,IAAI;AAACC,MAAAA,EAAE,EAAC,IAAI;AAACC,MAAAA,CAAC,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,cAAc;AAACC,MAAAA,WAAW,EAAC;AAAG,KAAA,CAAG,EAC9FxF,cAAA,CAAA,MAAA,EAAA;AACEgF,MAAAA,SAAS,EAAC,YAAY;AACtBC,MAAAA,IAAI,EAAC,cAAc;AACnBQ,MAAAA,CAAC,EAAC;AAAiH,KAAA,CACnH;AAAA,GAAA,CACE;AAEV;AAEA,IAAMG,aAAa,GAAiC,SAA9CA,aAAaA,CAAAC,KAAA,EAMd;AAAA,EAAA,IALHf,MAAM,GAAAe,KAAA,CAANf,MAAM;IACNgB,OAAO,GAAAD,KAAA,CAAPC,OAAO;IACPC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACVC,KAAK,GAAAH,KAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;EAEP,IAAMC,SAAS,GAAG,CAACpB,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,SAAS,KAAKmB,OAAO;EACzE,IAAME,YAAY,GAAGrB,MAAM,KAAK,cAAc,IAAIiB,UAAU,KAAKK,SAAS;AAC1E,EAAA,IAAMC,cAAc,GAAGL,KAAK,IAAIF,OAAO;EAEvC,OACEjC,eAAA,CAAA,KAAA,EAAA;AACE5D,IAAAA,KAAK,EAAE;AACLrB,MAAAA,QAAQ,EAAE,UAAU;AACpB0H,MAAAA,MAAM,EAAE,MAAM;AACd7H,MAAAA,IAAI,EAAE,KAAK;AACXqF,MAAAA,SAAS,EAAE,kBAAkB;AAC7BI,MAAAA,MAAM,EAAE,EAAE;AACVH,MAAAA,OAAO,EAAE,MAAM;AACfwC,MAAAA,aAAa,EAAE,QAAQ;AACvBvC,MAAAA,UAAU,EAAE,QAAQ;AACpBwC,MAAAA,GAAG,EAAE,KAAK;AACVC,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,SAAS,EAAE;KACZ;AAAAvC,IAAAA,QAAA,EAAA,CAGDN,eAAA,CAAA,KAAA,EAAA;AACE5D,MAAAA,KAAK,EAAE;AACL8D,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,UAAU,EAAE,QAAQ;AACpBwC,QAAAA,GAAG,EAAE,KAAK;AACVrB,QAAAA,KAAK,EAAE,SAAS;AAChBwB,QAAAA,QAAQ,EAAE,MAAM;AAChBC,QAAAA,UAAU,EAAE;OACb;AAAAzC,MAAAA,QAAA,EAAA,CAEDnE,eAAC4E,UAAU,EAAA;AAACE,QAAAA,MAAM,EAAEA;QAAU,EAC9B9E,cAAA,CAAA,MAAA,EAAA;AAAAmE,QAAAA,QAAA,EAAOkC;AAAc,OAAA,CAAQ;MACzB,EAGLF,YAAY,IACXnG,cAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,OAAO;AACdC,QAAAA,MAAM,EAAE,KAAK;AACbE,QAAAA,UAAU,EAAE,wBAAwB;AACpCD,QAAAA,YAAY,EAAE,KAAK;AACnBwG,QAAAA,QAAQ,EAAE;OACX;AAAA1C,MAAAA,QAAA,EAEDnE,cAAA,CAAA,KAAA,EAAA;AACEC,QAAAA,KAAK,EAAE;UACLE,KAAK,EAAA,EAAA,CAAAD,MAAA,CAAKX,IAAI,CAAC8C,GAAG,CAAC,GAAG,EAAE0D,UAAU,CAAC,EAAA,GAAA,CAAG;AACtC3F,UAAAA,MAAM,EAAE,MAAM;AACdE,UAAAA,UAAU,EAAE,mCAAmC;AAC/CE,UAAAA,UAAU,EAAE;AACb;OAAA;MAGN,EAGA0F,SAAS,IACRlG,cAAA,CAAA,QAAA,EAAA;AACE8G,MAAAA,IAAI,EAAC,QAAQ;AACbtC,MAAAA,OAAO,EAAEyB,OAAO;AAChBhG,MAAAA,KAAK,EAAE;AACL8G,QAAAA,OAAO,EAAE,UAAU;AACnBzG,QAAAA,UAAU,EAAE,aAAa;AACzB0G,QAAAA,MAAM,EAAE,oCAAoC;AAC5C3G,QAAAA,YAAY,EAAE,KAAK;AACnB8E,QAAAA,KAAK,EAAE,SAAS;AAChBwB,QAAAA,QAAQ,EAAE,MAAM;AAChBM,QAAAA,UAAU,EAAE,GAAG;AACfvC,QAAAA,MAAM,EAAE,SAAS;AACjBlE,QAAAA,UAAU,EAAE,eAAe;AAC3BoG,QAAAA,UAAU,EAAE;OACb;AACDM,MAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAG3E,CAAC,EAAI;AAClBA,QAAAA,CAAC,CAAC4E,aAAa,CAAClH,KAAK,CAACK,UAAU,GAAG,0BAA0B;MAC/D,CAAC;AACD8G,MAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAG7E,CAAC,EAAI;AAClBA,QAAAA,CAAC,CAAC4E,aAAa,CAAClH,KAAK,CAACK,UAAU,GAAG,aAAa;MAClD,CAAC;AAAA6D,MAAAA,QAAA,EAAA;AAAA,KAAA,CAIJ;AAAA,GAAA,CACG;AAEV,CAAC;AAYD,IAAMkD,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAQ;EAC9B,IAAI;AACF;AACA,IAAA,IAAMC,gBAAgB,GACpB,yGAAyG,GACzG,8BAA8B,GAC9B,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,kFAAkF,GAClF,8BAA8B;AAEhC,IAAA,IAAMC,KAAK,GAAG,IAAIC,KAAK,CAACF,gBAAgB,CAAC;IACzCC,KAAK,CAACE,MAAM,GAAG,GAAG;AAClBF,IAAAA,KAAK,CAACG,IAAI,EAAE,SAAM,CAAC,YAAA;MAAA,OAAMC,6BAA6B,EAAE;IAAA,CAAA,CAAC;EAC3D,CAAC,CAAC,OAAAC,OAAA,EAAM;AACND,IAAAA,6BAA6B,EAAE;AACjC,EAAA;AACF,CAAC;AAED,IAAMA,6BAA6B,GAAG,SAAhCA,6BAA6BA,GAAQ;EACzC,IAAI;IACF,IAAME,YAAY,GAAG,KAAKC,MAAM,CAACC,YAAY,IAAKD,MAAc,CAACE,kBAAkB,GAAG;AACtF,IAAA,IAAMC,WAAW,GAAGJ,YAAY,CAACK,gBAAgB,EAAE;AACnD,IAAA,IAAMC,WAAW,GAAGN,YAAY,CAACK,gBAAgB,EAAE;AACnD,IAAA,IAAME,SAAS,GAAGP,YAAY,CAACQ,UAAU,EAAE;AAC3C,IAAA,IAAMC,SAAS,GAAGT,YAAY,CAACQ,UAAU,EAAE;AAC3C,IAAA,IAAME,UAAU,GAAGV,YAAY,CAACQ,UAAU,EAAE;AAE5CJ,IAAAA,WAAW,CAACO,OAAO,CAACJ,SAAS,CAAC;AAC9BD,IAAAA,WAAW,CAACK,OAAO,CAACF,SAAS,CAAC;AAC9BF,IAAAA,SAAS,CAACI,OAAO,CAACD,UAAU,CAAC;AAC7BD,IAAAA,SAAS,CAACE,OAAO,CAACD,UAAU,CAAC;AAC7BA,IAAAA,UAAU,CAACC,OAAO,CAACX,YAAY,CAACY,WAAW,CAAC;IAE5CR,WAAW,CAACS,SAAS,CAACC,cAAc,CAAC,IAAI,EAAEd,YAAY,CAACe,WAAW,CAAC;AACpEX,IAAAA,WAAW,CAACS,SAAS,CAACG,4BAA4B,CAAC,GAAG,EAAEhB,YAAY,CAACe,WAAW,GAAG,IAAI,CAAC;IACxFT,WAAW,CAACO,SAAS,CAACC,cAAc,CAAC,IAAI,EAAEd,YAAY,CAACe,WAAW,CAAC;AACpET,IAAAA,WAAW,CAACO,SAAS,CAACG,4BAA4B,CAAC,IAAI,EAAEhB,YAAY,CAACe,WAAW,GAAG,IAAI,CAAC;IAEzFX,WAAW,CAACnB,IAAI,GAAG,UAAU;IAC7BqB,WAAW,CAACrB,IAAI,GAAG,MAAM;IAEzBsB,SAAS,CAACU,IAAI,CAACH,cAAc,CAAC,CAAC,EAAEd,YAAY,CAACe,WAAW,CAAC;AAC1DR,IAAAA,SAAS,CAACU,IAAI,CAACC,uBAAuB,CAAC,GAAG,EAAElB,YAAY,CAACe,WAAW,GAAG,KAAK,CAAC;AAC7ER,IAAAA,SAAS,CAACU,IAAI,CAACD,4BAA4B,CAAC,KAAK,EAAEhB,YAAY,CAACe,WAAW,GAAG,IAAI,CAAC;IAEnFN,SAAS,CAACQ,IAAI,CAACH,cAAc,CAAC,CAAC,EAAEd,YAAY,CAACe,WAAW,CAAC;AAC1DN,IAAAA,SAAS,CAACQ,IAAI,CAACC,uBAAuB,CAAC,GAAG,EAAElB,YAAY,CAACe,WAAW,GAAG,KAAK,CAAC;AAC7EN,IAAAA,SAAS,CAACQ,IAAI,CAACD,4BAA4B,CAAC,KAAK,EAAEhB,YAAY,CAACe,WAAW,GAAG,IAAI,CAAC;IAEnFL,UAAU,CAACO,IAAI,CAACH,cAAc,CAAC,GAAG,EAAEd,YAAY,CAACe,WAAW,CAAC;AAE7D,IAAA,IAAMI,SAAS,GAAGnB,YAAY,CAACe,WAAW;AAC1C,IAAA,IAAMK,QAAQ,GAAGD,SAAS,GAAG,IAAI;AAEjCf,IAAAA,WAAW,CAACiB,KAAK,CAACF,SAAS,CAAC;AAC5Bb,IAAAA,WAAW,CAACe,KAAK,CAACF,SAAS,CAAC;AAC5Bf,IAAAA,WAAW,CAACkB,IAAI,CAACF,QAAQ,CAAC;AAC1Bd,IAAAA,WAAW,CAACgB,IAAI,CAACF,QAAQ,CAAC;EAC5B,CAAC,CAAC,OAAAG,QAAA,EAAM;AACN;AAAA,EAAA;AAEJ,CAAC;IAmBYC,UAAU,GAA8B,SAAxCA,UAAUA,CAAAC,KAAA,EAMlB;AAAA,EAAA,IALHxE,MAAM,GAAAwE,KAAA,CAANxE,MAAM;IAAAyE,aAAA,GAAAD,KAAA,CACNxD,OAAO;AAAPA,IAAAA,OAAO,GAAAyD,aAAA,KAAA,MAAA,GAAG,uBAAuB,GAAAA,aAAA;IACjCxD,UAAU,GAAAuD,KAAA,CAAVvD,UAAU;IACVC,KAAK,GAAAsD,KAAA,CAALtD,KAAK;IACLC,OAAO,GAAAqD,KAAA,CAAPrD,OAAO;AAEP,EAAA,IAAMpF,YAAY,GAAG2I,YAAM,CAAiB,IAAI,CAAC;AACjD,EAAA,IAAAC,WAAA,GAAoClL,cAAQ,CAAc,EAAE,CAAC;IAAAmL,WAAA,GAAA/K,uCAAA,CAAA8K,WAAA,EAAA,CAAA,CAAA;AAAtDE,IAAAA,UAAU,GAAAD,WAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,WAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAItH,CAAuC,EAAI;AAClE,IAAA,IAAI,CAAC1B,YAAY,CAACkB,OAAO,EAAE;IAE3B,IAAMa,IAAI,GAAG/B,YAAY,CAACkB,OAAO,CAACc,qBAAqB,EAAE;IACzD,IAAMvB,CAAC,GAAGiB,CAAC,CAACE,OAAO,GAAGG,IAAI,CAACnE,IAAI;IAC/B,IAAM8C,CAAC,GAAGgB,CAAC,CAACG,OAAO,GAAGE,IAAI,CAACpE,GAAG;AAE9B,IAAA,IAAMsL,YAAY,GAAc;MAC9BC,EAAE,EAAEC,IAAI,CAACC,GAAG,EAAE,GAAG1K,IAAI,CAACC,MAAM,EAAE;AAC9B8B,MAAAA,CAAC,EAADA,CAAC;AACDC,MAAAA,CAAC,EAADA;KACD;IAEDqI,aAAa,CAAC,UAACM,IAAI,EAAA;AAAA,MAAA,OAAA,EAAA,CAAAhK,MAAA,CAAAiK,2CAAA,CAASD,IAAI,IAAEJ,YAAY,CAAA,CAAA;AAAA,IAAA,CAAC,CAAC;AAChDzC,IAAAA,kBAAkB,EAAE;AAEpBzH,IAAAA,UAAU,CAAC,YAAK;MACdgK,aAAa,CAAC,UAACM,IAAI,EAAA;AAAA,QAAA,OAAKA,IAAI,CAACzF,MAAM,CAAC,UAAC2F,CAAC,EAAA;AAAA,UAAA,OAAKA,CAAC,CAACL,EAAE,KAAKD,YAAY,CAACC,EAAE;QAAA,CAAA,CAAC;MAAA,CAAA,CAAC;IACvE,CAAC,EAAE,GAAG,CAAC;EACT,CAAC;AAED;AACArK,EAAAA,eAAS,CAAC,YAAK;IACb,IAAM2K,OAAO,GAAG,wBAAwB;AACxC,IAAA,IAAI,CAACC,QAAQ,CAACC,cAAc,CAACF,OAAO,CAAC,EAAE;AACrC,MAAA,IAAMpK,KAAK,GAAGqK,QAAQ,CAACE,aAAa,CAAC,OAAO,CAAC;MAC7CvK,KAAK,CAAC8J,EAAE,GAAGM,OAAO;MAClBpK,KAAK,CAACwK,WAAW,GAAA,qzCA6BhB;AACDH,MAAAA,QAAQ,CAACI,IAAI,CAACC,WAAW,CAAC1K,KAAK,CAAC;AAClC,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OACE4D,eAAA,CAAA,KAAA,EAAA;AACE+G,IAAAA,GAAG,EAAE/J,YAAY;AACjBmE,IAAAA,SAAS,EAAC,gBAAgB;AAC1B/E,IAAAA,KAAK,EACH;AACErB,MAAAA,QAAQ,EAAE,UAAU;AACpBiM,MAAAA,KAAK,EAAE,CAAC;AACR3G,MAAAA,MAAM,EAAE,CAAC;AACT5D,MAAAA,UAAU,EAAA,+TAQX;AACCwK,MAAAA,cAAc,EAAE,WAAW;AAC3B1G,MAAAA,SAAS,EAAE,wCAAwC;AACnDL,MAAAA,OAAO,EAAE,MAAM;AACfwC,MAAAA,aAAa,EAAE,QAAQ;AACvBvC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,cAAc,EAAE,QAAQ;AACxB4C,MAAAA,QAAQ,EAAE,QAAQ;AAClBxG,MAAAA,YAAY,EAAE,GAAG;AACjBK,MAAAA,UAAU,EAAE;KACU;AAAAyD,IAAAA,QAAA,EAAA,CAIzBwF,UAAU,CAACoB,GAAG,CAAC,UAACC,SAAS,EAAA;MAAA,OACxBnH,eAAA,CAAA,KAAA,EAAA;AAEE5D,QAAAA,KAAK,EAAE;AACLrB,UAAAA,QAAQ,EAAE,UAAU;AACpBH,UAAAA,IAAI,KAAAyB,MAAA,CAAK8K,SAAS,CAAC1J,CAAC,EAAA,IAAA,CAAI;AACxB9C,UAAAA,GAAG,KAAA0B,MAAA,CAAK8K,SAAS,CAACzJ,CAAC,EAAA,IAAA,CAAI;AACvBuC,UAAAA,SAAS,EAAE,uBAAuB;AAClCrD,UAAAA,aAAa,EAAE,MAAM;AACrByD,UAAAA,MAAM,EAAE,GAAG;AACX/D,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE;SACT;AAAA+D,QAAAA,QAAA,EAAA,CAEDnE,cAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,KAAK,EAAE;AACLrB,YAAAA,QAAQ,EAAE,UAAU;AACpBJ,YAAAA,GAAG,EAAE,KAAK;AACVC,YAAAA,IAAI,EAAE,KAAK;AACX0B,YAAAA,KAAK,EAAE,MAAM;AACbC,YAAAA,MAAM,EAAE,KAAK;AACb6K,YAAAA,eAAe,EAAE,SAAS;AAC1BnH,YAAAA,SAAS,EAAE,qCAAqC;AAChDM,YAAAA,SAAS,EAAE,wCAAwC;AACnD8G,YAAAA,SAAS,EAAE,kCAAkC;AAC7C7K,YAAAA,YAAY,EAAE;;AACf,SAAA,CACD,EACFL,cAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,KAAK,EAAE;AACLrB,YAAAA,QAAQ,EAAE,UAAU;AACpBJ,YAAAA,GAAG,EAAE,KAAK;AACVC,YAAAA,IAAI,EAAE,KAAK;AACX0B,YAAAA,KAAK,EAAE,MAAM;AACbC,YAAAA,MAAM,EAAE,KAAK;AACb6K,YAAAA,eAAe,EAAE,SAAS;AAC1BnH,YAAAA,SAAS,EAAE,sCAAsC;AACjDM,YAAAA,SAAS,EAAE,2CAA2C;AACtD8G,YAAAA,SAAS,EAAE,kCAAkC;AAC7C7K,YAAAA,YAAY,EAAE;;AACf,SAAA,CACD,EACFL,cAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,KAAK,EAAE;AACLrB,YAAAA,QAAQ,EAAE,UAAU;AACpBJ,YAAAA,GAAG,EAAE,KAAK;AACVC,YAAAA,IAAI,EAAE,KAAK;AACX0B,YAAAA,KAAK,EAAE,MAAM;AACbC,YAAAA,MAAM,EAAE,KAAK;AACb6K,YAAAA,eAAe,EAAE,SAAS;AAC1BnH,YAAAA,SAAS,EAAE,sCAAsC;AACjDM,YAAAA,SAAS,EAAE,2CAA2C;AACtD8G,YAAAA,SAAS,EAAE,kCAAkC;AAC7C7K,YAAAA,YAAY,EAAE;;AACf,SAAA,CACD,EACFL,cAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,KAAK,EAAE;AACLrB,YAAAA,QAAQ,EAAE,UAAU;AACpBJ,YAAAA,GAAG,EAAE,KAAK;AACVC,YAAAA,IAAI,EAAE,KAAK;AACX0B,YAAAA,KAAK,EAAE,MAAM;AACbC,YAAAA,MAAM,EAAE,KAAK;AACb6K,YAAAA,eAAe,EAAE,SAAS;AAC1BnH,YAAAA,SAAS,EAAE,qCAAqC;AAChDM,YAAAA,SAAS,EAAE,wCAAwC;AACnD8G,YAAAA,SAAS,EAAE,kCAAkC;AAC7C7K,YAAAA,YAAY,EAAE;AACf;AAAA,SAAA,CACD;AAAA,OAAA,EAnEG2K,SAAS,CAACjB,EAAE,CAoEb;AAAA,IAAA,CACP,CAAC,EAGDI,2CAAA,CAAIgB,KAAK,CAAC,EAAE,CAAC,CAAA,CAAEJ,GAAG,CAAC,UAACK,CAAC,EAAE/M,KAAK,EAAA;MAAA,OAC3B2B,cAAA,CAAA,KAAA,EAAA;AAEEC,QAAAA,KAAK,EAAE;AACLrB,UAAAA,QAAQ,EAAE,UAAU;UACpBH,IAAI,EAAA,EAAA,CAAAyB,MAAA,CAAKX,IAAI,CAACC,MAAM,EAAE,GAAG,GAAG,EAAA,GAAA,CAAG;AAC/BW,UAAAA,KAAK,EAAA,EAAA,CAAAD,MAAA,CAAKX,IAAI,CAACC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,EAAA,IAAA,CAAI;AACnCY,UAAAA,MAAM,EAAA,EAAA,CAAAF,MAAA,CAAKX,IAAI,CAACC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,EAAA,IAAA,CAAI;AACpCa,UAAAA,YAAY,EAAE,KAAK;UACnBC,UAAU,EAAE,CACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACV,CAACjC,KAAK,GAAG,CAAC,CAAC;AACZe,UAAAA,OAAO,EAAE,CAAC;AACVgF,UAAAA,SAAS,EAAA,UAAA,CAAAlE,MAAA,CAAa,CAAC,GAAGX,IAAI,CAACC,MAAM,EAAE,GAAG,CAAC,EAAA,mBAAA,CAAmB;UAC9D6L,cAAc,EAAA,EAAA,CAAAnL,MAAA,CAAKX,IAAI,CAACC,MAAM,EAAE,GAAG,CAAC,EAAA,GAAA,CAAG;AACvCiB,UAAAA,aAAa,EAAE;AAChB;AAAA,OAAA,EAAA,WAAA,CAAAP,MAAA,CArBgB7B,KAAK,CAAE,CAsBxB;AAAA,IAAA,CACH,CAAC,EAGD8L,2CAAA,CAAIgB,KAAK,CAAC,CAAC,CAAC,CAAA,CAAEJ,GAAG,CAAC,UAACK,CAAC,EAAE/M,KAAK,EAAA;MAAA,OAC1B2B,eAAC7B,cAAc,EAAA;AAAaE,QAAAA,KAAK,EAAEA;SAAdA,KAAK,CAAkB;AAAA,IAAA,CAC7C,CAAC,EAGF2B,eAACW,UAAU,EAAA;AACTE,MAAAA,YAAY,EAAEA,YAA+C;AAC7DG,MAAAA,WAAW,EAAE6I;AAAe,KAAA,CAC5B,EAGF7J,cAAA,CAACsL,eAAO;AAACC,MAAAA,SAAS,EAAE1K,YAA+C;AAAEE,MAAAA,KAAK,EAAE;AAAI,KAAA,CAAI,EAGpFf,cAAA,CAAC4F,aAAa;AACZd,MAAAA,MAAM,EAAEA,MAAM;AACdgB,MAAAA,OAAO,EAAEA,OAAO;AAChBC,MAAAA,UAAU,EAAEA,UAAU;AACtBC,MAAAA,KAAK,EAAEA,KAAK;AACZC,MAAAA,OAAO,EAAEA;MACT,EAGFjG,cAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,KAAK,EAAE;AACLrB,QAAAA,QAAQ,EAAE,UAAU;AACpBJ,QAAAA,GAAG,EAAE,CAAC;AACNC,QAAAA,IAAI,EAAE,CAAC;AACP+M,QAAAA,KAAK,EAAE,CAAC;AACRlF,QAAAA,MAAM,EAAE,CAAC;AACThG,QAAAA,UAAU,EAAA,6SAIT;AACDG,QAAAA,aAAa,EAAE;;AAChB,KAAA,CACD;AAAA,GAAA,CACE;AAEV;;;;;"}

package/dist/cjs/components/LoadingScreen.js

@@ -0,0 +1,523 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var DvdLogo = require('./DvdLogo.js');
+var logomark = require('../assets/logomark.svg.js');
+
+var AnimatedBubble = function AnimatedBubble(_ref) {
+  var index = _ref.index;
+  var _useState = React.useState({
+      top: 0,
+      left: 0
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    position = _useState2[0],
+    setPosition = _useState2[1];
+  var _useState3 = React.useState(40),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    size = _useState4[0],
+    setSize = _useState4[1];
+  var _useState5 = React.useState(0),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    opacity = _useState6[0],
+    setOpacity = _useState6[1];
+  var getRandomPosition = function getRandomPosition() {
+    return {
+      top: Math.random() * 80 + 10,
+      // 10% to 90%
+      left: Math.random() * 80 + 10 // 10% to 90%
+    };
+  };
+  var getRandomSize = function getRandomSize() {
+    return Math.random() * 60 + 30;
+  }; // 30px to 90px
+  React.useEffect(function () {
+    // Initial random position and size
+    setPosition(getRandomPosition());
+    setSize(getRandomSize());
+    var _animationCycle = function animationCycle() {
+      // Fade in
+      setOpacity(0.15);
+      setTimeout(function () {
+        // Fade out
+        setOpacity(0);
+        setTimeout(function () {
+          // Move to new random position with new size while invisible
+          setPosition(getRandomPosition());
+          setSize(getRandomSize());
+          // Start next cycle after a brief delay to ensure position change is complete
+          setTimeout(function () {
+            _animationCycle();
+          }, 200);
+        }, 1500); // Wait for fade out to complete
+      }, 4000 + Math.random() * 3000); // Stay visible for 4-7 seconds (was 2-4)
+    };
+    // Start the animation cycle with staggered timing
+    var timeout = setTimeout(_animationCycle, index * 500);
+    return function () {
+      clearTimeout(timeout);
+    };
+  }, [index]);
+  // Tokyo Night inspired pastel colors
+  var bubbleColors = ["rgba(122, 162, 247, 0.2)",
+  // Terminal Blue
+  "rgba(187, 154, 247, 0.2)",
+  // Terminal Magenta
+  "rgba(158, 206, 106, 0.2)",
+  // Strings/CSS classes
+  "rgba(115, 218, 202, 0.2)",
+  // Terminal Green
+  "rgba(125, 207, 255, 0.2)",
+  // Terminal Cyan
+  "rgba(247, 118, 142, 0.2)",
+  // Keywords/Terminal Red
+  "rgba(224, 175, 104, 0.2)",
+  // Terminal Yellow
+  "rgba(42, 195, 222, 0.2)" // Language functions
+  ];
+  return jsxRuntime.jsx("div", {
+    style: {
+      position: "absolute",
+      top: "".concat(position.top, "%"),
+      left: "".concat(position.left, "%"),
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px"),
+      borderRadius: "50%",
+      background: bubbleColors[index % bubbleColors.length],
+      opacity: opacity,
+      transition: "opacity 1s ease-in-out",
+      pointerEvents: "none",
+      userSelect: "none",
+      WebkitUserSelect: "none",
+      MozUserSelect: "none",
+      msUserSelect: "none"
+    }
+  });
+};
+var CenterLogo = function CenterLogo(_ref2) {
+  var containerRef = _ref2.containerRef,
+    _ref2$scale = _ref2.scale,
+    scale = _ref2$scale === void 0 ? 0.2 : _ref2$scale,
+    onHitmarker = _ref2.onHitmarker;
+  var _useState7 = React.useState(100),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    logoSize = _useState8[0],
+    setLogoSize = _useState8[1];
+  var _useState9 = React.useState({
+      x: 0,
+      y: 0
+    }),
+    _useState0 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    offset = _useState0[0],
+    setOffset = _useState0[1];
+  var _useState1 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState1, 2),
+    isHovered = _useState10[0],
+    setIsHovered = _useState10[1];
+  React.useEffect(function () {
+    if (containerRef.current) {
+      var containerWidth = containerRef.current.clientWidth;
+      var containerHeight = containerRef.current.clientHeight;
+      var minDimension = Math.min(containerWidth, containerHeight);
+      setLogoSize(minDimension * scale);
+    }
+  }, [containerRef, scale]);
+  var handleLogoClick = function handleLogoClick(e) {
+    e.stopPropagation(); // Prevent event bubbling to container
+    if (onHitmarker) {
+      // Get the exact click position on the logo
+      onHitmarker({
+        clientX: e.clientX,
+        clientY: e.clientY
+      });
+    }
+  };
+  var handleMouseMove = function handleMouseMove(e) {
+    if (!containerRef.current) return;
+    var rect = containerRef.current.getBoundingClientRect();
+    var centerX = rect.left + rect.width / 2;
+    var centerY = rect.top + rect.height / 2;
+    var mouseX = e.clientX;
+    var mouseY = e.clientY;
+    // Calculate distance from center
+    var deltaX = mouseX - centerX;
+    var deltaY = mouseY - centerY;
+    var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+    // If mouse is close to logo, move it away
+    var maxDistance = logoSize * 1.5; // Detection radius
+    if (distance < maxDistance && distance > 0) {
+      var pushStrength = (maxDistance - distance) / maxDistance;
+      var pushDistance = 50 * pushStrength; // Max push distance
+      // Normalize direction and apply push
+      var pushX = -(deltaX / distance) * pushDistance;
+      var pushY = -(deltaY / distance) * pushDistance;
+      setOffset({
+        x: pushX,
+        y: pushY
+      });
+      setIsHovered(true);
+    } else {
+      setOffset({
+        x: 0,
+        y: 0
+      });
+      setIsHovered(false);
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setOffset({
+      x: 0,
+      y: 0
+    });
+    setIsHovered(false);
+  };
+  React.useEffect(function () {
+    if (containerRef.current) {
+      var container = containerRef.current;
+      container.addEventListener("mousemove", handleMouseMove);
+      container.addEventListener("mouseleave", handleMouseLeave);
+      return function () {
+        container.removeEventListener("mousemove", handleMouseMove);
+        container.removeEventListener("mouseleave", handleMouseLeave);
+      };
+    }
+  }, [logoSize, containerRef]);
+  return jsxRuntime.jsxs("div", {
+    style: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%) translate(".concat(offset.x, "px, ").concat(offset.y, "px)"),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 10,
+      transition: "transform 0.3s ease-out",
+      userSelect: "none",
+      WebkitUserSelect: "none",
+      MozUserSelect: "none",
+      msUserSelect: "none"
+    },
+    children: [jsxRuntime.jsx("div", {
+      style: {
+        position: "absolute",
+        width: "".concat(logoSize * 1.4, "px"),
+        height: "".concat(logoSize * 1.4, "px"),
+        borderRadius: "50%",
+        background: "rgba(122, 162, 247, 0.15)",
+        animation: isHovered ? "logoPulse 1s ease-in-out infinite" : "logoPulse 3s ease-in-out infinite",
+        transform: isHovered ? "scale(1.2)" : "scale(1)",
+        transition: "transform 0.3s ease-out",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        MozUserSelect: "none",
+        msUserSelect: "none",
+        pointerEvents: "none"
+      }
+    }), jsxRuntime.jsx("img", {
+      src: logomark.default,
+      alt: "FrameWorks Logo",
+      onClick: handleLogoClick,
+      style: {
+        width: "".concat(logoSize, "px"),
+        height: "".concat(logoSize, "px"),
+        position: "relative",
+        zIndex: 1,
+        filter: isHovered ? "drop-shadow(0 6px 12px rgba(36, 40, 59, 0.4)) brightness(1.1)" : "drop-shadow(0 4px 8px rgba(36, 40, 59, 0.3))",
+        transform: isHovered ? "scale(1.1)" : "scale(1)",
+        transition: "all 0.3s ease-out",
+        cursor: isHovered ? "pointer" : "default",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        MozUserSelect: "none",
+        msUserSelect: "none",
+        WebkitUserDrag: "none",
+        WebkitTouchCallout: "none"
+      }
+    })]
+  });
+};
+var LoadingScreen = function LoadingScreen(_ref3) {
+  var _ref3$message = _ref3.message,
+    message = _ref3$message === void 0 ? "Waiting for source..." : _ref3$message;
+  var containerRef = React.useRef(null);
+  var _useState11 = React.useState([]),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+    hitmarkers = _useState12[0],
+    setHitmarkers = _useState12[1];
+  var playHitmarkerSound = function playHitmarkerSound() {
+    try {
+      // Embedded hitmarker sound as base64 data URL
+      var hitmarkerDataUrl = "data:audio/mpeg;base64,SUQzBAAAAAAANFRDT04AAAAHAAADT3RoZXIAVFNTRQAAAA8AAANMYXZmNTcuODMuMTAwAAAAAAAAAAAA" + "AAD/+1QAAAAAAAAAAAAAAAAAAAAA" + "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" + "qqqqqqqqqqqqqqqqqqqqqqqqqqo=";
+      var audio = new Audio(hitmarkerDataUrl);
+      audio.volume = 0.3;
+      audio.play()["catch"](function () {
+        // Fallback to synthetic sound if data URL fails
+        createSyntheticHitmarkerSound();
+      });
+    } catch (_unused) {
+      // Fallback to synthetic sound
+      createSyntheticHitmarkerSound();
+    }
+  };
+  var createSyntheticHitmarkerSound = function createSyntheticHitmarkerSound() {
+    try {
+      var audioContext = new (window.AudioContext || window.webkitAudioContext)();
+      // Create a more realistic hitmarker sound with noise and metallic ring
+      var oscillator1 = audioContext.createOscillator();
+      var oscillator2 = audioContext.createOscillator();
+      var noiseBuffer = audioContext.createBuffer(1, audioContext.sampleRate * 0.1, audioContext.sampleRate);
+      var noiseSource = audioContext.createBufferSource();
+      // Generate white noise for the initial "crack"
+      var noiseData = noiseBuffer.getChannelData(0);
+      for (var i = 0; i < noiseData.length; i++) {
+        noiseData[i] = Math.random() * 2 - 1;
+      }
+      noiseSource.buffer = noiseBuffer;
+      var gainNode1 = audioContext.createGain();
+      var gainNode2 = audioContext.createGain();
+      var noiseGain = audioContext.createGain();
+      var masterGain = audioContext.createGain();
+      // Connect everything
+      oscillator1.connect(gainNode1);
+      oscillator2.connect(gainNode2);
+      noiseSource.connect(noiseGain);
+      gainNode1.connect(masterGain);
+      gainNode2.connect(masterGain);
+      noiseGain.connect(masterGain);
+      masterGain.connect(audioContext.destination);
+      // Sharp metallic frequencies
+      oscillator1.frequency.setValueAtTime(1800, audioContext.currentTime);
+      oscillator1.frequency.exponentialRampToValueAtTime(900, audioContext.currentTime + 0.08);
+      oscillator2.frequency.setValueAtTime(3600, audioContext.currentTime);
+      oscillator2.frequency.exponentialRampToValueAtTime(1800, audioContext.currentTime + 0.04);
+      oscillator1.type = "triangle";
+      oscillator2.type = "sine";
+      // Sharp attack, quick decay
+      gainNode1.gain.setValueAtTime(0, audioContext.currentTime);
+      gainNode1.gain.linearRampToValueAtTime(0.4, audioContext.currentTime + 0.002);
+      gainNode1.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.12);
+      gainNode2.gain.setValueAtTime(0, audioContext.currentTime);
+      gainNode2.gain.linearRampToValueAtTime(0.3, audioContext.currentTime + 0.001);
+      gainNode2.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.06);
+      // Noise burst for the initial crack
+      noiseGain.gain.setValueAtTime(0, audioContext.currentTime);
+      noiseGain.gain.linearRampToValueAtTime(0.2, audioContext.currentTime + 0.001);
+      noiseGain.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.01);
+      masterGain.gain.setValueAtTime(0.5, audioContext.currentTime);
+      var startTime = audioContext.currentTime;
+      var stopTime = startTime + 0.15;
+      oscillator1.start(startTime);
+      oscillator2.start(startTime);
+      noiseSource.start(startTime);
+      oscillator1.stop(stopTime);
+      oscillator2.stop(stopTime);
+      noiseSource.stop(startTime + 0.02);
+    } catch (_unused2) {
+      console.log("Audio context not available");
+    }
+  };
+  var createHitmarker = function createHitmarker(e) {
+    if (!containerRef.current) return;
+    var rect = containerRef.current.getBoundingClientRect();
+    var x = e.clientX - rect.left;
+    var y = e.clientY - rect.top;
+    var newHitmarker = {
+      id: Date.now() + Math.random(),
+      x: x,
+      y: y
+    };
+    setHitmarkers(function (prev) {
+      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(prev), [newHitmarker]);
+    });
+    // Play sound
+    playHitmarkerSound();
+    // Remove hitmarker after animation
+    setTimeout(function () {
+      setHitmarkers(function (prev) {
+        return prev.filter(function (h) {
+          return h.id !== newHitmarker.id;
+        });
+      });
+    }, 600);
+  };
+  // Inject CSS animations
+  React.useEffect(function () {
+    var styleId = "loading-screen-animations";
+    if (!document.getElementById(styleId)) {
+      var style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = "\n        @keyframes fadeInOut {\n          0%, 100% {\n            opacity: 0.6;\n          }\n          50% {\n            opacity: 0.9;\n          }\n        }\n\n        @keyframes logoPulse {\n          0%, 100% {\n            opacity: 0.15;\n            transform: scale(1);\n          }\n          50% {\n            opacity: 0.25;\n            transform: scale(1.05);\n          }\n        }\n\n        @keyframes shimmer {\n          0% {\n            background-position: -200px 0;\n          }\n          100% {\n            background-position: calc(200px + 100%) 0;\n          }\n        }\n\n        @keyframes floatUp {\n          0% {\n            transform: translateY(100vh) rotate(0deg);\n            opacity: 0;\n          }\n          10% {\n            opacity: 0.6;\n          }\n          90% {\n            opacity: 0.6;\n          }\n          100% {\n            transform: translateY(-100px) rotate(360deg);\n            opacity: 0;\n          }\n        }\n\n        @keyframes gradientShift {\n          0%, 100% {\n            background-position: 0% 50%;\n          }\n          50% {\n            background-position: 100% 50%;\n          }\n        }\n\n        @keyframes hitmarkerFade {\n          0% {\n            opacity: 1;\n            transform: scale(0.5);\n          }\n          20% {\n            opacity: 1;\n            transform: scale(1.2);\n          }\n          100% {\n            opacity: 0;\n            transform: scale(1);\n          }\n        }\n\n        @keyframes hitmarkerFade45 {\n          0% {\n            opacity: 1;\n            transform: translate(-50%, -50%) rotate(45deg) scale(0.5);\n          }\n          20% {\n            opacity: 1;\n            transform: translate(-50%, -50%) rotate(45deg) scale(1.2);\n          }\n          100% {\n            opacity: 0;\n            transform: translate(-50%, -50%) rotate(45deg) scale(1);\n          }\n        }\n\n        @keyframes hitmarkerFadeNeg45 {\n          0% {\n            opacity: 1;\n            transform: translate(-50%, -50%) rotate(-45deg) scale(0.5);\n          }\n          20% {\n            opacity: 1;\n            transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);\n          }\n          100% {\n            opacity: 0;\n            transform: translate(-50%, -50%) rotate(-45deg) scale(1);\n          }\n        }\n      ";
+      document.head.appendChild(style);
+    }
+  }, []);
+  return jsxRuntime.jsxs("div", {
+    ref: containerRef,
+    className: "fw-player-root",
+    style: {
+      position: "relative",
+      width: "100%",
+      height: "100%",
+      minHeight: "300px",
+      background: "\n          linear-gradient(135deg,\n            hsl(var(--tn-bg-dark, 235 21% 11%)) 0%,\n            hsl(var(--tn-bg, 233 23% 17%)) 25%,\n            hsl(var(--tn-bg-dark, 235 21% 11%)) 50%,\n            hsl(var(--tn-bg, 233 23% 17%)) 75%,\n            hsl(var(--tn-bg-dark, 235 21% 11%)) 100%\n          )\n        ",
+      backgroundSize: "400% 400%",
+      animation: "gradientShift 16s ease-in-out infinite",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      overflow: "hidden",
+      borderRadius: "0" /* Slab - no rounded corners */,
+      userSelect: "none",
+      WebkitUserSelect: "none",
+      MozUserSelect: "none",
+      msUserSelect: "none"
+    },
+    children: [hitmarkers.map(function (hitmarker) {
+      return jsxRuntime.jsxs("div", {
+        style: {
+          position: "absolute",
+          left: "".concat(hitmarker.x, "px"),
+          top: "".concat(hitmarker.y, "px"),
+          transform: "translate(-50%, -50%)",
+          pointerEvents: "none",
+          zIndex: 100,
+          width: "40px",
+          height: "40px"
+        },
+        children: [jsxRuntime.jsx("div", {
+          style: {
+            position: "absolute",
+            top: "25%",
+            left: "25%",
+            width: "12px",
+            height: "3px",
+            backgroundColor: "#ffffff",
+            transform: "translate(-50%, -50%) rotate(45deg)",
+            animation: "hitmarkerFade45 0.6s ease-out forwards",
+            boxShadow: "0 0 8px rgba(255, 255, 255, 0.8)",
+            borderRadius: "1px"
+          }
+        }), jsxRuntime.jsx("div", {
+          style: {
+            position: "absolute",
+            top: "25%",
+            left: "75%",
+            width: "12px",
+            height: "3px",
+            backgroundColor: "#ffffff",
+            transform: "translate(-50%, -50%) rotate(-45deg)",
+            animation: "hitmarkerFadeNeg45 0.6s ease-out forwards",
+            boxShadow: "0 0 8px rgba(255, 255, 255, 0.8)",
+            borderRadius: "1px"
+          }
+        }), jsxRuntime.jsx("div", {
+          style: {
+            position: "absolute",
+            top: "75%",
+            left: "25%",
+            width: "12px",
+            height: "3px",
+            backgroundColor: "#ffffff",
+            transform: "translate(-50%, -50%) rotate(-45deg)",
+            animation: "hitmarkerFadeNeg45 0.6s ease-out forwards",
+            boxShadow: "0 0 8px rgba(255, 255, 255, 0.8)",
+            borderRadius: "1px"
+          }
+        }), jsxRuntime.jsx("div", {
+          style: {
+            position: "absolute",
+            top: "75%",
+            left: "75%",
+            width: "12px",
+            height: "3px",
+            backgroundColor: "#ffffff",
+            transform: "translate(-50%, -50%) rotate(45deg)",
+            animation: "hitmarkerFade45 0.6s ease-out forwards",
+            boxShadow: "0 0 8px rgba(255, 255, 255, 0.8)",
+            borderRadius: "1px"
+          }
+        })]
+      }, hitmarker.id);
+    }), _rollupPluginBabelHelpers.toConsumableArray(Array(12)).map(function (_, index) {
+      return jsxRuntime.jsx("div", {
+        style: {
+          position: "absolute",
+          left: "".concat(Math.random() * 100, "%"),
+          width: "".concat(Math.random() * 4 + 2, "px"),
+          height: "".concat(Math.random() * 4 + 2, "px"),
+          borderRadius: "50%",
+          background: ["#7aa2f7",
+          // Terminal Blue
+          "#bb9af7",
+          // Terminal Magenta
+          "#9ece6a",
+          // Strings/CSS classes
+          "#73daca",
+          // Terminal Green
+          "#7dcfff",
+          // Terminal Cyan
+          "#f7768e",
+          // Keywords/Terminal Red
+          "#e0af68",
+          // Terminal Yellow
+          "#2ac3de" // Language functions
+          ][index % 8],
+          opacity: 0,
+          animation: "floatUp ".concat(8 + Math.random() * 4, "s linear infinite"),
+          animationDelay: "".concat(Math.random() * 8, "s"),
+          pointerEvents: "none",
+          userSelect: "none"
+        }
+      }, "particle-".concat(index));
+    }), _rollupPluginBabelHelpers.toConsumableArray(Array(8)).map(function (_, index) {
+      return jsxRuntime.jsx(AnimatedBubble, {
+        index: index
+      }, index);
+    }), jsxRuntime.jsx(CenterLogo, {
+      containerRef: containerRef,
+      onHitmarker: createHitmarker
+    }), jsxRuntime.jsx(DvdLogo.default, {
+      parentRef: containerRef,
+      scale: 0.08
+    }), jsxRuntime.jsx("div", {
+      style: {
+        position: "absolute",
+        bottom: "20%",
+        left: "50%",
+        transform: "translateX(-50%)",
+        color: "#a9b1d6",
+        fontSize: "16px",
+        fontWeight: "500",
+        textAlign: "center",
+        animation: "fadeInOut 2s ease-in-out infinite",
+        textShadow: "0 2px 4px rgba(36, 40, 59, 0.5)",
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        MozUserSelect: "none",
+        msUserSelect: "none",
+        pointerEvents: "none"
+      },
+      children: message
+    }), jsxRuntime.jsx("div", {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: "\n            radial-gradient(circle at 20% 80%, rgba(122, 162, 247, 0.03) 0%, transparent 50%),\n            radial-gradient(circle at 80% 20%, rgba(187, 154, 247, 0.03) 0%, transparent 50%),\n            radial-gradient(circle at 40% 40%, rgba(158, 206, 106, 0.02) 0%, transparent 50%)\n          ",
+        pointerEvents: "none",
+        userSelect: "none"
+      }
+    })]
+  });
+};
+
+exports.default = LoadingScreen;
+//# sourceMappingURL=LoadingScreen.js.map