feat: improve combination search and offline build

src/routes/analysis/+page.svelte

@@ -4,9 +4,11 @@
   import boardSummary from '$lib/data/boards-summary.json';
   import memorySummary from '$lib/data/memory-summary.json';
   import exactChartCatalog from '$lib/data/exact-chart-catalog.json';
+  import { loadExactSongChart } from '$lib/data/chart-loader.ts';
   import { calculateBoardEffects, calculateUnitPower, countOptimizationCandidates, memoryParameterPermil, perfectNoteScoreFromPower, toOptimizerCard } from '$lib/engine/index.ts';
   import type { CooldownReduction, EffectiveSkillWindow, ExactOptimizationResult, ExactSongChart, OptimizationProgress, SkillWindow } from '$lib/engine/index.ts';
   import { USER_DATA_STORAGE_KEY } from '$lib/storage/browser-storage';
+  import { createScoreOptimizerWorker } from '$lib/workers/create-score-optimizer-worker.ts';
 
   type CardRow = (typeof cardSummary.cards)[number];
   type DifficultyKey = 'hard' | 'expert';
@@ -175,9 +177,7 @@
       analysisReady = true;
     }
 
-    worker = new Worker(new URL('../../lib/workers/score-optimizer.worker.ts', import.meta.url), {
-      type: 'module'
-    });
+    worker = createScoreOptimizerWorker();
     worker.onmessage = (event) => {
       if (event.data.type === 'progress') progress = event.data.progress;
       if (event.data.type === 'result') {
@@ -334,9 +334,7 @@
         return optimizerCardWithBoard(card, index, unitMembers);
       });
       if (!Number.isFinite(overallPower) || overallPower <= 0) throw new Error('선택한 카드의 종합력을 계산하지 못했습니다.');
-      const response = await fetch(selectedChart.path);
-      if (!response.ok) throw new Error('정확 채보 데이터를 불러오지 못했습니다.');
-      const chart = await response.json() as ExactSongChart;
+      const chart = await loadExactSongChart(selectedChart.path);
       running = true;
       progress = { evaluatedCandidates: 0, totalCandidates: countOptimizationCandidates(cards) };
       worker.postMessage({
@@ -618,10 +616,10 @@
 </main>
 
 <style>
-  main { width: min(var(--page-max-width), calc(100% - var(--page-gutter))); margin: 0 auto; padding: 46px 0 80px; }
-  .page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
-  h1 { margin: 0; color: #f3f5f8; font-size: clamp(28px, 5vw, 42px); letter-spacing: -.045em; }
-  .page-description { margin: 10px 0 0; color: #929cab; font-size: 14px; line-height: 1.6; }
+  main { width: min(var(--page-max-width), calc(100% - var(--page-gutter))); margin: 0 auto; padding: var(--page-content-top) 0 80px; }
+  .page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: var(--page-header-bottom); }
+  h1 { margin: 0; color: #f3f5f8; font-size: var(--page-title-size); line-height: 1.15; letter-spacing: -.045em; }
+  .page-description { margin: 10px 0 0; color: #929cab; font-size: var(--page-description-size); line-height: 1.6; }
   .panel { margin-top: 16px; padding: 24px; border: 1px solid #2a303a; border-radius: 16px; background: #171b22; }
   .section-title, .section-title > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
   .section-title > div { justify-content: flex-start; }
@@ -712,7 +710,7 @@
   }
 
   @media (max-width: 700px) {
-    main { width: calc(100% - 24px); padding-top: 28px; }
+    main { width: calc(100% - 24px); padding-top: var(--page-content-top); }
     .page-header { align-items: flex-start; }
     .panel { padding: 17px; }
     .song-fields { grid-template-columns: 1fr 100px; }