blacktrigram 0.7.99 → 0.7.100

package/lib/components/screens/intro/IntroScreen3D.js

@@ -21,7 +21,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Canvas } from "@react-three/fiber";
 //#region src/components/screens/intro/IntroScreen3D.tsx
-var APP_VERSION = "0.7.99";
+var APP_VERSION = "0.7.100";
 var MENU_ITEMS = [
 	{
 		mode: GameMode.VERSUS,

package/lib/components/shared/ui/SplashScreen.js

@@ -183,7 +183,7 @@ var SplashScreen = ({ onStart, width, height }) => {
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				role: "contentinfo",
-				"aria-label": `Application version 0.7.99`,
+				"aria-label": `Application version 0.7.100`,
 				style: {
 					position: "absolute",
 					bottom: "20px",
@@ -192,7 +192,7 @@ var SplashScreen = ({ onStart, width, height }) => {
 					fontSize: "10px",
 					zIndex: 1
 				},
-				children: ["v", "0.7.99"]
+				children: ["v", "0.7.100"]
 			})
 		]
 	});

package/lib/components/shared/ui/SplashScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplashScreen.js","names":[],"sources":["../../../../src/components/shared/ui/SplashScreen.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { FONT_FAMILY, KOREAN_COLORS } from \"@/types/constants\";\nimport { hexColorToCSS, toHex } from \"../../../utils/colorUtils\";\nimport { shouldUseMobileControls } from \"../../../utils/deviceDetection\";\n\ndeclare const APP_VERSION: string | undefined;\n\nconst LOADING_DELAY_MS = 100;\n\nconst HEX_COLORS = {\n  PRIMARY_CYAN: toHex(KOREAN_COLORS.PRIMARY_CYAN),\n  ACCENT_GOLD: toHex(KOREAN_COLORS.ACCENT_GOLD),\n} as const;\n\nexport interface SplashScreenProps {\n  readonly onStart: () => void;\n  readonly width: number;\n  readonly height: number;\n}\n\n/**\n * Splash screen that requires user interaction before starting the game.\n * This is necessary to initialize AudioContext which requires a user gesture.\n */\nexport const SplashScreen: React.FC<SplashScreenProps> = ({\n  onStart,\n  width,\n  height,\n}) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  const isMobile = useMemo(() => shouldUseMobileControls(), []);\n\n  const layoutCalculation = useMemo(\n    () => ({\n      titleFontSize: isMobile ? 36 : 64,\n      subtitleFontSize: isMobile ? 16 : 24,\n      bodyFontSize: isMobile ? 12 : 14,\n      instructionsFontSize: isMobile ? 11 : 12,\n      buttonPadding: isMobile ? \"16px 48px\" : \"20px 60px\",\n      buttonFontSize: isMobile ? 16 : 20,\n    }),\n    [isMobile],\n  );\n\n  const handleStart = useCallback(() => {\n    setIsLoading(true);\n    setTimeout(() => {\n      onStart();\n    }, LOADING_DELAY_MS);\n  }, [onStart]);\n\n  return (\n    <div\n      style={{\n        width,\n        height,\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        background: `linear-gradient(180deg, ${hexColorToCSS(KOREAN_COLORS.UI_BACKGROUND_DARK)} 0%, ${hexColorToCSS(KOREAN_COLORS.ARENA_BACKGROUND)} 100%)`,\n        color: hexColorToCSS(KOREAN_COLORS.TEXT_PRIMARY),\n        fontFamily: FONT_FAMILY.CYBER,\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n      data-testid=\"splash-screen\"\n    >\n      {/* Animated background grid - decorative only */}\n      <div\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: `\n            repeating-linear-gradient(\n              0deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            ),\n            repeating-linear-gradient(\n              90deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            )\n          `,\n          opacity: 0.3,\n        }}\n      />\n\n      {/* Screen reader live region for loading state */}\n      <div\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: \"absolute\",\n          left: \"-10000px\",\n          width: \"1px\",\n          height: \"1px\",\n          overflow: \"hidden\",\n        }}\n      >\n        {isLoading ? \"Initializing audio and loading game\" : \"Ready to start\"}\n      </div>\n\n      {/* Logo/Title */}\n      <div\n        style={{\n          marginBottom: \"60px\",\n          textAlign: \"center\",\n          zIndex: 1,\n        }}\n      >\n        <h1\n          style={{\n            fontSize: `${layoutCalculation.titleFontSize}px`,\n            fontWeight: 900,\n            color: `#${HEX_COLORS.PRIMARY_CYAN}`,\n            textShadow: `0 0 20px #${HEX_COLORS.PRIMARY_CYAN}80`,\n            marginBottom: \"20px\",\n            letterSpacing: \"4px\",\n          }}\n        >\n          흑괘\n        </h1>\n        <h2\n          style={{\n            fontSize: `${layoutCalculation.subtitleFontSize}px`,\n            fontWeight: 400,\n            color: `#${HEX_COLORS.ACCENT_GOLD}`,\n            letterSpacing: \"2px\",\n            marginTop: 0,\n          }}\n        >\n          BLACK TRIGRAM\n        </h2>\n        <p\n          style={{\n            fontSize: `${layoutCalculation.bodyFontSize}px`,\n            color: hexColorToCSS(KOREAN_COLORS.TEXT_TERTIARY),\n            marginTop: \"20px\",\n            letterSpacing: \"1px\",\n          }}\n        >\n          Korean Martial Arts Dojang\n        </p>\n      </div>\n\n      {/* Start Button */}\n      <button\n        onClick={handleStart}\n        disabled={isLoading}\n        aria-label={\n          isLoading\n            ? \"Starting game and initializing audio\"\n            : \"Start game and initialize audio\"\n        }\n        aria-busy={isLoading}\n        aria-describedby=\"splash-instructions\"\n        style={{\n          padding: layoutCalculation.buttonPadding,\n          fontSize: `${layoutCalculation.buttonFontSize}px`,\n          fontFamily: FONT_FAMILY.CYBER,\n          fontWeight: 700,\n          color: isLoading ? hexColorToCSS(KOREAN_COLORS.UI_DISABLED_TEXT) : hexColorToCSS(KOREAN_COLORS.BLACK),\n          background: isLoading\n            ? hexColorToCSS(KOREAN_COLORS.UI_BACKGROUND_LIGHT)\n            : `linear-gradient(135deg, #${HEX_COLORS.PRIMARY_CYAN} 0%, #${HEX_COLORS.ACCENT_GOLD} 100%)`,\n          border: \"none\",\n          borderRadius: \"8px\",\n          cursor: isLoading ? \"not-allowed\" : \"pointer\",\n          textTransform: \"uppercase\",\n          letterSpacing: \"2px\",\n          transition: \"all 0.3s ease\",\n          boxShadow: isLoading\n            ? \"none\"\n            : `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`,\n          position: \"relative\",\n          zIndex: 1,\n          opacity: isLoading ? 0.6 : 1,\n        }}\n        onMouseEnter={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1.05)\";\n            e.currentTarget.style.boxShadow = `0 6px 30px #${HEX_COLORS.PRIMARY_CYAN}60`;\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1)\";\n            e.currentTarget.style.boxShadow = `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`;\n          }\n        }}\n        data-testid=\"splash-start-button\"\n      >\n        {isLoading ? \"시작 중... Starting...\" : \"시작 | Start\"}\n      </button>\n\n      {/* Instructions */}\n      <div\n        id=\"splash-instructions\"\n        style={{\n          marginTop: \"40px\",\n          textAlign: \"center\",\n          color: hexColorToCSS(KOREAN_COLORS.UI_GRAY),\n          fontSize: `${layoutCalculation.instructionsFontSize}px`,\n          maxWidth: \"600px\",\n          padding: \"0 20px\",\n          zIndex: 1,\n        }}\n      >\n        <p style={{ margin: \"8px 0\" }}>\n          Audio initialization requires user interaction\n        </p>\n        <p style={{ margin: \"8px 0\" }}>\n          Click the button above to enable sound and start the game\n        </p>\n      </div>\n\n      {/* Version info */}\n      <div\n        role=\"contentinfo\"\n        aria-label={`Application version ${typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}`}\n        style={{\n          position: \"absolute\",\n          bottom: \"20px\",\n          right: \"20px\",\n          color: hexColorToCSS(KOREAN_COLORS.UI_STEEL_GRAY),\n          fontSize: \"10px\",\n          zIndex: 1,\n        }}\n      >\n        v{typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}\n      </div>\n    </div>\n  );\n};\n\nexport default SplashScreen;\n"],"mappings":";;;;;;;AAOA,IAAM,mBAAmB;AAEzB,IAAM,aAAa;CACjB,cAAc,MAAM,cAAc,YAAY;CAC9C,aAAa,MAAM,cAAc,WAAW;AAC9C;;;;;AAYA,IAAa,gBAA6C,EACxD,SACA,OACA,aACI;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,WAAW,cAAc,wBAAwB,GAAG,CAAC,CAAC;CAE5D,MAAM,oBAAoB,eACjB;EACL,eAAe,WAAW,KAAK;EAC/B,kBAAkB,WAAW,KAAK;EAClC,cAAc,WAAW,KAAK;EAC9B,sBAAsB,WAAW,KAAK;EACtC,eAAe,WAAW,cAAc;EACxC,gBAAgB,WAAW,KAAK;CAClC,IACA,CAAC,QAAQ,CACX;CAEA,MAAM,cAAc,kBAAkB;EACpC,aAAa,IAAI;EACjB,iBAAiB;GACf,QAAQ;EACV,GAAG,gBAAgB;CACrB,GAAG,CAAC,OAAO,CAAC;CAEZ,OACE,qBAAC,OAAD;EACE,OAAO;GACL;GACA;GACA,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,YAAY;GACZ,YAAY,2BAA2B,cAAc,cAAc,kBAAkB,EAAE,OAAO,cAAc,cAAc,gBAAgB,EAAE;GAC5I,OAAO,cAAc,cAAc,YAAY;GAC/C,YAAY,YAAY;GACxB,UAAU;GACV,UAAU;EACZ;EACA,eAAY;EAdd,UAAA;GAiBE,oBAAC,OAAD;IACE,MAAK;IACL,eAAY;IACZ,OAAO;KACL,UAAU;KACV,OAAO;KACP,YAAY;;;;;iBAKL,WAAW,aAAa;iBACxB,WAAW,aAAa;;;;;;iBAMxB,WAAW,aAAa;iBACxB,WAAW,aAAa;;;KAG/B,SAAS;IACX;GACD,CAAA;GAGD,oBAAC,OAAD;IACE,aAAU;IACV,eAAY;IACZ,OAAO;KACL,UAAU;KACV,MAAM;KACN,OAAO;KACP,QAAQ;KACR,UAAU;IACZ;IAEC,UAAA,YAAY,wCAAwC;GAClD,CAAA;GAGL,qBAAC,OAAD;IACE,OAAO;KACL,cAAc;KACd,WAAW;KACX,QAAQ;IACV;IALF,UAAA;KAOE,oBAAC,MAAD;MACE,OAAO;OACL,UAAU,GAAG,kBAAkB,cAAc;OAC7C,YAAY;OACZ,OAAO,IAAI,WAAW;OACtB,YAAY,aAAa,WAAW,aAAa;OACjD,cAAc;OACd,eAAe;MACjB;MACD,UAAA;KAEG,CAAA;KACJ,oBAAC,MAAD;MACE,OAAO;OACL,UAAU,GAAG,kBAAkB,iBAAiB;OAChD,YAAY;OACZ,OAAO,IAAI,WAAW;OACtB,eAAe;OACf,WAAW;MACb;MACD,UAAA;KAEG,CAAA;KACJ,oBAAC,KAAD;MACE,OAAO;OACL,UAAU,GAAG,kBAAkB,aAAa;OAC5C,OAAO,cAAc,cAAc,aAAa;OAChD,WAAW;OACX,eAAe;MACjB;MACD,UAAA;KAEE,CAAA;IACA;;GAGL,oBAAC,UAAD;IACE,SAAS;IACT,UAAU;IACV,cACE,YACI,yCACA;IAEN,aAAW;IACX,oBAAiB;IACjB,OAAO;KACL,SAAS,kBAAkB;KAC3B,UAAU,GAAG,kBAAkB,eAAe;KAC9C,YAAY,YAAY;KACxB,YAAY;KACZ,OAAO,YAAY,cAAc,cAAc,gBAAgB,IAAI,cAAc,cAAc,KAAK;KACpG,YAAY,YACR,cAAc,cAAc,mBAAmB,IAC/C,4BAA4B,WAAW,aAAa,QAAQ,WAAW,YAAY;KACvF,QAAQ;KACR,cAAc;KACd,QAAQ,YAAY,gBAAgB;KACpC,eAAe;KACf,eAAe;KACf,YAAY;KACZ,WAAW,YACP,SACA,eAAe,WAAW,aAAa;KAC3C,UAAU;KACV,QAAQ;KACR,SAAS,YAAY,KAAM;IAC7B;IACA,eAAe,MAAM;KACnB,IAAI,CAAC,WAAW;MACd,EAAE,cAAc,MAAM,YAAY;MAClC,EAAE,cAAc,MAAM,YAAY,eAAe,WAAW,aAAa;KAC3E;IACF;IACA,eAAe,MAAM;KACnB,IAAI,CAAC,WAAW;MACd,EAAE,cAAc,MAAM,YAAY;MAClC,EAAE,cAAc,MAAM,YAAY,eAAe,WAAW,aAAa;KAC3E;IACF;IACA,eAAY;IAEX,UAAA,YAAY,wBAAwB;GAC/B,CAAA;GAGR,qBAAC,OAAD;IACE,IAAG;IACH,OAAO;KACL,WAAW;KACX,WAAW;KACX,OAAO,cAAc,cAAc,OAAO;KAC1C,UAAU,GAAG,kBAAkB,qBAAqB;KACpD,UAAU;KACV,SAAS;KACT,QAAQ;IACV;IAVF,UAAA,CAYE,oBAAC,KAAD;KAAG,OAAO,EAAE,QAAQ,QAAQ;KAAG,UAAA;IAE5B,CAAA,GACH,oBAAC,KAAD;KAAG,OAAO,EAAE,QAAQ,QAAQ;KAAG,UAAA;IAE5B,CAAA,CACA;;GAGL,qBAAC,OAAD;IACE,MAAK;IACL,cAAY;IACZ,OAAO;KACL,UAAU;KACV,QAAQ;KACR,OAAO;KACP,OAAO,cAAc,cAAc,aAAa;KAChD,UAAU;KACV,QAAQ;IACV;IAVF,UAAA,CAWC,KAAA,QAEI;;EACF;;AAET"}
+{"version":3,"file":"SplashScreen.js","names":[],"sources":["../../../../src/components/shared/ui/SplashScreen.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { FONT_FAMILY, KOREAN_COLORS } from \"@/types/constants\";\nimport { hexColorToCSS, toHex } from \"../../../utils/colorUtils\";\nimport { shouldUseMobileControls } from \"../../../utils/deviceDetection\";\n\ndeclare const APP_VERSION: string | undefined;\n\nconst LOADING_DELAY_MS = 100;\n\nconst HEX_COLORS = {\n  PRIMARY_CYAN: toHex(KOREAN_COLORS.PRIMARY_CYAN),\n  ACCENT_GOLD: toHex(KOREAN_COLORS.ACCENT_GOLD),\n} as const;\n\nexport interface SplashScreenProps {\n  readonly onStart: () => void;\n  readonly width: number;\n  readonly height: number;\n}\n\n/**\n * Splash screen that requires user interaction before starting the game.\n * This is necessary to initialize AudioContext which requires a user gesture.\n */\nexport const SplashScreen: React.FC<SplashScreenProps> = ({\n  onStart,\n  width,\n  height,\n}) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  const isMobile = useMemo(() => shouldUseMobileControls(), []);\n\n  const layoutCalculation = useMemo(\n    () => ({\n      titleFontSize: isMobile ? 36 : 64,\n      subtitleFontSize: isMobile ? 16 : 24,\n      bodyFontSize: isMobile ? 12 : 14,\n      instructionsFontSize: isMobile ? 11 : 12,\n      buttonPadding: isMobile ? \"16px 48px\" : \"20px 60px\",\n      buttonFontSize: isMobile ? 16 : 20,\n    }),\n    [isMobile],\n  );\n\n  const handleStart = useCallback(() => {\n    setIsLoading(true);\n    setTimeout(() => {\n      onStart();\n    }, LOADING_DELAY_MS);\n  }, [onStart]);\n\n  return (\n    <div\n      style={{\n        width,\n        height,\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        background: `linear-gradient(180deg, ${hexColorToCSS(KOREAN_COLORS.UI_BACKGROUND_DARK)} 0%, ${hexColorToCSS(KOREAN_COLORS.ARENA_BACKGROUND)} 100%)`,\n        color: hexColorToCSS(KOREAN_COLORS.TEXT_PRIMARY),\n        fontFamily: FONT_FAMILY.CYBER,\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n      data-testid=\"splash-screen\"\n    >\n      {/* Animated background grid - decorative only */}\n      <div\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: `\n            repeating-linear-gradient(\n              0deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            ),\n            repeating-linear-gradient(\n              90deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            )\n          `,\n          opacity: 0.3,\n        }}\n      />\n\n      {/* Screen reader live region for loading state */}\n      <div\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: \"absolute\",\n          left: \"-10000px\",\n          width: \"1px\",\n          height: \"1px\",\n          overflow: \"hidden\",\n        }}\n      >\n        {isLoading ? \"Initializing audio and loading game\" : \"Ready to start\"}\n      </div>\n\n      {/* Logo/Title */}\n      <div\n        style={{\n          marginBottom: \"60px\",\n          textAlign: \"center\",\n          zIndex: 1,\n        }}\n      >\n        <h1\n          style={{\n            fontSize: `${layoutCalculation.titleFontSize}px`,\n            fontWeight: 900,\n            color: `#${HEX_COLORS.PRIMARY_CYAN}`,\n            textShadow: `0 0 20px #${HEX_COLORS.PRIMARY_CYAN}80`,\n            marginBottom: \"20px\",\n            letterSpacing: \"4px\",\n          }}\n        >\n          흑괘\n        </h1>\n        <h2\n          style={{\n            fontSize: `${layoutCalculation.subtitleFontSize}px`,\n            fontWeight: 400,\n            color: `#${HEX_COLORS.ACCENT_GOLD}`,\n            letterSpacing: \"2px\",\n            marginTop: 0,\n          }}\n        >\n          BLACK TRIGRAM\n        </h2>\n        <p\n          style={{\n            fontSize: `${layoutCalculation.bodyFontSize}px`,\n            color: hexColorToCSS(KOREAN_COLORS.TEXT_TERTIARY),\n            marginTop: \"20px\",\n            letterSpacing: \"1px\",\n          }}\n        >\n          Korean Martial Arts Dojang\n        </p>\n      </div>\n\n      {/* Start Button */}\n      <button\n        onClick={handleStart}\n        disabled={isLoading}\n        aria-label={\n          isLoading\n            ? \"Starting game and initializing audio\"\n            : \"Start game and initialize audio\"\n        }\n        aria-busy={isLoading}\n        aria-describedby=\"splash-instructions\"\n        style={{\n          padding: layoutCalculation.buttonPadding,\n          fontSize: `${layoutCalculation.buttonFontSize}px`,\n          fontFamily: FONT_FAMILY.CYBER,\n          fontWeight: 700,\n          color: isLoading ? hexColorToCSS(KOREAN_COLORS.UI_DISABLED_TEXT) : hexColorToCSS(KOREAN_COLORS.BLACK),\n          background: isLoading\n            ? hexColorToCSS(KOREAN_COLORS.UI_BACKGROUND_LIGHT)\n            : `linear-gradient(135deg, #${HEX_COLORS.PRIMARY_CYAN} 0%, #${HEX_COLORS.ACCENT_GOLD} 100%)`,\n          border: \"none\",\n          borderRadius: \"8px\",\n          cursor: isLoading ? \"not-allowed\" : \"pointer\",\n          textTransform: \"uppercase\",\n          letterSpacing: \"2px\",\n          transition: \"all 0.3s ease\",\n          boxShadow: isLoading\n            ? \"none\"\n            : `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`,\n          position: \"relative\",\n          zIndex: 1,\n          opacity: isLoading ? 0.6 : 1,\n        }}\n        onMouseEnter={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1.05)\";\n            e.currentTarget.style.boxShadow = `0 6px 30px #${HEX_COLORS.PRIMARY_CYAN}60`;\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1)\";\n            e.currentTarget.style.boxShadow = `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`;\n          }\n        }}\n        data-testid=\"splash-start-button\"\n      >\n        {isLoading ? \"시작 중... Starting...\" : \"시작 | Start\"}\n      </button>\n\n      {/* Instructions */}\n      <div\n        id=\"splash-instructions\"\n        style={{\n          marginTop: \"40px\",\n          textAlign: \"center\",\n          color: hexColorToCSS(KOREAN_COLORS.UI_GRAY),\n          fontSize: `${layoutCalculation.instructionsFontSize}px`,\n          maxWidth: \"600px\",\n          padding: \"0 20px\",\n          zIndex: 1,\n        }}\n      >\n        <p style={{ margin: \"8px 0\" }}>\n          Audio initialization requires user interaction\n        </p>\n        <p style={{ margin: \"8px 0\" }}>\n          Click the button above to enable sound and start the game\n        </p>\n      </div>\n\n      {/* Version info */}\n      <div\n        role=\"contentinfo\"\n        aria-label={`Application version ${typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}`}\n        style={{\n          position: \"absolute\",\n          bottom: \"20px\",\n          right: \"20px\",\n          color: hexColorToCSS(KOREAN_COLORS.UI_STEEL_GRAY),\n          fontSize: \"10px\",\n          zIndex: 1,\n        }}\n      >\n        v{typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}\n      </div>\n    </div>\n  );\n};\n\nexport default SplashScreen;\n"],"mappings":";;;;;;;AAOA,IAAM,mBAAmB;AAEzB,IAAM,aAAa;CACjB,cAAc,MAAM,cAAc,YAAY;CAC9C,aAAa,MAAM,cAAc,WAAW;AAC9C;;;;;AAYA,IAAa,gBAA6C,EACxD,SACA,OACA,aACI;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,WAAW,cAAc,wBAAwB,GAAG,CAAC,CAAC;CAE5D,MAAM,oBAAoB,eACjB;EACL,eAAe,WAAW,KAAK;EAC/B,kBAAkB,WAAW,KAAK;EAClC,cAAc,WAAW,KAAK;EAC9B,sBAAsB,WAAW,KAAK;EACtC,eAAe,WAAW,cAAc;EACxC,gBAAgB,WAAW,KAAK;CAClC,IACA,CAAC,QAAQ,CACX;CAEA,MAAM,cAAc,kBAAkB;EACpC,aAAa,IAAI;EACjB,iBAAiB;GACf,QAAQ;EACV,GAAG,gBAAgB;CACrB,GAAG,CAAC,OAAO,CAAC;CAEZ,OACE,qBAAC,OAAD;EACE,OAAO;GACL;GACA;GACA,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,YAAY;GACZ,YAAY,2BAA2B,cAAc,cAAc,kBAAkB,EAAE,OAAO,cAAc,cAAc,gBAAgB,EAAE;GAC5I,OAAO,cAAc,cAAc,YAAY;GAC/C,YAAY,YAAY;GACxB,UAAU;GACV,UAAU;EACZ;EACA,eAAY;EAdd,UAAA;GAiBE,oBAAC,OAAD;IACE,MAAK;IACL,eAAY;IACZ,OAAO;KACL,UAAU;KACV,OAAO;KACP,YAAY;;;;;iBAKL,WAAW,aAAa;iBACxB,WAAW,aAAa;;;;;;iBAMxB,WAAW,aAAa;iBACxB,WAAW,aAAa;;;KAG/B,SAAS;IACX;GACD,CAAA;GAGD,oBAAC,OAAD;IACE,aAAU;IACV,eAAY;IACZ,OAAO;KACL,UAAU;KACV,MAAM;KACN,OAAO;KACP,QAAQ;KACR,UAAU;IACZ;IAEC,UAAA,YAAY,wCAAwC;GAClD,CAAA;GAGL,qBAAC,OAAD;IACE,OAAO;KACL,cAAc;KACd,WAAW;KACX,QAAQ;IACV;IALF,UAAA;KAOE,oBAAC,MAAD;MACE,OAAO;OACL,UAAU,GAAG,kBAAkB,cAAc;OAC7C,YAAY;OACZ,OAAO,IAAI,WAAW;OACtB,YAAY,aAAa,WAAW,aAAa;OACjD,cAAc;OACd,eAAe;MACjB;MACD,UAAA;KAEG,CAAA;KACJ,oBAAC,MAAD;MACE,OAAO;OACL,UAAU,GAAG,kBAAkB,iBAAiB;OAChD,YAAY;OACZ,OAAO,IAAI,WAAW;OACtB,eAAe;OACf,WAAW;MACb;MACD,UAAA;KAEG,CAAA;KACJ,oBAAC,KAAD;MACE,OAAO;OACL,UAAU,GAAG,kBAAkB,aAAa;OAC5C,OAAO,cAAc,cAAc,aAAa;OAChD,WAAW;OACX,eAAe;MACjB;MACD,UAAA;KAEE,CAAA;IACA;;GAGL,oBAAC,UAAD;IACE,SAAS;IACT,UAAU;IACV,cACE,YACI,yCACA;IAEN,aAAW;IACX,oBAAiB;IACjB,OAAO;KACL,SAAS,kBAAkB;KAC3B,UAAU,GAAG,kBAAkB,eAAe;KAC9C,YAAY,YAAY;KACxB,YAAY;KACZ,OAAO,YAAY,cAAc,cAAc,gBAAgB,IAAI,cAAc,cAAc,KAAK;KACpG,YAAY,YACR,cAAc,cAAc,mBAAmB,IAC/C,4BAA4B,WAAW,aAAa,QAAQ,WAAW,YAAY;KACvF,QAAQ;KACR,cAAc;KACd,QAAQ,YAAY,gBAAgB;KACpC,eAAe;KACf,eAAe;KACf,YAAY;KACZ,WAAW,YACP,SACA,eAAe,WAAW,aAAa;KAC3C,UAAU;KACV,QAAQ;KACR,SAAS,YAAY,KAAM;IAC7B;IACA,eAAe,MAAM;KACnB,IAAI,CAAC,WAAW;MACd,EAAE,cAAc,MAAM,YAAY;MAClC,EAAE,cAAc,MAAM,YAAY,eAAe,WAAW,aAAa;KAC3E;IACF;IACA,eAAe,MAAM;KACnB,IAAI,CAAC,WAAW;MACd,EAAE,cAAc,MAAM,YAAY;MAClC,EAAE,cAAc,MAAM,YAAY,eAAe,WAAW,aAAa;KAC3E;IACF;IACA,eAAY;IAEX,UAAA,YAAY,wBAAwB;GAC/B,CAAA;GAGR,qBAAC,OAAD;IACE,IAAG;IACH,OAAO;KACL,WAAW;KACX,WAAW;KACX,OAAO,cAAc,cAAc,OAAO;KAC1C,UAAU,GAAG,kBAAkB,qBAAqB;KACpD,UAAU;KACV,SAAS;KACT,QAAQ;IACV;IAVF,UAAA,CAYE,oBAAC,KAAD;KAAG,OAAO,EAAE,QAAQ,QAAQ;KAAG,UAAA;IAE5B,CAAA,GACH,oBAAC,KAAD;KAAG,OAAO,EAAE,QAAQ,QAAQ;KAAG,UAAA;IAE5B,CAAA,CACA;;GAGL,qBAAC,OAAD;IACE,MAAK;IACL,cAAY;IACZ,OAAO;KACL,UAAU;KACV,QAAQ;KACR,OAAO;KACP,OAAO,cAAc,cAAc,aAAa;KAChD,UAAU;KACV,QAAQ;IACV;IAVF,UAAA,CAWC,KAAA,SAEI;;EACF;;AAET"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blacktrigram",
-  "version": "0.7.99",
+  "version": "0.7.100",
   "description": "Black Trigram (흑괘) - Korean Martial Arts Combat Simulator. Reusable game systems, combat mechanics, animation framework, and Korean martial arts data built with React, Three.js, and TypeScript.",
   "type": "module",
   "main": "./lib/index.js",
@@ -189,19 +189,19 @@
     "three": "0.185.1"
   },
   "devDependencies": {
-    "@aws-sdk/client-bedrock-runtime": "3.1098.0",
+    "@aws-sdk/client-bedrock-runtime": "3.1100.0",
     "@eslint/js": "10.0.1",
     "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
+    "@react-three/fiber": "9.7.0",
     "@react-three/postprocessing": "3.0.4",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "7.0.0",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/node": "26.1.2",
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "0.185.1",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
+    "@types/three": "0.185.2",
     "@vitejs/plugin-react": "6.0.5",
     "@vitest/coverage-v8": "4.1.10",
     "@vitest/ui": "4.1.10",
@@ -217,15 +217,15 @@
     "globals": "17.8.0",
     "jest-axe": "11.0.0",
     "jsdom": "29.1.1",
-    "knip": "6.29.0",
-    "license-compliance": "3.0.1",
+    "knip": "6.31.0",
+    "license-compliance": "4.0.0",
     "mermaid": "11.16.0",
     "mocha-junit-reporter": "2.2.1",
-    "mochawesome": "8.0.0",
+    "mochawesome": "8.0.1",
     "mochawesome-merge": "5.1.1",
     "mochawesome-report-generator": "6.3.2",
-    "openai": "7.1.0",
-    "playwright": "1.62.0",
+    "openai": "7.3.0",
+    "playwright": "1.62.1",
     "postprocessing": "6.39.4",
     "react": "19.2.8",
     "react-dom": "19.2.8",
@@ -254,7 +254,7 @@
     "glob": "13.0.6",
     "js-yaml": "5.2.2",
     "three": "0.185.1",
-    "@types/three": "0.185.1",
+    "@types/three": "0.185.2",
     "joi": "17.13.4",
     "diff": "8.0.3",
     "serialize-javascript": "7.0.6",