a38c7f3e69
Rebuilt inventory window to match v1 pixel-for-pixel: Left column (316px): - Equipment grid: 6×7 slots at 44px spacing, beveled 3D borders, cyan glow (#00ffff) when equipped, faded ghost icon when empty - Item grid: 6-column CSS Grid with purple gradient cells, minimum 24 empty cells to fill grid Center sidebar (38px): - Burden bar: 14×40px vertical bar, green/orange/red thresholds, percentage label, tooltip with burden units - Pack icons: 32×32px with actual game icon images (not emoji) - Active pack: green border + glow + gold ▶ arrow indicator - Fill indicator: 4px green bar below each pack showing capacity % - Main backpack (icon 0600127E) + sub-packs with actual container icons Right panel (flex): - Mana panel: header + equipped items with mana tracking - Per-item: 16px icon, name, mana state dot (green/red), current/max mana values in v1's grid layout Hover tooltip: - Follows mouse cursor (fixed position) - Shows: name (gold), value, burden, material (green), armor level, max damage, damage range/type, attack/defense bonuses as %, skill requirements (orange), imbue, set, tinks, workmanship, ratings, spellcraft, mana, spell list (blue) - Black semi-transparent background matching v1's inventory-tooltip Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
14 lines
475 B
HTML
14 lines
475 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Mosswart Overlord v2</title>
|
|
<link rel="icon" type="image/png" href="/icons/7735.png" />
|
|
<script type="module" crossorigin src="/v2/assets/index-BeLlP-ET.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/v2/assets/index-DrsM2PEe.css">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html>
|