Refactor large files into modular components

- Refactored page.tsx (613→252 lines) with GameOverScreen and LeftPanel extracted
- Refactored StatsTab.tsx (584→92 lines) with section components
- Refactored SkillsTab.tsx (434→54 lines) with sub-components
- Created modular structure for GameContext, LootInventory, and other components
- All extracted components organized into feature directories

src/components/game/LootInventory/BlueprintsSection.tsx

@@ -0,0 +1,46 @@
+'use client';
+
+import { Scroll } from 'lucide-react';
+import { Badge } from '@/components/ui/badge';
+import { LOOT_DROPS } from '@/lib/game/data/loot-drops';
+import { RARITY_CSS_VAR, RARITY_GLOW_CSS_VAR } from './types';
+
+interface BlueprintsSectionProps {
+  blueprints: string[];
+}
+
+export function BlueprintsSection({ blueprints }: BlueprintsSectionProps) {
+  if (blueprints.length === 0) return null;
+  
+  return (
+    <div>
+      <div className="text-xs text-[var(--text-muted)] mb-2 flex items-center gap-1">
+        <Scroll className="w-3 h-3" />
+        Blueprints (permanent)
+      </div>
+      <div className="flex flex-wrap gap-1">
+        {blueprints.map((id) => {
+          const drop = LOOT_DROPS[id];
+          if (!drop) return null;
+          const rarityColor = RARITY_CSS_VAR[drop.rarity] || 'var(--rarity-common)';
+          return (
+            <Badge
+              key={id}
+              className="text-xs"
+              style={{
+                backgroundColor: `${RARITY_GLOW_CSS_VAR[drop.rarity] || 'var(--rarity-common-glow)'}`,
+                color: rarityColor,
+                borderColor: rarityColor,
+              }}
+            >
+              {drop.name}
+            </Badge>
+          );
+        })}
+      </div>
+      <div className="text-xs text-[var(--text-muted)] mt-1 italic">
+        Blueprints are permanent unlocks - use them to craft equipment
+      </div>
+    </div>
+  );
+}