blacktrigram 0.7.85 → 0.7.87

package/lib/assets/index.css

@@ -424,12 +424,15 @@
 
 
 /* Black Trigram - Korean Cyberpunk Martial Arts Styling */
+
 /* Note: CSS variables are now centralized in index.css */
+
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
+
 body {
   font-family: var(--font-korean);
   background: linear-gradient(
@@ -441,6 +444,7 @@ body {
   overflow: hidden;
   user-select: none;
 }
+
 #root {
   width: 100vw;
   height: 100vh;
@@ -453,6 +457,7 @@ body {
     var(--color-bg-dark) 100%
   );
 }
+
 /* Korean Text Enhancement */
 .korean-text {
   font-family: var(--font-korean);
@@ -460,6 +465,7 @@ body {
   text-shadow: 0 0 8px var(--color-korean-east);
   letter-spacing: 0.02em;
 }
+
 .korean-title {
   font-family: var(--font-korean);
   font-weight: 700;
@@ -474,6 +480,7 @@ body {
   background-clip: text;
   text-shadow: 0 0 20px var(--color-accent-cyan);
 }
+
 .cyber-text {
   font-family: var(--font-cyber);
   color: var(--color-accent-cyan);
@@ -481,6 +488,7 @@ body {
   letter-spacing: 0.1em;
   text-shadow: 0 0 10px currentColor;
 }
+
 /* Cyberpunk UI Elements */
 .cyberpunk-border {
   border: 2px solid var(--color-accent-cyan);
@@ -494,6 +502,7 @@ body {
   box-shadow: 0 0 10px var(--color-accent-cyan),
     inset 0 0 10px color-mix(in srgb, var(--color-accent-cyan) 10%, transparent);
 }
+
 .cyberpunk-button {
   background: linear-gradient(
     135deg,
@@ -510,6 +519,7 @@ body {
   position: relative;
   overflow: hidden;
 }
+
 .cyberpunk-button:hover {
   background: linear-gradient(
     135deg,
@@ -519,6 +529,7 @@ body {
   box-shadow: 0 0 20px var(--color-accent-cyan);
   transform: translateY(-2px);
 }
+
 .cyberpunk-button:before {
   content: "";
   position: absolute;
@@ -534,9 +545,11 @@ body {
   );
   transition: left 0.5s;
 }
+
 .cyberpunk-button:hover:before {
   left: 100%;
 }
+
 /* Combat HUD Styling */
 .combat-hud {
   position: absolute;
@@ -551,6 +564,7 @@ body {
   padding: 1rem;
   border-bottom: 1px solid var(--color-accent-cyan);
 }
+
 .health-bar {
   background: var(--color-bg-dark);
   border: 1px solid var(--color-accent-cyan);
@@ -559,6 +573,7 @@ body {
   overflow: hidden;
   position: relative;
 }
+
 .health-bar-fill {
   background: linear-gradient(
     90deg,
@@ -570,6 +585,7 @@ body {
   transition: width 0.3s ease;
   box-shadow: 0 0 10px currentColor;
 }
+
 /* Animation Effects */
 @keyframes korean-glow {
   0%,
@@ -580,9 +596,11 @@ body {
     text-shadow: 0 0 20px var(--color-korean-east);
   }
 }
+
 .animate-glow {
   animation: korean-glow 2s ease-in-out infinite;
 }
+
 @keyframes combat-flash {
   0% {
     background-color: color-mix(in srgb, var(--color-danger) 10%, transparent);
@@ -594,9 +612,11 @@ body {
     background-color: color-mix(in srgb, var(--color-danger) 10%, transparent);
   }
 }
+
 .combat-flash {
   animation: combat-flash 0.2s ease-in-out;
 }
+
 /* Responsive Design */
 @media (max-width: 768px) {
   .korean-title {
@@ -637,6 +657,7 @@ body {
     z-index: 500;
   }
 }
+
 /* Tablet optimizations */
 @media (min-width: 768px) and (max-width: 1024px) {
   .app-container canvas {
@@ -644,6 +665,7 @@ body {
     height: 100vh !important;
   }
 }
+
 /* Desktop optimizations */
 @media (min-width: 1024px) {
   .app-container {
@@ -651,6 +673,7 @@ body {
     align-items: center;
   }
 }
+
 /* Loading and Error States */
 .loading-spinner {
   border: 2px solid var(--color-bg-medium);
@@ -661,6 +684,7 @@ body {
   animation: spin 1s linear infinite;
   margin: 0 auto;
 }
+
 @keyframes spin {
   0% {
     transform: rotate(0deg);
@@ -669,6 +693,7 @@ body {
     transform: rotate(360deg);
   }
 }
+
 .error-message {
   color: var(--color-danger);
   background: color-mix(in srgb, var(--color-danger) 10%, transparent);
@@ -678,6 +703,7 @@ body {
   margin: 1rem 0;
   font-family: var(--font-korean);
 }
+
 /* Accessibility */
 .sr-only {
   position: absolute;
@@ -690,6 +716,7 @@ body {
   white-space: nowrap;
   border: 0;
 }
+
 /* High contrast mode support - Comprehensive accessibility */
 @media (prefers-contrast: high) {
   :root {
@@ -716,6 +743,7 @@ body {
     border-width: 3px;
   }
 }
+
 /* Reduced motion support */
 @media (prefers-reduced-motion: reduce) {
   *,
@@ -726,6 +754,7 @@ body {
     transition-duration: 0.01ms !important;
   }
 }
+
 /* Reset default Vite styles */
 #root {
   width: 100vw;
@@ -734,6 +763,7 @@ body {
   padding: 0;
   overflow: hidden;
 }
+
 /* Full-screen game container */
 .app-container {
   position: fixed;
@@ -764,11 +794,13 @@ body {
   transform: translateZ(0);
   backface-visibility: hidden;
 }
+
 /* Hide any old game elements */
 .app-container h1,
 .app-container .instructions {
   display: none !important;
 }
+
 /* Korean typography support */
 /* NOTE: overflow: hidden on body prevents the page itself from scrolling.
  * This is intentional for a full-screen game. Individual screens that need
@@ -784,6 +816,7 @@ body {
   width: 100vw;
   height: 100vh;
 }
+
 /* Traditional Korean color scheme enhancements */
 .app-container::before {
   content: "";
@@ -800,12 +833,14 @@ body {
   pointer-events: none;
   z-index: -1;
 }
+
 /* Performance optimizations for WebGL */
 .app-container canvas {
   will-change: transform;
   transform: translateZ(0);
   backface-visibility: hidden;
 }
+
 /* Responsive adjustments for different screen sizes */
 @media (max-width: 768px) {
   .app-container {
@@ -818,6 +853,7 @@ body {
     height: 100vh !important;
   }
 }
+
 @media (max-width: 375px) {
   .app-container {
     width: 100vw !important;
@@ -829,17 +865,22 @@ body {
     height: 100vh !important;
   }
 }
+
 /* Remove any legacy Vite template styles that might interfere */
 .logo {
   display: none !important;
 }
+
 .card {
   display: none !important;
 }
+
 .read-the-docs {
   display: none !important;
 }
+
 /* Note: Theme variables are now centralized in index.css */
+
 /* Performance optimizations for mobile */
 @media (max-width: 768px) {
   .app-container {
@@ -851,6 +892,7 @@ body {
     overflow: hidden;
   }
 }
+
 /* High DPI display support */
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
   .app-container canvas {
@@ -858,6 +900,7 @@ body {
     image-rendering: crisp-edges;
   }
 }
+
 .app {
   width: 100vw;
   height: 100vh;
@@ -871,6 +914,7 @@ body {
    * The game container is made focusable for keyboard input capture. */
   outline: none;
 }
+
 .app-header {
   padding: 1rem 2rem;
   background: color-mix(in srgb, var(--color-bg-dark) 90%, transparent);
@@ -880,30 +924,35 @@ body {
   align-items: center;
   box-shadow: 0 2px 10px color-mix(in srgb, var(--color-primary-gold) 30%, transparent);
 }
+
 .app-title {
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
+
 .korean-title {
   font-size: 1.8rem;
   font-weight: bold;
   color: var(--color-primary-gold);
   text-shadow: 2px 2px 4px color-mix(in srgb, var(--color-primary-black) 80%, transparent);
 }
+
 .english-title {
   font-size: 1rem;
   color: var(--color-info);
   font-style: italic;
   text-shadow: 1px 1px 2px color-mix(in srgb, var(--color-primary-black) 60%, transparent);
 }
+
 .app-status {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   text-align: right;
 }
+
 .phase-indicator,
 .time-indicator {
   padding: 0.25rem 0.75rem;
@@ -911,16 +960,19 @@ body {
   font-size: 0.9rem;
   font-weight: bold;
 }
+
 .phase-indicator {
   background: color-mix(in srgb, var(--color-primary-gold) 20%, transparent);
   color: var(--color-primary-gold);
   border: 1px solid var(--color-primary-gold);
 }
+
 .time-indicator {
   background: color-mix(in srgb, var(--color-info) 20%, transparent);
   color: var(--color-info);
   border: 1px solid var(--color-info);
 }
+
 .app-main {
   flex: 1;
   display: flex;
@@ -928,6 +980,7 @@ body {
   align-items: center;
   overflow: hidden;
 }
+
 .app-debug {
   background: color-mix(in srgb, var(--color-primary-black) 80%, transparent);
   color: #00ff00;
@@ -936,18 +989,21 @@ body {
   max-height: 200px;
   overflow-y: auto;
 }
+
 .app-debug summary {
   padding: 0.5rem;
   cursor: pointer;
   background: color-mix(in srgb, var(--color-success) 10%, transparent);
   border-bottom: 1px solid #00ff00;
 }
+
 .app-debug pre {
   padding: 1rem;
   margin: 0;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
+
 /* Responsive design */
 @media (max-width: 768px) {
   .app-header {
@@ -969,6 +1025,7 @@ body {
     gap: 1rem;
   }
 }
+
 /* Korean traditional design elements */
 .app::before {
   content: "";
@@ -990,6 +1047,7 @@ body {
   pointer-events: none;
   z-index: -1;
 }
+
 /* Loading screen styles */
 .loading-screen {
   display: flex;
@@ -1000,10 +1058,12 @@ body {
   color: #ffffff;
   font-family: "Noto Sans KR", Arial, sans-serif;
 }
+
 .loading-content {
   text-align: center;
   animation: pulse 2s ease-in-out infinite;
 }
+
 .korean-title {
   font-size: 2.5rem;
   font-weight: 700;
@@ -1011,12 +1071,14 @@ body {
   margin-bottom: 1rem;
   text-shadow: 0 0 20px color-mix(in srgb, var(--color-primary-gold) 50%, transparent);
 }
+
 .english-subtitle {
   font-size: 1.2rem;
   font-weight: 300;
   color: #00ffff;
   margin: 0;
 }
+
 /* Error state styles */
 .error-state {
   display: flex;
@@ -1029,10 +1091,12 @@ body {
   font-family: "Noto Sans KR", Arial, sans-serif;
   text-align: center;
 }
+
 .error-state h1 {
   color: #ff4444;
   margin-bottom: 2rem;
 }
+
 .error-state button {
   padding: 1rem 2rem;
   background: #ffd700;
@@ -1043,9 +1107,11 @@ body {
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
+
 .error-state button:hover {
   background: #ffed4e;
 }
+
 @keyframes pulse {
   0%,
   100% {
@@ -1055,18 +1121,22 @@ body {
     opacity: 0.7;
   }
 }
+
 /* App-specific styles for Black Trigram */
+
 .app-container {
   width: 100%;
   height: 100%;
   position: relative;
   background: linear-gradient(45deg, #0a0a0a, #1a1a1e);
 }
+
 .game-canvas {
   width: 100%;
   height: 100%;
   display: block;
 }
+
 .loading-screen {
   position: absolute;
   top: 50%;
@@ -1075,6 +1145,7 @@ body {
   text-align: center;
   color: var(--color-primary-cyan);
 }
+
 .error-screen {
   position: absolute;
   top: 50%;
@@ -1086,6 +1157,7 @@ body {
   border: 1px solid #ff4136;
   background: color-mix(in srgb, var(--color-danger) 10%, transparent);
 }
+
 /* Fix UI overlay positioning to not interfere with canvas visibility */
 .test-overlay {
   pointer-events: none;
@@ -1097,12 +1169,14 @@ body {
   z-index: 100; /* Reduced from 500 to ensure canvas visibility */
   background: transparent;
 }
+
 /* Fix button z-index to be lower than canvas but still interactive */
 .test-overlay button {
   z-index: 50 !important; /* Reduced from 400 */
   pointer-events: auto;
   position: absolute;
 }
+
 /* Ensure buttons don't cover the center of the canvas */
 .training-button {
   top: 60% !important; /* Move down from 50% */
@@ -1111,6 +1185,7 @@ body {
   width: auto !important;
   max-width: 200px !important;
 }
+
 .combat-button {
   top: 70% !important; /* Move down from 60% */
   left: 5% !important;
@@ -1118,6 +1193,7 @@ body {
   width: auto !important;
   max-width: 200px !important;
 }
+
 /* Mobile specific adjustments */
 @media (max-width: 768px) {
   .training-button {
@@ -1138,6 +1214,7 @@ body {
     padding: 10px 16px;
   }
 }
+
 @media (max-width: 375px) {
   .training-button {
     top: 70% !important;

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.85";
+var APP_VERSION = "0.7.87";
 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.85`,
+				"aria-label": `Application version 0.7.87`,
 				style: {
 					position: "absolute",
 					bottom: "20px",
@@ -192,7 +192,7 @@ var SplashScreen = ({ onStart, width, height }) => {
 					fontSize: "10px",
 					zIndex: 1
 				},
-				children: ["v", "0.7.85"]
+				children: ["v", "0.7.87"]
 			})
 		]
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blacktrigram",
-  "version": "0.7.85",
+  "version": "0.7.87",
   "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,7 +189,7 @@
     "three": "0.185.1"
   },
   "devDependencies": {
-    "@aws-sdk/client-bedrock-runtime": "3.1086.0",
+    "@aws-sdk/client-bedrock-runtime": "3.1088.0",
     "@eslint/js": "10.0.1",
     "@react-three/drei": "10.7.7",
     "@react-three/fiber": "9.6.1",
@@ -217,14 +217,14 @@
     "globals": "17.7.0",
     "jest-axe": "10.0.0",
     "jsdom": "29.1.1",
-    "knip": "6.26.0",
+    "knip": "6.27.0",
     "license-compliance": "3.0.1",
     "mermaid": "11.16.0",
     "mocha-junit-reporter": "2.2.1",
     "mochawesome": "7.1.4",
     "mochawesome-merge": "5.1.1",
     "mochawesome-report-generator": "6.3.2",
-    "openai": "6.46.0",
+    "openai": "6.47.0",
     "playwright": "1.61.1",
     "postprocessing": "6.39.2",
     "react": "19.2.7",
@@ -242,7 +242,7 @@
     "typescript": "npm:@typescript/typescript6@6.0.2",
     "typescript-7": "npm:typescript@7.0.1-rc",
     "typescript-eslint": "8.64.0",
-    "vite": "8.1.4",
+    "vite": "8.1.5",
     "vite-bundle-analyzer": "1.3.9",
     "vite-tsconfig-paths": "6.1.1",
     "vitest": "4.1.10"