Swixy ClaimChunk

<div style="max-width: 1200px; margin: 0 auto; padding: 5px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #fafafa; color: #2d3748; line-height: 1.6;"><div style="background: #ffffff; border-radius: 16px; padding: 30px; margin-bottom: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"><h1 style="font-size: 2rem; font-weight: bold; margin: 0 0 10px; display: flex; align-items: center; gap: 12px;"><span style="font-size: 2rem;">🛡️</span> Swixy ClaimChunk</h1> <p style="color: #4a5568; font-size: 1.1rem; margin: 0 0 15px;">A minimalist visual claim manager that makes territory protection in Vintage Story fast and intuitive. Manage your claims on an interactive map — press P, no coordinates in chat.</p> </div> <div style="background: #ffffff; border-radius: 16px; padding: 30px; margin-bottom: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <h2>ℹ️ What this mod offers</h2> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px;"> <div style="background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <div style="width: 48px; height: 48px; background: linear-gradient(135deg,#e6f0fa 0%,#dbeafe 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 24px;">📍</div> <div style="font-weight: 600; margin-bottom: 5px;">Visual map on P</div> <div style="font-size: 0.875rem; color: #4a5568;">Open a map with a chunk grid overlay. Click a free chunk to claim the whole column instantly.</div> </div> <div style="background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <div style="width: 48px; height: 48px; background: linear-gradient(135deg,#e6f0fa 0%,#dbeafe 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 24px;">🎨</div> <div style="font-weight: 600; margin-bottom: 5px;">Clear chunk colors</div> <div style="font-size: 0.875rem; color: #4a5568;">Blue — your claims. Red — other players. Gray — free land ready to claim.</div> </div> <div style="background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <div style="width: 48px; height: 48px; background: linear-gradient(135deg,#e6f0fa 0%,#dbeafe 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 24px;">🔄</div> <div style="font-weight: 600; margin-bottom: 5px;">Click again to unclaim</div> <div style="font-size: 0.875rem; color: #4a5568;">Click your blue chunk a second time to release it. Reshape your land without extra menus or commands.</div> </div> <div style="background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <div style="width: 48px; height: 48px; background: linear-gradient(135deg,#e6f0fa 0%,#dbeafe 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 24px;">🧱</div> <div style="font-weight: 600; margin-bottom: 5px;">Full chunk, bedrock to sky</div> <div style="font-size: 0.875rem; color: #4a5568;">Every claim is 32×32 and the entire height — from Y=0 to the world limit. Mines, tunnels and houses stay covered.</div> </div> </div> <div style="margin-top: 25px; background: #f7fafc; border-radius: 12px; padding: 18px 20px; border: 1px solid #e2e8f0;"> <h4 style="margin: 0 0 12px; color: #2d3748; font-weight: 600;">📋 How it works</h4> <ul style="display: grid; grid-template-columns: repeat(3,1fr); gap: 5px 20px; margin: 0; padding-left: 20px; color: #4a5568; font-size: 0.9rem;"> <li>Press P to open the map</li> <li>Left-click gray to claim</li> <li>Click blue again to unclaim</li> <li>32×32 chunk grid</li> <li>Full vertical column</li> <li>Two clicks — and it's done</li> </ul> </div> </div> <div style="background: #ffffff; border-radius: 16px; padding: 30px; margin-bottom: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <h2 style="font-size: 1.5rem; font-weight: 600; margin: 0 0 20px; display: flex; align-items: center; gap: 8px;">🎯 Perfect for</h2> <ul style="margin: 0; padding-left: 20px; color: #4a5568; font-size: 0.95rem;"> <li>Protecting deep mines and tunnels from intruders</li> <li>Stopping tunnels dug under your house</li> <li>Claiming large builds without typing block coordinates</li> </ul> </div> <div style="background: #ffffff; border-radius: 16px; padding: 30px; margin-bottom: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;"> <h2 style="font-size: 1.5rem; font-weight: 600; margin: 0 0 20px; display: flex; align-items: center; gap: 8px;">🔄 Compatibility</h2> <h4 style="margin: 0 0 20px; color: #2d3748;"><span style="background: #c6f6d5; color: #276749; padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin-right: 8px;">Vintage Story 1.22</span></h4> <p style="color: #4a5568; margin-bottom: 20px;">Requires Vintage Story 1.22.0 or a compatible 1.22.x build. Install on both client and server so claims stay in sync. Uses the vanilla land-claim system — no extra claim plugins required.</p> <hr style="margin: 25px 0; border: none; border-top: 1px solid #e2e8f0;"> <h4 style="margin: 0 0 20px; color: #2d3748;"><span style="background: #c6f6d5; color: #276749; padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin-right: 8px;">Supported languages</span></h4> <div style="display: flex; flex-wrap: wrap; gap: 10px;"><span style="background: #ffffff; border-radius: 30px; padding: 8px 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #e2e8f0; display: inline-flex; align-items: center; gap: 8px; font-s