Achievements

<div class="vs-mod-container" style="max-width: 1200px; width: 100%; margin: 0 auto; font-family: 'Outfit', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif; background-color: #161311; color: #e0e0e0; padding: 30px; border: 4px double #5c4e43; border-radius: 4px; box-shadow: 0 8px 30px #000b; box-sizing: border-box; line-height: 1.6;"><div style="background-color: #211a15; border: 1px solid #4a3e33; border-left: 6px solid #d4af37; border-radius: 4px; padding: 30px; margin-bottom: 30px; position: relative;"><h1 style="display: flex; align-items: center; gap: 15px; font-family: 'Cinzel', 'Georgia', serif; font-size: 43.5px; color: #d4af37; margin: 0 0 8px 0; font-weight: 800; letter-spacing: 1.5px; text-shadow: 0 2px 4px #0008;"><img style="width: 55px; height: 55px; border-radius: 8px; object-fit: contain; flex-shrink: 0;" src="https://modb.vintagestory.cz/Achievements/pic/modicon.png" alt="Icon"> ACHIEVEMENTS</h1> <p style="font-size: 18.5px; color: #c4b9a8; margin: 0 0 20px 0; font-weight: 600; line-height: 1.5;">A comprehensive achievement system introducing goals, progression tracking, and one-time rewards for your Vintage Story adventures. <br><br><span style="color: #fff; background-color: #2a2216; border: 1px solid #d4af37; padding: 6px 12px; border-radius: 4px; display: inline-block;">🏆 Currently featuring a total of <strong style="color: #ffcc00; font-size: 20.5px;">80</strong> achievements!</span></p> <div style="display: inline-flex; align-items: center; gap: 8px; margin-bottom: 15px; background-color: rgba(102, 192, 244, 0.05); border: 1px solid rgba(102, 192, 244, 0.2); padding: 6px 14px; border-radius: 4px;"><span style="font-size: 16px;">⚙️</span><span style="color: #aee8ff; font-size: 14.5px; font-weight: 500;">Developed for <a style="color: #4ddbff; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #4ddbff;" href="https://en.vintagestory.cz/tech/" target="_blank" rel="noopener">Tech Server</a></span></div> <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;"><span style="background-color: #1a1411; border: 1px solid #5c4e43; color: #f5efe0; font-size: 14.5px; padding: 6px 14px; border-radius: 20px; font-weight: 600; display: inline-block; vertical-align: middle;">Translations: <span style="margin-left: 8px; display: inline-block; vertical-align: middle; padding: 2px 0;"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/gb.png" alt="English" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/cz.png" alt="Czech" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/sk.png" alt="Slovak" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/de.png" alt="German" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/fr.png" alt="French" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/es.png" alt="Spanish" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/pt.png" alt="Portuguese" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/br.png" alt="Brazilian Portuguese" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/pl.png" alt="Polish" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/ua.png" alt="Ukrainian" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/it.png" alt="Italian" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/is.png" alt="Icelandic" width="36"> <img style="vertical-align: middle; margin-right: 0; border: 1px solid #4a3e33; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/jp.png" alt="Japanese" width="36"> </span></span><a style="background-color: #1a1411; border: 1px solid #5c4e43; color: #fff; font-size: 16.5px; padding: 6px 14px; border-radius: 20px; font-weight: 600; display: inline-block; vertical-align: middle; text-decoration: none; margin-left: auto;" href="https://crowdin.com/project/achievementsforked" target="_blank" rel="noopener"> 🌍 Contribute to translation </a></div> </div> <div style="margin-bottom: 35px;"> <h2 style="font-family: 'Cinzel', 'Georgia', serif; font-size: 25.5px; color: #d4af37; border-bottom: 2px solid #4a3e33; padding-bottom: 10px; margin-top: 0; margin-bottom: 18px; letter-spacing: 0.5px;">About the Mod</h2> <p style="font-size: 17px; color: #d5cbb7; margin: 0 0 15px 0; text-align: justify; line-height: 1.7;">The <strong>Achievements</strong> mod adds an interactive journal with goals and one-time rewards. The core system works perfectly with just the vanilla game. However, if you install any of the supported mods, their custom achievements will automatically unlock and become available in the journal.</p> <div style="background-color: #2a2216; border-left: 4px solid #ffcc00; padding: 15px; margin: 25px 0; font-size: 17px; color: #f5efe0; border-radius: 3px; box-shadow: inset 0 0 10px rgba(0,0,0,0.3);"><strong style="color: #fff; display: flex; align