diff --git a/.gitignore b/.gitignore
index 91acd82..c32cf6b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 *.swp
 *.bat
+*.json
 sets/
 
 .idea/
diff --git a/atlas/index.html b/atlas/index.html
index 9275ce7..8bbc658 100644
--- a/atlas/index.html
+++ b/atlas/index.html
@@ -50,7 +50,7 @@
         </div>
         <div class = "col navbar navbar-fixed-bottom vh-75 min-vh-50 text-break ml-5" id = "bodydiv" style = "min-height: 75vh; display: flex; flex-direction: column;" >
         </div>
-        
+        <audio id="bruh_sound_effect" src="../media/audio/bruh_sound_effect.mp3" preload="auto"></audio>
     </div>
     <!-- sidebar -->
     
diff --git a/builder/doc.html b/builder/doc.html
new file mode 100644
index 0000000..579bc38
--- /dev/null
+++ b/builder/doc.html
@@ -0,0 +1,1438 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8" />
+    <meta name="HandheldFriendly" content="true" />
+    <meta name="MobileOptimized" content="320" />
+    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
+    
+    <!--OGP suite
+    <meta property="og:title" content="Wynnbuilder" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://wynnbuilder.github.io/media/icons/new/builder.png" />
+    <meta property="og:image:width" content="420" />
+    <meta property="og:image:height" content="420" />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:description" id = "ogp-build-list" content = "">
+    <meta property="og:url" id = "ogp-url" content="" />
+    -->
+
+    <title>WynnBuilder</title>
+    <link rel="icon" href="./media/memes/agony.png">
+
+    <meta name="viewport" content="width=device-width, initial-scale=.45, user-scalable=no">
+
+    <!-- nunito font, copying wynnbuilder, which is copying wynndata -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.6/dist/css/autoComplete.min.css">
+
+    <link rel="stylesheet" href="../css/sq2bs.css">
+    <link rel="stylesheet" href="../css/sidebar.css">
+    <link rel="stylesheet" href="../css/wynnstyles.css">
+</head>
+<body class="text-light" id = "body">
+    <!-- hover tooltip stuff -->
+    
+    <!-- main -->
+    <div id="main-sidebar" class="sidebar dark-7 dark-shadow">
+        <a href = ""><img src="../media/icons/new/builder.png" alt = "WynnBuilder" title = "WynnBuilder"><b>WynnBuilder</b></a>
+        <a href = "../crafter/"><img src = "../media/icons/new/crafter.png" alt = "WynnCrafter" title = "WynnCrafter"><b>WynnCrafter</b></a>
+        <a href = "../items/"><img src = "../media/icons/new/searcher.png" alt = "WynnAtlas" title = "WynnAtlas"><b>WynnAtlas</b></a>
+        <a href = "../custom/"><img src = "../media/icons/new/custom.png" alt = "WynnCustom" title = "WynnCustom"><b>WynnCustom</b></a>
+        <a href = "../map/"><img src = "../media/icons/new/compass.png" alt = "WynnGPS" title = "WynnGPS"><b>WynnGPS</b></a>
+        <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
+        <a onclick = "document.querySelector('#search-container').style.display = '';"><img src="../media/icons/new/searcher.png" alt="" title="Item Search"><b>WynnAtlas Mini</b></a>
+        <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
+        <hr/>
+    </div>
+    <div class="container-fluid me-4" style="max-width: 95%; display: none">
+        <div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-3 py-3">
+            <div class="col-xl-6">
+                <div class="row row-cols-1 mb-3 gy-4">
+                    <div class="col">
+                        <div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
+                            <div class="col-auto rounded order-xl-0 order-0">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="helmet-img-loc">
+                                        <img id="helmet-img" class="img-fluid rounded" src="../media/items/new/generic-helmet.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="helmet-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="helmet-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="helmet-choice" name="helmet-choice" placeholder="No Helmet" value="" tabindex="1"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" type="text" id="helmet-powder" name="helmet-powder" placeholder="powders" tabindex="1"/>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-1">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="ring1-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="ring1-img-loc">
+                                        <img id="ring1-img" class="img-fluid rounded" src="../media/items/new/generic-ring.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="ring1-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="ring1-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="ring1-choice" name="ring1-choice" placeholder="No ring" value="" tabindex="2"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end" style="height: 100%;">
+                                                <!-- <input class="equipment-input text-light form-control" type="text" id="ring1-powder" name="ring1-powder" placeholder="no powders" tabindex="2"/> -->
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-0">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="chestplate-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="chestplate-img-loc">
+                                        <img id="chestplate-img" class="img-fluid rounded" src="../media/items/new/generic-chestplate.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="chestplate-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="chestplate-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="chestplate-choice" name="chestplate-choice" placeholder="No chestplate" value="" tabindex="1"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" type="text" id="chestplate-powder" name="chestplate-powder" placeholder="powders" tabindex="1"/>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-1">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="ring2-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="ring2-img-loc">
+                                        <img id="ring2-img" class="img-fluid rounded" src="../media/items/new/generic-ring.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="ring2-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="ring2-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="ring2-choice" name="ring2-choice" placeholder="No ring" value="" tabindex="2"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end" style="height: 100%;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-0">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="leggings-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="leggings-img-loc">
+                                        <img id="leggings-img" class="img-fluid rounded" src="../media/items/new/generic-leggings.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="leggings-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="leggings-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" type="text" id="leggings-powder" name="leggings-powder" placeholder="powders" tabindex="1"/>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-1">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="bracelet-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="bracelet-img-loc">
+                                        <img id="bracelet-img" class="img-fluid rounded" src="../media/items/new/generic-bracelet.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="bracelet-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="bracelet-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="bracelet-choice" name="bracelet-choice" placeholder="No bracelet" value="" tabindex="2"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end" style="height: 100%;">
+                                                
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-0">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="boots-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="boots-img-loc">
+                                        <img id="boots-img" class="img-fluid rounded" src="../media/items/new/generic-boots.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="boots-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="boots-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="boots-choice" name="boots-choice" placeholder="No boots" value="" tabindex="1"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" type="text" id="boots-powder" name="boots-powder" placeholder="powders" tabindex="1"/>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-1">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id="necklace-dropdown">
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="necklace-img-loc">
+                                        <img id="necklace-img" class="img-fluid rounded" src="../media/items/new/generic-necklace.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="necklace-health">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="necklace-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="necklace-choice" name="necklace-choice" placeholder="No necklace" value="" tabindex="2"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end" style="height: 100%;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-1">
+                                <div class="row h-100 dark-shadow dark-6 rounded" id='weapon-dropdown'>
+                                    <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="weapon-img-loc">
+                                        <img id="weapon-img" class="img-fluid rounded" src="../media/items/new/generic-dagger.png">
+                                    </div>
+                                    <div class="col-3">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col text-nowrap scaled-font fw-bold gx-3 Damage base_dps" id="weapon-dps">
+                                                0
+                                            </div>
+                                            <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="weapon-lv">
+                                                0
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col g-0 rounded">
+                                        <div class="row row-cols-1 h-100 align-items-center">
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value="" tabindex="2"/>
+                                            </div>
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control" type="text" id="weapon-powder" name="weapon-powder" placeholder="powders" tabindex="2"/>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto order-xl-0 order-1">
+                                <div class="row h-100 dark-shadow dark-6 rounded">
+                                    <div class="col">
+                                        <div class="row align-items-center">
+                                            <div class="col-3 text-nowrap fw-bold scaled-font">
+                                                Level:
+                                            </div>
+                                            <div class="col d-flex justify-content-end">
+                                                <input class="equipment-input text-light form-control form-control-sm" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/>
+                                            </div>
+                                            <div class="col-auto px-1 text-nowrap scaled-font">
+                                                <button class="button fw-bold text-light dark-5 scaled-font rounded" id="reset-button" onclick="resetFields()">Reset</button>
+                                            </div>
+                                        </div>
+                                        <div class="row align-items-center justify-content-center my-1">
+                                            <div class="row align-items-center">
+                                                <div class="col-auto px-1 text-nowrap scaled-font">
+                                                    <button class="border-dark text-light dark-5 scaled-font rounded" id=copy-button onclick="copyBuild()">Copy short</button>
+                                                </div>
+                                                <div class="col-auto px-1 text-nowrap scaled-font">
+                                                    <button class="border-dark text-light dark-5 scaled-font rounded" id=share-button onclick="shareBuild(player_build)">Copy for sharing</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col">
+                        <div class="row row-cols-1 gy-2 rounded dark-5 dark-shadow">
+                            <div class="col">
+                                <div class="row row-cols-2 row-cols-xl-5 gy-2 justify-content-center">
+                                    <div class="col text-center gx-2">
+                                        <div class="rounded dark-6 dark-shadow-sm px-2">
+                                            <label for="str-skp" class="eDam skp-tooltip">Strength</label>
+                                            <input type="string" id="str-skp" name="str-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
+                                            <div id="str-skp-assign" class="skp-tooltip">
+                                                Assign: 0
+                                            </div>
+                                            <div id="str-skp-base" class="skp-tooltip">
+                                                Original: 0
+                                            </div>
+                                            <div id="str-skp-pct" class="skp-tooltip">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col text-center gx-2">
+                                        <div class="rounded dark-6 dark-shadow-sm px-2">
+                                            <label for="dex-skp" class="tDam skp-tooltip">Dexterity</label>
+                                            <input type="string" id="dex-skp" name="dex-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
+                                            <div id="dex-skp-assign" class="skp-tooltip">
+                                                Assign: 0
+                                            </div>
+                                            <div id="dex-skp-base" class="skp-tooltip">
+                                                Original: 0
+                                            </div>
+                                            <div id ="dex-skp-pct" class="skp-tooltip">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col text-center gx-2">
+                                        <div class="rounded dark-6 dark-shadow-sm px-2">
+                                            <label for="int-skp" class="wDam skp-tooltip text-nowrap">Intelligence</label>
+                                            <input type="string" id="int-skp" name="int-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
+                                            <div id="int-skp-assign" class="skp-tooltip">
+                                                Assign: 0
+                                            </div>
+                                            <div id="int-skp-base" class="skp-tooltip">
+                                                Original: 0
+                                            </div>
+                                            <div id ="int-skp-pct" class="skp-tooltip">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col text-center gx-2">
+                                        <div class="rounded dark-6 dark-shadow-sm px-2">
+                                            <label for="def-skp" class="fDam skp-tooltip">Defense</label>
+                                            <input type="string" id="def-skp" name="def-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
+                                            <div id="def-skp-assign" class="skp-tooltip">
+                                                Assign: 0
+                                            </div>
+                                            <div id="def-skp-base" class="skp-tooltip">
+                                                Original: 0
+                                            </div>
+                                            <div id ="def-skp-pct" class="skp-tooltip">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col text-center gx-2">
+                                        <div class="rounded dark-6 dark-shadow-sm px-2">
+                                            <label for="agi-skp" class="aDam skp-tooltip">Agility</label>
+                                            <input type="string" id="agi-skp" name="agi-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
+                                            <div id="agi-skp-assign" class="skp-tooltip">
+                                                Assign: 0
+                                            </div>
+                                            <div id="agi-skp-base" class="skp-tooltip">
+                                                Original: 0
+                                            </div>
+                                            <div id ="agi-skp-pct" class="skp-tooltip">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col-12 text-center gx-2">
+                                        <button class = "button fw-bold text-light dark-5 rounded scaled-font" id = "optimize-strdex" onclick = "optimizeStrDex()">Optimize Str/Dex</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col text-center">
+                                <div id="summary-box"></div>
+                                <div id="str-warnings"></div>
+                                <div id="dex-warnings"></div>
+                                <div id="int-warnings"></div>
+                                <div id="def-warnings"></div>
+                                <div id="agi-warnings"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col">
+                        <div class="row row-cols-1 gy-4">
+                            <div class="col mb-1">
+                                <div class="row row-cols-1 row-cols-1 text-center scaled-font dark-5 rounded dark-shadow">
+                                    <div class="col fw-bold dark-4 rounded-top">
+                                        <div class = "row">
+                                            <div class = "col-3 py-2">
+                                                <button class = "col-auto button rounded scaled-font fw-bold text-light dark-5" id = "toggle-tomes" onclick = "toggle_tab('tomes-dropdown'); toggleButton('toggle-tomes')">
+                                                    Show Tomes
+                                                </button>
+                                            </div>
+                                            <div class = "col-3 py-2">
+                                                <button class = "col-auto button rounded scaled-font fw-bold text-light dark-5" id = "toggle-atree" onclick = "toggle_tab('atree-dropdown'); toggleButton('toggle-atree')">
+                                                    Show Ability Tree
+                                                </button>
+                                            </div>
+                                            <div class = "col-3 py-2">
+                                                <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "edit-ID-button" onclick = "toggle_tab('edit_id_tab'); toggleButton('edit-ID-button')">
+                                                    Edit IDs
+                                                </button>
+                                            </div>
+                                            <div class = "col-3 py-2">
+                                                <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "edit-ID-button" onclick = "resetEditableIDs();">
+                                                    Reset Edited IDs
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class = "col dark-6 rounded-bottom my-3 my-xl-1" id = "tomes-dropdown" style = "display: none;">
+                                        <div class="row h-100 row-cols-1 row-cols-xl-2 gy-2 rounded">
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='weaponTome1-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="weaponTome1-img-loc">
+                                                        <img id="weaponTome1-img" class="img-fluid rounded" src="../media/items/new/generic-weaponTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Weapon
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="weaponTome1-choice" name="weaponTome1-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='weaponTome2-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="weaponTome2-img-loc">
+                                                        <img id="weaponTome2-img" class="img-fluid rounded" src="../media/items/new/generic-weaponTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Weapon
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="weaponTome2-choice" name="weaponTome2-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='armorTome1-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="armorTome1-img-loc">
+                                                        <img id="armorTome1-img" class="img-fluid rounded" src="../media/items/new/generic-armorTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Armor
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome1-choice" name="armorTome1-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='armorTome2-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="armorTome2-img-loc">
+                                                        <img id="armorTome2-img" class="img-fluid rounded" src="../media/items/new/generic-armorTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Armor
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome2-choice" name="armorTome2-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='armorTome3-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="armorTome3-img-loc">
+                                                        <img id="armorTome3-img" class="img-fluid rounded" src="../media/items/new/generic-armorTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Armor
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome3-choice" name="armorTome3-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='armorTome4-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="armorTome4-img-loc">
+                                                        <img id="armorTome4-img" class="img-fluid rounded" src="../media/items/new/generic-armorTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Armor
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome4-choice" name="armorTome4-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col-auto rounded">
+                                                <div class="row h-100 dark-shadow rounded" id='guildTome1-dropdown'>
+                                                    <div class="col-auto g-0 rounded-end my-auto text-center scaled-item-icon" id="guildTome1-img-loc">
+                                                        <img id="guildTome1-img" class="img-fluid rounded" src="../media/items/new/generic-guildTome.png">
+                                                    </div>
+                                                    <div class="col-3">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Guild 
+                                                            </div>
+                                                            <div class="col scaled-font fw-bold gx-3">
+                                                                Tome
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col g-0 rounded">
+                                                        <div class="row row-cols-1 h-100 align-items-center">
+                                                            <div class="col d-flex justify-content-end">
+                                                                <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="guildTome1-choice" name="guildTome1-choice" placeholder="No Tome" value=""/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class = "col dark-6 rounded-bottom my-3 my-xl-1" id = "atree-dropdown" style = "display:none;">
+                                        <div class="row row-cols-1 row-cols-xl-2">
+                                            <div class="col border border-semi-light rounded dark-9 hide-scroll" id="atree-ui" style="height: 500px; overflow-y: auto;">
+
+                                            </div>
+                                            <div class="col mx-auto" id="atree-active">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col dark-6 rounded-bottom my-3 my-xl-1" id = "edit_id_tab" style = "display:none;">
+                                        <div class = "row big-title justify-content-center">
+                                            Damage Stats
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Spell Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "sdPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Spell Damage Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "sdRaw-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Melee Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "mdPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Melee Damage Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "mdRaw-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Poison:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "poison-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row eDam">
+                                                    Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "eDamPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row tDam">
+                                                    Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "tDamPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row wDam">
+                                                    Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "wDamPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row fDam">
+                                                    Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "fDamPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row aDam">
+                                                    Damage %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "aDamPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    + Tier:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "atkTier-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+
+                                            </div>
+                                        </div>
+                                        <div class = "row big-title justify-content-center">
+                                            Defense Stats
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row Earth">
+                                                    Defense %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "eDefPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row Thunder">
+                                                    Defense %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "tDefPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row Water">
+                                                    Defense %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "wDefPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row Fire">
+                                                    Defense %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "fDefPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row Air">
+                                                    Defense %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "aDefPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Health Regen Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "hprRaw-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Health Regen %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "hprPct-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    Health Bonus:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "hpBonus-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class = "row big-title justify-content-center">
+                                            Utility Stats
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    1st Spell Cost %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spPct1-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    2nd Spell Cost %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spPct2-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    3rd Spell Cost %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spPct3-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    4th Spell Cost %:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spPct4-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class = "row px-1">
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    1st Spell Cost Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spRaw1-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    2nd Spell Cost Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spRaw2-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    3rd Spell Cost Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spRaw3-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                            <div class = "col-lg-3 col-sm-6">
+                                                <div class = "row">
+                                                    4th Spell Cost Raw:
+                                                </div>
+                                                <div class = "row">
+                                                    <input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
+                                                </div>
+                                                <div class = "row" id = "spRaw4-base">
+                                                    Original Value: 0
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col mb-1">
+                                <div class="row row-cols-1 row-cols-1 text-center scaled-font dark-5 rounded dark-shadow">
+                                    <div class="col fw-bold dark-4 rounded-top">
+                                        Active boosts
+                                    </div>
+                                    <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                        <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                            <div class="col-auto p-1">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="vanish-boost" onclick="update_boosts('vanish-boost')">
+                                                    Vanish (+80%)
+                                                </button>
+                                            </div>
+                                            <div class="col-auto p-1">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="warscream-boost" onclick="update_boosts('warscream-boost')">
+                                                    War Scream (+10%)
+                                                </button>
+                                            </div>
+                                            <div class="col-auto p-1">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="yourtotem-boost" onclick="update_boosts('yourtotem-boost')">
+                                                    Your Totem (+35%)
+                                                </button>
+                                            </div>
+                                            <div class="col-auto p-1">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="allytotem-boost" onclick="update_boosts('allytotem-boost')">
+                                                    Ally Totem (+15%)
+                                                </button>
+                                            </div>
+                                            <div class="col-auto p-1">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="bash-boost" onclick="update_boosts('bash-boost')">
+                                                    Bash (+50%)
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col mb-1">
+                                <div class="row row-cols-1 rounded text-center dark-5 scaled-font">
+                                    <div class="col">
+                                        <div class="row text-nowrap">
+                                            <div id = "str-boost-tab" class="col eDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('str')">
+                                                Earth
+                                            </div>
+                                            <div id = "dex-boost-tab" class="col tDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('dex')">
+                                                Thunder
+                                            </div>
+                                            <div id = "int-boost-tab" class="col wDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('int')">
+                                                Water
+                                            </div>
+                                            <div id = "def-boost-tab" class="col fDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('def')">
+                                                Fire
+                                            </div>
+                                            <div id = "agi-boost-tab" class="col aDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('agi')">
+                                                Air
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col" id="str-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col eDam dark-5">
+                                                Quake (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
+                                                            Lv.4 [e4e4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
+                                                            Lv.4.5 [e5e4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
+                                                            Lv.5 [e5e5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
+                                                            Lv.5.5 [e6e5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
+                                                            Lv.6 [e6e6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col eDam">
+                                                Rage (Passive)
+                                            </div>
+                                            <div class="col">
+                                                <input type = "range" class = "e_slider" id = "str_boost_armor" name = "str-boost-armor" autocomplete = "off" min = '0' max = '400' value = '0' step = '1' onchange = "update_armor_powder_specials('str_boost_armor')">
+                                                <input type="text" id="str_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
+                                                <label id = "str_boost_armor_label" for="str-boost-armor">% Earth Dmg Boost: 0</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col" id="dex-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col tDam dark-5">
+                                                Chain Lightning (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
+                                                            Lv.4 [t4t4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
+                                                            Lv.4.5 [t5t4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
+                                                            Lv.5 [t5t5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
+                                                            Lv.5.5 [t6t5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
+                                                            Lv.6 [t6t6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col tDam">
+                                                Kill Streak (Passive)
+                                            </div>
+                                            <div class="col">
+                                                <input type = "range" class = "t_slider" id = "dex_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "update_armor_powder_specials('dex_boost_armor')">
+                                                <input type="text" id="dex_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
+                                                <label id = "dex_boost_armor_label" for="dex-boost-armor">% Thunder Dmg Boost: 0</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col" id="int-boost">
+                                        <div class="row row-cols-1">
+                                            <div class="col wDam dark-5">
+                                                Curse (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
+                                                            Lv.4 [w4w4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
+                                                            Lv.4.5 [w5w4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
+                                                            Lv.5 [w5w5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
+                                                            Lv.5.5 [w6w5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
+                                                            Lv.6 [w6w6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col wDam">
+                                                Concentration (Passive)
+                                            </div>
+                                            <div class="col">
+                                                <input type = "range" class = "w_slider" id = "int_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "update_armor_powder_specials('int_boost_armor')">
+                                                <input type="text" id="int_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
+                                                <label id = "int_boost_armor_label" for="dex-boost-armor">% Water Dmg Boost: 0</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col" id="def-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col fDam dark-5">
+                                                Courage (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
+                                                            Lv.4 [f4f4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
+                                                            Lv.4.5 [f5f4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
+                                                            Lv.5 [f5f5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
+                                                            Lv.5.5 [f6f5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
+                                                            Lv.6 [f6f6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col fDam">
+                                                Endurance (Passive)
+                                            </div>
+                                            <div class="col">
+                                                <input type = "range" class = "f_slider" id = "def_boost_armor" name = "def-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "update_armor_powder_specials('def_boost_armor')">
+                                                <input type="text" id="def_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
+                                                <label id = "def_boost_armor_label" for="def-boost-armor">% Fire Dmg Boost: 0</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col" id="agi-boost" style="display: none;">
+                                        <div class="row row-cols-1">
+                                            <div class="col aDam dark-5">
+                                                Wind Prison (Active)
+                                            </div>
+                                            <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
+                                                <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-1" onclick = "updatePowderSpecials('Wind_Prison-1')">
+                                                            Lv.4 [a4a4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-2" onclick = "updatePowderSpecials('Wind_Prison-2')">
+                                                            Lv.4.5 [a5a4]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-3" onclick = "updatePowderSpecials('Wind_Prison-3')">
+                                                            Lv.5 [a5a5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-4" onclick = "updatePowderSpecials('Wind_Prison-4')">
+                                                            Lv.5.5 [a6a5]
+                                                        </button>
+                                                    </div>
+                                                    <div class="col-auto p-1">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-5" onclick = "updatePowderSpecials('Wind_Prison-5')">
+                                                            Lv.6 [a6a6]
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col aDam">
+                                                Dodge (Passive)
+                                            </div>
+                                            <div class="col">
+                                                <input type = "range" class = "a_slider" id = "agi_boost_armor" name = "agi-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "update_armor_powder_specials('agi_boost_armor')">
+                                                <input type="text" id="agi_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
+                                                <label id = "agi_boost_armor_label" for="agi-boost-armor">% Air Dmg Boost: 0</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-xl-3 mb-3">
+                <div class="row row-cols-1 rounded dark-shadow dark-6 scaled-font">
+                    <div class="col rounded-top">
+                        <div class="row">
+                            <div id="tab-offensive-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('offensive-stats')">
+                                Offense
+                            </div>
+                            <div id="tab-defensive-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('defensive-stats')">
+                                Defense
+                            </div>
+                            <div id="tab-overall-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7 selected-btn" onclick="show_tab('overall-stats')">
+                                Overall
+                            </div>
+                        </div>
+                    </div>
+                    <div style="display: none;" id="offensive-stats" class="col text-nowrap"></div>
+                    <div style="display: none;" id="defensive-stats" class="col text-nowrap"></div>
+                    <div id="overall-stats" class="col text-nowrap"></div>
+                </div>
+            </div>
+            <div class="col-xl-3 mb-3 px-0">
+                <div class="row row-cols-1 gy-3 mb-4 text-center scaled-font">
+                    <div class = "col">
+                        <div class = "spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
+                        <div class = "spell-display dark-5 rounded-bottom py-2 dark-shadow" id = "build-melee-stats" style="display: none;"></div>
+                    </div>
+                    <div class = "col">
+                        <div class = "col spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-poison-stats">poison</div>
+                    </div>
+                    <div class = "col">
+                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell0-infoAvg">spell1</div>
+                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell0-info" style="display: none;">Spell 1</div>
+                    </div>
+                    <div class = "col">
+                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell1-infoAvg">spell2</div>
+                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell1-info" style="display: none;">Spell 2</div>
+                    </div>
+                    <div class = "col">
+                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell2-infoAvg">spell3</div>
+                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell2-info" style="display: none;">Spell 3</div>
+                    </div>
+                    <div class = "col">
+                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell3-infoAvg">spell4</div>
+                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell3-info" style="display: none;">Spell 4</div>
+                    </div>
+                    <div class = "col">
+                        <div class = "spell-display dark-5 rounded dark-shadow py-2 border border-dark" id = "powder-special-stats"></div>
+                    </div>
+                    
+                </div>
+            </div>
+        </div>
+        <div class="row mx-2 mx-lg-3">
+            <div class="col" id="masonry-container">
+                <div id="helmet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="chestplate-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="leggings-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="boots-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="ring1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="ring2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="bracelet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="necklace-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="weapon-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <!--div id="weaponTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="weaponTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="armorTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="armorTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="armorTome3-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="armorTome4-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div>
+                <div id="guildTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                </div-->
+                <div class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
+                </div>
+                <div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
+            </div>
+        </div>
+        <div class="row mx-2 mx-lg-3">
+            <div class="col-12 dark-5 scaled-font">
+                <footer class="text-center">
+                    <div id="header2">
+                        <p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>
+                        <p>Hard refresh the page (Ctrl+Shift+R on windows/chrome) if it isn't updating correctly.</p>
+                    </div>
+                    <div id="credits">
+                        <a href="credits.txt" class="link">Additional credits</a>
+                    </div>
+                </footer>
+            </div>  
+        </div>
+    </div>
+    <div class="container h-75 mx-0 mx-lg-auto dark-2 border border-4 scaled-font align-self-center" style="position: fixed; z-index: 2000; overflow: auto; display: none;" id="search-container">
+        <div class="row justify-content-end">
+            <div class="col-auto">
+                <button type="button" class="btn-close btn-close-white" aria-label="Close" onclick="document.querySelector('#search-container').style.display = 'none';"></button>
+            </div>
+        </div>
+        <div class="row row-cols-1 justify-content-center">
+            <div class="col-10 dark-5 p-2 dark-shadow rounded-top">
+                <div class="row row-cols-1 row-cols-xl-4 justify-content-center mb-1">
+                    <div class="col-auto">
+                        <label for="item-name-choice">Name:</label>
+                        <input class="search-field" type="text" id="item-name-choice" name="item-name-choice" placeholder="Name" oninput="doSearchSchedule();"/>
+                    </div>
+                    <div class="col-auto">
+                        <label for="item-category-choice">Category:</label>
+                        <input class="search-field" id="item-category-choice" name="item-category-choice" placeholder="Category"/>
+                    </div>
+                    <div class="col-auto">    
+                        <label for="item-rarity-choice">Rarity:</label>
+                        <input class="search-field" id="item-rarity-choice" name="item-rarity-choice" placeholder="Rarity"/>
+                    </div>
+                    <div class="col-auto">
+                        <label for="item-level-choice">Level:</label>
+                        <input class="search-field" type="text" id="item-level-choice" name="item-level-choice" placeholder="1-106"/>
+                    </div>
+                </div>
+                <div class="row row-cols-1 row-cols-xl-4 justify-content-center my-1">
+                    <div class="col-auto" id="filter1-dropdown">
+                        <label for="filter1-choice">Filter 1:</label>
+                        <input class="search-field" list="filter-items" id="filter1-choice" name="filter1-choice" placeholder=""/>
+                    </div>
+                    <div class="col-auto" id="filter2-dropdown">
+                        <label for="filter2-choice">Filter 2:</label>
+                        <input class="search-field" list="filter-items" id="filter2-choice" name="filter2-choice" placeholder=""/>
+                    </div>
+                    <div class="col-auto" id="filter3-dropdown">    
+                        <label for="filter3-choice">Filter 3:</label>
+                        <input class="search-field" list="filter-items" id="filter3-choice" name="filter3-choice" placeholder=""/>
+                    </div>
+                    <div class="col-auto" id="filter4-dropdown">
+                        <label for="filter4-choice">Filter 4:</label>
+                        <input class="search-field" list="filter-items" id="filter4-choice" name="filter4-choice" placeholder=""/>
+                    </div>
+                </div>
+                <div class = "row box-title justify-content-center my-1" id = "summary">
+                </div>
+                <div class = "row" id = "search-results">
+                    
+                </div>
+            </div>
+            
+        </div>
+    </div>
+    
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.6/dist/autoComplete.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/macy@2"></script>
+    <script type="text/javascript" src="../js/utils.js"></script>
+    <script type="text/javascript" src="../js/build_utils.js"></script>
+    <script type="text/javascript" src="../js/computation_graph.js"></script>
+    <!-- <script type="text/javascript" src="../js/icons.js"></script> -->
+    <script type="text/javascript" src="../js/sq2icons.js"></script>
+    <script type="text/javascript" src="../js/powders.js"></script>
+    <script type="text/javascript" src="../js/skillpoints.js"></script>
+    <script type="text/javascript" src="../js/damage_calc.js"></script>
+
+    <script type="text/javascript" src="../js/atree_constants_min.js"></script>
+
+    <script type="text/javascript" src="../js/display_constants.js"></script>
+
+    <script type="text/javascript" src="../js/display.js"></script>
+
+    <script type="text/javascript" src="../js/query.js"></script>
+    <script type="text/javascript" src="../js/query_2.js"></script>
+    <script type="text/javascript" src="../js/load.js"></script>
+    <script type="text/javascript" src="../js/load_ing.js"></script>
+    <script type="text/javascript" src="../js/load_tome.js"></script>
+    <script type="text/javascript" src="../js/custom.js"></script> 
+    <script type="text/javascript" src="../js/craft.js"></script>  
+    <script type="text/javascript" src="../js/build.js"></script>
+    <script type="text/javascript" src="../js/build_constants.js"></script>
+    <script type="text/javascript" src="../js/build_encode_decode.js"></script>
+    <script type="text/javascript" src="../js/atree.js"></script>
+    <script type="text/javascript" src="../js/builder.js"></script>
+    <script type="text/javascript" src="../js/builder_graph.js"></script>
+    <script type="text/javascript" src="../js/expr_parser.js"></script>
+    <script type="text/javascript" src="../js/items.js"></script>
+    <script type="text/javascript" src="../js/sq2items.js"></script>
+    <script type="text/javascript" src="../js/optimize.js"></script>
+
+    <div id="graph_body" style="max-width: 100%; height: 100vh">
+        <button id="saveButton">JANKY Export SVG</button>
+        <a id="saveLink">savelink</a>
+    </div>
+    <script src="https://d3js.org/d3.v7.js"></script>
+    <script type="text/javascript" src="../js/render_compute_graph.js"></script>
+</body>
+</html> 
diff --git a/builder/index.html b/builder/index.html
index 919c603..f80563e 100644
--- a/builder/index.html
+++ b/builder/index.html
@@ -272,7 +272,7 @@
                             <div class="col-auto order-xl-0 order-1">
                                 <div class="row h-100 dark-shadow dark-6 rounded" id='weapon-dropdown'>
                                     <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="weapon-img-loc">
-                                        <img id="weapon-img" class="img-fluid rounded" src="../media/items/new/generic-wand.png">
+                                        <img id="weapon-img" class="img-fluid rounded" src="../media/items/new/generic-dagger.png">
                                     </div>
                                     <div class="col-3">
                                         <div class="row row-cols-1 h-100 align-items-center">
@@ -307,15 +307,17 @@
                                                 <input class="equipment-input text-light form-control form-control-sm" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/>
                                             </div>
                                             <div class="col-auto px-1 text-nowrap scaled-font">
-                                                <button class="button fw-bold text-light dark-5 scaled-font rounded" id="reset-button" onclick="sq2ResetFields()">Reset</button>
+                                                <button class="button fw-bold text-light dark-5 scaled-font rounded" id="reset-button" onclick="resetFields()">Reset</button>
                                             </div>
                                         </div>
                                         <div class="row align-items-center justify-content-center my-1">
-                                            <div class="col-auto px-1 text-nowrap scaled-font">
-                                                <button class="button fw-bold text-light dark-5 scaled-font rounded" id="copy-button" onclick="copyBuild()">Copy short</button>
-                                            </div>
-                                            <div class="col-auto px-1 text-nowrap scaled-font">
-                                                <button class="button fw-bold text-light dark-5 scaled-font rounded" id="share-button" onclick="shareBuild()">Copy for sharing</button>
+                                            <div class="row align-items-center">
+                                                <div class="col-auto px-1 text-nowrap scaled-font">
+                                                    <button class="border-dark text-light dark-5 scaled-font rounded" id=copy-button onclick="copyBuild()">Copy short</button>
+                                                </div>
+                                                <div class="col-auto px-1 text-nowrap scaled-font">
+                                                    <button class="border-dark text-light dark-5 scaled-font rounded" id=share-button onclick="shareBuild(player_build)">Copy for sharing</button>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
@@ -404,6 +406,8 @@
                             </div>
                             <div class="col text-center">
                                 <div id="summary-box"></div>
+                                <div id="err-box"></div>
+                                <div id="stack-box"></div>
                                 <div id="str-warnings"></div>
                                 <div id="dex-warnings"></div>
                                 <div id="int-warnings"></div>
@@ -425,7 +429,7 @@
                                             </div>
                                             <div class = "col-3 py-2">
                                                 <button class = "col-auto button rounded scaled-font fw-bold text-light dark-5" id = "toggle-atree" onclick = "toggle_tab('atree-dropdown'); toggleButton('toggle-atree')">
-                                                    Show Ability Tree
+                                                    Edit Abilities
                                                 </button>
                                             </div>
                                             <div class = "col-3 py-2">
@@ -434,7 +438,7 @@
                                                 </button>
                                             </div>
                                             <div class = "col-3 py-2">
-                                                <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "edit-ID-button" onclick = "resetEditableIDs(); updateStats();">
+                                                <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "edit-ID-button" onclick = "resetEditableIDs();">
                                                     Reset Edited IDs
                                                 </button>
                                             </div>
@@ -612,13 +616,16 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div class = "col dark-6 rounded-bottom my-3 my-xl-1" id = "atree-dropdown"">
+                                    <div class = "col dark-6 rounded-bottom my-3 my-xl-1" id = "atree-dropdown" style = "display:none;">
                                         <div class="row row-cols-1 row-cols-xl-2">
-                                            <div class="col border rounded dark-9 hide-scroll" id="atree-ui" style="height: 500px; overflow-y: auto;">
+                                            <div class="col border border-semi-light rounded dark-9 hide-scroll" id="atree-ui" style="height: 90vh; overflow-y: auto;">
 
                                             </div>
-                                            <div class="col" id="atree-active">
-                                                Active:
+                                            <div class="col mx-auto" style="height: 90vh; overflow-y: auto;" id="atree-rhs">
+                                            <div class="col mx-auto" style="height: 2em; overflow-y: auto;" id="atree-header">
+                                            </div>
+                                            <div class="col mx-auto" style="overflow-y: auto;" id="atree-active">
+                                            </div>
                                             </div>
                                         </div>
                                     </div>
@@ -632,7 +639,7 @@
                                                     Spell Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "sdPct-base">
                                                     Original Value: 0
@@ -643,7 +650,7 @@
                                                     Spell Damage Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "sdRaw-base">
                                                     Original Value: 0
@@ -654,7 +661,7 @@
                                                     Melee Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "mdPct-base">
                                                     Original Value: 0
@@ -665,7 +672,7 @@
                                                     Melee Damage Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "mdRaw-base">
                                                     Original Value: 0
@@ -678,7 +685,7 @@
                                                     Poison:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "poison-base">
                                                     Original Value: 0
@@ -689,7 +696,7 @@
                                                     Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "eDamPct-base">
                                                     Original Value: 0
@@ -700,7 +707,7 @@
                                                     Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "tDamPct-base">
                                                     Original Value: 0
@@ -711,7 +718,7 @@
                                                     Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "wDamPct-base">
                                                     Original Value: 0
@@ -724,7 +731,7 @@
                                                     Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "fDamPct-base">
                                                     Original Value: 0
@@ -735,7 +742,7 @@
                                                     Damage %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "aDamPct-base">
                                                     Original Value: 0
@@ -746,7 +753,7 @@
                                                     + Tier:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "atkTier-base">
                                                     Original Value: 0
@@ -765,7 +772,7 @@
                                                     Defense %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "eDefPct-base">
                                                     Original Value: 0
@@ -776,7 +783,7 @@
                                                     Defense %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "tDefPct-base">
                                                     Original Value: 0
@@ -787,7 +794,7 @@
                                                     Defense %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "wDefPct-base">
                                                     Original Value: 0
@@ -798,7 +805,7 @@
                                                     Defense %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "fDefPct-base">
                                                     Original Value: 0
@@ -811,7 +818,7 @@
                                                     Defense %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "aDefPct-base">
                                                     Original Value: 0
@@ -822,7 +829,7 @@
                                                     Health Regen Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "hprRaw-base">
                                                     Original Value: 0
@@ -833,7 +840,7 @@
                                                     Health Regen %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "hprPct-base">
                                                     Original Value: 0
@@ -844,7 +851,7 @@
                                                     Health Bonus:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "hpBonus-base">
                                                     Original Value: 0
@@ -860,7 +867,7 @@
                                                     1st Spell Cost %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spPct1-base">
                                                     Original Value: 0
@@ -871,7 +878,7 @@
                                                     2nd Spell Cost %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spPct2-base">
                                                     Original Value: 0
@@ -882,7 +889,7 @@
                                                     3rd Spell Cost %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spPct3-base">
                                                     Original Value: 0
@@ -893,7 +900,7 @@
                                                     4th Spell Cost %:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spPct4-base">
                                                     Original Value: 0
@@ -906,7 +913,7 @@
                                                     1st Spell Cost Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spRaw1-base">
                                                     Original Value: 0
@@ -917,7 +924,7 @@
                                                     2nd Spell Cost Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spRaw2-base">
                                                     Original Value: 0
@@ -928,7 +935,7 @@
                                                     3rd Spell Cost Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spRaw3-base">
                                                     Original Value: 0
@@ -939,7 +946,7 @@
                                                     4th Spell Cost Raw:
                                                 </div>
                                                 <div class = "row">
-                                                    <input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                    <input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm"/>
                                                 </div>
                                                 <div class = "row" id = "spRaw4-base">
                                                     Original Value: 0
@@ -957,27 +964,27 @@
                                     <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
                                         <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
                                             <div class="col-auto p-1">
-                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="vanish-boost" onclick="updateBoosts('vanish-boost', true)">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="vanish-boost" onclick="update_boosts('vanish-boost')">
                                                     Vanish (+80%)
                                                 </button>
                                             </div>
                                             <div class="col-auto p-1">
-                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="warscream-boost" onclick="updateBoosts('warscream-boost', true)">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="warscream-boost" onclick="update_boosts('warscream-boost')">
                                                     War Scream (+10%)
                                                 </button>
                                             </div>
                                             <div class="col-auto p-1">
-                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="yourtotem-boost" onclick="updateBoosts('yourtotem-boost', true)">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="yourtotem-boost" onclick="update_boosts('yourtotem-boost')">
                                                     Your Totem (+35%)
                                                 </button>
                                             </div>
                                             <div class="col-auto p-1">
-                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="allytotem-boost" onclick="updateBoosts('allytotem-boost', true)">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="allytotem-boost" onclick="update_boosts('allytotem-boost')">
                                                     Ally Totem (+15%)
                                                 </button>
                                             </div>
                                             <div class="col-auto p-1">
-                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="bash-boost" onclick="updateBoosts('bash-boost', true)">
+                                                <button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="bash-boost" onclick="update_boosts('bash-boost')">
                                                     Bash (+50%)
                                                 </button>
                                             </div>
@@ -1014,27 +1021,27 @@
                                             <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
                                                 <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
                                                             Lv.4 [e4e4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
                                                             Lv.4.5 [e5e4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
                                                             Lv.5 [e5e5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
                                                             Lv.5.5 [e6e5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
                                                             Lv.6 [e6e6]
                                                         </button>
                                                     </div>
@@ -1044,7 +1051,7 @@
                                                 Rage (Passive)
                                             </div>
                                             <div class="col">
-                                                <input type = "range" class = "e_slider" id = "str_boost_armor" name = "str-boost-armor" autocomplete = "off" min = '0' max = '400' value = '0' step = '1' onchange = "updateArmorPowderSpecials('str_boost_armor', true)">
+                                                <input type = "range" class = "e_slider" id = "str_boost_armor" name = "str-boost-armor" autocomplete = "off" min = '0' max = '400' value = '0' step = '1' onchange = "update_armor_powder_specials('str_boost_armor')">
                                                 <input type="text" id="str_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
                                                 <label id = "str_boost_armor_label" for="str-boost-armor">% Earth Dmg Boost: 0</label>
                                             </div>
@@ -1058,27 +1065,27 @@
                                             <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
                                                 <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
                                                             Lv.4 [t4t4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
                                                             Lv.4.5 [t5t4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
                                                             Lv.5 [t5t5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
                                                             Lv.5.5 [t6t5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
                                                             Lv.6 [t6t6]
                                                         </button>
                                                     </div>
@@ -1088,7 +1095,7 @@
                                                 Kill Streak (Passive)
                                             </div>
                                             <div class="col">
-                                                <input type = "range" class = "t_slider" id = "dex_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "updateArmorPowderSpecials('dex_boost_armor', true)">
+                                                <input type = "range" class = "t_slider" id = "dex_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "update_armor_powder_specials('dex_boost_armor')">
                                                 <input type="text" id="dex_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
                                                 <label id = "dex_boost_armor_label" for="dex-boost-armor">% Thunder Dmg Boost: 0</label>
                                             </div>
@@ -1102,27 +1109,27 @@
                                             <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
                                                 <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
                                                             Lv.4 [w4w4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
                                                             Lv.4.5 [w5w4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
                                                             Lv.5 [w5w5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
                                                             Lv.5.5 [w6w5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
                                                             Lv.6 [w6w6]
                                                         </button>
                                                     </div>
@@ -1132,7 +1139,7 @@
                                                 Concentration (Passive)
                                             </div>
                                             <div class="col">
-                                                <input type = "range" class = "w_slider" id = "int_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "updateArmorPowderSpecials('int_boost_armor', true)">
+                                                <input type = "range" class = "w_slider" id = "int_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "update_armor_powder_specials('int_boost_armor')">
                                                 <input type="text" id="int_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
                                                 <label id = "int_boost_armor_label" for="dex-boost-armor">% Water Dmg Boost: 0</label>
                                             </div>
@@ -1146,27 +1153,27 @@
                                             <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
                                                 <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
                                                             Lv.4 [f4f4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
                                                             Lv.4.5 [f5f4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
                                                             Lv.5 [f5f5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
                                                             Lv.5.5 [f6f5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
                                                             Lv.6 [f6f6]
                                                         </button>
                                                     </div>
@@ -1176,7 +1183,7 @@
                                                 Endurance (Passive)
                                             </div>
                                             <div class="col">
-                                                <input type = "range" class = "f_slider" id = "def_boost_armor" name = "def-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "updateArmorPowderSpecials('def_boost_armor', true)">
+                                                <input type = "range" class = "f_slider" id = "def_boost_armor" name = "def-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "update_armor_powder_specials('def_boost_armor')">
                                                 <input type="text" id="def_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
                                                 <label id = "def_boost_armor_label" for="def-boost-armor">% Fire Dmg Boost: 0</label>
                                             </div>
@@ -1190,27 +1197,27 @@
                                             <div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
                                                 <div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-1" onclick = "updatePowderSpecials('Wind_Prison-1', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-1" onclick = "updatePowderSpecials('Wind_Prison-1')">
                                                             Lv.4 [a4a4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-2" onclick = "updatePowderSpecials('Wind_Prison-2', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-2" onclick = "updatePowderSpecials('Wind_Prison-2')">
                                                             Lv.4.5 [a5a4]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-3" onclick = "updatePowderSpecials('Wind_Prison-3', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-3" onclick = "updatePowderSpecials('Wind_Prison-3')">
                                                             Lv.5 [a5a5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-4" onclick = "updatePowderSpecials('Wind_Prison-4', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-4" onclick = "updatePowderSpecials('Wind_Prison-4')">
                                                             Lv.5.5 [a6a5]
                                                         </button>
                                                     </div>
                                                     <div class="col-auto p-1">
-                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-5" onclick = "updatePowderSpecials('Wind_Prison-5', true)">
+                                                        <button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-5" onclick = "updatePowderSpecials('Wind_Prison-5')">
                                                             Lv.6 [a6a6]
                                                         </button>
                                                     </div>
@@ -1220,7 +1227,7 @@
                                                 Dodge (Passive)
                                             </div>
                                             <div class="col">
-                                                <input type = "range" class = "a_slider" id = "agi_boost_armor" name = "agi-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "updateArmorPowderSpecials('agi_boost_armor', true)">
+                                                <input type = "range" class = "a_slider" id = "agi_boost_armor" name = "agi-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "update_armor_powder_specials('agi_boost_armor')">
                                                 <input type="text" id="agi_boost_armor_prev" autocomplete = "off"  value="0" style = "display:none;">
                                                 <label id = "agi_boost_armor_label" for="agi-boost-armor">% Air Dmg Boost: 0</label>
                                             </div>
@@ -1255,27 +1262,29 @@
             <div class="col-xl-3 mb-3 px-0">
                 <div class="row row-cols-1 gy-3 mb-4 text-center scaled-font">
                     <div class = "col">
-                        <div class = "spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
+                        <div class = "spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
                         <div class = "spell-display dark-5 rounded-bottom py-2 dark-shadow" id = "build-melee-stats" style="display: none;"></div>
                     </div>
                     <div class = "col">
                         <div class = "col spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-poison-stats">poison</div>
                     </div>
-                    <div class = "col">
-                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell0-infoAvg">spell1</div>
-                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell0-info" style="display: none;">Spell 1</div>
-                    </div>
-                    <div class = "col">
-                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell1-infoAvg">spell2</div>
-                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell1-info" style="display: none;">Spell 2</div>
-                    </div>
-                    <div class = "col">
-                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell2-infoAvg">spell3</div>
-                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell2-info" style="display: none;">Spell 3</div>
-                    </div>
-                    <div class = "col">
-                        <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell3-infoAvg">spell4</div>
-                        <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell3-info" style="display: none;">Spell 4</div>
+                    <div id="all-spells-display" class="row row-cols-1 gy-3 text-center scaled-font pe-0">
+                        <div class = "col pe-0">
+                            <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell0-infoAvg">spell1</div>
+                            <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell0-info" style="display: none;">Spell 1</div>
+                        </div>
+                        <div class = "col pe-0">
+                            <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell1-infoAvg">spell2</div>
+                            <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell1-info" style="display: none;">Spell 2</div>
+                        </div>
+                        <div class = "col pe-0">
+                            <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell2-infoAvg">spell3</div>
+                            <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell2-info" style="display: none;">Spell 3</div>
+                        </div>
+                        <div class = "col pe-0">
+                            <div class = "col spell-display spell-expand dark-5 rounded dark-shadow pt-2 border border-dark" id="spell3-infoAvg">spell4</div>
+                            <div class = "col spell-display dark-5 rounded dark-shadow py-2" id = "spell3-info" style="display: none;">Spell 4</div>
+                        </div>
                     </div>
                     <div class = "col">
                         <div class = "spell-display dark-5 rounded dark-shadow py-2 border border-dark" id = "powder-special-stats"></div>
@@ -1304,7 +1313,7 @@
                 </div>
                 <div id="weapon-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
                 </div>
-                <div id="weaponTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+                <!--div id="weaponTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
                 </div>
                 <div id="weaponTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
                 </div>
@@ -1317,7 +1326,7 @@
                 <div id="armorTome4-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
                 </div>
                 <div id="guildTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
-                </div>
+                </div-->
                 <div class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
                 </div>
                 <div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
@@ -1327,7 +1336,7 @@
             <div class="col-12 dark-5 scaled-font">
                 <footer class="text-center">
                     <div id="header2">
-                        <p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>
+                        <p>Made by <b class = "hppeng">hppeng</b>, <b class = "ferricles">ferricles</b>, and <b>reschan</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>
                         <p>Hard refresh the page (Ctrl+Shift+R on windows/chrome) if it isn't updating correctly.</p>
                     </div>
                     <div id="credits">
@@ -1396,19 +1405,18 @@
     <script src="https://cdn.jsdelivr.net/npm/macy@2"></script>
     <script type="text/javascript" src="../js/utils.js"></script>
     <script type="text/javascript" src="../js/build_utils.js"></script>
+    <script type="text/javascript" src="../js/computation_graph.js"></script>
     <!-- <script type="text/javascript" src="../js/icons.js"></script> -->
     <script type="text/javascript" src="../js/sq2icons.js"></script>
     <script type="text/javascript" src="../js/powders.js"></script>
     <script type="text/javascript" src="../js/skillpoints.js"></script>
     <script type="text/javascript" src="../js/damage_calc.js"></script>
 
-    <script type="text/javascript" src="../js/atree_constants.js"></script>
+    <script type="text/javascript" src="../js/atree_constants_min.js"></script>
 
     <script type="text/javascript" src="../js/display_constants.js"></script>
-    <script type="text/javascript" src="../js/sq2display_constants.js"></script>
 
     <script type="text/javascript" src="../js/display.js"></script>
-    <script type="text/javascript" src="../js/sq2display.js"></script>
 
     <script type="text/javascript" src="../js/query.js"></script>
     <script type="text/javascript" src="../js/query_2.js"></script>
@@ -1417,12 +1425,16 @@
     <script type="text/javascript" src="../js/load_tome.js"></script>
     <script type="text/javascript" src="../js/custom.js"></script> 
     <script type="text/javascript" src="../js/craft.js"></script>  
-    <script type="text/javascript" src="../js/sq2build.js"></script>
-    <script type="text/javascript" src="../js/sq2builder.js"></script>
+    <script type="text/javascript" src="../js/build.js"></script>
+    <script type="text/javascript" src="../js/build_constants.js"></script>
+    <script type="text/javascript" src="../js/build_encode_decode.js"></script>
+    <script type="text/javascript" src="../js/atree.js"></script>
+    <script type="text/javascript" src="../js/builder.js"></script>
+    <script type="text/javascript" src="../js/builder_graph.js"></script>
     <script type="text/javascript" src="../js/expr_parser.js"></script>
     <script type="text/javascript" src="../js/items.js"></script>
     <script type="text/javascript" src="../js/sq2items.js"></script>
-    <script type="text/javascript" src="../js/sq2bs.js"></script>
+    <script type="text/javascript" src="../js/optimize.js"></script>
 
 </body>
 </html> 
diff --git a/crafter/index.html b/crafter/index.html
index 645d2b6..65c6cdc 100644
--- a/crafter/index.html
+++ b/crafter/index.html
@@ -211,7 +211,7 @@
                                 </button>
                             </div>
                             <div class = "col-lg-3 col-sm-6">
-                                <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "craft-button" onclick = "copyRecipeHash()">
+                                <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "copy-hash-button" onclick = "copyRecipeHash()">
                                 Copy Hash
                                 </button>
                             </div>
@@ -282,7 +282,7 @@
             <div class="col dark-5 scaled-font">
                 <footer class="text-center">
                     <div id="header2">
-                        <p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>
+                        <p>Made by <b class = "hppeng">hppeng</b>, <b class = "ferricles">ferricles</b>, and <b>reschan</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>
                         <p>Hard refresh the page (Ctrl+Shift+R on windows/chrome) if it isn't updating correctly.</p>
                     </div>
                     <div id="credits">
@@ -301,8 +301,6 @@
         <script type="text/javascript" src="../js/damage_calc.js"></script>
         <script type="text/javascript" src="../js/display_constants.js"></script>
         <script type="text/javascript" src="../js/display.js"></script>
-        <script type="text/javascript" src="../js/sq2display_constants.js"></script>
-        <script type="text/javascript" src="../js/sq2display.js"></script>
         <script type="text/javascript" src="../js/load_ing.js"></script>
         <script type="text/javascript" src="../js/load.js"></script>
         <script type="text/javascript" src="../js/craft.js"></script>
diff --git a/credits.txt b/credits.txt
new file mode 100644
index 0000000..36a1694
--- /dev/null
+++ b/credits.txt
@@ -0,0 +1,20 @@
+
+Theme, formatting, and overall inspiration: Wynndata (Dukio)
+    - https://wynndata.tk
+
+The game, of course
+    - wynncraft.com
+
+Additional Contributors, in no particular order:
+ - Kiocifer (Icons!)
+ - IncinerateMe (helping transition to 1.20.3 / CI helper)
+ - puppy (wynn2 ability tree help)
+ - SockMower (ability tree encode/decode optimization)
+ - ITechnically (coding emotional support / misc)
+ - touhoku (best IM)
+ - HeyZeer0 (huge help in getting our damage formulas right)
+ - Lennon (Skill point formula reversing)
+ - Phanta (WynnAtlas custom expression parser / item search)
+ - nbcss (Crafted Item mechanics reverse engineering)
+ - dr_carlos (Hiding UI elements properly, fade animations, proper error handling)
+ - Atlas Inc discord (feedback, ideas, damage calc, etc)
diff --git a/css/sq2bs.css b/css/sq2bs.css
index 6790cb9..9b42afe 100644
--- a/css/sq2bs.css
+++ b/css/sq2bs.css
@@ -474,14 +474,12 @@ a:hover {
     transform: rotate(270deg);
 }
 
-/* atree hover */
-.atree-node {
-    opacity: 75%;
+.rotate-flip {
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
 }
 
-.atree-node:hover {
-    opacity: 100%;
-}
+
 
 .hide-scroll {
     -ms-overflow-style: none;  /* Internet Explorer 10+ */
@@ -490,3 +488,13 @@ a:hover {
 .hide-scroll::-webkit-scrollbar { 
     display: none;  /* Safari and Chrome */
 }
+
+.atree-selected {
+    outline: 5px solid rgba(95, 214, 223, 0.8);
+}
+
+.atree-circle {
+    border-radius:50%;
+    -moz-border-radius:50%;
+    -webkit-border-radius:50%;
+}
\ No newline at end of file
diff --git a/dev/builder_colorcode.png b/dev/builder_colorcode.png
new file mode 100755
index 0000000..a9501b8
Binary files /dev/null and b/dev/builder_colorcode.png differ
diff --git a/dev/compute_graph.svg b/dev/compute_graph.svg
new file mode 100755
index 0000000..5f3413f
--- /dev/null
+++ b/dev/compute_graph.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+	<marker id="triangle" viewBox="0 0 10 10"
+          refX="40" refY="5"
+          markerUnits="strokeWidth"
+          markerWidth="10" markerHeight="10"
+          orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#f00"/>
+    </marker>
+</defs>
+<rect class="view" x="0" y="0" width="1518.199951171875" height="806.2000122070312"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-437.8558963283126" y1="968.4676276233411" x2="-631.1058834613671" y2="986.5070903078058" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-631.1058834613671" y1="986.5070903078058" x2="-838.8663863896481" y2="1045.6596020132463" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-631.1058834613671" y1="986.5070903078058" x2="-1009.5684657057732" y2="1141.9033825215317" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-443.5754002151243" y1="907.6285886267474" x2="-639.8397898801886" y2="926.4567915349481" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-639.8397898801886" y1="926.4567915349481" x2="-841.1152540542753" y2="963.9972571135459" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-639.8397898801886" y1="926.4567915349481" x2="-1021.0446304863435" y2="1057.2132691453528" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-444.6782122456393" y1="843.7217626027274" x2="-643.7237004275953" y2="859.5319363377286" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-643.7237004275953" y1="859.5319363377286" x2="-853.2703396914717" y2="892.6528134575933" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-643.7237004275953" y1="859.5319363377286" x2="-1029.2324239744341" y2="983.7344177990076" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-443.89627209036485" y1="776.6621350638496" x2="-649.4167265867868" y2="794.4185291304169" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-649.4167265867868" y1="794.4185291304169" x2="-861.8385448778483" y2="821.1636604838407" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-649.4167265867868" y1="794.4185291304169" x2="-1030.045216745705" y2="901.3961486153357" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-662.8044333223606" y1="733.2639235874885" x2="-863.7121261880397" y2="749.3701313141348" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-662.8044333223606" y1="733.2639235874885" x2="-1031.0900602853876" y2="821.999025613582" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-660.0771047564795" y1="641.4354254103159" x2="-866.0722375759403" y2="660.8802767484416" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-660.0771047564795" y1="641.4354254103159" x2="-1037.6807013539437" y2="737.7461753587218" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-664.0839810152575" y1="572.6267996531802" x2="-871.7280782296534" y2="590.270465840081" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-664.0839810152575" y1="572.6267996531802" x2="-1041.9291993101058" y2="652.4721308203493" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-668.1449177748314" y1="482.4008914631913" x2="-874.6461934626354" y2="504.28413092733354" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-668.1449177748314" y1="482.4008914631913" x2="-1046.30777789131" y2="573.2699524601326" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-427.1400968611322" y1="1028.513263656565" x2="-634.3273142124162" y2="1232.3643576669065" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="-832.60850265406" y2="1241.6688416412903" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="-993.344769284897" y2="1309.6622053925025" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-684.5395941336394" y1="313.59886085010646" x2="-882.2076827202536" y2="321.94547675244337" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-689.4093041198194" y1="250.2693549810001" x2="-894.0114863100716" y2="242.42850550916063" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-694.4959873453129" y1="176.52160498408955" x2="-900.1011126634821" y2="174.42603021115679" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-696.1590697402253" y1="118.5520571843178" x2="-907.2905897524706" y2="111.8038755818019" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-700.5385598864377" y1="65.38917123776707" x2="-915.1623610738802" y2="52.49376304021244" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-698.5343493042892" y1="-4.102626574812689" x2="-918.8075926917295" y2="-4.438735536604042" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-672.3746105347809" y1="385.32518557998554" x2="-878.2836068861106" y2="399.7794193989864" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="-622.1690124515244" y2="1320.5549276860058" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-631.1058834613671" y1="986.5070903078058" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-639.8397898801886" y1="926.4567915349481" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-643.7237004275953" y1="859.5319363377286" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-649.4167265867868" y1="794.4185291304169" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-662.8044333223606" y1="733.2639235874885" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-660.0771047564795" y1="641.4354254103159" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-664.0839810152575" y1="572.6267996531802" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-668.1449177748314" y1="482.4008914631913" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-684.5395941336394" y1="313.59886085010646" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-689.4093041198194" y1="250.2693549810001" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-694.4959873453129" y1="176.52160498408955" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-696.1590697402253" y1="118.5520571843178" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-700.5385598864377" y1="65.38917123776707" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-698.5343493042892" y1="-4.102626574812689" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-672.3746105347809" y1="385.32518557998554" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-358.5737491689515" y1="227.2933603525903" x2="-356.022837840635" y2="383.33662472690986" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-437.8558963283126" y1="968.4676276233411" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-443.5754002151243" y1="907.6285886267474" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-444.6782122456393" y1="843.7217626027274" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-443.89627209036485" y1="776.6621350638496" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-427.1400968611322" y1="1028.513263656565" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="118.37385677256793" y1="165.4424200702017" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="127.02267170080756" y1="251.5782186961755" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="136.5169560453677" y1="329.3077401390344" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="140.19707328550987" y1="404.4956988717871" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="143.25182846281893" y1="474.7837653647863" x2="-248.80522282114202" y2="746.5231188059954" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-248.80522282114202" y1="746.5231188059954" x2="-244.7329579874414" y2="827.424429926703" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="408.9583507380021" y2="733.7630689398875" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="408.9583507380021" y2="733.7630689398875" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="594.528695518416" y1="407.76896085578574" x2="568.8597984546649" y2="957.0941687494425" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="746.3515236176006" y1="1262.20971778468" x2="568.8597984546649" y2="957.0941687494425" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1025.2608380465683" y1="1135.7280491808467" x2="568.8597984546649" y2="957.0941687494425" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1024.0250673067294" y1="1238.8634601125495" x2="568.8597984546649" y2="957.0941687494425" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="677.2581798458493" y1="-21.654982878148253" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="807.7372919240163" y1="660.0279247403345" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="543.2770332388671" y1="150.03323831260604" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="804.6001653426159" y1="532.2095150260744" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="565.3338275594006" y1="29.964170075360332" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="678.759295391166" y1="505.70741936947354" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="916.372037185198" y1="508.17953334691424" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="926.4163487543586" y1="633.2811604729504" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="707.9008959344005" y1="611.2829785076896" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="650.2189680410697" y1="243.4421885018884" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="716.6577624681785" y1="377.45515642380457" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="544.2304413653225" y1="269.2475286188387" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="905.3141176292395" y1="26.237866605674643" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1018.4354981003552" y1="551.2517608976999" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="782.3251411172217" y1="5.115673873011488" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="661.5773057335809" y1="94.98487242252071" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="828.298575849952" y1="411.52547791355386" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="780.4749556035226" y1="267.4592573777883" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="952.6245432337181" y1="390.350078429849" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="730.156407161321" y1="166.89343621677713" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1063.6574914111284" y1="440.06151870393205" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="914.2627368073742" y1="194.29319999380263" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="881.2641290214304" y1="294.86569800995693" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="839.0071113137159" y1="114.0317293837256" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1001.7878408441715" y1="133.0464262919595" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1055.8379871393656" y1="332.9279431782044" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1034.9385986745358" y1="239.35652157099582" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="118.37385677256793" y1="165.4424200702017" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="127.02267170080756" y1="251.5782186961755" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="136.5169560453677" y1="329.3077401390344" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="140.19707328550987" y1="404.4956988717871" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="143.25182846281893" y1="474.7837653647863" x2="594.528695518416" y2="407.76896085578574" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="420.02131235532545" y2="597.6451297301993" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1027.1888913579623" y1="1342.8301943255415" x2="746.3515236176006" y2="1262.20971778468" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="1027.1888913579623" y1="1342.8301943255415" x2="584.0537780831887" y2="1668.1935320113184" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="584.0537780831887" y2="1668.1935320113184" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="584.0537780831887" y2="1668.1935320113184" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="12.676351508071775" y2="939.6169328958656" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="12.676351508071775" y2="939.6169328958656" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="-35.231298491540656" y2="1202.630139007365" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="-35.231298491540656" y2="1202.630139007365" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="12.676351508071775" y1="939.6169328958656" x2="-35.231298491540656" y2="1202.630139007365" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="321.4429346859981" y2="1362.8906181456418" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="12.676351508071775" y1="939.6169328958656" x2="321.4429346859981" y2="1362.8906181456418" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-35.231298491540656" y1="1202.630139007365" x2="321.4429346859981" y2="1362.8906181456418" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="79.47654933634794" y2="881.6017290926703" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="79.47654933634794" y2="881.6017290926703" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="0.053012610519658665" y2="1265.6985302352734" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="0.053012610519658665" y2="1265.6985302352734" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="79.47654933634794" y1="881.6017290926703" x2="0.053012610519658665" y2="1265.6985302352734" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="397.2669887023774" y2="1446.6460904217006" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="79.47654933634794" y1="881.6017290926703" x2="397.2669887023774" y2="1446.6460904217006" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="0.053012610519658665" y1="1265.6985302352734" x2="397.2669887023774" y2="1446.6460904217006" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="158.19195993796097" y2="817.1721769582718" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="158.19195993796097" y2="817.1721769582718" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="37.672197284146364" y2="1319.9005163874208" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="37.672197284146364" y2="1319.9005163874208" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="158.19195993796097" y1="817.1721769582718" x2="37.672197284146364" y2="1319.9005163874208" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="458.83031663312664" y2="1514.4567581788908" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="158.19195993796097" y1="817.1721769582718" x2="458.83031663312664" y2="1514.4567581788908" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="37.672197284146364" y1="1319.9005163874208" x2="458.83031663312664" y2="1514.4567581788908" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="215.0339624842161" y2="761.7414957688038" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="215.0339624842161" y2="761.7414957688038" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-634.3273142124162" y1="1232.3643576669065" x2="71.4867350198873" y2="1385.0775615965638" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="71.4867350198873" y2="1385.0775615965638" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="215.0339624842161" y1="761.7414957688038" x2="71.4867350198873" y2="1385.0775615965638" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="568.8597984546649" y1="957.0941687494425" x2="533.3167102977177" y2="1603.2466216275095" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="215.0339624842161" y1="761.7414957688038" x2="533.3167102977177" y2="1603.2466216275095" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="71.4867350198873" y1="1385.0775615965638" x2="533.3167102977177" y2="1603.2466216275095" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="-94.96876062326828" y2="356.36176597870184" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="-356.022837840635" y1="383.33662472690986" x2="-125.85456960377883" y2="221.2245031702202" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="118.37385677256793" y1="165.4424200702017" x2="-125.85456960377883" y2="221.2245031702202" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="127.02267170080756" y1="251.5782186961755" x2="-125.85456960377883" y2="221.2245031702202" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="136.5169560453677" y1="329.3077401390344" x2="-125.85456960377883" y2="221.2245031702202" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="140.19707328550987" y1="404.4956988717871" x2="-125.85456960377883" y2="221.2245031702202" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><line marker-end="url(#triangle)" style="stroke: rgb(170, 170, 170);" x1="143.25182846281893" y1="474.7837653647863" x2="-125.85456960377883" y2="221.2245031702202" transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363)"/><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1025.2608380465683,1135.7280491808467)" class="fixed"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-armor-powder-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1024.0250673067294,1238.8634601125495)" class="fixed"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-boost-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1027.1888913579623,1342.8301943255415)" class="fixed"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-powder-special-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-631.1058834613671,986.5070903078058)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">helmet-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-838.8663863896481,1045.6596020132463)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">helmet-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1009.5684657057732,1141.9033825215317)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">helmet-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-639.8397898801886,926.4567915349481)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">chestplate-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-841.1152540542753,963.9972571135459)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">chestplate-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1021.0446304863435,1057.2132691453528)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">chestplate-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-643.7237004275953,859.5319363377286)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">leggings-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-853.2703396914717,892.6528134575933)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">leggings-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1029.2324239744341,983.7344177990076)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">leggings-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-649.4167265867868,794.4185291304169)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">boots-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-861.8385448778483,821.1636604838407)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">boots-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1030.045216745705,901.3961486153357)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">boots-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-662.8044333223606,733.2639235874885)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">ring1-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-863.7121261880397,749.3701313141348)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">ring1-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1031.0900602853876,821.999025613582)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">ring1-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-660.0771047564795,641.4354254103159)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">ring2-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-866.0722375759403,660.8802767484416)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">ring2-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1037.6807013539437,737.7461753587218)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">ring2-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-664.0839810152575,572.6267996531802)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">bracelet-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-871.7280782296534,590.270465840081)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">bracelet-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1041.9291993101058,652.4721308203493)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">bracelet-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-668.1449177748314,482.4008914631913)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">necklace-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-874.6461934626354,504.28413092733354)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">necklace-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-1046.30777789131,573.2699524601326)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">necklace-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-634.3273142124162,1232.3643576669065)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">weapon-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-832.60850265406,1241.6688416412903)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">weapon-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-993.344769284897,1309.6622053925025)" class="fixed"><circle r="20" style="fill: yellow;"/><text dx="-20" dy="-22" style="fill: white;">weapon-item-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-684.5395941336394,313.59886085010646)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">weaponTome1-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-882.2076827202536,321.94547675244337)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">weaponTome1-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-689.4093041198194,250.2693549810001)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">weaponTome2-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-894.0114863100716,242.42850550916063)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">weaponTome2-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-694.4959873453129,176.52160498408955)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">armorTome1-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-900.1011126634821,174.42603021115679)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">armorTome1-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-696.1590697402253,118.5520571843178)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">armorTome2-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-907.2905897524706,111.8038755818019)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">armorTome2-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-700.5385598864377,65.38917123776707)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">armorTome3-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-915.1623610738802,52.49376304021244)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">armorTome3-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-698.5343493042892,-4.102626574812689)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">armorTome4-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-918.8075926917295,-4.438735536604042)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">armorTome4-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-672.3746105347809,385.32518557998554)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">guildTome1-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-878.2836068861106,399.7794193989864)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">guildTome1-input-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-622.1690124515244,1320.5549276860058)" class="fixed"><circle r="20" style="fill: green;"/><text dx="-20" dy="-22" style="fill: white;">weapon-type</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-358.5737491689515,227.2933603525903)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">level-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-356.022837840635,383.33662472690986)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-make-build</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-248.80522282114202,746.5231188059954)" class="fixed"><circle r="20" style="fill: red;"/><text dx="-20" dy="-22" style="fill: white;">builder-encode</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-244.7329579874414,827.424429926703)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-url-update</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-437.8558963283126,968.4676276233411)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">helmet-powder</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-443.5754002151243,907.6285886267474)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">chestplate-powder</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-444.6782122456393,843.7217626027274)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">leggings-powder</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-443.89627209036485,776.6621350638496)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">boots-powder</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-427.1400968611322,1028.513263656565)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">weapon-powder</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(408.9583507380021,733.7630689398875)" class="fixed"><circle r="20" style="fill: fuchsia;"/><text dx="-20" dy="-22" style="fill: white;">builder-stats-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(568.8597984546649,957.0941687494425)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-aggregate-stats</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(594.528695518416,407.76896085578574)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-aggregate-inputs</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(677.2581798458493,-21.654982878148253)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-sdPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(807.7372919240163,660.0279247403345)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-sdRaw-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(543.2770332388671,150.03323831260604)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-mdPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(804.6001653426159,532.2095150260744)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-mdRaw-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(565.3338275594006,29.964170075360332)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-poison-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(678.759295391166,505.70741936947354)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-fDamPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(916.372037185198,508.17953334691424)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-wDamPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(926.4163487543586,633.2811604729504)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-aDamPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(707.9008959344005,611.2829785076896)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-tDamPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(650.2189680410697,243.4421885018884)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-eDamPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(716.6577624681785,377.45515642380457)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-fDefPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(544.2304413653225,269.2475286188387)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-wDefPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(905.3141176292395,26.237866605674643)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-aDefPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1018.4354981003552,551.2517608976999)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-tDefPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(782.3251411172217,5.115673873011488)" class=""><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-eDefPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(661.5773057335809,94.98487242252071)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-hprRaw-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(828.298575849952,411.52547791355386)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-hprPct-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(780.4749556035226,267.4592573777883)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-hpBonus-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(952.6245432337181,390.350078429849)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-atkTier-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(730.156407161321,166.89343621677713)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spPct1-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1063.6574914111284,440.06151870393205)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spRaw1-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(914.2627368073742,194.29319999380263)" class=""><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spPct2-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(881.2641290214304,294.86569800995693)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spRaw2-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(839.0071113137159,114.0317293837256)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spPct3-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1001.7878408441715,133.0464262919595)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spRaw3-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1055.8379871393656,332.9279431782044)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spPct4-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(1034.9385986745358,239.35652157099582)"><circle r="20" style="fill: teal;"/><text dx="-20" dy="-22" style="fill: white;">builder-spRaw4-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(420.02131235532545,597.6451297301993)" class="fixed"><circle r="20" style="fill: red;"/><text dx="-20" dy="-22" style="fill: white;">builder-id-setter</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(118.37385677256793,165.4424200702017)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">builder-str-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(127.02267170080756,251.5782186961755)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">builder-dex-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(136.5169560453677,329.3077401390344)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">builder-int-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(140.19707328550987,404.4956988717871)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">builder-def-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(143.25182846281893,474.7837653647863)" class="fixed"><circle r="20" style="fill: lime;"/><text dx="-20" dy="-22" style="fill: white;">builder-agi-input</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(746.3515236176006,1262.20971778468)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-powder-special-apply</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(584.0537780831887,1668.1935320113184)" class="fixed"><circle r="20" style="fill: fuchsia;"/><text dx="-20" dy="-22" style="fill: white;">builder-powder-special-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(12.676351508071775,939.6169328958656)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell0-select</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-35.231298491540656,1202.630139007365)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell0-calc</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(321.4429346859981,1362.8906181456418)" class="fixed"><circle r="20" style="fill: fuchsia;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell0-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(79.47654933634794,881.6017290926703)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell1-select</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(0.053012610519658665,1265.6985302352734)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell1-calc</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(397.2669887023774,1446.6460904217006)" class="fixed"><circle r="20" style="fill: fuchsia;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell1-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(158.19195993796097,817.1721769582718)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell2-select</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(37.672197284146364,1319.9005163874208)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell2-calc</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(458.83031663312664,1514.4567581788908)" class="fixed"><circle r="20" style="fill: fuchsia;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell2-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(215.0339624842161,761.7414957688038)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell3-select</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(71.4867350198873,1385.0775615965638)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell3-calc</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(533.3167102977177,1603.2466216275095)" class="fixed"><circle r="20" style="fill: fuchsia;"/><text dx="-20" dy="-22" style="fill: white;">builder-spell3-display</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-94.96876062326828,356.36176597870184)" class="fixed"><circle r="20" style="fill: red;"/><text dx="-20" dy="-22" style="fill: white;">builder-skillpoint-setter</text></g><g transform="translate(694.1738201501587,40.116626864236935) scale(0.42337265618126363) translate(-125.85456960377883,221.2245031702202)" class="fixed"><circle r="20" style="fill: aqua;"/><text dx="-20" dy="-22" style="fill: white;">builder-show-warnings</text></g></svg>
\ No newline at end of file
diff --git a/dev/index.html b/dev/index.html
index 438a215..42117a6 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -892,12 +892,73 @@
                 Last updated: 30 May 2022
             </p>
         </div>
+        <div class="row section" title="Wynnbuilder Internals (compute graph)">
+            <p>
+                This section is about how Wynnbuilder's main builder page processes user input and calculates results.
+                Might be useful if you want to script wynnbuilder or extend it! Or for wynnbuilder developers (internal docs).
+            </p>
+            <div class="row section" title="Why?">
+                <p>
+                    Modeling wynnbuilder's internal computations as a directed graph has a few advantages:
+                </p>
+                <ul class = "indent">
+                    <li>Each compute "node" is small(er); easier to debug.</li>
+                    <li>Information flow is specified explicitly (easier to debug).</li>
+                    <li>Easy to build caching for arbitrary computations (only calculate what u need)</li>
+                    <li>Stateless builder! Abstract the entire builder as a chain of function calls</li>
+                    <li>Makes for pretty pictures</li>
+                </ul>
+            </div>
+            <div class="row section" title="TODO ComputeNode details">
+                TODO
+            </div>
+            <p>
+                An overview of wynnbuilder's internal structure can be seen <a href = "./compute_graph.svg" target = "_blank">here</a>. Arrows indicate flow of information.
+                Colors correspond roughly as follows:
+            </p>
+            <img src="./builder_colorcode.png"/>
+            <p>
+                The overall logic flow is as follows:
+                <ul class = "indent">
+                    <li>Item and Powder inputs are parsed. Powders are applied to items.</li>
+                    <li>Items and level information are combined to make a build.</li>
+                    <li>Information from input fields for skill points and edit IDs is collected into an ID bonuses table.</li>
+                    <li>Information about active powder specials, strength boosts, etc. are collected into their own ID tables.</li>
+                    <li>All of the above tables are merged with the build's stats table to produce the "Final" ID bonus table.</li>
+                    <li>Which spell variant (think: major id) to use for each of the 4 spells is computed based on the build.</li>
+                    <li>Spell damage is calculated, using the merged stat table, spell info, and weapon info.</li>
+                </ul>
+            </p>
+            <p>
+                Outputs are computed as follows:
+                <ul class = "indent">
+                    <li>Input box highlights are computed from the items produced by item input box nodes.</li>
+                    <li>Item display is computed from item input boxes.</li>
+                    <li>Build hash/URL is computed from the build, and skillpoint assignment.</li>
+                    <li>Spell damage is displayed based on calculated spell damage results.</li>
+                    <li>Build stats are displayed by builder-stats-display (this same node also displays a bunch of stuff at the bottom of the screen...)</li>
+                </ul>
+            </p>
+            <div class="row section" title="Gotchas">
+                <p>
+                    The build sets default skillpoints and edited IDs automatically, whenever a build item/level is updated.
+                    This is done using "soft links" by two nodes shown in red (builder-skillpoint-setter and builder-id-setter).
+                </p>
+                <p>
+                    A soft link is where something goes and manually marks nodes dirty and calls their update methods.
+                    This is useful for these cases because the skillpoints and editable ID fields usually take their value from
+                    user input, but in some cases we want to programatically set them.
+                </p>
+                <p>
+                    For example another soft link (not shown) is used to implement the reset button.
+                </p>
+            </div>
+        </div>
         <!-- <div class="row section" title="Test Section">
         </div> -->
-
     </div>
     <script type="text/javascript" src="../js/dev.js"></script>
     <script type="text/javascript" src="../js/sq2icons.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/item/index.html b/item/index.html
index 758c902..00cfade 100644
--- a/item/index.html
+++ b/item/index.html
@@ -62,8 +62,6 @@
         <script type="text/javascript" src="/js/load_ing.js"></script>
         <script type="text/javascript" src="/js/display_constants.js"></script>
         <script type="text/javascript" src="/js/display.js"></script>
-        <script type="text/javascript" src="/js/sq2display_constants.js"></script>
-        <script type="text/javascript" src="/js/sq2display.js"></script>
         <script type="text/javascript" src="/js/item.js"></script>
     </body>
 </html>
diff --git a/items_adv/index.html b/items_adv/index.html
index fb9da0f..fd5d749 100644
--- a/items_adv/index.html
+++ b/items_adv/index.html
@@ -79,8 +79,6 @@
         <script type="text/javascript" src="/js/damage_calc.js"></script>
         <script type="text/javascript" src="/js/display_constants.js"></script>
         <script type="text/javascript" src="/js/display.js"></script>
-        <script type="text/javascript" src="/js/sq2display_constants.js"></script>
-        <script type="text/javascript" src="/js/sq2display.js"></script>
         <script type="text/javascript" src="/js/query_2.js"></script>
         <script type="text/javascript" src="/js/expr_parser.js"></script>
         <script type="text/javascript" src="/js/load.js"></script>
diff --git a/js/README_atree_constants.md b/js/README_atree_constants.md
new file mode 100644
index 0000000..47b5763
--- /dev/null
+++ b/js/README_atree_constants.md
@@ -0,0 +1,5 @@
+How to convert:
+
+1. edit `atree_constants.js`
+2. run `python3 ../py_script/atree-generateID.py
+3. check that the site still works
diff --git a/js/atlas.js b/js/atlas.js
index 7724c93..f901935 100644
--- a/js/atlas.js
+++ b/js/atlas.js
@@ -119,6 +119,10 @@ function runAtlas() {
                 let center = [(at1[0]+at2[0])/2, (at1[1]+at2[1])/2 ];
 
                 if (Math.sqrt(((at2[1]+atlas2.vy) - (at1[1]+atlas1.vy))**2 + ((at2[0]+atlas2.vx) - (at1[0]+atlas1.vx))**2) < 2*r) {
+                    //Play bruh sound effect
+                    document.getElementById('bruh_sound_effect').play();
+                    document.getElementById('bruh_sound_effect').currentTime = 0;
+                   
                     if(Math.sqrt( (at2[1]-at1[1])**2 + (at2[0]-at1[0])**2 ) < 2*r ) {//check for collision
                         //Move both away slightly - correct alg this time :)
                         atlas1.style.left = parseFloat(atlas1.style.left.replace("px","")) + (at1[0]-center[0]) * 2 * r / Math.sqrt(dx**2 + dy**2) + "px";
diff --git a/js/atree.js b/js/atree.js
new file mode 100644
index 0000000..055bbbb
--- /dev/null
+++ b/js/atree.js
@@ -0,0 +1,1029 @@
+/**
+ATreeNode spec:
+
+ATreeNode: {
+    children: List[ATreeNode]   // nodes that this node can link to downstream (or sideways)
+    parents:  List[ATreeNode]   // nodes that can link to this one from upstream (or sideways)
+    ability:  atree_node        // raw data from atree json
+}
+
+atree_node: {
+    display_name:   str
+    id:             int
+    desc:           str
+    archetype:      Optional[str]   // not present or empty string = no arch
+    archetype_req:  Optional[int]   // default: 0
+    base_abil:      Optional[int]   // Modify another abil? poorly defined...
+    parents:        List[int]
+    dependencies:   List[int]       // Hard reqs
+    blockers:       List[int]       // If any in here are taken, i am invalid
+    cost:           int             // cost in AP
+    display: {                      // stuff for rendering ATree
+        row: int
+        col: int
+        icon: str
+    }
+    properties:     Map[str, float] // Dynamic (modifiable) misc. properties; ex. AOE
+    effects:        List[effect]
+}
+
+effect: replace_spell | add_spell_prop | convert_spell_conv | raw_stat | stat_scaling
+
+replace_spell: {
+    type:           "replace_spell"
+    ... rest of fields are same as `spell` type (see: damage_calc.js)
+}
+
+add_spell_prop: {
+    type:           "add_spell_prop"
+    base_spell:     int             // spell identifier
+    target_part:    Optional[str]   // Part of the spell to modify. Can be not present/empty for ex. cost modifier.
+                                    //     If target part does not exist, a new part is created.
+    cost:           Optional[int]   // change to spellcost
+    multipliers:    Optional[array[float, 6]]   // Additive changes to spellmult (for damage spell)
+    power:          Optional[float] // Additive change to healing power (for heal spell)
+    hits:           Optional[Map[str, float]]   // Additive changes to hits (for total entry)
+    display:        Optional[str]   // Optional change to the displayed entry. Replaces old
+}
+
+convert_spell_conv: {
+    type:           "convert_spell_conv"
+    base_spell:     int             // spell identifier
+    target_part:    "all" | str     // Part of the spell to modify. Can be not present/empty for ex. cost modifier.
+                                    //      "all" means modify all parts.
+    conversion:     element_str
+}
+raw_stat: {
+    type:           "raw_stat"
+    toggle:         Optional[bool | str]    // default: false; true means create anon. toggle,
+                                            // string value means bind to (or create) named button
+    bonuses:        List[stat_bonus]
+}
+stat_bonus: {
+  "type": "stat" | "prop",
+  "abil": Optional[int],
+  "name": str,
+  "value": float
+}
+stat_scaling: {
+  "type": "stat_scaling",
+  "slider": bool,
+  "slider_name": Optional[str],
+  "slider_step": Optional[float],
+  "inputs": Optional[list[scaling_target]],
+  "output": scaling_target | List[scaling_target],
+  "scaling": list[float],
+  "max": float
+}
+scaling_target: {
+  "type": "stat" | "prop",
+  "abil": Optional[int],
+  "name": str
+}
+*/
+
+// TODO: Range numbers
+const default_abils = {
+    wand: [{
+        display_name: "Mage Melee",
+        id: 999,
+        desc: "Mage basic attack.",
+        properties: {range: 5000},
+        effects: [default_spells.wand[0]]
+    }],
+    spear: [{
+        display_name: "Warrior Melee",
+        id: 999,
+        desc: "Warrior basic attack.",
+        properties: {range: 2},
+        effects: [default_spells.spear[0]]
+    }],
+    bow: [{
+        display_name: "Archer Melee",
+        id: 999,
+        desc: "Archer basic attack.",
+        properties: {range: 20},
+        effects: [default_spells.bow[0]]
+    }],
+    dagger: [{
+        display_name: "Assassin Melee",
+        id: 999,
+        desc: "Assassin basic attack.",
+        properties: {range: 2},
+        effects: [default_spells.dagger[0]]
+    }],
+    relik: [{
+        display_name: "Shaman Melee",
+        id: 999,
+        desc: "Shaman basic attack.",
+        properties: {range: 15, speed: 0},
+        effects: [default_spells.relik[0]]
+    }],
+};
+
+
+/**
+ * Update ability tree internal representation. (topologically sorted node list)
+ *
+ * Signature: AbilityTreeUpdateNode(player-class: str) => ATree (List of atree nodes in topological order)
+ */
+const atree_node = new (class extends ComputeNode {
+    constructor() { super('builder-atree-update'); }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "AbilityTreeUpdateNode accepts exactly one input (player-class)"; }
+        const [player_class] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+
+        const atree_raw = atrees[player_class];
+        if (!atree_raw) return null;
+
+        let atree_map = new Map();
+        let atree_head;
+        for (const i of atree_raw) {
+            atree_map.set(i.id, {children: [], ability: i});
+            if (i.parents.length == 0) {
+                // Assuming there is only one head.
+                atree_head = atree_map.get(i.id);
+            }
+        }
+        for (const i of atree_raw) {
+            let node = atree_map.get(i.id);
+            let parents = [];
+            for (const parent_id of node.ability.parents) {
+                let parent_node = atree_map.get(parent_id);
+                parent_node.children.push(node);
+                parents.push(parent_node);
+            }
+            node.parents = parents;
+        }
+
+        let atree_topo_sort = [];
+        topological_sort_tree(atree_head, atree_topo_sort, new Map());
+        atree_topo_sort.reverse();
+        return atree_topo_sort;
+    }
+})();
+
+/**
+ * Display ability tree from topologically sorted list.
+ *
+ * Signature: AbilityTreeRenderNode(atree: ATree) => RenderedATree ( Map[id, RenderedATNode] )
+ */
+const atree_render = new (class extends ComputeNode {
+    constructor() {
+        super('builder-atree-render');
+        this.fail_cb = true;
+        this.UI_elem = document.getElementById("atree-ui");
+        this.list_elem = document.getElementById("atree-header");
+    }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "AbilityTreeRenderNode accepts exactly one input (atree)"; }
+        const [atree] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        
+        //for some reason we have to cast to string 
+        this.list_elem.innerHTML = ""; //reset all atree actives - should be done in a more general way later
+        this.UI_elem.innerHTML = ""; //reset the atree in the DOM
+
+        let ret = null;
+        if (atree) { ret = render_AT(this.UI_elem, this.list_elem, atree); }
+
+        //Toggle on, previously was toggled off
+        toggle_tab('atree-dropdown'); toggleButton('toggle-atree');
+
+        return ret;
+    }
+})().link_to(atree_node);
+
+// This exists so i don't have to re-render the UI to push atree updates.
+const atree_state_node = new (class extends ComputeNode {
+    constructor() { super('builder-atree-state'); }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "AbilityTreeStateNode accepts exactly one input (atree-rendered)"; }
+        const [rendered_atree] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        return rendered_atree;
+    }
+})().link_to(atree_render, 'atree-render');
+
+/**
+ * Create a reverse topological sort of the tree in the result list.
+ *
+ * https://en.wikipedia.org/wiki/Topological_sorting
+ * @param tree: Root of tree to sort
+ * @param res: Result list (reverse topological order)
+ * @param mark_state: Bookkeeping. Call with empty Map()
+ */
+function topological_sort_tree(tree, res, mark_state) {
+    const state = mark_state.get(tree);
+    if (state === undefined) {
+        // unmarked.
+        mark_state.set(tree, false);    // temporary mark
+        for (const child of tree.children) {
+            topological_sort_tree(child, res, mark_state);
+        }
+        mark_state.set(tree, true);     // permanent mark
+        res.push(tree);
+    }
+    // these cases are not needed. Case 1 does nothing, case 2 should never happen.
+    // else if (state === true) { return; } // permanent mark.
+    // else if (state === false) { throw "not a DAG"; } // temporary mark.
+}
+
+/**
+ * Collect abilities and condense them into a list of "final abils".
+ * This is just for rendering purposes, and for collecting things that modify spells into one chunk.
+ * I stg if wynn makes abils that modify multiple spells
+ * ... well we can extend this by making `base_abil` a list instead but annoy
+ *
+ * Signature: AbilityTreeMergeNode(build: Build, atree: ATree, atree-state: RenderedATree) => Map[id, Ability]
+ */
+const atree_merge = new (class extends ComputeNode {
+    constructor() { super('builder-atree-merge'); }
+
+    compute_func(input_map) {
+        const build = input_map.get('build');
+        const atree_state = input_map.get('atree-state');
+        const atree_order = input_map.get('atree');
+
+        let abils_merged = new Map();
+        for (const abil of default_abils[build.weapon.statMap.get('type')]) {
+            let tmp_abil = deepcopy(abil);
+            if (!Array.isArray(tmp_abil.desc)) {
+                tmp_abil.desc = [tmp_abil.desc];
+            }
+            tmp_abil.subparts = [abil.id];
+            abils_merged.set(abil.id, tmp_abil);
+        }
+
+        for (const node of atree_order) {
+            const abil_id = node.ability.id;
+            if (!atree_state.get(abil_id).active) {
+                continue;
+            }
+            const abil = node.ability;
+
+            if (abils_merged.has(abil.base_abil)) {
+                // Merge abilities.
+                // TODO: What if there is more than one base abil?
+                let base_abil = abils_merged.get(abil.base_abil);
+                if (Array.isArray(abil.desc)) { base_abil.desc = base_abil.desc.concat(abil.desc); }
+                else { base_abil.desc.push(abil.desc); }
+
+                base_abil.subparts.push(abil.id);
+                base_abil.effects = base_abil.effects.concat(abil.effects);
+                for (let propname in abil.properties) {
+                    base_abil[propname] = abil[propname];
+                }
+            }
+            else {
+                let tmp_abil = deepcopy(abil);
+                if (!Array.isArray(tmp_abil.desc)) {
+                    tmp_abil.desc = [tmp_abil.desc];
+                }
+                tmp_abil.subparts = [abil.id];
+                abils_merged.set(abil_id, tmp_abil);
+            }
+        }
+        return abils_merged;
+    }
+})().link_to(atree_node, 'atree').link_to(atree_state_node, 'atree-state'); // TODO: THIS IS WRONG!!!!! Need one "collect" node...
+
+/**
+ * Validate ability tree.
+ * Return list of errors for rendering.
+ *
+ * Signature: AbilityTreeMergeNode(atree: ATree, atree-state: RenderedATree) => List[str]
+ */
+const atree_validate = new (class extends ComputeNode {
+    constructor() { super('atree-validator'); }
+
+    compute_func(input_map) {
+        const atree_state = input_map.get('atree-state');
+        const atree_order = input_map.get('atree');
+
+        let errors = [];
+        let reachable = new Map();
+        atree_dfs_mark(atree_order[0], atree_state, reachable);
+        let abil_points_total = 0;
+        let archetype_count = new Map();
+        for (const node of atree_order) {
+            const abil = node.ability;
+            if (!atree_state.get(abil.id).active) { continue; }
+            abil_points_total += abil.cost;
+            if (!reachable.get(abil.id)) { errors.push(abil.display_name + ' is not reachable!'); }
+
+            let failed_deps = [];
+            for (const dep_id of abil.dependencies) {
+                if (!atree_state.get(dep_id).active) { failed_deps.push(dep_id) }
+            }
+            if (failed_deps.length > 0) {
+                const dep_string = failed_deps.map(i => '"' + atree_state.get(i).ability.display_name + '"');
+                errors.push(abil.display_name + ' dependencies not satisfied: ' + dep_string.join(", "));
+            }
+
+            let blocking_ids = [];
+            for (const blocker_id of abil.blockers) {
+                if (atree_state.get(blocker_id).active) { blocking_ids.push(blocker_id); }
+            }
+            if (blocking_ids.length > 0) {
+                const blockers_string = blocking_ids.map(i => '"' + atree_state.get(i).ability.display_name + '"');
+                errors.push(abil.display_name+' is blocked by: '+blockers_string.join(", "));
+            }
+
+            if ('archetype' in abil && abil.archetype !== "") {
+                let val = 1;
+                if (archetype_count.has(abil.archetype)) {
+                    val = archetype_count.get(abil.archetype) + 1;
+                }
+                archetype_count.set(abil.archetype, val);
+            }
+        }
+        // TODO: FIX THIS! ARCHETYPE REQ IS A PAIN IN THE ASS
+        // it doesn't follow topological order and theres some cases where "equip order" matters.
+        for (const node of atree_order) {
+            const abil = node.ability;
+            if (!atree_state.get(abil.id).active) { continue; }
+            if ('archetype_req' in abil && abil.archetype_req !== 0) {
+                const others = archetype_count.get(abil.archetype) - 1;
+                if (others < abil.archetype_req) {
+                    errors.push(abil.display_name+' fails archetype: '+abil.archetype+': '+others+' < '+abil.archetype_req)
+                }
+            }
+        }
+
+        if (abil_points_total > 45) {
+            errors.push('too many ability points assigned! ('+abil_points_total+' > 45)');
+        }
+
+        return [abil_points_total, errors];
+    }
+})().link_to(atree_node, 'atree').link_to(atree_state_node, 'atree-state');
+
+function atree_dfs_mark(start, atree_state, mark) {
+    if (mark.get(start.ability.id)) { return; }
+    mark.set(start.ability.id, true);
+    for (const child of start.children) {
+        if (atree_state.get(child.ability.id).active) {
+            atree_dfs_mark(child, atree_state, mark);
+        }
+    }
+}
+
+const atree_render_active = new (class extends ComputeNode {
+    constructor() {
+        super('atree-render-active');
+        this.list_elem = document.getElementById("atree-active");
+    }
+
+    compute_func(input_map) {
+        const merged_abils = input_map.get('atree-merged');
+        const atree_order = input_map.get('atree-order');
+        const [abil_points_total, errors] = input_map.get('atree-errors');
+
+        this.list_elem.innerHTML = ""; //reset all atree actives - should be done in a more general way later
+        // TODO: move to display?
+        document.getElementById("active_AP_cost").textContent = abil_points_total;
+
+        if (errors.length > 0) {
+            let errorbox = document.createElement('div');
+            errorbox.classList.add("rounded-bottom", "dark-4", "border", "p-0", "mx-2", "my-4", "dark-shadow");
+            this.list_elem.appendChild(errorbox);
+
+            let error_title = document.createElement('b');
+            error_title.classList.add("warning", "scaled-font");
+            error_title.innerHTML = "ATree Error!";
+            errorbox.appendChild(error_title);
+
+            for (const error of errors) {
+                let atree_warning = document.createElement("p");
+                atree_warning.classList.add("warning", "small-text");
+                atree_warning.textContent = error;
+                errorbox.appendChild(atree_warning);
+            }
+        }
+        for (const node of atree_order) {
+            if (!merged_abils.has(node.ability.id)) {
+                continue;
+            }
+            const abil = merged_abils.get(node.ability.id);
+
+            let active_tooltip = document.createElement('div');
+            active_tooltip.classList.add("rounded-bottom", "dark-4", "border", "p-0", "mx-2", "my-4", "dark-shadow");
+
+            let active_tooltip_title = document.createElement('b');
+            active_tooltip_title.classList.add("scaled-font");
+            active_tooltip_title.innerHTML = abil.display_name;
+            active_tooltip.appendChild(active_tooltip_title);
+
+            for (const desc of abil.desc) {
+                let active_tooltip_desc = document.createElement('p');
+                active_tooltip_desc.classList.add("scaled-font-sm", "my-0", "mx-1", "text-wrap");
+                active_tooltip_desc.textContent = desc;
+                active_tooltip.appendChild(active_tooltip_desc);
+            }
+
+            this.list_elem.appendChild(active_tooltip);
+        }
+    }
+})().link_to(atree_node, 'atree-order').link_to(atree_merge, 'atree-merged').link_to(atree_validate, 'atree-errors');
+
+/**
+ * Collect spells from abilities.
+ *
+ * Signature: AbilityCollectSpellsNode(atree-merged: Map[id, Ability]) => List[Spell]
+ */
+const atree_collect_spells = new (class extends ComputeNode {
+    constructor() { super('atree-spell-collector'); }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "AbilityTreeCollectSpellsNode accepts exactly one input (atree-merged)"; }
+        const [atree_merged] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        
+        let ret_spells = new Map();
+        for (const [abil_id, abil] of atree_merged.entries()) {
+            // TODO: Possibly, make a better way for detecting "spell abilities"?
+            if (abil.effects.length == 0) { continue; }
+
+            let ret_spell = deepcopy(abil.effects[0]);  // NOTE: do not mutate results of previous steps!
+            let has_spell_def = false;
+            for (const effect of abil.effects) {
+                if (effect.type === 'replace_spell') {
+                    has_spell_def = true;
+                    // replace_spell just replaces all (defined) aspects.
+                    for (const key in effect) {
+                        ret_spell[key] = effect[key];
+                    }
+                }
+            }
+            if (!has_spell_def) { continue; }
+
+            const base_spell_id = ret_spell.base_spell;
+            for (const effect of abil.effects) {
+                switch (effect.type) {
+                case 'replace_spell':
+                    // Already handled above.
+                    continue;
+                case 'add_spell_prop': {
+                    const { base_spell, target_part = null, cost = 0} = effect;
+                    if (base_spell !== base_spell_id) { continue; }   // TODO: redundant? if we assume abils only affect one spell
+                    ret_spell.cost += cost;
+
+                    if (target_part  === null) {
+                        continue;
+                    }
+
+                    let found_part = false;
+                    for (let part of ret_spell.parts) { // TODO: replace with Map? to avoid this linear search... idk prolly good since its not more verbose to type in json
+                        if (part.name === target_part) {
+                            if ('multipliers' in effect) {
+                                for (const [idx, v] of effect.multipliers.entries()) {  // python: enumerate()
+                                    part.multipliers[idx] += v;
+                                }
+                            }
+                            else if ('power' in effect) {
+                                part.power += effect.power;
+                            }
+                            else if ('hits' in effect) {
+                                for (const [idx, v] of Object.entries(effect.hits)) { // looks kinda similar to multipliers case... hmm... can we unify all of these three? (make healpower a list)
+                                    if (idx in part.hits) { part.hits[idx] += v; }
+                                    else { part.hits[idx] = v; }
+                                }
+                            }
+                            else {
+                                throw "uhh invalid spell add effect";
+                            }
+                            found_part = true;
+                            break;
+                        }
+                    }
+                    if (!found_part) { // add part.
+                        let spell_part = deepcopy(effect);
+                        spell_part.name = target_part;  // has some extra fields but whatever
+                        ret_spell.parts.push(spell_part);
+                    }
+                    if ('display' in effect) {
+                        ret_spell.display = effect.display;
+                    }
+                    continue;
+                }
+                case 'convert_spell_conv':
+                    const { base_spell, target_part, conversion } = effect;
+                    if (base_spell !== base_spell_id) { continue; }   // TODO: redundant? if we assume abils only affect one spell
+                    const elem_idx = damageClasses.indexOf(conversion);
+                    let filter = target_part === 'all';
+                    for (let part of ret_spell.parts) { // TODO: replace with Map? to avoid this linear search... idk prolly good since its not more verbose to type in json
+                        if (filter || part.name === target_part) {
+                            if ('multipliers' in part) {
+                                let total_conv = 0;
+                                for (let i = 1; i < 6; ++i) {   // skip neutral
+                                    total_conv += part.multipliers[i];
+                                }
+                                let new_conv = [part.multipliers[0], 0, 0, 0, 0, 0];
+                                new_conv[elem_idx] = total_conv;
+                                part.multipliers = new_conv;
+                            }
+                        }
+                    }
+                    continue;
+                }
+            }
+            ret_spells.set(base_spell_id, ret_spell);
+        }
+        return ret_spells;
+    }
+})().link_to(atree_merge, 'atree-merged');
+
+
+/**
+ * Construct compute nodes to link builder items and edit IDs to the appropriate display outputs.
+ * To make things a bit cleaner, the compute graph structure goes like
+ * [builder, build stats] -> [one agg node that is just a passthrough] -> all the spell calc nodes
+ * This way, when things have to be deleted i can just delete one node from the dependencies of builder/build stats...
+ * thats the idea anyway.
+ *
+ * Whenever this is updated, it forces an update of all the newly created spell nodes (if the build is clean).
+ *
+ * Signature: AbilityEnsureSpellsNodes(spells: Map[id, Spell]) => null
+ */
+class AbilityTreeEnsureNodesNode extends ComputeNode {
+    
+    /**
+     * Kinda "hyper-node": Constructor takes nodes that should be linked to (build node and stat agg node)
+     */
+    constructor(build_node, stat_agg_node) {
+        super('atree-make-nodes');
+        this.build_node = build_node;
+        this.stat_agg_node = stat_agg_node;
+        // Slight amount of wasted compute to keep internal state non-changing.
+        this.passthrough = new PassThroughNode('atree-make-nodes_internal').link_to(this.build_node, 'build').link_to(this.stat_agg_node, 'stats');
+        this.spelldmg_nodes = [];   // debugging use
+        this.spell_display_elem = document.getElementById("all-spells-display");
+    }
+
+    compute_func(input_map) {
+        console.log('atree make nodes');
+        this.passthrough.remove_link(this.build_node);
+        this.passthrough.remove_link(this.stat_agg_node);
+        this.passthrough = new PassThroughNode('atree-make-nodes_internal').link_to(this.build_node, 'build').link_to(this.stat_agg_node, 'stats');
+        this.spell_display_elem.textContent = "";
+        const build_node = this.passthrough.get_node('build');   // aaaaaaaaa performance... savings... help.... 
+        const stat_agg_node = this.passthrough.get_node('stats');
+
+        const spell_map = input_map.get('spells');  // TODO: is this gonna need more? idk...
+                                                    // TODO shortcut update path for sliders
+
+        for (const [spell_id, spell] of new Map([...spell_map].sort((a, b) => a[0] - b[0])).entries()) {
+            let spell_node = new SpellSelectNode(spell);
+            spell_node.link_to(build_node, 'build');
+
+            let calc_node = new SpellDamageCalcNode(spell.base_spell);
+            calc_node.link_to(build_node, 'build').link_to(stat_agg_node, 'stats')
+                .link_to(spell_node, 'spell-info');
+            this.spelldmg_nodes.push(calc_node);
+
+            let display_elem = document.createElement('div');
+            display_elem.classList.add("col", "pe-0");
+            // TODO: just pass these elements into the display node instead of juggling the raw IDs...
+            let spell_summary = document.createElement('div'); spell_summary.setAttribute('id', "spell"+spell.base_spell+"-infoAvg");
+            spell_summary.classList.add("col", "spell-display", "spell-expand", "dark-5", "rounded", "dark-shadow", "pt-2", "border", "border-dark");
+            let spell_detail = document.createElement('div'); spell_detail.setAttribute('id', "spell"+spell.base_spell+"-info");
+            spell_detail.classList.add("col", "spell-display", "dark-5", "rounded", "dark-shadow", "py-2");
+            spell_detail.style.display = "none";
+
+            display_elem.appendChild(spell_summary); display_elem.appendChild(spell_detail);
+
+            let display_node = new SpellDisplayNode(spell.base_spell);
+            display_node.link_to(stat_agg_node, 'stats');
+            display_node.link_to(spell_node, 'spell-info');
+            display_node.link_to(calc_node, 'spell-damage');
+
+            this.spell_display_elem.appendChild(display_elem);
+        }
+        this.passthrough.mark_dirty().update(); // Force update once.
+    }
+}
+
+/** The main function for rendering an ability tree. 
+ * 
+ * @param {Element} UI_elem - the DOM element to draw the atree within.
+ * @param {Element} list_elem - the DOM element to list selected abilities within.
+ * @param {*} tree - the ability tree to work with.
+ */
+function render_AT(UI_elem, list_elem, tree) {
+    console.log("constructing ability tree UI");
+    // add in the "Active" title to atree
+    let active_row = document.createElement("div");
+    active_row.classList.add("row", "item-title", "mx-auto", "justify-content-center");
+    let active_word = document.createElement("div");
+    active_word.classList.add("col-auto");
+    active_word.textContent = "Active Abilities:";
+
+    let active_AP_container = document.createElement("div");
+    active_AP_container.classList.add("col-auto");
+
+    let active_AP_subcontainer = document.createElement("div");
+    active_AP_subcontainer.classList.add("row");
+
+    let active_AP_cost = document.createElement("div");
+    active_AP_cost.classList.add("col-auto", "mx-0", "px-0");
+    active_AP_cost.id = "active_AP_cost";
+    active_AP_cost.textContent = "0";
+    let active_AP_slash = document.createElement("div");
+    active_AP_slash.classList.add("col-auto", "mx-0", "px-0");
+    active_AP_slash.textContent = "/";
+    let active_AP_cap = document.createElement("div");
+    active_AP_cap.classList.add("col-auto", "mx-0", "px-0");
+    active_AP_cap.id = "active_AP_cap";
+    active_AP_cap.textContent = "45";
+    let active_AP_end = document.createElement("div");
+    active_AP_end.classList.add("col-auto", "mx-0", "px-0");
+    active_AP_end.textContent = " AP";
+
+    //I can't believe we can't pass in multiple children at once
+    active_AP_subcontainer.appendChild(active_AP_cost);
+    active_AP_subcontainer.appendChild(active_AP_slash);
+    active_AP_subcontainer.appendChild(active_AP_cap);
+    active_AP_subcontainer.appendChild(active_AP_end);
+    active_AP_container.appendChild(active_AP_subcontainer);
+
+    active_row.appendChild(active_word);
+    active_row.appendChild(active_AP_container);
+    list_elem.appendChild(active_row);
+
+    let atree_map = new Map();
+    let atree_connectors_map = new Map()
+    let max_row = 0;
+    for (const i of tree) {
+        atree_map.set(i.ability.id, {ability: i.ability, connectors: new Map(), active: false});
+        if (i.ability.display.row > max_row) {
+            max_row = i.ability.display.row;
+        }
+    }
+    // Copy graph structure.
+    for (const i of tree) {
+        let node_wrapper = atree_map.get(i.ability.id);
+        node_wrapper.parents = [];
+        node_wrapper.children = [];
+        for (const parent of i.parents) {
+            node_wrapper.parents.push(atree_map.get(parent.ability.id));
+        }
+        for (const child of i.children) {
+            node_wrapper.children.push(atree_map.get(child.ability.id));
+        }
+    }
+
+    // Setup grid.
+    for (let j = 0; j <= max_row; j++) {
+        let row = document.createElement('div');
+        row.classList.add("row");
+        row.id = "atree-row-" + j;
+
+        for (let k = 0; k < 9; k++) {
+            col = document.createElement('div');
+            col.classList.add('col', 'px-0');
+            row.appendChild(col);
+        }
+        UI_elem.appendChild(row);
+    }
+
+    for (const _node of tree) {
+        let node_wrap = atree_map.get(_node.ability.id);
+        let ability = _node.ability;
+
+        // create connectors based on parent location
+        for (let parent of node_wrap.parents) {
+            node_wrap.connectors.set(parent, []);
+
+            let parent_abil = parent.ability;
+            const parent_id = parent_abil.id;
+
+            let connect_elem = document.createElement("div");
+            connect_elem.style = "background-size: cover; width: 100%; height: 100%;";
+            // connect up
+            for (let i = ability.display.row - 1; i > parent_abil.display.row; i--) {
+                const coord = i + "," + ability.display.col;
+                let connector = connect_elem.cloneNode();
+                node_wrap.connectors.get(parent).push(coord);
+                resolve_connector(atree_connectors_map, coord, {connector: connector, connections: [0, 0, 1, 1]});
+            }
+            // connect horizontally
+            let min = Math.min(parent_abil.display.col, ability.display.col);
+            let max = Math.max(parent_abil.display.col, ability.display.col);
+            for (let i = min + 1; i < max; i++) {
+                const coord = parent_abil.display.row + "," + i;
+                let connector = connect_elem.cloneNode();
+                node_wrap.connectors.get(parent).push(coord);
+                resolve_connector(atree_connectors_map, coord, {connector: connector, connections: [1, 1, 0, 0]});
+            }
+
+            // connect corners
+            if (parent_abil.display.row != ability.display.row && parent_abil.display.col != ability.display.col) {
+                const coord = parent_abil.display.row + "," + ability.display.col;
+                let connector = connect_elem.cloneNode();
+                node_wrap.connectors.get(parent).push(coord);
+                let connections = [0, 0, 0, 1];
+                if (parent_abil.display.col > ability.display.col) {
+                    connections[1] = 1;
+                }
+                else {// if (parent_node.display.col < node.display.col && (parent_node.display.row != node.display.row)) {
+                    connections[0] = 1;
+                }
+                resolve_connector(atree_connectors_map, coord, {connector: connector, connections: connections});
+            }
+        }
+
+        // create node
+        let node_elem = document.createElement('div');
+        let icon = ability.display.icon;
+        if (icon === undefined) {
+            icon = "node";
+        }
+        let node_img = document.createElement('img');
+        node_img.src = '../media/atree/'+icon+'.png';
+        node_img.style = "width: 100%; height: 100%;";
+        node_elem.appendChild(node_img);
+        node_elem.classList.add("atree-circle");
+
+        // add tooltip
+        node_elem.addEventListener('mouseover', function(e) {
+            if (e.target !== this) {return;}
+            let tooltip = this.children[0];
+            tooltip.style.top = this.getBoundingClientRect().bottom + window.scrollY * 1.02 + "px";
+            tooltip.style.left = this.parentElement.parentElement.getBoundingClientRect().left + (elem.getBoundingClientRect().width * .2 / 2) + "px";
+            tooltip.style.display = "block";
+        });
+
+        node_elem.addEventListener('mouseout', function(e) {
+            if (e.target !== this) {return;}
+            let tooltip = this.children[0];
+            tooltip.style.display = "none";
+        });
+
+        node_elem.classList.add("fake-button");
+
+        let node_tooltip = document.createElement('div');
+        node_tooltip.classList.add("rounded-bottom", "dark-4", "border", "p-0", "mx-2", "my-4", "dark-shadow");
+        node_tooltip.style.display = "none";
+
+        // tooltip text formatting
+
+        let node_tooltip_title = document.createElement('b');
+        node_tooltip_title.classList.add("scaled-font");
+        node_tooltip_title.innerHTML = ability.display_name;
+        node_tooltip.appendChild(node_tooltip_title);
+
+        if ('archetype' in ability && ability.archetype !== "") {
+            let node_tooltip_archetype = document.createElement('p');
+            node_tooltip_archetype.classList.add("scaled-font");
+            node_tooltip_archetype.innerHTML = "(Archetype: " + ability.archetype+")";
+            node_tooltip.appendChild(node_tooltip_archetype);
+        }
+
+        let node_tooltip_desc = document.createElement('p');
+        node_tooltip_desc.classList.add("scaled-font-sm", "my-0", "mx-1", "text-wrap");
+        node_tooltip_desc.textContent = ability.desc;
+        node_tooltip.appendChild(node_tooltip_desc);
+
+        let node_tooltip_cost = document.createElement('p');
+        node_tooltip_cost.classList.add("scaled-font-sm", "my-0", "mx-1", "text-start");
+        node_tooltip_cost.textContent = "Cost: " + ability.cost + " AP";
+        node_tooltip.appendChild(node_tooltip_cost);
+
+        node_tooltip.style.position = "absolute";
+        node_tooltip.style.zIndex = "100";
+
+        node_elem.appendChild(node_tooltip);
+        //list_elem.appendChild(active_tooltip);    NOTE: moved to `atree_render_active`
+
+        node_wrap.elem = node_elem;
+        node_wrap.all_connectors_ref = atree_connectors_map;
+
+        node_elem.addEventListener('click', function(e) {
+            if (e.target !== this && e.target!== this.children[0]) {return;}
+            atree_set_state(node_wrap, !node_wrap.active);
+            atree_state_node.mark_dirty().update();
+        });
+
+        // add tooltip
+
+        node_elem.addEventListener('mouseover', function(e) {
+            if (e.target !== this && e.target!== this.children[0]) {return;}
+            let tooltip = this.children[this.children.length - 1];
+            tooltip.style.top = this.getBoundingClientRect().bottom + window.scrollY * 1.02 + "px";
+            tooltip.style.left = this.parentElement.parentElement.getBoundingClientRect().left + (elem.getBoundingClientRect().width * .2 / 2) + "px";
+            tooltip.style.maxWidth = UI_elem.getBoundingClientRect().width * .95 + "px";
+            tooltip.style.display = "block";
+        });
+
+        node_elem.addEventListener('mouseout', function(e) {
+            if (e.target !== this && e.target!== this.children[0]) {return;}
+            let tooltip = this.children[this.children.length - 1];
+            tooltip.style.display = "none";
+        });
+
+        document.getElementById("atree-row-" + ability.display.row).children[ability.display.col].appendChild(node_elem);
+    };
+    console.log(atree_connectors_map);
+    atree_render_connection(atree_connectors_map);
+
+    return atree_map;
+};
+
+// resolve connector conflict, when they occupy the same cell.
+function resolve_connector(atree_connectors_map, pos, new_connector) {
+    if (!atree_connectors_map.has(pos)) {
+        atree_connectors_map.set(pos, new_connector);
+        return;
+    }
+    let existing = atree_connectors_map.get(pos).connections;
+    for (let i = 0; i < 4; ++i) {
+        existing[i] += new_connector.connections[i];
+    }
+}
+
+function set_connector_type(connector_info) {  // left right up down
+    const connections = connector_info.connections;
+    const connector_elem = connector_info.connector;
+    if (connections[2]) {
+        if (connections[0]) {
+            connector_info.type = 'c'; // cross
+            return;
+        }
+        connector_info.type = 'line';   // vert line
+        return;
+    }
+    if (connections[3]) {   // if down:
+        if (connections[0] && connections[1]) {
+            connector_info.type = 't';   // all 3 t
+            return;
+        }
+        connector_info.type = 'angle';   // elbow
+        if (connections[1]) {
+            connector_elem.classList.add("rotate-180");
+        }
+        else {
+            connector_elem.classList.add("rotate-270");
+        }
+        return;
+    }
+    connector_info.type = 'line';   // horiz line
+    connector_elem.classList.add("rotate-90");
+}
+
+// draw the connector onto the screen
+function atree_render_connection(atree_connectors_map) {
+    for (let i of atree_connectors_map.keys()) {
+        let connector_info = atree_connectors_map.get(i);
+        let connector_elem = connector_info.connector;
+        let connector_img = document.createElement('img');
+        set_connector_type(connector_info);
+        connector_img.src = '../media/atree/connect_'+connector_info.type+'.png';
+        connector_img.style = "width: 100%; height: 100%;"
+        connector_elem.replaceChildren(connector_img);
+        connector_info.highlight = [0, 0, 0, 0];
+        let target_elem = document.getElementById("atree-row-" + i.split(",")[0]).children[i.split(",")[1]];
+        if (target_elem.children.length != 0) {
+            // janky special case...
+            connector_elem.style.display = 'none';
+        }
+        target_elem.appendChild(connector_elem);
+    };
+};
+
+// toggle the state of a node.
+function atree_set_state(node_wrapper, new_state) {
+    if (new_state) {
+        node_wrapper.active = true;
+        node_wrapper.elem.classList.add("atree-selected");
+    } 
+    else {
+        node_wrapper.active = false;
+        node_wrapper.elem.classList.remove("atree-selected");
+    }
+    let atree_connectors_map = node_wrapper.all_connectors_ref;
+    for (const parent of node_wrapper.parents) {
+        if (parent.active) {
+            atree_set_edge(atree_connectors_map, parent, node_wrapper, new_state);  // self->parent state only changes if parent is on
+        }
+    }
+    for (const child of node_wrapper.children) {
+        if (child.active) {
+            atree_set_edge(atree_connectors_map, node_wrapper, child, new_state);   // Same logic as above.
+        }
+    }
+};
+
+// refresh all connector to default state, then try to calculate the connector for all node
+function atree_update_connector() {
+    atree_connectors_map.forEach((v) => {
+        if (v.length != 0) {
+            let connector_elem = document.createElement("img");
+            connector_elem.style = "width: 100%; height: 100%;";
+            connector_elem.src = '../media/atree/connect_' + v[0].type + '.png'
+            v[0].replaceChildren(connector_elem);
+        }
+    });
+    atree_map.forEach((v) => {
+        atree_compute_highlight(v);
+    });
+}
+
+function atree_set_edge(atree_connectors_map, parent, child, state) {
+    const connectors = child.connectors.get(parent);
+    const parent_row = parent.ability.display.row;
+    const parent_col = parent.ability.display.col;
+    const child_row = child.ability.display.row;
+    const child_col = child.ability.display.col;
+
+    let state_delta = (state ? 1 : -1);
+    let child_side_idx = (parent_col > child_col ? 0 : 1);
+    let parent_side_idx = 1 - child_side_idx;
+    for (const connector_label of connectors) {
+        let connector_info = atree_connectors_map.get(connector_label);
+        let connector_elem = connector_info.connector;
+        let highlight_state = connector_info.highlight; // left right up down
+        let connector_img_elem = document.createElement("img");
+        connector_img_elem.style = "width: 100%; height: 100%;";
+        const ctype = connector_info.type;
+        if (ctype === 't' || ctype === 'c') {
+            // c, t
+            const [connector_row, connector_col] = connector_label.split(',').map(x => parseInt(x));
+
+            if (connector_row === parent_row) {
+                highlight_state[parent_side_idx] += state_delta;
+            }
+            else {
+                highlight_state[2] += state_delta;  // up connection guaranteed.
+            }
+            if (connector_col === child_col) {
+                highlight_state[3] += state_delta;
+            }
+            else {
+                highlight_state[child_side_idx] += state_delta;
+            }
+
+            let render_state = highlight_state.map(x => (x > 0 ? 1 : 0));
+
+            let connector_img = atree_parse_connector(render_state, ctype);
+            connector_img_elem.src = connector_img.img
+            connector_elem.className = "";
+            connector_elem.classList.add("rotate-" + connector_img.rotate);
+            connector_elem.replaceChildren(connector_img_elem);
+            continue;
+        }
+        // lol bad overloading, [0] is just the whole state
+        highlight_state[0] += state_delta;
+        if (highlight_state[0] > 0) {
+            connector_img_elem.src = '../media/atree/highlight_'+ctype+'.png';
+            connector_elem.replaceChildren(connector_img_elem);
+        }
+        else {
+            connector_img_elem.src = '../media/atree/connect_'+ctype+'.png';
+            connector_elem.replaceChildren(connector_img_elem);
+        }
+    }
+}
+
+// parse a sequence of left, right, up, down to appropriate connector image
+function atree_parse_connector(orient, type) {
+    // left, right, up, down
+
+    let c_connector_dict = {
+        "1100": {attrib: "_2_l", rotate: 0},
+        "1010": {attrib: "_2_a", rotate: 0},
+        "1001": {attrib: "_2_a", rotate: 270},
+        "0110": {attrib: "_2_a", rotate: 90},
+        "0101": {attrib: "_2_a", rotate: 180},
+        "0011": {attrib: "_2_l", rotate: 90},
+        "1110": {attrib: "_3", rotate: 0},
+        "1101": {attrib: "_3", rotate: 180},
+        "1011": {attrib: "_3", rotate: 270},
+        "0111": {attrib: "_3", rotate: 90},
+        "1111": {attrib: "", rotate: 0}
+    };
+
+    let t_connector_dict = {
+        "1100": {attrib: "_2_l", rotate: 0},
+        "1001": {attrib: "_2_a", rotate: "flip"},
+        "0101": {attrib: "_2_a", rotate: 0},
+        "1101": {attrib: "_3", rotate: 0}
+    };
+
+    let res = "";  
+    for (let i of orient) {
+        res += i;
+    }
+    if (res === "0000") {
+        return {img: "../media/atree/connect_" + type + ".png", rotate: 0};
+    }
+
+    let ret;
+    if (type == "c") {
+        ret = c_connector_dict[res];
+    } else {
+        ret = t_connector_dict[res];
+    };
+    ret.img = "../media/atree/highlight_" + type + ret.attrib + ".png";
+    return ret;
+};
diff --git a/js/atree_constants.js b/js/atree_constants.js
index 6161f9e..4c82b2c 100644
--- a/js/atree_constants.js
+++ b/js/atree_constants.js
@@ -1,70 +1,3979 @@
-const atree_example = [
-    {
-        "title": "skill",
-        "desc": "desc",
-        "image": "../media/atree/node.png",
-        "connector": false,
-        "row": 5,
-        "col": 3,
-    },
-    {
-        "image": "../media/atree/connect_angle.png",
-        "connector": true,
-        "rotate": "270",
-        "row": 4,
-        "col": 3,
-    },
-    {
-        "title": "skill2",
-        "desc": "desc",
-        "image": "../media/atree/node.png",
-        "connector": false,
-        "row": 0,
-        "col": 2            
-    },
-    {
-        "image": "../media/atree/connect_line.png",
-        "connector": true,
-        "rotate": 0,
-        "row": 1,
-        "col": 2
-    },
-    {
-        "title": "skill3",
-        "desc": "desc",
-        "image": "../media/atree/node.png",
-        "connector": false,
-        "row": 2,
-        "col": 2            
-    },
-    {
-        "image": "../media/atree/connect_line.png",
-        "connector": true,
-        "rotate": 90,
-        "row": 2,
-        "col": 3
-    },
-    {
-        "title": "skill4",
-        "desc": "desc",
-        "image": "../media/atree/node.png",
-        "connector": false,
-        "row": 2,
-        "col": 4
-    },
-    {
-        "image": "../media/atree/connect_line.png",
-        "connector": true,
-        "rotate": 0,
-        "row": 3,
-        "col": 2
-    },
-    {
-        "title": "skill5",
-        "desc": "desc",
-        "image": "../media/atree/node.png",
-        "connector": false,
-        "row": 4,
-        "col": 2
-    },
-];
+const atrees = {
+    "Archer": [
+        {
+            "display_name": "Arrow Shield",
+            "desc": "Create a shield around you that deal damage and knockback mobs when triggered. (2 Charges)",
+            "parents": ["Power Shots", "Cheaper Escape"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 9,
+                "col": 6,
+                "icon": "node_4"
+            },
+            "properties": {
+                "charges": 2,
+                "duration": 60,
+                "aoe": 5000
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Arrow Shield",
+                    "cost": 30,
+                    "base_spell": 4,
+                    "display": "Total Damage",
+                    "parts": [
+                        {
+                            "name": "Shield Damage",
+                            "type": "damage",
+                            "multipliers": [90, 0, 0, 0, 0, 10]
+                        },
+                        {
+                            "name": "Total Damage",
+                            "type": "total",
+                            "hits": {
+                                "Shield Damage": 2
+                            }
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Escape",
+            "desc": "Throw yourself backward to avoid danger. (Hold shift while escaping to cancel)",
+            "parents": ["Heart Shatter"], 
+            "dependencies": [],
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+            "row": 7,
+            "col": 4,
+            "icon": "node_4"
+            },
+            "properties": {
+                "aoe": 0,
+                "range": 0
+            },
+            "effects": [{ 
+                "type": "replace_spell",
+                "name": "Escape",
+                "cost": 25,
+                "base_spell": 2, 
+                "display": "", 
+                "parts": []
+            }]
+        },
+        {
+            "display_name": "Arrow Bomb",
+            "desc": "Throw a long-range arrow that explodes and deal high damage in a large area. (Self-damage for 25% of your DPS)",
+            "parents": [], 
+            "dependencies": [],
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 0,
+                "col": 4,
+                "icon": "node_4"
+            },
+            "properties": {
+                "aoe": 4.5,
+                "range": 26
+            },
+            "effects": [{ 
+                "type": "replace_spell",
+                "name": "Arrow Bomb",
+                "cost": 50,
+                "base_spell": 3, 
+                "spell_type": "damage", 
+                "scaling": "spell",
+                "display": "Total Damage", 
+                "parts": [
+                    {  
+                        "name": "Arrow Bomb",
+                        "type": "damage",
+                        "multipliers": [160, 0, 0, 0, 20, 0]
+                    },
+                    {
+                        "name": "Total Damage",
+                        "type": "total",
+                        "hits": { "Arrow Bomb": 1 }
+                    }
+                ]
+            }]
+        },
+        {
+            "display_name": "Heart Shatter",
+            "desc": "If you hit a mob directly with Arrow Bomb, shatter its heart and deal bonus damage.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["Bow Proficiency I"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 4,
+                "col": 4,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Heart Shatter", 
+                    "multipliers": [100, 0, 0, 0, 0, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Total Damage", 
+                    "hits": { "Heart Shatter": 1 }
+                }
+            ]
+        },
+        {
+            "display_name": "Fire Creep",
+            "desc": "Arrow Bomb will leak a trail of fire for 6s, Damaging enemies that walk into it every 0.4s.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["Phantom Ray", "Fire Mastery", "Bryophyte Roots"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+            "row": 16,
+            "col": 6,
+            "icon": "node_1"
+            },
+            "properties": { 
+                "aoe": 0.8,
+                "duration": 6
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Fire Creep", 
+                    "multipliers": [30, 0, 0, 0, 20, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Total Burn Damage", 
+                    "hits": { "Fire Creep": 15 }
+                }
+            ]
+        },
+        {
+            "display_name": "Bryophyte Roots",
+            "desc": "When you hit an enemy with Arrow Storm, create an area that slows them down and deals damage every 0.4s.",
+            "base_abil": "Arrow Storm",
+            "archetype": "Trapper", 
+            "archetype_req": 1, 
+            "parents": ["Fire Creep", "Earth Mastery"], 
+            "dependencies": ["Arrow Storm"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 16, "col": 8, "icon": "node_1"},
+            "properties": {
+                "aoe": 2,
+                "duration": 5
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Bryophyte Roots", 
+                    "cost": 0,
+                    "multipliers": [40, 20, 0, 0, 0, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Total Roots Damage", 
+                    "hits": { "Bryophyte Roots": 12 }
+                }
+            ]
+        },
+        {
+            "display_name": "Nimble String",
+            "desc": "Arrow Storm throw out +6 arrows per stream and shoot twice as fast.",
+            "base_abil": "Arrow Storm",
+            "parents": ["Thunder Mastery", "Arrow Rain"], 
+            "dependencies": ["Arrow Storm"], 
+            "blockers": ["Phantom Ray"],
+            "cost": 2, 
+            "display": { "row": 15, "col": 2, "icon": "node_1"},
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Single Arrow", 
+                    "multipliers": [-15, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Single Stream", 
+                    "hits": { "Single Arrow": 6 }
+                }
+            ]
+        },
+        {
+            "display_name": "Arrow Storm",
+            "desc": "Shoot a stream of 8 arrows, dealing significant damage to close mobs and pushing them back.",
+            "parents": ["Double Shots", "Cheaper Escape"], 
+            "dependencies": [],
+            "blockers": [],
+            "cost": 1, 
+            "display": { "row": 9, "col": 2, "icon": "node_4"},
+            "properties": { "range": 16 },
+            "effects": [
+                { 
+                    "type": "replace_spell",
+                    "name": "Arrow Storm",
+                    "cost": 40,
+                    "base_spell": 1, 
+                    "spell_type": "damage", 
+                    "scaling": "spell",
+                    "display": "Total Damage", 
+                    "parts": [
+                        {  
+                            "name": "Single Arrow",
+                            "multipliers": [30, 0, 10, 0, 0, 0]
+                        },
+                        {  
+                            "name": "Single Stream",
+                            "hits": { "Single Arrow": 8 }
+                        },
+                        {  
+                            "name": "Total Damage",
+                            "hits": { "Single Stream": 1 }
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Guardian Angels",
+            "desc": "Your protective arrows from Arrow Shield will become sentient bows, dealing damage up to 8 times each to nearby enemies. (Arrow Shield will no longer push nearby enemies)",
+            "archetype": "Boltslinger",
+            "archetype_req": 3, 
+            "base_abil": "Arrow Shield",
+            "parents": ["Triple Shots", "Frenzy"], 
+            "dependencies": ["Arrow Shield"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+            "row": 19,
+            "col": 1,
+            "icon": "node_3"
+            },
+            "properties": {
+            "range": 4,
+            "duration": 60,
+            "shots": 8,
+            "count": 2
+        },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Guardian Angels",
+                    "base_spell": 4,
+                    "display": "Total Damage",
+                    "parts": [
+                        {
+                            "name": "Single Arrow",
+                            "type": "damage",
+                            "multipliers": [30, 0, 0, 0, 0, 10]
+                        },
+                        {
+                            "name": "Single Bow",
+                            "type": "total",
+                            "hits": {
+                                "Single Arrow": 8
+                            }
+                        },
+                        {
+                            "name": "Total Damage",
+                            "type": "total",
+                            "hits": {
+                                "Single Bow": 2
+                            }
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Windy Feet",
+            "desc": "When casting Escape, give speed to yourself and nearby allies.",
+            "base_abil": "Escape",
+            "parents": ["Arrow Storm"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+            "row": 10,
+            "col": 1,
+            "icon": "node_0"
+            },
+            "properties": {
+                "aoe": 8,
+                "duration": 120
+            },
+            "effects": [{
+                "type": "stat_bonus",
+                "toggle": "Windy Feet",
+                "bonuses": [
+                    { 
+                        "type": "stat",
+                        "name": "spd",
+                        "value": 20
+                    }
+                ]
+            }]
+        },
+        {
+            "display_name": "Basaltic Trap",
+            "desc": "When you hit the ground with Arrow Bomb, leave a Trap that damages enemies. (Max 2 Traps)",
+            "archetype": "Trapper",
+            "archetype_req": 2, 
+            "base_abil": "Arrow Bomb",
+            "parents": ["Bryophyte Roots"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+            "row": 19,
+            "col": 8,
+            "icon": "node_3"
+            },
+            "properties": {
+                "aoe": 7,
+                "traps": 2
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Basaltic Trap", 
+                    "multipliers": [140, 30, 0, 0, 30, 0]
+                }
+            ]
+        },
+        {
+            "display_name": "Windstorm",
+            "desc": "Arrow Storm shoot +1 stream of arrows, and each stream shoots +2 arrows, effectively doubling its damage.",
+            "base_abil": "Arrow Storm",
+            "parents": ["Guardian Angels", "Cheaper Arrow Storm"], 
+            "dependencies": [], 
+            "blockers": ["Phantom Ray"],
+            "cost": 2, 
+            "display": {
+                "row": 21,
+                "col": 1,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Single Arrow", 
+                    "multipliers": [-10, 0, -2, 0, 0, 2]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Total Damage", 
+                    "hits": { "Single Stream": 1 }
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Single Stream", 
+                    "cost": 0,
+                    "hits": { "Single Arrow": 2 }
+                }
+            ]
+        },
+        {
+            "display_name": "Grappling Hook",
+            "base_abil": "Escape",
+            "desc": "When casting Escape, throw a hook that pulls you when hitting a block. If you hit an enemy, pull them towards you instead. (Escape will not throw you backward anymore)",
+            "archetype": "Trapper", 
+            "archetype_req": 0, 
+            "base_abil": "Escape",
+            "parents": ["Focus", "More Shields", "Cheaper Arrow Storm"], 
+            "dependencies": [], 
+            "blockers": ["Escape Artist"],
+            "cost": 2, 
+            "display": {
+                "row": 21,
+                "col": 5,
+                "icon": "node_2"
+                },
+            "properties": {
+                "range": 26
+            },
+            "effects": []
+        },
+        {
+            "display_name": "Implosion",
+            "desc": "Arrow bomb will pull enemies towards you. If a trap is nearby, it will pull them towards it instead. Increase Heart Shatter's damage.",
+            "archetype": "Trapper", 
+            "archetype_req": 0, 
+            "base_abil": "Arrow Bomb",
+            "parents": ["Grappling Hook", "More Shields"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 22,
+                "col": 6,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Heart Shatter", 
+                    "multipliers": [40, 0, 0, 0, 0, 0]
+                }
+            ]
+        },
+        {
+            "display_name": "Twain's Arc",
+            "desc": "When you have 2+ Focus, holding shift will summon the Twain's Arc. Charge it up to shoot a destructive long-range beam. (Damage is dealt as Main Attack Damage)",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 4, 
+            "parents": ["More Focus", "Traveler"], 
+            "dependencies": ["Focus"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 25,
+                "col": 4,
+                "icon": "node_2"
+            },
+            "properties": {
+                "range": 64,
+                "focusReq": 2
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Twain's Arc",
+                    "base_spell": 5,
+                    "scaling": "melee",
+                    "use_atkspd": false,
+                    "display": "Single Shot",
+                    "parts": [
+                        {
+                            "name": "Single Shot",
+                            "type": "damage",
+                            "multipliers": [200, 0, 0, 0, 0, 0]
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Fierce Stomp",
+            "desc": "When using Escape, hold shift to quickly drop down and deal damage.",
+            "archetype": "Boltslinger", 
+            "archetype_req": 0, 
+            "base_abil": "Escape",
+            "parents": ["Refined Gunpowder", "Traveler"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 26, "col": 1, "icon": "node_1"},
+            "properties": {
+                "aoe": 4
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 2, 
+                    "target_part": "Fierce Stomp", 
+                    "cost": 0,
+                    "multipliers": [100, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Stomp Damage",
+                    "cost": 0,
+                    "hits": {
+                        "Fierce Stomp": 1
+                    },
+                    "display": "Stomp Damage"
+                }
+            ]
+        },
+        {
+            "display_name": "Scorched Earth",
+            "desc": "Fire Creep become much stronger.",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 0, 
+            "parents": ["Twain's Arc"], 
+            "dependencies": ["Fire Creep"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": { "row": 26, "col": 5, "icon": "node_1"},
+            "properties": {
+                "duration": 2,
+                "aoe": 0.4
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Fire Creep",
+                    "multipliers": [10, 0, 0, 0, 5, 0]
+                }
+            ]
+        },
+        {
+            "display_name": "Leap",
+            "desc": "When you double tap jump, leap foward. (2s Cooldown)",
+            "archetype": "Boltslinger", 
+            "archetype_req": 5, 
+            "parents": ["Refined Gunpowder", "Homing Shots"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 28, "col": 0, "icon": "node_1"},
+            "properties": {
+                "cooldown": 2
+            },
+            "effects": []
+        },
+        {
+            "display_name": "Shocking Bomb",
+            "desc": "Arrow Bomb will not be affected by gravity, and all damage conversions become Thunder.",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 5, 
+            "base_abil": "Arrow Bomb",
+            "parents": ["Twain's Arc", "Better Arrow Shield", "Homing Shots"], 
+            "dependencies": ["Arrow Bomb"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 28, "col": 4, "icon": "node_1"},
+            "properties": {
+                "gravity": 0
+            },
+            "effects": [
+                {
+                    "type": "convert_spell_conv",
+                    "target_part": "all",
+                    "conversion": "Thunder"
+                }
+            ]
+        },
+        {
+            "display_name": "Mana Trap",
+            "desc": "Your Traps will give you 2.85 Mana per second when you stay close to them.",
+            "archetype": "Trapper", 
+            "archetype_req": 5, 
+            "base_abil": "Arrow Bomb",
+            "parents": ["More Traps", "Better Arrow Shield"], 
+            "dependencies": ["Fire Creep"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+            "row": 28,
+            "col": 8,
+            "icon": "node_3"
+            },
+            "properties": {
+                "range": 16,
+                "manaRegen": 2.85
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "cost": 10
+                }
+            ]
+        },
+        {
+            "display_name": "Escape Artist",
+            "desc": "When casting Escape, release 120 arrows towards the ground.",
+            "archetype": "Boltslinger", 
+            "archetype_req": 0, 
+            "base_abil": "Escape",
+            "parents": ["Better Guardian Angels", "Leap"], 
+            "dependencies": [], 
+            "blockers": ["Grappling Hook"],
+            "cost": 2, 
+            "display": {
+            "row": 31,
+            "col": 0,
+            "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 2, 
+                    "target_part": "Per Arrow", 
+                    "multipliers": [30, 0, 10, 0, 0, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 2, 
+                    "target_part": "Max Damage (Escape Artist)", 
+                    "hits": { "Per Arrow": 120 },
+                    "display": "Max Damage (Escape Artist)"
+                }
+            ]
+        },
+        {
+            "display_name": "Initiator",
+            "desc": "If you do not damage an enemy for 5s or more, your next sucessful hit will deal +50% damage and add +1 Focus.",
+            "archetype": "Sharpshooter",
+            "archetype_req": 5, 
+            "parents": ["Shocking Bomb", "Better Arrow Shield", "Cheaper Arrow Storm (2)"], 
+            "dependencies": ["Focus"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 31, "col": 5, "icon": "node_2"},
+            "properties": {},
+            "effects": []
+        },
+        {
+            "display_name": "Call of the Hound",
+            "desc": "Arrow Shield summon a Hound that will attack and drag aggressive enemies towards your traps.",
+            "archetype": "Trapper",
+            "archetype_req": 0, 
+            "base_abil": "Arrow Shield",
+            "parents": ["Initiator", "Cheaper Arrow Storm (2)"], 
+            "dependencies": ["Arrow Shield"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 32, "col": 7, "icon": "node_2"},
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 4, 
+                    "target_part": "Hound Damage", 
+                    "multipliers": [40, 0, 0, 0, 0, 0]
+                }
+            ]
+        },
+        {
+            "display_name": "Arrow Hurricane",
+            "desc": "Arrow Storm will shoot +2 stream of arrows.",
+            "archetype": "Boltslinger", 
+            "archetype_req": 8, 
+            "base_abil": "Arrow Storm",
+            "parents": ["Precise Shot", "Escape Artist"], 
+            "dependencies": [], 
+            "blockers": ["Phantom Ray"],
+            "cost": 2, 
+            "display": { "row": 33, "col": 0, "icon": "node_3"},
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1, 
+                    "target_part": "Total Damage", 
+                    "hits": { "Single Stream": 2 }
+                }
+            ]
+        },
+        {
+            "display_name": "Geyser Stomp",
+            "desc": "Fierce Stomp will create geysers, dealing more damage and vertical knockback.",
+            "base_abil": "Escape",
+            "parents": ["Shrapnel Bomb"], 
+            "dependencies": ["Fierce Stomp"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 37, "col": 1, "icon": "node_1"},
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 2, 
+                    "target_part": "Geyser Stomp",
+                    "multipliers": [0, 0, 0, 50, 0, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 2, 
+                    "target_part": "Stomp Damage",
+                    "hits": { "Geyser Stomp": 1 }
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [{
+                        "type": "prop",
+                        "abil": "Fierce Stomp",
+                        "name": "aoe",
+                        "value": 1
+                    }]
+                }
+            ]
+        },
+        {
+            "display_name": "Crepuscular Ray",
+            "desc": "If you have 5 Focus, casting Arrow Storm will make you levitate and shoot 20 homing arrows per second until you run out of Focus. While in that state, you will lose 1 Focus per second.",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 10, 
+            "parents": ["Cheaper Arrow Shield"], 
+            "dependencies": ["Arrow Storm"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+            "row": 37,
+            "col": 4,
+            "icon": "node_3"
+            },
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "replace_spell",
+                    "name": "Crepuscular Ray",
+                    "base_spell": 6,
+                    "display": "DPS",
+                    "parts": [
+                        {  
+                            "name": "Single Arrow",
+                            "multipliers": [10, 0, 0, 5, 0, 0]
+                        },
+                        {
+                            "name": "DPS",
+                            "hits": { "Single Arrow": 20 }
+                        },
+                        {  
+                            "name": "Total Damage",
+                            "hits": { "DPS": 7 }
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Grape Bomb",
+            "desc": "Arrow bomb will throw 3 additional smaller bombs when exploding.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["Cheaper Escape (2)"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 37, "col": 7, "icon": "node_2"},
+            "properties": {
+                "aoe": 2
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Grape Bomb", 
+                    "multipliers": [30, 0, 0, 0, 10, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Total Damage", 
+                    "hits": { "Grape Bomb": 3 }
+                }
+            ]
+        },
+        {
+            "display_name": "Tangled Traps",
+            "desc": "Your Traps will be connected by a rope that deals damage to enemies every 0.2s.",
+            "archetype": "Trapper", 
+            "archetype_req": 0, 
+            "parents": ["Grape Bomb"], 
+            "dependencies": ["Basaltic Trap"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {"row": 38, "col": 6, "icon": "node_1"},
+            "properties": {
+                "attackSpeed": 0.2
+            },
+            "effects": [
+                { 
+                    "type": "replace_spell",
+                    "name": "Tangled Traps",
+                    "base_spell": 7,
+                    "display": "DPS",
+                    "parts": [
+                        {  
+                            "name": "Damage Tick",
+                            "multipliers": [20, 0, 0, 0, 0, 20]
+                        },
+                        {
+                            "name": "DPS",
+                            "hits": { "Damage Tick": 5 }
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Snow Storm",
+            "desc": "Enemies near you will be slowed down.",
+            "parents": ["Geyser Stomp", "More Focus (2)"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 39,
+                "col": 2,
+                "icon": "node_2"
+            },
+            "properties": {
+                "range": 2.5,
+                "slowness": 0.3
+            },
+            "effects": []
+        },
+        {
+            "display_name": "All-Seeing Panoptes",
+            "desc": "Your bows from Guardian Angels become all-seeing, increasing their range, damage and letting them shoot up to +5 times each.",
+            "archetype": "Boltslinger",
+            "archetype_req": 11, 
+            "base_abil": "Arrow Shield",
+            "parents": ["Snow Storm"], 
+            "dependencies": ["Guardian Angels"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": { "row": 40, "col": 1, "icon": "node_3"},
+            "properties": {
+                "range": 8,
+                "shots": 5
+            },
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 4, 
+                    "target_part": "Single Arrow", 
+                    "multipliers": [0, 0, 0, 0, 10, 0]
+                },
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 4, 
+                    "target_part": "Single Bow", 
+                    "hits": { "Single Arrow": 5 }
+                }
+            ]
+        },
+        {
+            "display_name": "Minefield",
+            "desc": "Allow you to place +6 Traps, but with reduced damage and range.",
+            "archetype": "Trapper",
+            "archetype_req": 10, 
+            "base_abil": "Arrow Bomb",
+            "parents": ["Grape Bomb", "Cheaper Arrow Bomb (2)"], 
+            "dependencies": ["Basaltic Trap"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {"row": 40, "col": 7, "icon": "node_3"},
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Basaltic Trap", 
+                    "cost": 0,
+                    "multipliers": [-80, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "prop",
+                            "abil": "Basaltic Trap",
+                            "name": "aoe",
+                            "value": -2
+                        },
+                        {
+                            "type": "prop",
+                            "abil": "Basaltic Trap",
+                            "name": "traps",
+                            "value": 6
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Bow Proficiency I",
+            "desc": "Improve your Main Attack's damage and range when using a bow.",
+            "base_abil": 999,
+            "parents": ["Arrow Bomb"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": { "row": 2, "col": 4, "icon": "node_0"},
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "mdPct",
+                            "value": 5
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Cheaper Arrow Bomb",
+            "desc": "Reduce the Mana cost of Arrow Bomb.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["Bow Proficiency I"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {"row": 2, "col": 6, "icon": "node_0"},
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "cost": -10
+                }
+            ]  
+        },
+        {
+            "display_name": "Cheaper Arrow Storm",
+            "desc": "Reduce the Mana cost of Arrow Storm.",
+            "base_abil": "Arrow Storm",
+            "parents": ["Grappling Hook", "Windstorm", "Focus"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {"row": 21, "col": 3, "icon": "node_0"},
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "cost": -5
+                }
+            ]  
+        },
+        {
+            "display_name": "Cheaper Escape",
+            "desc": "Reduce the Mana cost of Escape.",
+            "base_abil": "Escape",
+            "parents": ["Arrow Storm", "Arrow Shield"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": { "row": 9, "col": 4, "icon": "node_0"},
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 2,
+                "cost": -5
+            }]  
+        },
+        {
+            "display_name": "Earth Mastery",
+            "desc": "Increases your base damage from all Earth attacks",
+            "archetype": "Trapper", 
+            "archetype_req": 0, 
+            "parents": ["Arrow Shield"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 13,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "eDamPct",
+                            "value": 20
+                        },
+                        {
+                            "type": "stat",
+                            "name": "eDamAddMin",
+                            "value": 2
+                        },
+                        {
+                            "type": "stat",
+                            "name": "eDamAddMax",
+                            "value": 4
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Thunder Mastery",
+            "desc": "Increases your base damage from all Thunder attacks",
+            "archetype": "Boltslinger", 
+            "archetype_req": 0, 
+            "parents": ["Arrow Storm", "Fire Mastery", "Cheaper Escape"],
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 13,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "tDamPct",
+                            "value": 10
+                        },
+                        {
+                            "type": "stat",
+                            "name": "tDamAddMin",
+                            "value": 1
+                        },
+                        {
+                            "type": "stat",
+                            "name": "tDamAddMax",
+                            "value": 8
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Water Mastery",
+            "desc": "Increases your base damage from all Water attacks",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 0, 
+            "parents": ["Cheaper Escape", "Thunder Mastery", "Fire Mastery"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 14,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "wDamPct",
+                            "value": 15
+                        },
+                        {
+                            "type": "stat",
+                            "name": "wDamAddMin",
+                            "value": 2
+                        },
+                        {
+                            "type": "stat",
+                            "name": "wDamAddMax",
+                            "value": 4
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Air Mastery",
+            "desc": "Increases base damage from all Air attacks",
+            "archetype": "Boltslinger", 
+            "archetype_req": 0, 
+            "parents": ["Arrow Storm"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 13,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "aDamPct",
+                            "value": 15
+                        },
+                        {
+                            "type": "stat",
+                            "name": "aDamAddMin",
+                            "value": 3
+                        },
+                        {
+                            "type": "stat",
+                            "name": "aDamAddMax",
+                            "value": 4
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Fire Mastery",
+            "desc": "Increases base damage from all Fire attacks",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 0, 
+            "parents": ["Thunder Mastery", "Arrow Shield", "Cheaper Escape"],
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 13,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "fDamPct",
+                            "value": 15
+                        },
+                        {
+                            "type": "stat",
+                            "name": "fDamAddMin",
+                            "value": 3
+                        },
+                        {
+                            "type": "stat",
+                            "name": "fDamAddMax",
+                            "value": 5
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "More Shields",
+            "desc": "Give +2 charges to Arrow Shield.",
+            "base_abil": "Arrow Shield",
+            "parents": ["Grappling Hook", "Basaltic Trap"], 
+            "dependencies": ["Arrow Shield"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 21,
+                "col": 7,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Total Damage",
+                    "hits": { "Shield Damage": 2 }
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "prop",
+                            "abil": "Arrow Shield",
+                            "name": "charges",
+                            "value": 2
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "display_name": "Stormy Feet",
+            "desc": "Windy Feet will last longer and add more speed.",
+            "archetype": "Boltslinger", 
+            "base_abil": "Escape",
+            "parents": ["Windstorm"], 
+            "dependencies": ["Windy Feet"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 23,
+                "col": 1,
+                "icon": "node_0"
+            },
+            "properties": {
+                "duration": 60
+            },
+            "effects": [{ 
+                "type": "stat_bonus",
+                "toggle": "Windy Feet",
+                "bonuses": [
+                    { 
+                        "type": "stat",
+                        "name": "spdPct",
+                        "value": 20
+                    }
+                ]
+            }]
+        },
+        {
+            "display_name": "Refined Gunpowder",
+            "desc": "Increase the damage of Arrow Bomb.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["Windstorm"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 25,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{ 
+                "type": "add_spell_prop",
+                "base_spell": 3, 
+                "target_part": "Arrow Bomb", 
+                "multipliers": [50, 0, 0, 0, 0, 0]
+            }]
+        },
+        {
+            "display_name": "More Traps",
+            "desc": "Increase the maximum amount of active Traps you can have by +2.",
+            "archetype": "Trapper",
+            "archetype_req": 0, 
+            "base_abil": "Arrow Bomb",
+            "parents": ["Bouncing Bomb"], 
+            "dependencies": ["Basaltic Trap"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 26,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "raw_stat",
+                "bonuses": [{
+                    "type": "prop",
+                    "abil": "Basaltic Trap",
+                    "name": "traps",
+                    "value": 2
+                }]
+            }]
+        },
+        {
+            "display_name": "Better Arrow Shield",
+            "desc": "Arrow Shield will gain additional area of effect, knockback and damage.",
+            "archetype": "Sharpshooter", 
+            "archetype_req": 0, 
+            "base_abil": "Arrow Shield",
+            "parents": ["Mana Trap", "Shocking Bomb", "Twain's Arc"], 
+            "dependencies": ["Arrow Shield"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 28,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3, 
+                    "target_part": "Arrow Shield",
+                    "multipliers": [40, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [{
+                        "type": "prop",
+                        "abil": "Arrow Shield",
+                        "name": "aoe",
+                        "value": 1
+                    }]
+                }
+            ]
+        },
+        {
+            "display_name": "Better Leap",
+            "desc": "Reduce leap's cooldown by 1s.",
+            "archetype": "Boltslinger",
+            "archetype_req": 0, 
+            "base_abil": "Leap",
+            "parents": ["Leap", "Homing Shots"], 
+            "dependencies": ["Leap"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 29,
+                "col": 1,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "raw_stat",
+                "bonuses": [{
+                    "type": "prop",
+                    "abil": "Leap",
+                    "name": "cooldown",
+                    "value": -1
+                }]
+            }]
+        },
+        {
+            "display_name": "Better Guardian Angels",
+            "desc": "Your Guardian Angels can shoot +4 arrows before disappearing.",
+            "archetype": "Boltslinger",
+            "archetype_req": 0, 
+            "base_abil": "Arrow Shield",
+            "parents": ["Escape Artist", "Homing Shots"], 
+            "dependencies": ["Guardian Angels"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 31,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 4,
+                "target_part": "Single Bow",
+                "hits": { "Single Arrow": 4 }
+            }]
+        },
+        {
+            "display_name": "Cheaper Arrow Storm (2)",
+            "desc": "Reduce the Mana cost of Arrow Storm.",
+            "base_abil": "Arrow Storm",
+            "parents": ["Initiator", "Mana Trap"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 31,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 1,
+                "cost": -5
+            }]  
+        },
+        {
+            "display_name": "Precise Shot",
+            "desc": "+30% Critical Hit Damage",
+            "parents": ["Better Guardian Angels", "Cheaper Arrow Shield", "Arrow Hurricane"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 33,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "raw_stat",
+                "bonuses": [{
+                    "type": "stat",
+                    "name": "mdCritPct",
+                    "value": 30
+                }]
+            }]  
+        },
+        {
+            "display_name": "Cheaper Arrow Shield",
+            "desc": "Reduce the Mana cost of Arrow Shield.",
+            "base_abil": "Arrow Shield",
+            "parents": ["Precise Shot", "Initiator"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 33,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 4,
+                "cost": -5
+            }]
+        },
+        {
+            "display_name": "Rocket Jump",
+            "desc": "Arrow Bomb's self-damage will knockback you farther away.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["Cheaper Arrow Storm (2)", "Initiator"], 
+            "dependencies": ["Arrow Bomb"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 33,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": []
+        },
+        {
+            "display_name": "Cheaper Escape (2)",
+            "desc": "Reduce the Mana cost of Escape.",
+            "base_abil": "Escape",
+            "parents": ["Call of the Hound", "Decimator"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 34,
+                "col": 7,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 2,
+                "cost": -5
+            }]
+        },
+        {
+            "display_name": "Stronger Hook",
+            "desc": "Increase your Grappling Hook's range, speed and strength.",
+            "archetype": "Trapper", 
+            "archetype_req": 5, 
+            "base_abil": "Escape",
+            "parents": ["Cheaper Escape (2)"], 
+            "dependencies": ["Grappling Hook"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 35,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "raw_stat",
+                "bonuses": [{
+                    "type": "prop",
+                    "abil": "Grappling Hook",
+                    "name": "range",
+                    "value": 8
+                }]
+            }]
+        },
+        {
+            "display_name": "Cheaper Arrow Bomb (2)",
+            "desc": "Reduce the Mana cost of Arrow Bomb.",
+            "base_abil": "Arrow Bomb",
+            "parents": ["More Focus (2)", "Minefield"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 40,
+                "col": 5,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 3,
+                "cost": -5
+            }]  
+        },
+        {
+            "display_name": "Bouncing Bomb",
+            "desc": "Arrow Bomb will bounce once when hitting a block or enemy",
+            "base_abil": "Arrow Bomb",
+            "parents": ["More Shields"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 25,
+                "col": 7,
+                "icon": "node_2"
+            },
+            "properties": {},
+            "effects": []
+        },
+        {
+            "display_name": "Homing Shots",
+            "desc": "Your Main Attack arrows will follow nearby enemies and not be affected by gravity",
+            "archetype": "Sharpshooter", 
+            "base_abil": 999,
+            "parents": ["Leap", "Shocking Bomb"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 28,
+                "col": 2,
+                "icon": "node_2"
+            },
+            "properties": {},
+            "effects": []
+        },
+        {
+            "display_name": "Shrapnel Bomb",
+            "desc": "Arrow Bomb's explosion will fling 15 shrapnel, dealing damage in a large area",
+            "archetype": "Boltslinger",
+            "archetype_req": 8,
+            "base_abil": "Arrow Bomb",
+            "parents": ["Arrow Hurricane", "Precise Shot"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 34,
+                "col": 1,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "add_spell_prop",
+                "base_spell": 3,
+                "target_part": "Shrapnel Bomblet",
+                "multipliers": [40, 0, 0, 0, 20, 0]
+            }]
+        },
+        {
+            "display_name": "Elusive",
+            "desc": "If you do not get hit for 8+ seconds, become immune to self-damage and remove Arrow Storm's recoil. (Dodging counts as not getting hit)",
+            "archetype": "Boltslinger",
+            "archetype_req": 0,
+            "parents": ["Geyser Stomp"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 38,
+                "col": 0,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": []
+        },
+        {
+            "display_name": "Double Shots",
+            "desc": "Double Main Attack arrows, but they deal -30% damage per arrow (harder to hit far enemies)",
+            "archetype": "Boltslinger",
+            "archetype_req": 0,
+            "base_abil": 999,
+            "parents": ["Escape"],
+            "dependencies": [],
+            "blockers": ["Power Shots"],
+            "cost": 1,
+            "display": {
+                "row": 7,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 0,
+                    "target_part": "Single Shot",
+                    "multipliers": [-30, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 0,
+                    "target_part": "Total Damage",
+                    "hits": { "Single Shot": 2 },
+                    "display": "Total Damage"
+                }
+            ]
+        },
+        {
+            "display_name": "Triple Shots",
+            "desc": "Triple Main Attack arrows, but they deal -20% damage per arrow",
+            "archetype": "Boltslinger",
+            "archetype_req": 0,
+            "base_abil": 999,
+            "parents": ["Arrow Rain", "Frenzy"],
+            "dependencies": ["Double Shots"],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 17,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 0,
+                    "target_part": "Single Shot",
+                    "multipliers": [-20, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 0,
+                    "target_part": "Total Damage",
+                    "hits": { "Single Shot": 1 },
+                    "display": "Total Damage"
+                }
+            ]
+        },
+        {
+            "display_name": "Power Shots",
+            "desc": "Main Attack arrows have increased speed and knockback",
+            "archetype": "Sharpshooter",
+            "archetype_req": 0,
+            "base_abil": 999,
+            "parents": ["Escape"],
+            "dependencies": [],
+            "blockers": ["Double Shots"],
+            "cost": 1,
+            "display": {
+                "row": 7,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": []
+        },
+        {
+            "display_name": "Focus",
+            "desc": "When hitting an aggressive mob 5+ blocks away, gain +1 Focus (Max 3). Resets if you miss once",
+            "archetype": "Sharpshooter",
+            "archetype_req": 2,
+            "parents": ["Phantom Ray"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 19,
+                "col": 4,
+                "icon": "node_2"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": true,
+                "slider_name": "Focus",
+                "output": {
+                    "type": "stat",
+                    "name": "damMult"
+                },
+                "scaling": [35],
+                "max": 3
+            }]
+        },
+        {
+            "display_name": "More Focus",
+            "desc": "Add +2 max Focus",
+            "archetype": "Sharpshooter",
+            "archetype_req": 0,
+            "parents": ["Cheaper Arrow Storm", "Grappling Hook"],
+            "dependencies": ["Focus"],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 22,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": true,
+                "slider_name": "Focus",
+                "output": {
+                    "type": "stat",
+                    "name": "damMult"
+                },
+                "scaling": [30],
+                "max": 5
+            }]
+        },
+        {
+            "display_name": "More Focus (2)",
+            "desc": "Add +2 max Focus",
+            "archetype": "Sharpshooter",
+            "archetype_req": 0,
+            "parents": ["Crepuscular Ray", "Snow Storm"],
+            "dependencies": ["Focus"],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 39,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": true,
+                "slider_name": "Focus",
+                "output": {
+                    "type": "stat",
+                    "name": "damMult"
+                },
+                "scaling": [25],
+                "max": 7
+            }]
+        },
+        {
+            "display_name": "Traveler",
+            "desc": "For every 1% Walk Speed you have from items, gain +1 Raw Spell Damage (Max 100)",
+            "parents": ["Refined Gunpowder", "Twain's Arc"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 25,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": false,
+                "inputs": [{
+                    "type": "stat",
+                    "name": "spd"
+                }],
+                "output": {
+                    "type": "stat",
+                    "name": "sdRaw"
+                },
+                "scaling": [1],
+                "max": 100
+            }]
+        },
+        {
+            "display_name": "Patient Hunter",
+            "desc": "Your Traps will deal +20% more damage for every second they are active (Max +80%)",
+            "archetype": "Trapper",
+            "archetype_req": 0,
+            "base_abil": "Arrow Bomb",
+            "parents": ["More Shields"],
+            "dependencies": ["Basaltic Trap"],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 22,
+                "col": 8,
+                "icon": "node_1"
+            },
+            "properties": {
+                "max": 80
+            },
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": true,
+                "slider_name": "Trap Wait Time",
+                "output": {
+                    "type": "stat",
+                    "name": "damMult:Basaltic Trap"
+                },
+                "slider_step": 1,
+                "scaling": [20],
+                "max": 80
+            }]
+        },
+        {
+            "display_name": "Stronger Patient Hunter",
+            "desc": "Add +80% Max Damage to Patient Hunter",
+            "archetype": "Trapper",
+            "archetype_req": 0,
+            "base_abil": "Arrow Bomb",
+            "parents": ["Grape Bomb"],
+            "dependencies": ["Patient Hunter"],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 38,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": true,
+                    "slider_name": "Trap Wait Time",
+                    "output": {
+                        "type": "stat",
+                        "name": "damMult:Basaltic Trap"
+                    },
+                    "scaling": [20],
+                    "max": 80
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [{
+                        "type": "prop",
+                        "abil": "Patient Hunter",
+                        "name": "max",
+                        "value": 80
+                    }]
+                }
+            ]
+        },
+        {
+            "display_name": "Frenzy",
+            "desc": "Every time you hit an enemy, briefly gain +6% Walk Speed (Max 200%). Decay -40% of the bonus every second",
+            "archetype": "Boltslinger",
+            "archetype_req": 0,
+            "parents": ["Triple Shots", "Nimble String"],
+            "dependencies": [],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 17,
+                "col": 2,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": true,
+                "slider_name": "Hits dealt",
+                "output": {
+                    "type": "stat",
+                    "name": "spd"
+                },
+                "scaling": [6],
+                "max": 200
+            }]
+        },
+        {
+            "display_name": "Phantom Ray",
+            "desc": "Condense Arrow Storm into a single ray that damages enemies 10 times per second",
+            "archetype": "Sharpshooter",
+            "archetype_req": 0,
+            "parents": ["Water Mastery", "Fire Creep"],
+            "dependencies": ["Arrow Storm"],
+            "blockers": ["Windstorm", "Nimble String", "Arrow Hurricane"],
+            "cost": 2,
+            "display": {
+                "row": 16,
+                "col": 4,
+                "icon": "node_2"
+            },
+            "properties": {},
+            "effects": [
+                { 
+                    "type": "replace_spell",
+                    "name": "Phantom Ray",
+                    "base_spell": 1, 
+                    "spell_type": "damage", 
+                    "scaling": "spell",
+                    "display": "Total Damage", 
+                    "parts": [
+                        {  
+                            "name": "Single Arrow",
+                            "type": "damage",
+                            "multipliers": [25, 0, 5, 0, 0, 0]
+                        },
+                        {  
+                            "name": "Total Damage",
+                            "type": "total",
+                            "hits": {
+                            "Single Arrow": 16
+                            }
+                        }
+                    ]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "cost": -10
+                }
+            ]
+        },
+        {
+            "display_name": "Arrow Rain",
+            "desc": "When Arrow Shield loses its last charge, unleash 200 arrows raining down on enemies",
+            "base_abil": "Arrow Shield",
+            "parents": ["Nimble String", "Air Mastery"],
+            "dependencies": ["Arrow Shield"],
+            "blockers": [],
+            "cost": 2,
+            "display": {
+                "row": 15,
+                "col": 0,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Arrow Rain (Per Arrow)",
+                    "multipliers": [120, 0, 0, 0, 0, 80]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Arrow Rain (Total)",
+                    "hits": { "Arrow Rain (Per Arrow)": 200 }
+                }
+            ]
+        },
+        {
+            "display_name": "Decimator",
+            "desc": "Phantom Ray will increase its damage by 10% everytime you do not miss with it (Max 50%)",
+            "archetype": "Sharpshooter",
+            "archetype_req": 0,
+            "parents": ["Cheaper Arrow Shield"],
+            "dependencies": ["Phantom Ray"],
+            "blockers": [],
+            "cost": 1,
+            "display": {
+                "row": 34,
+                "col": 5,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "stat_scaling",
+                "slider": true,
+                "slider_name": "Phantom Ray hits",
+                "output": {
+                    "type": "stat",
+                    "name": "damMult:Single Arrow"
+                },
+                "scaling": 10,
+                "max": 50
+            }]
+        }
+    ],
+    "Warrior": [
+        {
+            "display_name": "Bash",
+            "desc": "Violently bash the ground, dealing high damage in a large area",
+            "parents": [], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 0,
+                "col": 4,
+                "icon": "node_4"
+            },
+            "properties": {
+                "aoe": 4,
+                "range": 3
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Bash",
+                    "cost": 45,
+                    "base_spell": 1,
+                    "spell_type": "damage",
+                    "scaling": "spell",
+                    "display": "Total Damage",
+                    "parts": [
+                        {
+                            "name": "Single Hit",
+                            "type": "damage",
+                            "multipliers": [130, 20, 0, 0, 0, 0]
+                        },
+                        {
+                            "name": "Total Damage",
+                            "type": "total",
+                            "hits": {
+                                "Single Hit": 1
+                            }
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Spear Proficiency 1",
+            "desc": "Improve your Main Attack's damage and range w/ spear",
+            "base_abil": 999,
+            "parents": ["Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 2,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {
+                "melee_range": 1
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "mdPct",
+                            "value": 5
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Cheaper Bash",
+            "desc": "Reduce the Mana cost of Bash",
+            "base_abil": "Bash",
+            "parents": ["Spear Proficiency 1"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 2,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {
+                
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "cost": -10
+                }
+            ]  
+        },
+        {
+            "display_name": "Double Bash",
+            "desc": "Bash will hit a second time at a farther range",
+            "parents": ["Spear Proficiency 1"], 
+            "base_abil": "Bash",
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 4,
+                "col": 4,
+                "icon": "node_1"
+            },
+            "properties": {
+                "range": 3
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "target_part": "Total Damage",
+                    "cost": 0,
+                    "hits": {
+                        "Single Hit": 1
+                    }
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "target_part": "Single Hit",
+                    "cost": 0,
+                    "multipliers": [-50, 0, 0, 0, 0, 0]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Charge",
+            "desc": "Charge forward at high speed (hold shift to cancel)",
+            "parents": ["Double Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 6,
+                "col": 4,
+                "icon": "node_4"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "replace_spell",
+                "name": "Charge",
+                "cost": 25,
+                "base_spell": 2,
+                "spell_type": "damage",
+                "scaling": "spell",
+                "display": "",
+                "parts": []
+            }]  
+        },
+
+        {
+            "display_name": "Heavy Impact",
+            "desc": "After using Charge, violently crash down into the ground and deal damage",
+            "base_abil": "Charge",
+            "parents": ["Uppercut"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 9,
+                "col": 1,
+                "icon": "node_1"
+            },
+            "properties": {
+                "aoe": 4
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Heavy Impact",
+                    "cost": 0,
+                    "multipliers": [100, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Contact Damage",
+                    "display": "Contact Damage",
+                    "hits": { "Heavy Impact": 1 }
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Vehement",
+            "desc": "For every 1% or 1 Raw Main Attack Damage you have from items, gain +2% Walk Speed (Max 20%)",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "parents": ["Charge"], 
+            "dependencies": [], 
+            "blockers": ["Tougher Skin"],
+            "cost": 1, 
+            "display": {
+                "row": 6,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": false,
+                    "inputs": [
+                        {
+                            "type": "stat",
+                            "name": "mdPct"
+                        },
+                        {
+                            "type": "stat",
+                            "name": "mdRaw"
+                        }
+                    ],
+                    "output": {
+                        "type": "stat",
+                        "name": "spd"
+                    },
+                    "scaling": [1, 1],
+                    "max": 20
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Tougher Skin",
+            "desc": "Harden your skin and become permanently +5% more resistant\nFor every 1% or 1 Raw Heath Regen you have from items, gain +10 Health (Max 100)",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["Charge"], 
+            "dependencies": [], 
+            "blockers": ["Vehement"],
+            "cost": 1, 
+            "display": {
+                "row": 6,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "baseResist",
+                            "value": 5
+                        }
+                    ]
+                },
+                {
+                    "type": "stat_scaling",
+                    "slider": false,
+                    "inputs": [
+                        {
+                            "type": "stat",
+                            "name": "hprRaw"
+                        },
+                        {
+                            "type": "stat",
+                            "name": "hprPct"
+                        }
+                    ],
+                    "output": {
+                        "type": "stat",
+                        "name": "hpBonus"
+                    },
+                    "scaling": [10, 10],
+                    "max": 100
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Uppercut",
+            "desc": "Rocket enemies in the air and deal massive damage",
+            "parents": ["Vehement", "Cheaper Charge"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 8,
+                "col": 2,
+                "icon": "node_4"
+            },
+            "properties": {
+                "aoe": 3,
+                "range": 5
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Uppercut",
+                    "cost": 45,
+                    "base_spell": 3,
+                    "spell_type": "damage",
+                    "scaling": "spell",
+                    "display": "Total Damage",
+                    "parts": [
+                        {
+                            "name": "Uppercut",
+                            "multipliers": [150, 50, 50, 0, 0, 0]
+                        },
+                        {
+                            "name": "Total Damage",
+                            "hits": { "Uppercut": 1 }
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Cheaper Charge",
+            "desc": "Reduce the Mana cost of Charge",
+            "base_abil": "Charge",
+            "parents": ["Uppercut", "War Scream"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 8,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "cost": -5
+                }
+            ]  
+        },
+
+        {
+            "display_name": "War Scream",
+            "desc": "Emit a terrorizing roar that deals damage, pull nearby enemies, and add damage resistance to yourself and allies",
+            "parents": ["Tougher Skin", "Cheaper Charge"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 8,
+                "col": 6,
+                "icon": "node_4"
+            },
+            "properties": {
+                "duration": 30,
+                "aoe": 12,
+                "defense_bonus": 10
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "War Scream",
+                    "cost": 35,
+                    "base_spell": 4,
+                    "spell_type": "damage",
+                    "scaling": "spell",
+                    "display": "Total Damage",
+                    "parts": [
+                        {
+                            "name": "War Scream",
+                            "multipliers": [50, 0, 0, 0, 50, 0]
+                        },
+                        {
+                            "name": "Total Damage",
+                            "hits": { "War Scream": 1 }
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Earth Mastery",
+            "desc": "Increases base damage from all Earth attacks",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "parents": ["Uppercut"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 10,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        { "type": "stat", "name": "eDamPct", "value": 20 },
+                        { "type": "stat", "name": "eDamAddMin", "value": 2 },
+                        { "type": "stat", "name": "eDamAddMax", "value": 4 }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Thunder Mastery",
+            "desc": "Increases base damage from all Thunder attacks",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "parents": ["Uppercut", "Air Mastery", "Cheaper Charge"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 10,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        { "type": "stat", "name": "tDamPct", "value": 10 },
+                        { "type": "stat", "name": "tDamAddMin", "value": 1 },
+                        { "type": "stat", "name": "tDamAddMax", "value": 8 }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Water Mastery",
+            "desc": "Increases base damage from all Water attacks",
+            "archetype": "Battle Monk", 
+            "archetype_req": 0, 
+            "parents": ["Cheaper Charge", "Thunder Mastery", "Air Mastery"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 11,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        { "type": "stat", "name": "wDamPct", "value": 15 },
+                        { "type": "stat", "name": "wDamAddMin", "value": 2 },
+                        { "type": "stat", "name": "wDamAddMax", "value": 4 }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Air Mastery",
+            "desc": "Increases base damage from all Air attacks",
+            "archetype": "Battle Monk", 
+            "archetype_req": 0, 
+            "parents": ["War Scream", "Thunder Mastery", "Cheaper Charge"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 10,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        { "type": "stat", "name": "aDamPct", "value": 15 },
+                        { "type": "stat", "name": "aDamAddMin", "value": 3 },
+                        { "type": "stat", "name": "aDamAddMax", "value": 4 }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Fire Mastery",
+            "desc": "Increases base damage from all Earth attacks",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["War Scream"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 10,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        { "type": "stat", "name": "fDamPct", "value": 15 },
+                        { "type": "stat", "name": "fDamAddMin", "value": 3 },
+                        { "type": "stat", "name": "fDamAddMax", "value": 5 }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Quadruple Bash",
+            "desc": "Bash will hit 4 times at an even larger range",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "base_abil": "Bash",
+            "parents": ["Earth Mastery", "Fireworks"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 12,
+                "col": 0,
+                "icon": "node_1"
+            },
+            "properties": {
+                "range": 6
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "target_part": "Total Damage",
+                    "hits": {
+                        "Single Hit": 2
+                    }         
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "target_part": "Single Hit",
+                    "multipliers": [-20, 0, 0, 0, 0, 0] 
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Fireworks",
+            "desc": "Mobs hit by Uppercut will explode mid-air and receive additional damage",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "base_abil": "Uppercut",
+            "parents": ["Thunder Mastery", "Quadruple Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 12,
+                "col": 2,
+                "icon": "node_1"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Fireworks",
+                    "multipliers": [80, 0, 20, 0, 0, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Total Damage",
+                    "hits": {
+                        "Fireworks": 1
+                    }
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Half-Moon Swipe",
+            "desc": "Uppercut will deal a footsweep attack at a longer and wider angle. All elemental conversions become Water",
+            "archetype": "Battle Monk", 
+            "archetype_req": 1, 
+            "base_abil": "Uppercut",
+            "parents": ["Water Mastery"], 
+            "dependencies": ["Uppercut"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 13,
+                "col": 4,
+                "icon": "node_1"
+            },
+            "properties": {
+                "range": 4
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Uppercut",
+                    "cost": -10,
+                    "multipliers": [-70, 0, 0, 0, 0, 0]
+                },
+                {
+                    "type": "convert_spell_conv",
+                    "target_part": "all",
+                    "conversion": "Water"
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Flyby Jab",
+            "desc": "Damage enemies in your way when using Charge",
+            "base_abil": "Charge",
+            "parents": ["Air Mastery", "Flaming Uppercut"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 12,
+                "col": 6,
+                "icon": "node_1"
+            },
+            "properties": {
+                "aoe": 2
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Flyby Jab",
+                    "multipliers": [20, 0, 0, 0, 0, 40]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Contact Damage",
+                    "display": "Contact Damage",
+                    "hits": { "Flyby Jab": 1 }
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Flaming Uppercut",
+            "desc": "Uppercut will light mobs on fire, dealing damage every 0.6 seconds",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "base_abil": "Uppercut",
+            "parents": ["Fire Mastery", "Flyby Jab"], 
+            "dependencies": ["Uppercut"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 12,
+                "col": 8,
+                "icon": "node_1"
+            },
+            "properties": {
+                "duration": 3,
+                "tick": 0.6
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Flaming Uppercut",
+                    "multipliers": [0, 0, 0, 0, 50, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Flaming Uppercut Total Damage",
+                    "hits": {
+                        "Flaming Uppercut": 5
+                    }
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Total Damage",
+                    "hits": {
+                        "Flaming Uppercut": 5
+                    }
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Iron Lungs",
+            "desc": "War Scream deals more damage",
+            "base_abil": "War Scream",
+            "parents": ["Flyby Jab", "Flaming Uppercut"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 13,
+                "col": 7,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "War Scream",
+                    "cost": 0,
+                    "multipliers": [30, 0, 0, 0, 0, 30]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Generalist",
+            "desc": "After casting 3 different spells in a row, your next spell will cost 5 mana",
+            "archetype": "Battle Monk", 
+            "archetype_req": 3, 
+            "parents": ["Counter"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 15,
+                "col": 2,
+                "icon": "node_3"
+            },
+            "properties": {},
+            "effects": []  
+        },
+
+        {
+            "display_name": "Counter",
+            "desc": "When dodging a nearby enemy attack, get 30% chance to instantly attack back",
+            "archetype": "Battle Monk", 
+            "archetype_req": 0, 
+            "parents": ["Half-Moon Swipe"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 15,
+                "col": 4,
+                "icon": "node_1"
+            },
+            "properties": {
+                "chance": 30
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Counter",
+                    "base_spell": 5,
+                    "display": "Counter Damage",
+                    "parts": [
+                        {
+                            "name": "Counter Damage",
+                            "multipliers": [60, 0, 20, 0, 0, 20]
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Mantle of the Bovemists",
+            "desc": "When casting War Scream, create a holy shield around you that reduces all incoming damage by 70% for 3 hits (20s cooldown)",
+            "archetype": "Paladin", 
+            "archetype_req": 3, 
+            "parents": ["Iron Lungs"], 
+            "dependencies": ["War Scream"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 15,
+                "col": 7,
+                "icon": "node_3"
+            },
+            "properties": {
+                "mantle_charge": 3
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "toggle": true,
+                    "bonuses": [{ "type": "stat", "name": "defPct", "value": 70}]
+                }
+            ]
+        },
+
+        {
+            "display_name": "Bak'al's Grasp",
+            "desc": "After casting War Scream, become Corrupted (15s Cooldown). You cannot heal while in that state\n\nWhile Corrupted, every 2% of Health you lose will add +4 Raw Damage to your attacks (Max 120)",
+            "archetype": "Fallen", 
+            "archetype_req": 2, 
+            "parents": ["Quadruple Bash", "Fireworks"], 
+            "dependencies": ["War Scream"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 16,
+                "col": 1,
+                "icon": "node_3"
+            },
+            "properties": {
+                "cooldown": 15
+            },
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": true,
+                    "slider_name": "Corrupted",
+                    "output": {
+                        "type": "stat",
+                        "name": "damRaw" 
+                    },
+                    "scaling": [4],
+                    "slider_step": 1,
+                    "max": 120
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Spear Proficiency 2",
+            "desc": "Improve your Main Attack's damage and range w/ spear",
+            "base_abil": 999,
+            "parents": ["Bak'al's Grasp", "Cheaper Uppercut"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 17,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {
+                "melee_range": 1
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "mdPct",
+                            "value": 5
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Cheaper Uppercut",
+            "desc": "Reduce the Mana Cost of Uppercut",
+            "base_abil": "Uppercut",
+            "parents": ["Spear Proficiency 2", "Aerodynamics", "Counter"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 17,
+                "col": 3,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "cost": -5
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Aerodynamics",
+            "desc": "During Charge, you can steer and change direction",
+            "archetype": "Battle Monk", 
+            "archetype_req": 0, 
+            "base_abil": "Charge",
+            "parents": ["Cheaper Uppercut", "Provoke"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 17,
+                "col": 5,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": []  
+        },
+
+        {
+            "display_name": "Provoke",
+            "desc": "Mobs damaged by War Scream will target only you for at least 5s \n\nReduce the Mana cost of War Scream",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "base_abil": "War Scream",
+            "parents": ["Aerodynamics", "Mantle of the Bovemists"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 17,
+                "col": 7,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "cost": -5
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Precise Strikes",
+            "desc": "+30% Critical Hit Damage",
+            "parents": ["Cheaper Uppercut", "Spear Proficiency 2"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 18,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "critDamPct",
+                            "value": 30
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Air Shout",
+            "desc": "War Scream will fire a projectile that can go through walls and deal damage multiple times",
+            "base_abil": "War Scream",
+            "parents": ["Aerodynamics", "Provoke"], 
+            "dependencies": ["War Scream"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 18,
+                "col": 6,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Air Shout",
+                    "multipliers": [20, 0, 0, 0, 0, 5]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Enraged Blow",
+            "desc": "While Corriupted, every 1% of Health you lose will increase your damage by +3% (Max 300%)",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "parents": ["Spear Proficiency 2"], 
+            "dependencies": ["Bak'al's Grasp"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 20,
+                "col": 0,
+                "icon": "node_2"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": false,
+                    "inputs": [
+                        {
+                            "type": "stat",
+                            "name": "hpBonus"
+                        }
+                    ],
+                    "output": {
+                        "type": "stat",
+                        "name": "damMult" 
+                    },
+                    "scaling": [3],
+                    "max": 300
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Flying Kick",
+            "desc": "When using Charge, mobs hit will halt your momentum and get knocked back",
+            "archetype": "Battle Monk", 
+            "archetype_req": 1, 
+            "base_abil": "Charge",
+            "parents": ["Cheaper Uppercut", "Stronger Mantle"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 20,
+                "col": 3,
+                "icon": "node_1"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Flying Kick",
+                    "multipliers": [120, 0, 0, 10, 0, 20]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Flying Kick Max Damage",
+                    "hits": { "Flying Kick": 1 },
+                    "display": "Flying Kick Max Damage"
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Stronger Mantle",
+            "desc": "Add +2 additional charges to Mantle of the Bovemists",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["Manachism", "Flying Kick"], 
+            "dependencies": ["Mantle of the Bovemists"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 20,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "prop",
+                            "abil": "Mantle of the Bovemists",
+                            "name": "mantle_charge",
+                            "value": 2
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Manachism",
+            "desc": "If you receive a hit that's less than 5% of your max HP, gain 10 Mana (1s Cooldown)",
+            "archetype": "Paladin", 
+            "archetype_req": 3, 
+            "parents": ["Stronger Mantle", "Provoke"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 20,
+                "col": 8,
+                "icon": "node_2"
+            },
+            "properties": {
+                "cooldown": 1
+            },
+            "effects": []  
+        },
+
+        {
+            "display_name": "Boiling Blood",
+            "desc": "Bash leaves a trail of boiling blood behind its first explosion, slowing down and damaging enemies above it every 0.4 seconds",
+            "archetype": "", 
+            "archetype_req": 0, 
+            "parents": ["Enraged Blow", "Ragnarokkr"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 22,
+                "col": 0,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "target_part": "Boiling Blood",
+                    "cost": 0,
+                    "multipliers": [25, 0, 0, 0, 5, 0]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Ragnarokkr",
+            "desc": "War Scream become deafening, increasing its range and giving damage bonus to players",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "base_abil": "War Scream",
+            "parents": ["Boiling Blood", "Flying Kick"], 
+            "dependencies": ["War Scream"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 22,
+                "col": 2,
+                "icon": "node_2"
+            },
+            "properties": {
+                "aoe": 2
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "cost": 10
+                },
+                {
+                    "type": "raw_stat",
+                    "toggle": true,
+                    "bonuses": [ {"type": "stat", "name": "damMult", "value": 30} ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Ambidextrous",
+            "desc": "Increase your chance to attack with Counter by +30%",
+            "base_abil": "Counter",
+            "parents": ["Flying Kick", "Stronger Mantle", "Burning Heart"], 
+            "dependencies": ["Counter"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 22,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [ {"type": "prop", "abil": "Counter", "name": "chance", "value": 30} ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Burning Heart",
+            "desc": "For every 100 Health Bonus you have from item IDs, gain +2% Fire Damage (Max 100%)",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["Ambidextrous", "Stronger Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 22,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": false,
+                    "inputs": [
+                        {
+                            "type": "stat",
+                            "name": "hpBonus"
+                        }
+                    ],
+                    "output": {
+                        "type": "stat",
+                        "name": "fDamPct"
+                    },
+                    "scaling": [2],
+                    "max": 100
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Stronger Bash",
+            "desc": "Increase the damage of Bash",
+            "base_abil": "Bash",
+            "parents": ["Burning Heart", "Manachism"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 22,
+                "col": 8,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "target_part": "Single Hit",
+                    "multipliers": [30, 0, 0, 0, 0, 0]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Intoxicating Blood",
+            "desc": "After leaving Corrupted, gain 2% of the health lost back for each enemy killed while Corrupted",
+            "archetype": "Fallen", 
+            "archetype_req": 5, 
+            "base_abil": "Bak'al's Grasp",
+            "parents": ["Ragnarokkr", "Boiling Blood"], 
+            "dependencies": ["Bak'al's Grasp"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 23,
+                "col": 1,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": []  
+        },
+
+        {
+            "display_name": "Comet",
+            "desc": "After being hit by Fireworks, enemies will crash into the ground and receive more damage",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "base_abil": "Uppercut",
+            "parents": ["Ragnarokkr"], 
+            "dependencies": ["Fireworks"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 24,
+                "col": 2,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Comet",
+                    "cost": 0,
+                    "multipliers": [80, 20, 0, 0, 0, 0]
+                },
+                {
+                    "type":"add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Total Damage",
+                    "cost": 0, 
+                    "hits": {
+                        "Comet": 1
+                    }
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Collide",
+            "desc": "Mobs thrown into walls from Flying Kick will explode and receive additonal damage",
+            "archetype": "Battle Monk", 
+            "archetype_req": 4, 
+            "base_abil": "Charge",
+            "parents": ["Ambidextrous", "Burning Heart"], 
+            "dependencies": ["Flying Kick"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 23,
+                "col": 5,
+                "icon": "node_1"
+            },
+            "properties": {
+                "aoe": 4
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Collide",
+                    "cost": 0,
+                    "multipliers": [100, 0, 0, 0, 50, 0]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "target_part": "Flying Kick Max Damage",
+                    "hits": { "Collide": 1 }
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Rejuvenating Skin",
+            "desc": "Regain back 30% of the damage you take as healing over 30s",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["Burning Heart", "Stronger Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 23,
+                "col": 7,
+                "icon": "node_3"
+            },
+            "properties": {},
+            "effects": []  
+        },
+        {
+            "display_name": "Uncontainable Corruption",
+            "desc": "Reduce the cooldown of Bak'al's Grasp by -5s, and increase the raw damage gained for every 2% of health lost by +1",
+            "base_abil": "Bak'al's Grasp",
+            "parents": ["Boiling Blood", "Radiant Devotee"], 
+            "dependencies": ["Bak'al's Grasp"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 26,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": true,
+                    "slider_name": "Corrupted",
+                    "output": {
+                        "type": "stat",
+                        "name": "damRaw" 
+                    },
+                    "scaling": [0.5],
+                    "max": 50
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [ {"type": "prop", "abil": "Bak'al's Grasp", "name": "cooldown", "value": -5} ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Radiant Devotee",
+            "desc": "For every 4% Reflection you have from items, gain +1/5s Mana Regen (Max 10/5s)",
+            "archetype": "Battle Monk", 
+            "archetype_req": 1, 
+            "parents": ["Whirlwind Strike", "Uncontainable Corruption"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 26,
+                "col": 2,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "inputs": [
+                        {
+                            "type": "stat",
+                            "name": "ref"
+                        }
+                    ],
+                    "output": {
+                        "type": "stat",
+                        "name": "mr"
+                    },
+                    "scaling": [0.25],
+                    "max": 10
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Whirlwind Strike",
+            "desc": "Uppercut will create a strong gust of air, launching you upward with enemies (Hold shift to stay grounded)",
+            "archetype": "Battle Monk", 
+            "archetype_req": 5, 
+            "base_abil": "Uppercut",
+            "parents": ["Ambidextrous", "Radiant Devotee"], 
+            "dependencies": ["Uppercut"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 26,
+                "col": 4,
+                "icon": "node_1"
+            },
+            "properties": {
+                "range": 2 
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Uppercut",
+                    "multipliers": [0, 0, 0, 0, 0, 50]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Mythril Skin",
+            "desc": "Gain +5% Base Resistance and become immune to knockback",
+            "archetype": "Paladin", 
+            "archetype_req": 6, 
+            "parents": ["Rejuvenating Skin"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 26,
+                "col": 7,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "bonuses": [
+                        {
+                            "type": "stat",
+                            "name": "baseResist",
+                            "value": 5
+                        }
+                    ]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Armour Breaker",
+            "desc": "While Corrupted, losing 30% Health will make your next Uppercut destroy enemies' defense, rendering them weaker to damage",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "base_abil": "Uppercut",
+            "parents": ["Uncontainable Corruption", "Radiant Devotee"], 
+            "dependencies": ["Bak'al's Grasp"], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 27,
+                "col": 1,
+                "icon": "node_2"
+            },
+            "properties": {
+                "duration": 5
+            },
+            "effects": [
+                {
+                    "type": "raw_stat",
+                    "toggle": true,
+                    "bonuses": [ {"type": "stat", "name": "damMult", "value": 30} ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Shield Strike",
+            "desc": "When your Mantle of the Bovemist loses all charges, deal damage around you for each Mantle individually lost",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "base_abil": "Mantle of the Bovemists",
+            "parents": ["Mythril Skin", "Sparkling Hope"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 27,
+                "col": 6,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Shield Strike",
+                    "base_spell": 6,
+                    "display": "Damage per Shield",
+                    "parts": [
+                        {
+                            "name": "Damage per Shield",
+                            "multipliers": [60, 0, 20, 0, 0, 0]
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Sparkling Hope",
+            "desc": "Everytime you heal 5% of your max health, deal damage to all nearby enemies",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["Mythril Skin"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 27,
+                "col": 8,
+                "icon": "node_2"
+            },
+            "properties": {
+                "aoe": 6
+            },
+            "effects": [
+                {
+                    "type": "replace_spell",
+                    "name": "Sparkling Hope",
+                    "base_spell": 6,
+                    "display": "Damage Tick",
+                    "parts": [
+                        {
+                            "name": "Damage Tick",
+                            "multipliers": [10, 0, 5, 0, 0, 0]
+                        }
+                    ]
+                }
+            ]  
+        },
+        {
+            "display_name": "Massive Bash",
+            "desc": "While Corrupted, every 3% Health you lose will add +1 AoE to Bash (Max 10)",
+            "archetype": "Fallen", 
+            "archetype_req": 8, 
+            "base_abil": "Bash",
+            "parents": ["Tempest", "Uncontainable Corruption"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 28,
+                "col": 0,
+                "icon": "node_2"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": true,
+                    "slider_name": "Corrupted",
+                    "output": {
+                        "type": "prop",
+                        "abil": "Bash",
+                        "name": "aoe"
+                    },
+                    "scaling": [0.3333333333333333],
+                    "max": 10
+                }
+            ]  
+        },{
+            "display_name": "Tempest",
+            "desc": "War Scream will ripple the ground and deal damage 3 times in a large area",
+            "archetype": "Battle Monk", 
+            "archetype_req": 0, 
+            "base_abil": "War Scream",
+            "parents": ["Massive Bash", "Spirit of the Rabbit"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 28,
+                "col": 2,
+                "icon": "node_1"
+            },
+            "properties": {
+                "aoe": 16
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Tempest",
+                    "multipliers": [30, 10, 0, 0, 0, 10]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Tempest Total Damage",
+                    "hits": {
+                        "Tempest": 3
+                    }
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Total Damage",
+                    "hits": { "Tempest": 3 }
+                }
+            ]  
+        },
+        {
+            "display_name": "Spirit of the Rabbit",
+            "desc": "Reduce the Mana cost of Charge and increase your Walk Speed by +20%",
+            "archetype": "Battle Monk", 
+            "archetype_req": 5, 
+            "base_abil": "Charge",
+            "parents": ["Tempest", "Whirlwind Strike"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 28,
+                "col": 4,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 2,
+                    "cost": -5
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [{ "type": "stat", "name": "spd", "value": 20 }]
+                }
+            ]  
+        },{
+            "display_name": "Massacre",
+            "desc": "While Corrupted, if your effective attack speed is Slow or lower, hitting an enemy with your Main Attack will add +1% to your Corrupted bar",
+            "archetype": "Fallen", 
+            "archetype_req": 5, 
+            "base_abil": 999,
+            "parents": ["Tempest", "Massive Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 29,
+                "col": 1,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": []  
+        },
+        {
+            "display_name": "Axe Kick",
+            "desc": "Increase the damage of Uppercut, but also increase its mana cost",
+            "base_abil": "Uppercut",
+            "parents": ["Tempest", "Spirit of the Rabbit"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 29,
+                "col": 3,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "target_part": "Uppercut",
+                    "cost": 10,
+                    "multipliers": [100, 0, 0, 0, 0, 0]
+                }
+            ]  
+        },
+        {
+            "display_name": "Radiance",
+            "desc": "Bash will buff your allies' positive IDs. (15s Cooldown)",
+            "archetype": "Paladin", 
+            "archetype_req": 2, 
+            "base_abil": "Bash",
+            "parents": ["Spirit of the Rabbit", "Cheaper Bash 2"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 29,
+                "col": 5,
+                "icon": "node_2"
+            },
+            "properties": {
+                "cooldown": 15
+            },
+            "effects": []  
+        },
+
+        {
+            "display_name": "Cheaper Bash 2",
+            "desc": "Reduce the Mana cost of Bash",
+            "base_abil": "Bash",
+            "parents": ["Radiance", "Shield Strike", "Sparkling Hope"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 29,
+                "col": 7,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 1,
+                    "cost": -5
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Cheaper War Scream",
+            "desc": "Reduce the Mana cost of War Scream",
+            "base_abil": "War Scream",
+            "parents": ["Massive Bash"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 31,
+                "col": 0,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "cost": -5
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Discombobulate",
+            "desc": "Every time you hit an enemy, briefly increase your elemental damage dealt to them by +2 (Additive, Max +50). This bonus decays -5 every second",
+            "archetype": "Battle Monk", 
+            "archetype_req": 11, 
+            "parents": ["Cyclone"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 31,
+                "col": 2,
+                "icon": "node_3"
+            },
+            "properties": {
+            },
+            "effects": [
+                {
+                    "type": "stat_scaling",
+                    "slider": true,
+                    "slider_name": "Hits dealt",
+                    "output": [
+                        { "type": "stat", "name": "eDamAddMin" }, { "type": "stat", "name": "eDamAddMax" },
+                        { "type": "stat", "name": "tDamAddMin" }, { "type": "stat", "name": "tDamAddMax" },
+                        { "type": "stat", "name": "wDamAddMin" }, { "type": "stat", "name": "wDamAddMax" },
+                        { "type": "stat", "name": "fDamAddMin" }, { "type": "stat", "name": "fDamAddMax" },
+                        { "type": "stat", "name": "aDamAddMin" }, { "type": "stat", "name": "aDamAddMax" }
+                    ],
+                    "scaling": [2],
+                    "max": 50
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Thunderclap",
+            "desc": "Bash will cast at the player's position and gain additional AoE.\n\n All elemental conversions become Thunder",
+            "archetype": "Battle Monk", 
+            "archetype_req": 8, 
+            "parents": ["Cyclone"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 32,
+                "col": 5,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "convert_spell_conv",
+                    "target_part": "all",
+                    "conversion": "Thunder"
+                },
+                {
+                    "type": "raw_stat",
+                    "bonuses": [{
+                        "type": "prop",
+                        "abil": "Bash",
+                        "name": "aoe",
+                        "value": 3
+                    }]
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Cyclone",
+            "desc": "After casting War Scream, envelop yourself with a vortex that damages nearby enemies every 0.5s",
+            "archetype": "Battle Monk", 
+            "archetype_req": 0, 
+            "parents": ["Spirit of the Rabbit"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 31,
+                "col": 4,
+                "icon": "node_1"
+            },
+            "properties": {
+                "aoe": 4,
+                "duration": 20
+            },
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Cyclone",
+                    "multipliers": [10, 0, 0, 0, 5, 10]
+                },
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 4,
+                    "target_part": "Cyclone Total Damage",
+                    "hits": {
+                        "Cyclone": 40
+                    }
+                    
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Second Chance",
+            "desc": "When you receive a fatal blow, survive and regain 30% of your Health (10m Cooldown)",
+            "archetype": "Paladin", 
+            "archetype_req": 12, 
+            "parents": ["Cheaper Bash 2"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 32,
+                "col": 7,
+                "icon": "node_3"
+            },
+            "properties": {},
+            "effects": []  
+        },
+
+        {
+            "display_name": "Blood Pact",
+            "desc": "If you do not have enough mana to cast a spell, spend health instead (0.6% health per mana)",
+            "archetype": "", 
+            "archetype_req": 10, 
+            "parents": ["Cheaper War Scream"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 34,
+                "col": 1,
+                "icon": "node_3"
+            },
+            "properties": {
+                "health_cost": 0.6
+            },
+            "effects": []  
+        },
+
+        {
+            "display_name": "Haemorrhage",
+            "desc": "Reduce Blood Pact's health cost. (0.3% health per mana)",
+            "archetype": "Fallen", 
+            "archetype_req": 0, 
+            "base_abil": "Blood Pact",
+            "parents": ["Blood Pact"], 
+            "dependencies": ["Blood Pact"], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 35,
+                "col": 2,
+                "icon": "node_1"
+            },
+            "properties": {},
+            "effects": [{
+                "type": "raw_stat",
+                "bonuses": [{ "type": "prop", "abil": "Blood Pact", "name": "health_cost", "value": -0.3}]
+            }]
+        },
+
+        {
+            "display_name": "Brink of Madness",
+            "desc": "If your health is 25% full or less, gain +40% Resistance",
+            "parents": ["Blood Pact", "Cheaper Uppercut 2"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 35,
+                "col": 4,
+                "icon": "node_2"
+            },
+            "properties": {},
+            "effects": []  
+        },
+
+        {
+            "display_name": "Cheaper Uppercut 2",
+            "desc": "Reduce the Mana cost of Uppercut",
+            "base_abil": "Uppercut",
+            "parents": ["Second Chance", "Brink of Madness"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 1, 
+            "display": {
+                "row": 35,
+                "col": 6,
+                "icon": "node_0"
+            },
+            "properties": {},
+            "effects": [
+                {
+                    "type": "add_spell_prop",
+                    "base_spell": 3,
+                    "cost": -5
+                }
+            ]  
+        },
+
+        {
+            "display_name": "Martyr",
+            "desc": "When you receive a fatal blow, all nearby allies become invincible",
+            "archetype": "Paladin", 
+            "archetype_req": 0, 
+            "parents": ["Second Chance"], 
+            "dependencies": [], 
+            "blockers": [],
+            "cost": 2, 
+            "display": {
+                "row": 35,
+                "col": 8,
+                "icon": "node_1"
+            },
+            "properties": {
+                "duration": 3,
+                "aoe": 12
+            },
+            "effects": []  
+        }
+    ]
+}
diff --git a/js/atree_constants_min.js b/js/atree_constants_min.js
new file mode 100644
index 0000000..d84defc
--- /dev/null
+++ b/js/atree_constants_min.js
@@ -0,0 +1 @@
+const atrees={"Archer":[{"display_name":"Arrow Shield","desc":"Create a shield around you that deal damage and knockback mobs when triggered. (2 Charges)","parents":[60,34],"dependencies":[],"blockers":[],"cost":1,"display":{"row":9,"col":6,"icon":"node_4"},"properties":{"charges":2,"duration":60,"aoe":5000},"effects":[{"type":"replace_spell","name":"Arrow Shield","cost":30,"base_spell":4,"display":"Total Damage","parts":[{"name":"Shield Damage","type":"damage","multipliers":[90,0,0,0,0,10]},{"name":"Total Damage","type":"total","hits":{"Shield Damage":2}}]}],"id":0},{"display_name":"Escape","desc":"Throw yourself backward to avoid danger. (Hold shift while escaping to cancel)","parents":[3],"dependencies":[],"blockers":[],"cost":1,"display":{"row":7,"col":4,"icon":"node_4"},"properties":{"aoe":0,"range":0},"effects":[{"type":"replace_spell","name":"Escape","cost":25,"base_spell":2,"display":"","parts":[]}],"id":1},{"display_name":"Arrow Bomb","desc":"Throw a long-range arrow that explodes and deal high damage in a large area. (Self-damage for 25% of your DPS)","parents":[],"dependencies":[],"blockers":[],"cost":1,"display":{"row":0,"col":4,"icon":"node_4"},"properties":{"aoe":4.5,"range":26},"effects":[{"type":"replace_spell","name":"Arrow Bomb","cost":50,"base_spell":3,"spell_type":"damage","scaling":"spell","display":"Total Damage","parts":[{"name":"Arrow Bomb","type":"damage","multipliers":[160,0,0,0,20,0]},{"name":"Total Damage","type":"total","hits":{"Arrow Bomb":1}}]}],"id":2},{"display_name":"Heart Shatter","desc":"If you hit a mob directly with Arrow Bomb, shatter its heart and deal bonus damage.","base_abil":2,"parents":[31],"dependencies":[],"blockers":[],"cost":1,"display":{"row":4,"col":4,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Heart Shatter","multipliers":[100,0,0,0,0,0]},{"type":"add_spell_prop","base_spell":3,"target_part":"Total Damage","hits":{"Heart Shatter":1}}],"id":3},{"display_name":"Fire Creep","desc":"Arrow Bomb will leak a trail of fire for 6s, Damaging enemies that walk into it every 0.4s.","base_abil":2,"parents":[68,39,5],"dependencies":[],"blockers":[],"cost":2,"display":{"row":16,"col":6,"icon":"node_1"},"properties":{"aoe":0.8,"duration":6},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Fire Creep","multipliers":[30,0,0,0,20,0]},{"type":"add_spell_prop","base_spell":3,"target_part":"Total Burn Damage","hits":{"Fire Creep":15}}],"id":4},{"display_name":"Bryophyte Roots","desc":"When you hit an enemy with Arrow Storm, create an area that slows them down and deals damage every 0.4s.","base_abil":7,"archetype":"Trapper","archetype_req":1,"parents":[4,35],"dependencies":[7],"blockers":[],"cost":2,"display":{"row":16,"col":8,"icon":"node_1"},"properties":{"aoe":2,"duration":5},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Bryophyte Roots","cost":0,"multipliers":[40,20,0,0,0,0]},{"type":"add_spell_prop","base_spell":1,"target_part":"Total Roots Damage","hits":{"Bryophyte Roots":12}}],"id":5},{"display_name":"Nimble String","desc":"Arrow Storm throw out +6 arrows per stream and shoot twice as fast.","base_abil":7,"parents":[36,69],"dependencies":[7],"blockers":[68],"cost":2,"display":{"row":15,"col":2,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Single Arrow","multipliers":[-15,0,0,0,0,0]},{"type":"add_spell_prop","base_spell":1,"target_part":"Single Stream","hits":{"Single Arrow":6}}],"id":6},{"display_name":"Arrow Storm","desc":"Shoot a stream of 8 arrows, dealing significant damage to close mobs and pushing them back.","parents":[58,34],"dependencies":[],"blockers":[],"cost":1,"display":{"row":9,"col":2,"icon":"node_4"},"properties":{"range":16},"effects":[{"type":"replace_spell","name":"Arrow Storm","cost":40,"base_spell":1,"spell_type":"damage","scaling":"spell","display":"Total Damage","parts":[{"name":"Single Arrow","multipliers":[30,0,10,0,0,0]},{"name":"Single Stream","hits":{"Single Arrow":8}},{"name":"Total Damage","hits":{"Single Stream":1}}]}],"id":7},{"display_name":"Guardian Angels","desc":"Your protective arrows from Arrow Shield will become sentient bows, dealing damage up to 8 times each to nearby enemies. (Arrow Shield will no longer push nearby enemies)","archetype":"Boltslinger","archetype_req":3,"base_abil":0,"parents":[59,67],"dependencies":[0],"blockers":[],"cost":2,"display":{"row":19,"col":1,"icon":"node_3"},"properties":{"range":4,"duration":60,"shots":8,"count":2},"effects":[{"type":"replace_spell","name":"Guardian Angels","base_spell":4,"display":"Total Damage","parts":[{"name":"Single Arrow","type":"damage","multipliers":[30,0,0,0,0,10]},{"name":"Single Bow","type":"total","hits":{"Single Arrow":8}},{"name":"Total Damage","type":"total","hits":{"Single Bow":2}}]}],"id":8},{"display_name":"Windy Feet","desc":"When casting Escape, give speed to yourself and nearby allies.","base_abil":1,"parents":[7],"dependencies":[],"blockers":[],"cost":1,"display":{"row":10,"col":1,"icon":"node_0"},"properties":{"aoe":8,"duration":120},"effects":[{"type":"stat_bonus","toggle":"Windy Feet","bonuses":[{"type":"stat","name":"spd","value":20}]}],"id":9},{"display_name":"Basaltic Trap","desc":"When you hit the ground with Arrow Bomb, leave a Trap that damages enemies. (Max 2 Traps)","archetype":"Trapper","archetype_req":2,"base_abil":2,"parents":[5],"dependencies":[],"blockers":[],"cost":2,"display":{"row":19,"col":8,"icon":"node_3"},"properties":{"aoe":7,"traps":2},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Basaltic Trap","multipliers":[140,30,0,0,30,0]}],"id":10},{"display_name":"Windstorm","desc":"Arrow Storm shoot +1 stream of arrows, and each stream shoots +2 arrows, effectively doubling its damage.","base_abil":7,"parents":[8,33],"dependencies":[],"blockers":[68],"cost":2,"display":{"row":21,"col":1,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Single Arrow","multipliers":[-10,0,-2,0,0,2]},{"type":"add_spell_prop","base_spell":1,"target_part":"Total Damage","hits":{"Single Stream":1}},{"type":"add_spell_prop","base_spell":1,"target_part":"Single Stream","cost":0,"hits":{"Single Arrow":2}}],"id":11},{"display_name":"Grappling Hook","base_abil":1,"desc":"When casting Escape, throw a hook that pulls you when hitting a block. If you hit an enemy, pull them towards you instead. (Escape will not throw you backward anymore)","archetype":"Trapper","archetype_req":0,"parents":[61,40,33],"dependencies":[],"blockers":[20],"cost":2,"display":{"row":21,"col":5,"icon":"node_2"},"properties":{"range":26},"effects":[],"id":12},{"display_name":"Implosion","desc":"Arrow bomb will pull enemies towards you. If a trap is nearby, it will pull them towards it instead. Increase Heart Shatter's damage.","archetype":"Trapper","archetype_req":0,"base_abil":2,"parents":[12,40],"dependencies":[],"blockers":[],"cost":2,"display":{"row":22,"col":6,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Heart Shatter","multipliers":[40,0,0,0,0,0]}],"id":13},{"display_name":"Twain's Arc","desc":"When you have 2+ Focus, holding shift will summon the Twain's Arc. Charge it up to shoot a destructive long-range beam. (Damage is dealt as Main Attack Damage)","archetype":"Sharpshooter","archetype_req":4,"parents":[62,64],"dependencies":[61],"blockers":[],"cost":2,"display":{"row":25,"col":4,"icon":"node_2"},"properties":{"range":64,"focusReq":2},"effects":[{"type":"replace_spell","name":"Twain's Arc","base_spell":5,"scaling":"melee","use_atkspd":false,"display":"Single Shot","parts":[{"name":"Single Shot","type":"damage","multipliers":[200,0,0,0,0,0]}]}],"id":14},{"display_name":"Fierce Stomp","desc":"When using Escape, hold shift to quickly drop down and deal damage.","archetype":"Boltslinger","archetype_req":0,"base_abil":1,"parents":[42,64],"dependencies":[],"blockers":[],"cost":2,"display":{"row":26,"col":1,"icon":"node_1"},"properties":{"aoe":4},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Fierce Stomp","cost":0,"multipliers":[100,0,0,0,0,0]},{"type":"add_spell_prop","base_spell":2,"target_part":"Stomp Damage","cost":0,"hits":{"Fierce Stomp":1},"display":"Stomp Damage"}],"id":15},{"display_name":"Scorched Earth","desc":"Fire Creep become much stronger.","archetype":"Sharpshooter","archetype_req":0,"parents":[14],"dependencies":[4],"blockers":[],"cost":1,"display":{"row":26,"col":5,"icon":"node_1"},"properties":{"duration":2,"aoe":0.4},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Fire Creep","multipliers":[10,0,0,0,5,0]}],"id":16},{"display_name":"Leap","desc":"When you double tap jump, leap foward. (2s Cooldown)","archetype":"Boltslinger","archetype_req":5,"parents":[42,55],"dependencies":[],"blockers":[],"cost":2,"display":{"row":28,"col":0,"icon":"node_1"},"properties":{"cooldown":2},"effects":[],"id":17},{"display_name":"Shocking Bomb","desc":"Arrow Bomb will not be affected by gravity, and all damage conversions become Thunder.","archetype":"Sharpshooter","archetype_req":5,"base_abil":2,"parents":[14,44,55],"dependencies":[2],"blockers":[],"cost":2,"display":{"row":28,"col":4,"icon":"node_1"},"properties":{"gravity":0},"effects":[{"type":"convert_spell_conv","target_part":"all","conversion":"Thunder"}],"id":18},{"display_name":"Mana Trap","desc":"Your Traps will give you 2.85 Mana per second when you stay close to them.","archetype":"Trapper","archetype_req":5,"base_abil":2,"parents":[43,44],"dependencies":[4],"blockers":[],"cost":2,"display":{"row":28,"col":8,"icon":"node_3"},"properties":{"range":16,"manaRegen":2.85},"effects":[{"type":"add_spell_prop","base_spell":3,"cost":10}],"id":19},{"display_name":"Escape Artist","desc":"When casting Escape, release 120 arrows towards the ground.","archetype":"Boltslinger","archetype_req":0,"base_abil":1,"parents":[46,17],"dependencies":[],"blockers":[12],"cost":2,"display":{"row":31,"col":0,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Per Arrow","multipliers":[30,0,10,0,0,0]},{"type":"add_spell_prop","base_spell":2,"target_part":"Max Damage (Escape Artist)","hits":{"Per Arrow":120},"display":"Max Damage (Escape Artist)"}],"id":20},{"display_name":"Initiator","desc":"If you do not damage an enemy for 5s or more, your next sucessful hit will deal +50% damage and add +1 Focus.","archetype":"Sharpshooter","archetype_req":5,"parents":[18,44,47],"dependencies":[61],"blockers":[],"cost":2,"display":{"row":31,"col":5,"icon":"node_2"},"properties":{},"effects":[],"id":21},{"display_name":"Call of the Hound","desc":"Arrow Shield summon a Hound that will attack and drag aggressive enemies towards your traps.","archetype":"Trapper","archetype_req":0,"base_abil":0,"parents":[21,47],"dependencies":[0],"blockers":[],"cost":2,"display":{"row":32,"col":7,"icon":"node_2"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Hound Damage","multipliers":[40,0,0,0,0,0]}],"id":22},{"display_name":"Arrow Hurricane","desc":"Arrow Storm will shoot +2 stream of arrows.","archetype":"Boltslinger","archetype_req":8,"base_abil":7,"parents":[48,20],"dependencies":[],"blockers":[68],"cost":2,"display":{"row":33,"col":0,"icon":"node_3"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Total Damage","hits":{"Single Stream":2}}],"id":23},{"display_name":"Geyser Stomp","desc":"Fierce Stomp will create geysers, dealing more damage and vertical knockback.","base_abil":1,"parents":[56],"dependencies":[15],"blockers":[],"cost":2,"display":{"row":37,"col":1,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Geyser Stomp","multipliers":[0,0,0,50,0,0]},{"type":"add_spell_prop","base_spell":2,"target_part":"Stomp Damage","hits":{"Geyser Stomp":1}},{"type":"raw_stat","bonuses":[{"type":"prop","abil":15,"name":"aoe","value":1}]}],"id":24},{"display_name":"Crepuscular Ray","desc":"If you have 5 Focus, casting Arrow Storm will make you levitate and shoot 20 homing arrows per second until you run out of Focus. While in that state, you will lose 1 Focus per second.","archetype":"Sharpshooter","archetype_req":10,"parents":[49],"dependencies":[7],"blockers":[],"cost":2,"display":{"row":37,"col":4,"icon":"node_3"},"properties":{},"effects":[{"type":"replace_spell","name":"Crepuscular Ray","base_spell":6,"display":"DPS","parts":[{"name":"Single Arrow","multipliers":[10,0,0,5,0,0]},{"name":"DPS","hits":{"Single Arrow":20}},{"name":"Total Damage","hits":{"DPS":7}}]}],"id":25},{"display_name":"Grape Bomb","desc":"Arrow bomb will throw 3 additional smaller bombs when exploding.","base_abil":2,"parents":[51],"dependencies":[],"blockers":[],"cost":2,"display":{"row":37,"col":7,"icon":"node_2"},"properties":{"aoe":2},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Grape Bomb","multipliers":[30,0,0,0,10,0]},{"type":"add_spell_prop","base_spell":3,"target_part":"Total Damage","hits":{"Grape Bomb":3}}],"id":26},{"display_name":"Tangled Traps","desc":"Your Traps will be connected by a rope that deals damage to enemies every 0.2s.","archetype":"Trapper","archetype_req":0,"parents":[26],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":38,"col":6,"icon":"node_1"},"properties":{"attackSpeed":0.2},"effects":[{"type":"replace_spell","name":"Tangled Traps","base_spell":7,"display":"DPS","parts":[{"name":"Damage Tick","multipliers":[20,0,0,0,0,20]},{"name":"DPS","hits":{"Damage Tick":5}}]}],"id":27},{"display_name":"Snow Storm","desc":"Enemies near you will be slowed down.","parents":[24,63],"dependencies":[],"blockers":[],"cost":2,"display":{"row":39,"col":2,"icon":"node_2"},"properties":{"range":2.5,"slowness":0.3},"effects":[],"id":28},{"display_name":"All-Seeing Panoptes","desc":"Your bows from Guardian Angels become all-seeing, increasing their range, damage and letting them shoot up to +5 times each.","archetype":"Boltslinger","archetype_req":11,"base_abil":0,"parents":[28],"dependencies":[8],"blockers":[],"cost":2,"display":{"row":40,"col":1,"icon":"node_3"},"properties":{"range":8,"shots":5},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Single Arrow","multipliers":[0,0,0,0,10,0]},{"type":"add_spell_prop","base_spell":4,"target_part":"Single Bow","hits":{"Single Arrow":5}}],"id":29},{"display_name":"Minefield","desc":"Allow you to place +6 Traps, but with reduced damage and range.","archetype":"Trapper","archetype_req":10,"base_abil":2,"parents":[26,53],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":40,"col":7,"icon":"node_3"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Basaltic Trap","cost":0,"multipliers":[-80,0,0,0,0,0]},{"type":"raw_stat","bonuses":[{"type":"prop","abil":10,"name":"aoe","value":-2},{"type":"prop","abil":10,"name":"traps","value":6}]}],"id":30},{"display_name":"Bow Proficiency I","desc":"Improve your Main Attack's damage and range when using a bow.","base_abil":999,"parents":[2],"dependencies":[],"blockers":[],"cost":1,"display":{"row":2,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"mdPct","value":5}]}],"id":31},{"display_name":"Cheaper Arrow Bomb","desc":"Reduce the Mana cost of Arrow Bomb.","base_abil":2,"parents":[31],"dependencies":[],"blockers":[],"cost":1,"display":{"row":2,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"cost":-10}],"id":32},{"display_name":"Cheaper Arrow Storm","desc":"Reduce the Mana cost of Arrow Storm.","base_abil":7,"parents":[12,11,61],"dependencies":[],"blockers":[],"cost":1,"display":{"row":21,"col":3,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"cost":-5}],"id":33},{"display_name":"Cheaper Escape","desc":"Reduce the Mana cost of Escape.","base_abil":1,"parents":[7,0],"dependencies":[],"blockers":[],"cost":1,"display":{"row":9,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"cost":-5}],"id":34},{"display_name":"Earth Mastery","desc":"Increases your base damage from all Earth attacks","archetype":"Trapper","archetype_req":0,"parents":[0],"dependencies":[],"blockers":[],"cost":1,"display":{"row":13,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"eDamPct","value":20},{"type":"stat","name":"eDamAddMin","value":2},{"type":"stat","name":"eDamAddMax","value":4}]}],"id":35},{"display_name":"Thunder Mastery","desc":"Increases your base damage from all Thunder attacks","archetype":"Boltslinger","archetype_req":0,"parents":[7,39,34],"dependencies":[],"blockers":[],"cost":1,"display":{"row":13,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"tDamPct","value":10},{"type":"stat","name":"tDamAddMin","value":1},{"type":"stat","name":"tDamAddMax","value":8}]}],"id":36},{"display_name":"Water Mastery","desc":"Increases your base damage from all Water attacks","archetype":"Sharpshooter","archetype_req":0,"parents":[34,36,39],"dependencies":[],"blockers":[],"cost":1,"display":{"row":14,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"wDamPct","value":15},{"type":"stat","name":"wDamAddMin","value":2},{"type":"stat","name":"wDamAddMax","value":4}]}],"id":37},{"display_name":"Air Mastery","desc":"Increases base damage from all Air attacks","archetype":"Boltslinger","archetype_req":0,"parents":[7],"dependencies":[],"blockers":[],"cost":1,"display":{"row":13,"col":0,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"aDamPct","value":15},{"type":"stat","name":"aDamAddMin","value":3},{"type":"stat","name":"aDamAddMax","value":4}]}],"id":38},{"display_name":"Fire Mastery","desc":"Increases base damage from all Fire attacks","archetype":"Sharpshooter","archetype_req":0,"parents":[36,0,34],"dependencies":[],"blockers":[],"cost":1,"display":{"row":13,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"fDamPct","value":15},{"type":"stat","name":"fDamAddMin","value":3},{"type":"stat","name":"fDamAddMax","value":5}]}],"id":39},{"display_name":"More Shields","desc":"Give +2 charges to Arrow Shield.","base_abil":0,"parents":[12,10],"dependencies":[0],"blockers":[],"cost":1,"display":{"row":21,"col":7,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Total Damage","hits":{"Shield Damage":2}},{"type":"raw_stat","bonuses":[{"type":"prop","abil":0,"name":"charges","value":2}]}],"id":40},{"display_name":"Stormy Feet","desc":"Windy Feet will last longer and add more speed.","archetype":"Boltslinger","base_abil":1,"parents":[11],"dependencies":[9],"blockers":[],"cost":1,"display":{"row":23,"col":1,"icon":"node_0"},"properties":{"duration":60},"effects":[{"type":"stat_bonus","toggle":"Windy Feet","bonuses":[{"type":"stat","name":"spdPct","value":20}]}],"id":41},{"display_name":"Refined Gunpowder","desc":"Increase the damage of Arrow Bomb.","base_abil":2,"parents":[11],"dependencies":[],"blockers":[],"cost":1,"display":{"row":25,"col":0,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Arrow Bomb","multipliers":[50,0,0,0,0,0]}],"id":42},{"display_name":"More Traps","desc":"Increase the maximum amount of active Traps you can have by +2.","archetype":"Trapper","archetype_req":0,"base_abil":2,"parents":[54],"dependencies":[10],"blockers":[],"cost":1,"display":{"row":26,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"prop","abil":10,"name":"traps","value":2}]}],"id":43},{"display_name":"Better Arrow Shield","desc":"Arrow Shield will gain additional area of effect, knockback and damage.","archetype":"Sharpshooter","archetype_req":0,"base_abil":0,"parents":[19,18,14],"dependencies":[0],"blockers":[],"cost":1,"display":{"row":28,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Arrow Shield","multipliers":[40,0,0,0,0,0]},{"type":"raw_stat","bonuses":[{"type":"prop","abil":0,"name":"aoe","value":1}]}],"id":44},{"display_name":"Better Leap","desc":"Reduce leap's cooldown by 1s.","archetype":"Boltslinger","archetype_req":0,"base_abil":17,"parents":[17,55],"dependencies":[17],"blockers":[],"cost":1,"display":{"row":29,"col":1,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"prop","abil":17,"name":"cooldown","value":-1}]}],"id":45},{"display_name":"Better Guardian Angels","desc":"Your Guardian Angels can shoot +4 arrows before disappearing.","archetype":"Boltslinger","archetype_req":0,"base_abil":0,"parents":[20,55],"dependencies":[8],"blockers":[],"cost":1,"display":{"row":31,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Single Bow","hits":{"Single Arrow":4}}],"id":46},{"display_name":"Cheaper Arrow Storm (2)","desc":"Reduce the Mana cost of Arrow Storm.","base_abil":7,"parents":[21,19],"dependencies":[],"blockers":[],"cost":1,"display":{"row":31,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"cost":-5}],"id":47},{"display_name":"Precise Shot","desc":"+30% Critical Hit Damage","parents":[46,49,23],"dependencies":[],"blockers":[],"cost":1,"display":{"row":33,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"mdCritPct","value":30}]}],"id":48},{"display_name":"Cheaper Arrow Shield","desc":"Reduce the Mana cost of Arrow Shield.","base_abil":0,"parents":[48,21],"dependencies":[],"blockers":[],"cost":1,"display":{"row":33,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"cost":-5}],"id":49},{"display_name":"Rocket Jump","desc":"Arrow Bomb's self-damage will knockback you farther away.","base_abil":2,"parents":[47,21],"dependencies":[2],"blockers":[],"cost":1,"display":{"row":33,"col":6,"icon":"node_0"},"properties":{},"effects":[],"id":50},{"display_name":"Cheaper Escape (2)","desc":"Reduce the Mana cost of Escape.","base_abil":1,"parents":[22,70],"dependencies":[],"blockers":[],"cost":1,"display":{"row":34,"col":7,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"cost":-5}],"id":51},{"display_name":"Stronger Hook","desc":"Increase your Grappling Hook's range, speed and strength.","archetype":"Trapper","archetype_req":5,"base_abil":1,"parents":[51],"dependencies":[12],"blockers":[],"cost":1,"display":{"row":35,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"prop","abil":12,"name":"range","value":8}]}],"id":52},{"display_name":"Cheaper Arrow Bomb (2)","desc":"Reduce the Mana cost of Arrow Bomb.","base_abil":2,"parents":[63,30],"dependencies":[],"blockers":[],"cost":1,"display":{"row":40,"col":5,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"cost":-5}],"id":53},{"display_name":"Bouncing Bomb","desc":"Arrow Bomb will bounce once when hitting a block or enemy","base_abil":2,"parents":[40],"dependencies":[],"blockers":[],"cost":2,"display":{"row":25,"col":7,"icon":"node_2"},"properties":{},"effects":[],"id":54},{"display_name":"Homing Shots","desc":"Your Main Attack arrows will follow nearby enemies and not be affected by gravity","archetype":"Sharpshooter","base_abil":999,"parents":[17,18],"dependencies":[],"blockers":[],"cost":2,"display":{"row":28,"col":2,"icon":"node_2"},"properties":{},"effects":[],"id":55},{"display_name":"Shrapnel Bomb","desc":"Arrow Bomb's explosion will fling 15 shrapnel, dealing damage in a large area","archetype":"Boltslinger","archetype_req":8,"base_abil":2,"parents":[23,48],"dependencies":[],"blockers":[],"cost":2,"display":{"row":34,"col":1,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Shrapnel Bomblet","multipliers":[40,0,0,0,20,0]}],"id":56},{"display_name":"Elusive","desc":"If you do not get hit for 8+ seconds, become immune to self-damage and remove Arrow Storm's recoil. (Dodging counts as not getting hit)","archetype":"Boltslinger","archetype_req":0,"parents":[24],"dependencies":[],"blockers":[],"cost":2,"display":{"row":38,"col":0,"icon":"node_1"},"properties":{},"effects":[],"id":57},{"display_name":"Double Shots","desc":"Double Main Attack arrows, but they deal -30% damage per arrow (harder to hit far enemies)","archetype":"Boltslinger","archetype_req":0,"base_abil":999,"parents":[1],"dependencies":[],"blockers":[60],"cost":1,"display":{"row":7,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":0,"target_part":"Single Shot","multipliers":[-30,0,0,0,0,0]},{"type":"add_spell_prop","base_spell":0,"target_part":"Total Damage","hits":{"Single Shot":2},"display":"Total Damage"}],"id":58},{"display_name":"Triple Shots","desc":"Triple Main Attack arrows, but they deal -20% damage per arrow","archetype":"Boltslinger","archetype_req":0,"base_abil":999,"parents":[69,67],"dependencies":[58],"blockers":[],"cost":1,"display":{"row":17,"col":0,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":0,"target_part":"Single Shot","multipliers":[-20,0,0,0,0,0]},{"type":"add_spell_prop","base_spell":0,"target_part":"Total Damage","hits":{"Single Shot":1},"display":"Total Damage"}],"id":59},{"display_name":"Power Shots","desc":"Main Attack arrows have increased speed and knockback","archetype":"Sharpshooter","archetype_req":0,"base_abil":999,"parents":[1],"dependencies":[],"blockers":[58],"cost":1,"display":{"row":7,"col":6,"icon":"node_0"},"properties":{},"effects":[],"id":60},{"display_name":"Focus","desc":"When hitting an aggressive mob 5+ blocks away, gain +1 Focus (Max 3). Resets if you miss once","archetype":"Sharpshooter","archetype_req":2,"parents":[68],"dependencies":[],"blockers":[],"cost":2,"display":{"row":19,"col":4,"icon":"node_2"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Focus","output":{"type":"stat","name":"damMult"},"scaling":[35],"max":3}],"id":61},{"display_name":"More Focus","desc":"Add +2 max Focus","archetype":"Sharpshooter","archetype_req":0,"parents":[33,12],"dependencies":[61],"blockers":[],"cost":1,"display":{"row":22,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Focus","output":{"type":"stat","name":"damMult"},"scaling":[30],"max":5}],"id":62},{"display_name":"More Focus (2)","desc":"Add +2 max Focus","archetype":"Sharpshooter","archetype_req":0,"parents":[25,28],"dependencies":[61],"blockers":[],"cost":1,"display":{"row":39,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Focus","output":{"type":"stat","name":"damMult"},"scaling":[25],"max":7}],"id":63},{"display_name":"Traveler","desc":"For every 1% Walk Speed you have from items, gain +1 Raw Spell Damage (Max 100)","parents":[42,14],"dependencies":[],"blockers":[],"cost":1,"display":{"row":25,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":false,"inputs":[{"type":"stat","name":"spd"}],"output":{"type":"stat","name":"sdRaw"},"scaling":[1],"max":100}],"id":64},{"display_name":"Patient Hunter","desc":"Your Traps will deal +20% more damage for every second they are active (Max +80%)","archetype":"Trapper","archetype_req":0,"base_abil":2,"parents":[40],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":22,"col":8,"icon":"node_1"},"properties":{"max":80},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Trap Wait Time","output":{"type":"stat","name":"damMult:Basaltic Trap"},"slider_step":1,"scaling":[20],"max":80}],"id":65},{"display_name":"Stronger Patient Hunter","desc":"Add +80% Max Damage to Patient Hunter","archetype":"Trapper","archetype_req":0,"base_abil":2,"parents":[26],"dependencies":[65],"blockers":[],"cost":1,"display":{"row":38,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Trap Wait Time","output":{"type":"stat","name":"damMult:Basaltic Trap"},"scaling":[20],"max":80},{"type":"raw_stat","bonuses":[{"type":"prop","abil":65,"name":"max","value":80}]}],"id":66},{"display_name":"Frenzy","desc":"Every time you hit an enemy, briefly gain +6% Walk Speed (Max 200%). Decay -40% of the bonus every second","archetype":"Boltslinger","archetype_req":0,"parents":[59,6],"dependencies":[],"blockers":[],"cost":2,"display":{"row":17,"col":2,"icon":"node_1"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Hits dealt","output":{"type":"stat","name":"spd"},"scaling":[6],"max":200}],"id":67},{"display_name":"Phantom Ray","desc":"Condense Arrow Storm into a single ray that damages enemies 10 times per second","archetype":"Sharpshooter","archetype_req":0,"parents":[37,4],"dependencies":[7],"blockers":[11,6,23],"cost":2,"display":{"row":16,"col":4,"icon":"node_2"},"properties":{},"effects":[{"type":"replace_spell","name":"Phantom Ray","base_spell":1,"spell_type":"damage","scaling":"spell","display":"Total Damage","parts":[{"name":"Single Arrow","type":"damage","multipliers":[25,0,5,0,0,0]},{"name":"Total Damage","type":"total","hits":{"Single Arrow":16}}]},{"type":"add_spell_prop","base_spell":1,"cost":-10}],"id":68},{"display_name":"Arrow Rain","desc":"When Arrow Shield loses its last charge, unleash 200 arrows raining down on enemies","base_abil":0,"parents":[6,38],"dependencies":[0],"blockers":[],"cost":2,"display":{"row":15,"col":0,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Arrow Rain (Per Arrow)","multipliers":[120,0,0,0,0,80]},{"type":"add_spell_prop","base_spell":4,"target_part":"Arrow Rain (Total)","hits":{"Arrow Rain (Per Arrow)":200}}],"id":69},{"display_name":"Decimator","desc":"Phantom Ray will increase its damage by 10% everytime you do not miss with it (Max 50%)","archetype":"Sharpshooter","archetype_req":0,"parents":[49],"dependencies":[68],"blockers":[],"cost":1,"display":{"row":34,"col":5,"icon":"node_1"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Phantom Ray hits","output":{"type":"stat","name":"damMult:Single Arrow"},"scaling":10,"max":50}],"id":70}],"Warrior":[{"display_name":"Bash","desc":"Violently bash the ground, dealing high damage in a large area","parents":[],"dependencies":[],"blockers":[],"cost":1,"display":{"row":0,"col":4,"icon":"node_4"},"properties":{"aoe":4,"range":3},"effects":[{"type":"replace_spell","name":"Bash","cost":45,"base_spell":1,"spell_type":"damage","scaling":"spell","display":"Total Damage","parts":[{"name":"Single Hit","type":"damage","multipliers":[130,20,0,0,0,0]},{"name":"Total Damage","type":"total","hits":{"Single Hit":1}}]}],"id":0},{"display_name":"Spear Proficiency 1","desc":"Improve your Main Attack's damage and range w/ spear","base_abil":999,"parents":[0],"dependencies":[],"blockers":[],"cost":1,"display":{"row":2,"col":4,"icon":"node_0"},"properties":{"melee_range":1},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"mdPct","value":5}]}],"id":1},{"display_name":"Cheaper Bash","desc":"Reduce the Mana cost of Bash","base_abil":0,"parents":[1],"dependencies":[],"blockers":[],"cost":1,"display":{"row":2,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"cost":-10}],"id":2},{"display_name":"Double Bash","desc":"Bash will hit a second time at a farther range","parents":[1],"base_abil":0,"dependencies":[],"blockers":[],"cost":1,"display":{"row":4,"col":4,"icon":"node_1"},"properties":{"range":3},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Total Damage","cost":0,"hits":{"Single Hit":1}},{"type":"add_spell_prop","base_spell":1,"target_part":"Single Hit","cost":0,"multipliers":[-50,0,0,0,0,0]}],"id":3},{"display_name":"Charge","desc":"Charge forward at high speed (hold shift to cancel)","parents":[3],"dependencies":[],"blockers":[],"cost":1,"display":{"row":6,"col":4,"icon":"node_4"},"properties":{},"effects":[{"type":"replace_spell","name":"Charge","cost":25,"base_spell":2,"spell_type":"damage","scaling":"spell","display":"","parts":[]}],"id":4},{"display_name":"Heavy Impact","desc":"After using Charge, violently crash down into the ground and deal damage","base_abil":4,"parents":[8],"dependencies":[],"blockers":[],"cost":1,"display":{"row":9,"col":1,"icon":"node_1"},"properties":{"aoe":4},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Heavy Impact","cost":0,"multipliers":[100,0,0,0,0,0]},{"type":"add_spell_prop","base_spell":2,"target_part":"Contact Damage","display":"Contact Damage","hits":{"Heavy Impact":1}}],"id":5},{"display_name":"Vehement","desc":"For every 1% or 1 Raw Main Attack Damage you have from items, gain +2% Walk Speed (Max 20%)","archetype":"Fallen","archetype_req":0,"parents":[4],"dependencies":[],"blockers":[7],"cost":1,"display":{"row":6,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":false,"inputs":[{"type":"stat","name":"mdPct"},{"type":"stat","name":"mdRaw"}],"output":{"type":"stat","name":"spd"},"scaling":[1,1],"max":20}],"id":6},{"display_name":"Tougher Skin","desc":"Harden your skin and become permanently +5% more resistant\nFor every 1% or 1 Raw Heath Regen you have from items, gain +10 Health (Max 100)","archetype":"Paladin","archetype_req":0,"parents":[4],"dependencies":[],"blockers":[6],"cost":1,"display":{"row":6,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"baseResist","value":5}]},{"type":"stat_scaling","slider":false,"inputs":[{"type":"stat","name":"hprRaw"},{"type":"stat","name":"hprPct"}],"output":{"type":"stat","name":"hpBonus"},"scaling":[10,10],"max":100}],"id":7},{"display_name":"Uppercut","desc":"Rocket enemies in the air and deal massive damage","parents":[6,9],"dependencies":[],"blockers":[],"cost":1,"display":{"row":8,"col":2,"icon":"node_4"},"properties":{"aoe":3,"range":5},"effects":[{"type":"replace_spell","name":"Uppercut","cost":45,"base_spell":3,"spell_type":"damage","scaling":"spell","display":"Total Damage","parts":[{"name":"Uppercut","multipliers":[150,50,50,0,0,0]},{"name":"Total Damage","hits":{"Uppercut":1}}]}],"id":8},{"display_name":"Cheaper Charge","desc":"Reduce the Mana cost of Charge","base_abil":4,"parents":[8,10],"dependencies":[],"blockers":[],"cost":1,"display":{"row":8,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"cost":-5}],"id":9},{"display_name":"War Scream","desc":"Emit a terrorizing roar that deals damage, pull nearby enemies, and add damage resistance to yourself and allies","parents":[7,9],"dependencies":[],"blockers":[],"cost":1,"display":{"row":8,"col":6,"icon":"node_4"},"properties":{"duration":30,"aoe":12,"defense_bonus":10},"effects":[{"type":"replace_spell","name":"War Scream","cost":35,"base_spell":4,"spell_type":"damage","scaling":"spell","display":"Total Damage","parts":[{"name":"War Scream","multipliers":[50,0,0,0,50,0]},{"name":"Total Damage","hits":{"War Scream":1}}]}],"id":10},{"display_name":"Earth Mastery","desc":"Increases base damage from all Earth attacks","archetype":"Fallen","archetype_req":0,"parents":[8],"dependencies":[],"blockers":[],"cost":1,"display":{"row":10,"col":0,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"eDamPct","value":20},{"type":"stat","name":"eDamAddMin","value":2},{"type":"stat","name":"eDamAddMax","value":4}]}],"id":11},{"display_name":"Thunder Mastery","desc":"Increases base damage from all Thunder attacks","archetype":"Fallen","archetype_req":0,"parents":[8,14,9],"dependencies":[],"blockers":[],"cost":1,"display":{"row":10,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"tDamPct","value":10},{"type":"stat","name":"tDamAddMin","value":1},{"type":"stat","name":"tDamAddMax","value":8}]}],"id":12},{"display_name":"Water Mastery","desc":"Increases base damage from all Water attacks","archetype":"Battle Monk","archetype_req":0,"parents":[9,12,14],"dependencies":[],"blockers":[],"cost":1,"display":{"row":11,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"wDamPct","value":15},{"type":"stat","name":"wDamAddMin","value":2},{"type":"stat","name":"wDamAddMax","value":4}]}],"id":13},{"display_name":"Air Mastery","desc":"Increases base damage from all Air attacks","archetype":"Battle Monk","archetype_req":0,"parents":[10,12,9],"dependencies":[],"blockers":[],"cost":1,"display":{"row":10,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"aDamPct","value":15},{"type":"stat","name":"aDamAddMin","value":3},{"type":"stat","name":"aDamAddMax","value":4}]}],"id":14},{"display_name":"Fire Mastery","desc":"Increases base damage from all Earth attacks","archetype":"Paladin","archetype_req":0,"parents":[10],"dependencies":[],"blockers":[],"cost":1,"display":{"row":10,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"fDamPct","value":15},{"type":"stat","name":"fDamAddMin","value":3},{"type":"stat","name":"fDamAddMax","value":5}]}],"id":15},{"display_name":"Quadruple Bash","desc":"Bash will hit 4 times at an even larger range","archetype":"Fallen","archetype_req":0,"base_abil":0,"parents":[11,17],"dependencies":[],"blockers":[],"cost":2,"display":{"row":12,"col":0,"icon":"node_1"},"properties":{"range":6},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Total Damage","hits":{"Single Hit":2}},{"type":"add_spell_prop","base_spell":1,"target_part":"Single Hit","multipliers":[-20,0,0,0,0,0]}],"id":16},{"display_name":"Fireworks","desc":"Mobs hit by Uppercut will explode mid-air and receive additional damage","archetype":"Fallen","archetype_req":0,"base_abil":8,"parents":[12,16],"dependencies":[],"blockers":[],"cost":2,"display":{"row":12,"col":2,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Fireworks","multipliers":[80,0,20,0,0,0]},{"type":"add_spell_prop","base_spell":3,"target_part":"Total Damage","hits":{"Fireworks":1}}],"id":17},{"display_name":"Half-Moon Swipe","desc":"Uppercut will deal a footsweep attack at a longer and wider angle. All elemental conversions become Water","archetype":"Battle Monk","archetype_req":1,"base_abil":8,"parents":[13],"dependencies":[8],"blockers":[],"cost":2,"display":{"row":13,"col":4,"icon":"node_1"},"properties":{"range":4},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Uppercut","cost":-10,"multipliers":[-70,0,0,0,0,0]},{"type":"convert_spell_conv","target_part":"all","conversion":"Water"}],"id":18},{"display_name":"Flyby Jab","desc":"Damage enemies in your way when using Charge","base_abil":4,"parents":[14,20],"dependencies":[],"blockers":[],"cost":2,"display":{"row":12,"col":6,"icon":"node_1"},"properties":{"aoe":2},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Flyby Jab","multipliers":[20,0,0,0,0,40]},{"type":"add_spell_prop","base_spell":2,"target_part":"Contact Damage","display":"Contact Damage","hits":{"Flyby Jab":1}}],"id":19},{"display_name":"Flaming Uppercut","desc":"Uppercut will light mobs on fire, dealing damage every 0.6 seconds","archetype":"Paladin","archetype_req":0,"base_abil":8,"parents":[15,19],"dependencies":[8],"blockers":[],"cost":2,"display":{"row":12,"col":8,"icon":"node_1"},"properties":{"duration":3,"tick":0.6},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Flaming Uppercut","multipliers":[0,0,0,0,50,0]},{"type":"add_spell_prop","base_spell":3,"target_part":"Flaming Uppercut Total Damage","hits":{"Flaming Uppercut":5}},{"type":"add_spell_prop","base_spell":3,"target_part":"Total Damage","hits":{"Flaming Uppercut":5}}],"id":20},{"display_name":"Iron Lungs","desc":"War Scream deals more damage","base_abil":10,"parents":[19,20],"dependencies":[],"blockers":[],"cost":1,"display":{"row":13,"col":7,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"War Scream","cost":0,"multipliers":[30,0,0,0,0,30]}],"id":21},{"display_name":"Generalist","desc":"After casting 3 different spells in a row, your next spell will cost 5 mana","archetype":"Battle Monk","archetype_req":3,"parents":[23],"dependencies":[],"blockers":[],"cost":2,"display":{"row":15,"col":2,"icon":"node_3"},"properties":{},"effects":[],"id":22},{"display_name":"Counter","desc":"When dodging a nearby enemy attack, get 30% chance to instantly attack back","archetype":"Battle Monk","archetype_req":0,"parents":[18],"dependencies":[],"blockers":[],"cost":2,"display":{"row":15,"col":4,"icon":"node_1"},"properties":{"chance":30},"effects":[{"type":"replace_spell","name":"Counter","base_spell":5,"display":"Counter Damage","parts":[{"name":"Counter Damage","multipliers":[60,0,20,0,0,20]}]}],"id":23},{"display_name":"Mantle of the Bovemists","desc":"When casting War Scream, create a holy shield around you that reduces all incoming damage by 70% for 3 hits (20s cooldown)","archetype":"Paladin","archetype_req":3,"parents":[21],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":15,"col":7,"icon":"node_3"},"properties":{"mantle_charge":3},"effects":[{"type":"raw_stat","toggle":true,"bonuses":[{"type":"stat","name":"defPct","value":70}]}],"id":24},{"display_name":"Bak'al's Grasp","desc":"After casting War Scream, become Corrupted (15s Cooldown). You cannot heal while in that state\n\nWhile Corrupted, every 2% of Health you lose will add +4 Raw Damage to your attacks (Max 120)","archetype":"Fallen","archetype_req":2,"parents":[16,17],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":16,"col":1,"icon":"node_3"},"properties":{"cooldown":15},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Corrupted","output":{"type":"stat","name":"damRaw"},"scaling":[4],"slider_step":1,"max":120}],"id":25},{"display_name":"Spear Proficiency 2","desc":"Improve your Main Attack's damage and range w/ spear","base_abil":999,"parents":[25,27],"dependencies":[],"blockers":[],"cost":1,"display":{"row":17,"col":0,"icon":"node_0"},"properties":{"melee_range":1},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"mdPct","value":5}]}],"id":26},{"display_name":"Cheaper Uppercut","desc":"Reduce the Mana Cost of Uppercut","base_abil":8,"parents":[26,28,23],"dependencies":[],"blockers":[],"cost":1,"display":{"row":17,"col":3,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"cost":-5}],"id":27},{"display_name":"Aerodynamics","desc":"During Charge, you can steer and change direction","archetype":"Battle Monk","archetype_req":0,"base_abil":4,"parents":[27,29],"dependencies":[],"blockers":[],"cost":2,"display":{"row":17,"col":5,"icon":"node_1"},"properties":{},"effects":[],"id":28},{"display_name":"Provoke","desc":"Mobs damaged by War Scream will target only you for at least 5s \n\nReduce the Mana cost of War Scream","archetype":"Paladin","archetype_req":0,"base_abil":10,"parents":[28,24],"dependencies":[],"blockers":[],"cost":1,"display":{"row":17,"col":7,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"cost":-5}],"id":29},{"display_name":"Precise Strikes","desc":"+30% Critical Hit Damage","parents":[27,26],"dependencies":[],"blockers":[],"cost":1,"display":{"row":18,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"critDamPct","value":30}]}],"id":30},{"display_name":"Air Shout","desc":"War Scream will fire a projectile that can go through walls and deal damage multiple times","base_abil":10,"parents":[28,29],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":18,"col":6,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Air Shout","multipliers":[20,0,0,0,0,5]}],"id":31},{"display_name":"Enraged Blow","desc":"While Corriupted, every 1% of Health you lose will increase your damage by +3% (Max 300%)","archetype":"Fallen","archetype_req":0,"parents":[26],"dependencies":[25],"blockers":[],"cost":2,"display":{"row":20,"col":0,"icon":"node_2"},"properties":{},"effects":[{"type":"stat_scaling","slider":false,"inputs":[{"type":"stat","name":"hpBonus"}],"output":{"type":"stat","name":"damMult"},"scaling":[3],"max":300}],"id":32},{"display_name":"Flying Kick","desc":"When using Charge, mobs hit will halt your momentum and get knocked back","archetype":"Battle Monk","archetype_req":1,"base_abil":4,"parents":[27,34],"dependencies":[],"blockers":[],"cost":2,"display":{"row":20,"col":3,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Flying Kick","multipliers":[120,0,0,10,0,20]},{"type":"add_spell_prop","base_spell":2,"target_part":"Flying Kick Max Damage","hits":{"Flying Kick":1},"display":"Flying Kick Max Damage"}],"id":33},{"display_name":"Stronger Mantle","desc":"Add +2 additional charges to Mantle of the Bovemists","archetype":"Paladin","archetype_req":0,"parents":[35,33],"dependencies":[24],"blockers":[],"cost":1,"display":{"row":20,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"prop","abil":24,"name":"mantle_charge","value":2}]}],"id":34},{"display_name":"Manachism","desc":"If you receive a hit that's less than 5% of your max HP, gain 10 Mana (1s Cooldown)","archetype":"Paladin","archetype_req":3,"parents":[34,29],"dependencies":[],"blockers":[],"cost":2,"display":{"row":20,"col":8,"icon":"node_2"},"properties":{"cooldown":1},"effects":[],"id":35},{"display_name":"Boiling Blood","desc":"Bash leaves a trail of boiling blood behind its first explosion, slowing down and damaging enemies above it every 0.4 seconds","archetype":"","archetype_req":0,"parents":[32,37],"dependencies":[],"blockers":[],"cost":2,"display":{"row":22,"col":0,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Boiling Blood","cost":0,"multipliers":[25,0,0,0,5,0]}],"id":36},{"display_name":"Ragnarokkr","desc":"War Scream become deafening, increasing its range and giving damage bonus to players","archetype":"Fallen","archetype_req":0,"base_abil":10,"parents":[36,33],"dependencies":[10],"blockers":[],"cost":2,"display":{"row":22,"col":2,"icon":"node_2"},"properties":{"aoe":2},"effects":[{"type":"add_spell_prop","base_spell":4,"cost":10},{"type":"raw_stat","toggle":true,"bonuses":[{"type":"stat","name":"damMult","value":30}]}],"id":37},{"display_name":"Ambidextrous","desc":"Increase your chance to attack with Counter by +30%","base_abil":23,"parents":[33,34,39],"dependencies":[23],"blockers":[],"cost":1,"display":{"row":22,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"prop","abil":23,"name":"chance","value":30}]}],"id":38},{"display_name":"Burning Heart","desc":"For every 100 Health Bonus you have from item IDs, gain +2% Fire Damage (Max 100%)","archetype":"Paladin","archetype_req":0,"parents":[38,40],"dependencies":[],"blockers":[],"cost":1,"display":{"row":22,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":false,"inputs":[{"type":"stat","name":"hpBonus"}],"output":{"type":"stat","name":"fDamPct"},"scaling":[2],"max":100}],"id":39},{"display_name":"Stronger Bash","desc":"Increase the damage of Bash","base_abil":0,"parents":[39,35],"dependencies":[],"blockers":[],"cost":1,"display":{"row":22,"col":8,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"target_part":"Single Hit","multipliers":[30,0,0,0,0,0]}],"id":40},{"display_name":"Intoxicating Blood","desc":"After leaving Corrupted, gain 2% of the health lost back for each enemy killed while Corrupted","archetype":"Fallen","archetype_req":5,"base_abil":25,"parents":[37,36],"dependencies":[25],"blockers":[],"cost":2,"display":{"row":23,"col":1,"icon":"node_1"},"properties":{},"effects":[],"id":41},{"display_name":"Comet","desc":"After being hit by Fireworks, enemies will crash into the ground and receive more damage","archetype":"Fallen","archetype_req":0,"base_abil":8,"parents":[37],"dependencies":[17],"blockers":[],"cost":2,"display":{"row":24,"col":2,"icon":"node_1"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Comet","cost":0,"multipliers":[80,20,0,0,0,0]},{"type":"add_spell_prop","base_spell":3,"target_part":"Total Damage","cost":0,"hits":{"Comet":1}}],"id":42},{"display_name":"Collide","desc":"Mobs thrown into walls from Flying Kick will explode and receive additonal damage","archetype":"Battle Monk","archetype_req":4,"base_abil":4,"parents":[38,39],"dependencies":[33],"blockers":[],"cost":2,"display":{"row":23,"col":5,"icon":"node_1"},"properties":{"aoe":4},"effects":[{"type":"add_spell_prop","base_spell":2,"target_part":"Collide","cost":0,"multipliers":[100,0,0,0,50,0]},{"type":"add_spell_prop","base_spell":2,"target_part":"Flying Kick Max Damage","hits":{"Collide":1}}],"id":43},{"display_name":"Rejuvenating Skin","desc":"Regain back 30% of the damage you take as healing over 30s","archetype":"Paladin","archetype_req":0,"parents":[39,40],"dependencies":[],"blockers":[],"cost":2,"display":{"row":23,"col":7,"icon":"node_3"},"properties":{},"effects":[],"id":44},{"display_name":"Uncontainable Corruption","desc":"Reduce the cooldown of Bak'al's Grasp by -5s, and increase the raw damage gained for every 2% of health lost by +1","base_abil":25,"parents":[36,46],"dependencies":[25],"blockers":[],"cost":1,"display":{"row":26,"col":0,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Corrupted","output":{"type":"stat","name":"damRaw"},"scaling":[0.5],"max":50},{"type":"raw_stat","bonuses":[{"type":"prop","abil":25,"name":"cooldown","value":-5}]}],"id":45},{"display_name":"Radiant Devotee","desc":"For every 4% Reflection you have from items, gain +1/5s Mana Regen (Max 10/5s)","archetype":"Battle Monk","archetype_req":1,"parents":[47,45],"dependencies":[],"blockers":[],"cost":1,"display":{"row":26,"col":2,"icon":"node_0"},"properties":{},"effects":[{"type":"stat_scaling","inputs":[{"type":"stat","name":"ref"}],"output":{"type":"stat","name":"mr"},"scaling":[0.25],"max":10}],"id":46},{"display_name":"Whirlwind Strike","desc":"Uppercut will create a strong gust of air, launching you upward with enemies (Hold shift to stay grounded)","archetype":"Battle Monk","archetype_req":5,"base_abil":8,"parents":[38,46],"dependencies":[8],"blockers":[],"cost":2,"display":{"row":26,"col":4,"icon":"node_1"},"properties":{"range":2},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Uppercut","multipliers":[0,0,0,0,0,50]}],"id":47},{"display_name":"Mythril Skin","desc":"Gain +5% Base Resistance and become immune to knockback","archetype":"Paladin","archetype_req":6,"parents":[44],"dependencies":[],"blockers":[],"cost":2,"display":{"row":26,"col":7,"icon":"node_1"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"stat","name":"baseResist","value":5}]}],"id":48},{"display_name":"Armour Breaker","desc":"While Corrupted, losing 30% Health will make your next Uppercut destroy enemies' defense, rendering them weaker to damage","archetype":"Fallen","archetype_req":0,"base_abil":8,"parents":[45,46],"dependencies":[25],"blockers":[],"cost":2,"display":{"row":27,"col":1,"icon":"node_2"},"properties":{"duration":5},"effects":[{"type":"raw_stat","toggle":true,"bonuses":[{"type":"stat","name":"damMult","value":30}]}],"id":49},{"display_name":"Shield Strike","desc":"When your Mantle of the Bovemist loses all charges, deal damage around you for each Mantle individually lost","archetype":"Paladin","archetype_req":0,"base_abil":24,"parents":[48,51],"dependencies":[],"blockers":[],"cost":2,"display":{"row":27,"col":6,"icon":"node_1"},"properties":{},"effects":[{"type":"replace_spell","name":"Shield Strike","base_spell":6,"display":"Damage per Shield","parts":[{"name":"Damage per Shield","multipliers":[60,0,20,0,0,0]}]}],"id":50},{"display_name":"Sparkling Hope","desc":"Everytime you heal 5% of your max health, deal damage to all nearby enemies","archetype":"Paladin","archetype_req":0,"parents":[48],"dependencies":[],"blockers":[],"cost":2,"display":{"row":27,"col":8,"icon":"node_2"},"properties":{"aoe":6},"effects":[{"type":"replace_spell","name":"Sparkling Hope","base_spell":6,"display":"Damage Tick","parts":[{"name":"Damage Tick","multipliers":[10,0,5,0,0,0]}]}],"id":51},{"display_name":"Massive Bash","desc":"While Corrupted, every 3% Health you lose will add +1 AoE to Bash (Max 10)","archetype":"Fallen","archetype_req":8,"base_abil":0,"parents":[53,45],"dependencies":[],"blockers":[],"cost":2,"display":{"row":28,"col":0,"icon":"node_2"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Corrupted","output":{"type":"prop","abil":0,"name":"aoe"},"scaling":[0.3333333333333333],"max":10}],"id":52},{"display_name":"Tempest","desc":"War Scream will ripple the ground and deal damage 3 times in a large area","archetype":"Battle Monk","archetype_req":0,"base_abil":10,"parents":[52,54],"dependencies":[],"blockers":[],"cost":2,"display":{"row":28,"col":2,"icon":"node_1"},"properties":{"aoe":16},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Tempest","multipliers":[30,10,0,0,0,10]},{"type":"add_spell_prop","base_spell":4,"target_part":"Tempest Total Damage","hits":{"Tempest":3}},{"type":"add_spell_prop","base_spell":4,"target_part":"Total Damage","hits":{"Tempest":3}}],"id":53},{"display_name":"Spirit of the Rabbit","desc":"Reduce the Mana cost of Charge and increase your Walk Speed by +20%","archetype":"Battle Monk","archetype_req":5,"base_abil":4,"parents":[53,47],"dependencies":[],"blockers":[],"cost":1,"display":{"row":28,"col":4,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":2,"cost":-5},{"type":"raw_stat","bonuses":[{"type":"stat","name":"spd","value":20}]}],"id":54},{"display_name":"Massacre","desc":"While Corrupted, if your effective attack speed is Slow or lower, hitting an enemy with your Main Attack will add +1% to your Corrupted bar","archetype":"Fallen","archetype_req":5,"base_abil":999,"parents":[53,52],"dependencies":[],"blockers":[],"cost":2,"display":{"row":29,"col":1,"icon":"node_1"},"properties":{},"effects":[],"id":55},{"display_name":"Axe Kick","desc":"Increase the damage of Uppercut, but also increase its mana cost","base_abil":8,"parents":[53,54],"dependencies":[],"blockers":[],"cost":1,"display":{"row":29,"col":3,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"target_part":"Uppercut","cost":10,"multipliers":[100,0,0,0,0,0]}],"id":56},{"display_name":"Radiance","desc":"Bash will buff your allies' positive IDs. (15s Cooldown)","archetype":"Paladin","archetype_req":2,"base_abil":0,"parents":[54,58],"dependencies":[],"blockers":[],"cost":2,"display":{"row":29,"col":5,"icon":"node_2"},"properties":{"cooldown":15},"effects":[],"id":57},{"display_name":"Cheaper Bash 2","desc":"Reduce the Mana cost of Bash","base_abil":0,"parents":[57,50,51],"dependencies":[],"blockers":[],"cost":1,"display":{"row":29,"col":7,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":1,"cost":-5}],"id":58},{"display_name":"Cheaper War Scream","desc":"Reduce the Mana cost of War Scream","base_abil":10,"parents":[52],"dependencies":[],"blockers":[],"cost":1,"display":{"row":31,"col":0,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":4,"cost":-5}],"id":59},{"display_name":"Discombobulate","desc":"Every time you hit an enemy, briefly increase your elemental damage dealt to them by +2 (Additive, Max +50). This bonus decays -5 every second","archetype":"Battle Monk","archetype_req":11,"parents":[62],"dependencies":[],"blockers":[],"cost":2,"display":{"row":31,"col":2,"icon":"node_3"},"properties":{},"effects":[{"type":"stat_scaling","slider":true,"slider_name":"Hits dealt","output":[{"type":"stat","name":"eDamAddMin"},{"type":"stat","name":"eDamAddMax"},{"type":"stat","name":"tDamAddMin"},{"type":"stat","name":"tDamAddMax"},{"type":"stat","name":"wDamAddMin"},{"type":"stat","name":"wDamAddMax"},{"type":"stat","name":"fDamAddMin"},{"type":"stat","name":"fDamAddMax"},{"type":"stat","name":"aDamAddMin"},{"type":"stat","name":"aDamAddMax"}],"scaling":[2],"max":50}],"id":60},{"display_name":"Thunderclap","desc":"Bash will cast at the player's position and gain additional AoE.\n\n All elemental conversions become Thunder","archetype":"Battle Monk","archetype_req":8,"parents":[62],"dependencies":[],"blockers":[],"cost":2,"display":{"row":32,"col":5,"icon":"node_1"},"properties":{},"effects":[{"type":"convert_spell_conv","target_part":"all","conversion":"Thunder"},{"type":"raw_stat","bonuses":[{"type":"prop","abil":0,"name":"aoe","value":3}]}],"id":61},{"display_name":"Cyclone","desc":"After casting War Scream, envelop yourself with a vortex that damages nearby enemies every 0.5s","archetype":"Battle Monk","archetype_req":0,"parents":[54],"dependencies":[],"blockers":[],"cost":1,"display":{"row":31,"col":4,"icon":"node_1"},"properties":{"aoe":4,"duration":20},"effects":[{"type":"add_spell_prop","base_spell":4,"target_part":"Cyclone","multipliers":[10,0,0,0,5,10]},{"type":"add_spell_prop","base_spell":4,"target_part":"Cyclone Total Damage","hits":{"Cyclone":40}}],"id":62},{"display_name":"Second Chance","desc":"When you receive a fatal blow, survive and regain 30% of your Health (10m Cooldown)","archetype":"Paladin","archetype_req":12,"parents":[58],"dependencies":[],"blockers":[],"cost":2,"display":{"row":32,"col":7,"icon":"node_3"},"properties":{},"effects":[],"id":63},{"display_name":"Blood Pact","desc":"If you do not have enough mana to cast a spell, spend health instead (0.6% health per mana)","archetype":"","archetype_req":10,"parents":[59],"dependencies":[],"blockers":[],"cost":2,"display":{"row":34,"col":1,"icon":"node_3"},"properties":{"health_cost":0.6},"effects":[],"id":64},{"display_name":"Haemorrhage","desc":"Reduce Blood Pact's health cost. (0.3% health per mana)","archetype":"Fallen","archetype_req":0,"base_abil":64,"parents":[64],"dependencies":[64],"blockers":[],"cost":1,"display":{"row":35,"col":2,"icon":"node_1"},"properties":{},"effects":[{"type":"raw_stat","bonuses":[{"type":"prop","abil":64,"name":"health_cost","value":-0.3}]}],"id":65},{"display_name":"Brink of Madness","desc":"If your health is 25% full or less, gain +40% Resistance","parents":[64,67],"dependencies":[],"blockers":[],"cost":2,"display":{"row":35,"col":4,"icon":"node_2"},"properties":{},"effects":[],"id":66},{"display_name":"Cheaper Uppercut 2","desc":"Reduce the Mana cost of Uppercut","base_abil":8,"parents":[63,66],"dependencies":[],"blockers":[],"cost":1,"display":{"row":35,"col":6,"icon":"node_0"},"properties":{},"effects":[{"type":"add_spell_prop","base_spell":3,"cost":-5}],"id":67},{"display_name":"Martyr","desc":"When you receive a fatal blow, all nearby allies become invincible","archetype":"Paladin","archetype_req":0,"parents":[63],"dependencies":[],"blockers":[],"cost":2,"display":{"row":35,"col":8,"icon":"node_1"},"properties":{"duration":3,"aoe":12},"effects":[],"id":68}]}
\ No newline at end of file
diff --git a/js/atree_ids.json b/js/atree_ids.json
new file mode 100644
index 0000000..a7cd98e
--- /dev/null
+++ b/js/atree_ids.json
@@ -0,0 +1,146 @@
+{
+    "Archer": {
+        "Arrow Shield": 0,
+        "Escape": 1,
+        "Arrow Bomb": 2,
+        "Heart Shatter": 3,
+        "Fire Creep": 4,
+        "Bryophyte Roots": 5,
+        "Nimble String": 6,
+        "Arrow Storm": 7,
+        "Guardian Angels": 8,
+        "Windy Feet": 9,
+        "Basaltic Trap": 10,
+        "Windstorm": 11,
+        "Grappling Hook": 12,
+        "Implosion": 13,
+        "Twain's Arc": 14,
+        "Fierce Stomp": 15,
+        "Scorched Earth": 16,
+        "Leap": 17,
+        "Shocking Bomb": 18,
+        "Mana Trap": 19,
+        "Escape Artist": 20,
+        "Initiator": 21,
+        "Call of the Hound": 22,
+        "Arrow Hurricane": 23,
+        "Geyser Stomp": 24,
+        "Crepuscular Ray": 25,
+        "Grape Bomb": 26,
+        "Tangled Traps": 27,
+        "Snow Storm": 28,
+        "All-Seeing Panoptes": 29,
+        "Minefield": 30,
+        "Bow Proficiency I": 31,
+        "Cheaper Arrow Bomb": 32,
+        "Cheaper Arrow Storm": 33,
+        "Cheaper Escape": 34,
+        "Earth Mastery": 35,
+        "Thunder Mastery": 36,
+        "Water Mastery": 37,
+        "Air Mastery": 38,
+        "Fire Mastery": 39,
+        "More Shields": 40,
+        "Stormy Feet": 41,
+        "Refined Gunpowder": 42,
+        "More Traps": 43,
+        "Better Arrow Shield": 44,
+        "Better Leap": 45,
+        "Better Guardian Angels": 46,
+        "Cheaper Arrow Storm (2)": 47,
+        "Precise Shot": 48,
+        "Cheaper Arrow Shield": 49,
+        "Rocket Jump": 50,
+        "Cheaper Escape (2)": 51,
+        "Stronger Hook": 52,
+        "Cheaper Arrow Bomb (2)": 53,
+        "Bouncing Bomb": 54,
+        "Homing Shots": 55,
+        "Shrapnel Bomb": 56,
+        "Elusive": 57,
+        "Double Shots": 58,
+        "Triple Shots": 59,
+        "Power Shots": 60,
+        "Focus": 61,
+        "More Focus": 62,
+        "More Focus (2)": 63,
+        "Traveler": 64,
+        "Patient Hunter": 65,
+        "Stronger Patient Hunter": 66,
+        "Frenzy": 67,
+        "Phantom Ray": 68,
+        "Arrow Rain": 69,
+        "Decimator": 70
+    },
+    "Warrior": {
+        "Bash": 0,
+        "Spear Proficiency 1": 1,
+        "Cheaper Bash": 2,
+        "Double Bash": 3,
+        "Charge": 4,
+        "Heavy Impact": 5,
+        "Vehement": 6,
+        "Tougher Skin": 7,
+        "Uppercut": 8,
+        "Cheaper Charge": 9,
+        "War Scream": 10,
+        "Earth Mastery": 11,
+        "Thunder Mastery": 12,
+        "Water Mastery": 13,
+        "Air Mastery": 14,
+        "Fire Mastery": 15,
+        "Quadruple Bash": 16,
+        "Fireworks": 17,
+        "Half-Moon Swipe": 18,
+        "Flyby Jab": 19,
+        "Flaming Uppercut": 20,
+        "Iron Lungs": 21,
+        "Generalist": 22,
+        "Counter": 23,
+        "Mantle of the Bovemists": 24,
+        "Bak'al's Grasp": 25,
+        "Spear Proficiency 2": 26,
+        "Cheaper Uppercut": 27,
+        "Aerodynamics": 28,
+        "Provoke": 29,
+        "Precise Strikes": 30,
+        "Air Shout": 31,
+        "Enraged Blow": 32,
+        "Flying Kick": 33,
+        "Stronger Mantle": 34,
+        "Manachism": 35,
+        "Boiling Blood": 36,
+        "Ragnarokkr": 37,
+        "Ambidextrous": 38,
+        "Burning Heart": 39,
+        "Stronger Bash": 40,
+        "Intoxicating Blood": 41,
+        "Comet": 42,
+        "Collide": 43,
+        "Rejuvenating Skin": 44,
+        "Uncontainable Corruption": 45,
+        "Radiant Devotee": 46,
+        "Whirlwind Strike": 47,
+        "Mythril Skin": 48,
+        "Armour Breaker": 49,
+        "Shield Strike": 50,
+        "Sparkling Hope": 51,
+        "Massive Bash": 52,
+        "Tempest": 53,
+        "Spirit of the Rabbit": 54,
+        "Massacre": 55,
+        "Axe Kick": 56,
+        "Radiance": 57,
+        "Cheaper Bash 2": 58,
+        "Cheaper War Scream": 59,
+        "Discombobulate": 60,
+        "Thunderclap": 61,
+        "Cyclone": 62,
+        "Second Chance": 63,
+        "Blood Pact": 64,
+        "Haemorrhage": 65,
+        "Brink of Madness": 66,
+        "Cheaper Uppercut 2": 67,
+        "Martyr": 68
+    }
+}
\ No newline at end of file
diff --git a/js/build.js b/js/build.js
index 84ff86a..fee67cf 100644
--- a/js/build.js
+++ b/js/build.js
@@ -100,238 +100,12 @@ class Build{
      * @param {Number[]} powders : Powder application. List of lists of integers (powder IDs).
      *                  In order: boots, Chestplate, Leggings, Boots, Weapon.
      * @param {Object[]} inputerrors : List of instances of error-like classes.
+     * 
+     * @param {Object[]} tomes: List of tomes.
+     *                      In order: 2x Weapon Mastery Tome, 4x Armor Mastery Tome, 1x Guild Tome.
+     *                      2x Slaying Mastery Tome, 2x Dungeoneering Mastery Tome, 2x Gathering Mastery Tome are in game, but do not have "useful" stats (those that affect damage calculations or building)
      */
-    constructor(level,equipment, powders, externalStats, inputerrors=[]){
-
-        let errors = inputerrors;
-        //this contains the Craft objects, if there are any crafted items. this.boots, etc. will contain the statMap of the Craft (which is built to be an expandedItem).
-        this.craftedItems = [];
-        this.customItems = [];
-        // NOTE: powders is just an array of arrays of powder IDs. Not powder objects.
-        this.powders = powders;
-        if(itemMap.get(equipment[0]) && itemMap.get(equipment[0]).type === "helmet") {
-            const helmet = itemMap.get(equipment[0]);
-            this.powders[0] = this.powders[0].slice(0,helmet.slots); 
-            this.helmet = expandItem(helmet, this.powders[0]);
-        } else {
-            try {
-                let helmet = getCustomFromHash(equipment[0]) ? getCustomFromHash(equipment[0]) : (getCraftFromHash(equipment[0]) ? getCraftFromHash(equipment[0]) : undefined);
-                if (helmet.statMap.get("type") !== "helmet") {
-                    throw new Error("Not a helmet");
-                }
-                this.powders[0] = this.powders[0].slice(0,helmet.statMap.get("slots")); 
-                helmet.statMap.set("powders",this.powders[0].slice());
-                this.helmet = helmet.statMap;
-                applyArmorPowders(this.helmet, this.powders[0]);
-                if (this.helmet.get("custom")) {
-                    this.customItems.push(helmet);
-                } else if (this.helmet.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(helmet);
-                }
-                
-            } catch (Error) {
-                const helmet = itemMap.get("No Helmet");
-                this.powders[0] = this.powders[0].slice(0,helmet.slots);
-                this.helmet = expandItem(helmet, this.powders[0]);
-                errors.push(new ItemNotFound(equipment[0], "helmet", true));
-            }
-        }
-        if(itemMap.get(equipment[1]) && itemMap.get(equipment[1]).type === "chestplate") {
-            const chestplate = itemMap.get(equipment[1]);
-            this.powders[1] = this.powders[1].slice(0,chestplate.slots); 
-            this.chestplate = expandItem(chestplate, this.powders[1]);
-        } else {
-            try {
-                let chestplate = getCustomFromHash(equipment[1]) ? getCustomFromHash(equipment[1]) : (getCraftFromHash(equipment[1]) ? getCraftFromHash(equipment[1]) : undefined);
-                if (chestplate.statMap.get("type") !== "chestplate") {
-                    throw new Error("Not a chestplate");
-                }
-                this.powders[1] = this.powders[1].slice(0,chestplate.statMap.get("slots"));
-                chestplate.statMap.set("powders",this.powders[1].slice());
-                this.chestplate = chestplate.statMap;
-                applyArmorPowders(this.chestplate, this.powders[1]);
-                if (this.chestplate.get("custom")) {
-                    this.customItems.push(chestplate);
-                } else if (this.chestplate.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(chestplate);
-                }
-            } catch (Error) {
-                console.log(Error);
-                const chestplate = itemMap.get("No Chestplate");
-                this.powders[1] = this.powders[1].slice(0,chestplate.slots); 
-                this.chestplate = expandItem(chestplate, this.powders[1]);
-                errors.push(new ItemNotFound(equipment[1], "chestplate", true));
-            }
-        }
-        if (itemMap.get(equipment[2]) && itemMap.get(equipment[2]).type === "leggings") {
-            const leggings = itemMap.get(equipment[2]);
-            this.powders[2] = this.powders[2].slice(0,leggings.slots); 
-            this.leggings = expandItem(leggings, this.powders[2]);
-        } else {
-            try {
-                let leggings = getCustomFromHash(equipment[2]) ? getCustomFromHash(equipment[2]) : (getCraftFromHash(equipment[2]) ? getCraftFromHash(equipment[2]) : undefined);
-                if (leggings.statMap.get("type") !== "leggings") {
-                    throw new Error("Not a leggings");
-                }
-                this.powders[2] = this.powders[2].slice(0,leggings.statMap.get("slots")); 
-                leggings.statMap.set("powders",this.powders[2].slice());
-                this.leggings = leggings.statMap;
-                applyArmorPowders(this.leggings, this.powders[2]);
-                if (this.leggings.get("custom")) {
-                    this.customItems.push(leggings);
-                } else if (this.leggings.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(leggings);
-                }
-            } catch (Error) {
-                const leggings = itemMap.get("No Leggings");
-                this.powders[2] = this.powders[2].slice(0,leggings.slots); 
-                this.leggings = expandItem(leggings, this.powders[2]);
-                errors.push(new ItemNotFound(equipment[2], "leggings", true));
-            }
-        }
-        if (itemMap.get(equipment[3]) && itemMap.get(equipment[3]).type === "boots") {
-            const boots = itemMap.get(equipment[3]);
-            this.powders[3] = this.powders[3].slice(0,boots.slots); 
-            this.boots = expandItem(boots, this.powders[3]);
-        } else {
-            try {
-                let boots = getCustomFromHash(equipment[3]) ? getCustomFromHash(equipment[3]) : (getCraftFromHash(equipment[3]) ? getCraftFromHash(equipment[3]) : undefined);
-                if (boots.statMap.get("type") !== "boots") {
-                    throw new Error("Not a boots");
-                }
-                this.powders[3] = this.powders[3].slice(0,boots.statMap.get("slots")); 
-                boots.statMap.set("powders",this.powders[3].slice());
-                this.boots = boots.statMap;
-                applyArmorPowders(this.boots, this.powders[3]);
-                if (this.boots.get("custom")) {
-                    this.customItems.push(boots);
-                } else if (this.boots.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(boots);
-                }
-            } catch (Error) {
-                const boots = itemMap.get("No Boots");
-                this.powders[3] = this.powders[3].slice(0,boots.slots); 
-                this.boots = expandItem(boots, this.powders[3]);
-                errors.push(new ItemNotFound(equipment[3], "boots", true));
-            }
-        }
-        if(itemMap.get(equipment[4]) && itemMap.get(equipment[4]).type === "ring") {
-            const ring = itemMap.get(equipment[4]);
-            this.ring1 = expandItem(ring, []);
-        }else{
-            try {
-                let ring = getCustomFromHash(equipment[4]) ? getCustomFromHash(equipment[4]) : (getCraftFromHash(equipment[4]) ? getCraftFromHash(equipment[4]) : undefined);
-                if (ring.statMap.get("type") !== "ring") {
-                    throw new Error("Not a ring");
-                }
-                this.ring1 = ring.statMap;
-                if (this.ring1.get("custom")) {
-                    this.customItems.push(ring);
-                } else if (this.ring1.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(ring);
-                }
-            } catch (Error) {
-                const ring = itemMap.get("No Ring 1");
-                this.ring1 = expandItem(ring, []);
-                errors.push(new ItemNotFound(equipment[4], "ring1", true, "ring"));
-            }
-        }
-        if(itemMap.get(equipment[5]) && itemMap.get(equipment[5]).type === "ring") {
-            const ring = itemMap.get(equipment[5]);
-            this.ring2 = expandItem(ring, []);
-        }else{
-            try {
-                let ring = getCustomFromHash(equipment[5]) ? getCustomFromHash(equipment[5]) : (getCraftFromHash(equipment[5]) ? getCraftFromHash(equipment[5]) : undefined);
-                if (ring.statMap.get("type") !== "ring") {
-                    throw new Error("Not a ring");
-                }
-                this.ring2 = ring.statMap;
-                if (this.ring2.get("custom")) {
-                    this.customItems.push(ring);
-                } else if (this.ring2.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(ring);
-                }
-            } catch (Error) {
-                const ring = itemMap.get("No Ring 2");
-                this.ring2 = expandItem(ring, []);
-                errors.push(new ItemNotFound(equipment[5], "ring2", true, "ring"));
-            }
-        }
-        if(itemMap.get(equipment[6]) && itemMap.get(equipment[6]).type === "bracelet") {
-            const bracelet = itemMap.get(equipment[6]);
-            this.bracelet = expandItem(bracelet, []);
-        }else{
-            try {
-                let bracelet = getCustomFromHash(equipment[6]) ? getCustomFromHash(equipment[6]) : (getCraftFromHash(equipment[6]) ? getCraftFromHash(equipment[6]) : undefined);
-                if (bracelet.statMap.get("type") !== "bracelet") {
-                    throw new Error("Not a bracelet");
-                }
-                this.bracelet = bracelet.statMap;
-                if (this.bracelet.get("custom")) {
-                    this.customItems.push(bracelet);
-                } else if (this.bracelet.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(bracelet);
-                }
-            } catch (Error) {
-                const bracelet = itemMap.get("No Bracelet");
-                this.bracelet = expandItem(bracelet, []);
-                errors.push(new ItemNotFound(equipment[6], "bracelet", true));
-            }
-        }
-        if(itemMap.get(equipment[7]) && itemMap.get(equipment[7]).type === "necklace") {
-            const necklace = itemMap.get(equipment[7]);
-            this.necklace = expandItem(necklace, []);
-        }else{
-            try {
-                let necklace = getCustomFromHash(equipment[7]) ? getCustomFromHash(equipment[7]) : (getCraftFromHash(equipment[7]) ? getCraftFromHash(equipment[7]) : undefined);
-                if (necklace.statMap.get("type") !== "necklace") {
-                    throw new Error("Not a necklace");
-                }
-                this.necklace = necklace.statMap;
-                if (this.necklace.get("custom")) {
-                    this.customItems.push(necklace);
-                } else if (this.necklace.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(necklace);
-                }
-            } catch (Error) {
-                const necklace = itemMap.get("No Necklace");
-                this.necklace = expandItem(necklace, []);
-                errors.push(new ItemNotFound(equipment[7], "necklace", true));
-            }
-        }
-        if(itemMap.get(equipment[8]) && itemMap.get(equipment[8]).category === "weapon") {
-            const weapon = itemMap.get(equipment[8]);
-            this.powders[4] = this.powders[4].slice(0,weapon.slots); 
-            this.weapon = expandItem(weapon, this.powders[4]);
-            if (equipment[8] !== "No Weapon") {
-                document.getElementsByClassName("powder-specials")[0].style.display = "grid";
-            } else {
-                document.getElementsByClassName("powder-specials")[0].style.display = "none";
-            }
-        }else{
-            try {
-                let weapon = getCustomFromHash(equipment[8]) ? getCustomFromHash(equipment[8]) : (getCraftFromHash(equipment[8]) ? getCraftFromHash(equipment[8]) : undefined);
-                if (weapon.statMap.get("category") !== "weapon") {
-                    throw new Error("Not a weapon");
-                }
-                this.weapon = weapon.statMap;
-                if (this.weapon.get("custom")) {
-                    this.customItems.push(weapon);
-                } else if (this.weapon.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(weapon);
-                }
-                this.powders[4] = this.powders[4].slice(0,this.weapon.get("slots")); 
-                this.weapon.set("powders",this.powders[4].slice());
-                document.getElementsByClassName("powder-specials")[0].style.display = "grid";
-            } catch (Error) {
-                const weapon = itemMap.get("No Weapon");
-                this.powders[4] = this.powders[4].slice(0,weapon.slots); 
-                this.weapon = expandItem(weapon, this.powders[4]);
-                document.getElementsByClassName("powder-specials")[0].style.display = "none";
-                errors.push(new ItemNotFound(equipment[8], "weapon", true));
-            }
-        }
-        //console.log(this.craftedItems)
+    constructor(level, items, weapon){
 
         if (level < 1) { //Should these be constants?
             this.level = 1;
@@ -348,11 +122,13 @@ class Build{
         document.getElementById("level-choice").value = this.level;
 
         this.availableSkillpoints = levelToSkillPoints(this.level);
-        this.equipment = [ this.helmet, this.chestplate, this.leggings, this.boots, this.ring1, this.ring2, this.bracelet, this.necklace ];
+        this.equipment = items;
+        this.weapon = weapon;
         this.items = this.equipment.concat([this.weapon]);
         // return [equip_order, best_skillpoints, final_skillpoints, best_total];
-        let result = calculate_skillpoints(this.equipment, this.weapon);
-        console.log(result);
+
+        // calc skillpoints requires statmaps only
+        let result = calculate_skillpoints(this.equipment.map((x) => x.statMap), this.weapon.statMap);
         this.equip_order = result[0];
         // How many skillpoints the player had to assign (5 number)
         this.base_skillpoints = result[1];
@@ -361,22 +137,8 @@ class Build{
         // How many skillpoints assigned (1 number, sum of base_skillpoints)
         this.assigned_skillpoints = result[3];
         this.activeSetCounts = result[4];
-        
-        // For strength boosts like warscream, vanish, etc.
-        this.damageMultiplier = 1.0;
-        this.defenseMultiplier = 1.0;
-
-        // For other external boosts ;-;
-        this.externalStats = externalStats;
 
         this.initBuildStats();
-
-        // Remove every error before adding specific ones
-        for (let i of document.getElementsByClassName("error")) {
-            i.textContent = "";
-        }
-        this.errors = errors;
-        if (errors.length > 0) this.errored = true;
     }  
 
     /*Returns build in string format
@@ -385,138 +147,62 @@ class Build{
         return [this.equipment,this.weapon].flat();
     }
 
-    /* Getters */
-
-    getSpellCost(spellIdx, cost) {
-        return Math.max(1, this.getBaseSpellCost(spellIdx, cost));
-    }
-
-    getBaseSpellCost(spellIdx, cost) {
-        cost = Math.ceil(cost * (1 - skillPointsToPercentage(this.total_skillpoints[2])));
-        cost += this.statMap.get("spRaw"+spellIdx);
-        return Math.floor(cost * (1 + this.statMap.get("spPct"+spellIdx) / 100));
-    }
-    
-
-    /*  Get melee stats for build.
-        Returns an array in the order:
-    */
-    getMeleeStats(){
-        const stats = this.statMap;
-        if (this.weapon.get("tier") === "Crafted") {
-            stats.set("damageBases", [this.weapon.get("nDamBaseHigh"),this.weapon.get("eDamBaseHigh"),this.weapon.get("tDamBaseHigh"),this.weapon.get("wDamBaseHigh"),this.weapon.get("fDamBaseHigh"),this.weapon.get("aDamBaseHigh")]);
-        }
-        let adjAtkSpd = attackSpeeds.indexOf(stats.get("atkSpd")) + stats.get("atkTier");
-        if(adjAtkSpd > 6){
-            adjAtkSpd = 6;
-        }else if(adjAtkSpd < 0){
-            adjAtkSpd = 0;
-        }
-
-        let damage_mult = 1;
-        if (this.weapon.get("type") === "relik") {
-            damage_mult = 0.99; // CURSE YOU WYNNCRAFT
-            //One day we will create WynnWynn and no longer have shaman 99% melee injustice.
-            //In all seriousness 99% is because wynn uses 0.33 to estimate dividing the damage by 3 to split damage between 3 beams.
-        }
-        // 0spellmult for melee damage.
-        let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], stats.get("mdRaw"), stats.get("mdPct") + this.externalStats.get("mdPct"), 0, this.weapon, this.total_skillpoints, damage_mult * this.damageMultiplier, this.externalStats);
-        
-        let dex = this.total_skillpoints[1];
-
-        let totalDamNorm = results[0];
-        let totalDamCrit = results[1];
-        totalDamNorm.push(1-skillPointsToPercentage(dex));
-        totalDamCrit.push(skillPointsToPercentage(dex));
-        let damages_results = results[2];
-        
-        let singleHitTotal = ((totalDamNorm[0]+totalDamNorm[1])*(totalDamNorm[2])
-                            +(totalDamCrit[0]+totalDamCrit[1])*(totalDamCrit[2]))/2;
-
-        //Now do math
-        let normDPS = (totalDamNorm[0]+totalDamNorm[1])/2 * baseDamageMultiplier[adjAtkSpd];
-        let critDPS = (totalDamCrit[0]+totalDamCrit[1])/2 * baseDamageMultiplier[adjAtkSpd];
-        let avgDPS = (normDPS * (1 - skillPointsToPercentage(dex))) + (critDPS * (skillPointsToPercentage(dex)));
-        //[[n n n n] [e e e e] [t t t t] [w w w w] [f f f f] [a a a a] [lowtotal hightotal normalChance] [critlowtotal crithightotal critChance] normalDPS critCPS averageDPS adjAttackSpeed, singleHit] 
-        return damages_results.concat([totalDamNorm,totalDamCrit,normDPS,critDPS,avgDPS,adjAtkSpd, singleHitTotal]).concat(results[3]);
-    }
-
-    /*
-        Get all defensive stats for this build.
-    */
-    getDefenseStats(){
-        const stats = this.statMap;
-        let defenseStats = [];
-        let def_pct = skillPointsToPercentage(this.total_skillpoints[3]);
-        let agi_pct = skillPointsToPercentage(this.total_skillpoints[4]);
-        //total hp
-        let totalHp = stats.get("hp") + stats.get("hpBonus");
-        if (totalHp < 5) totalHp = 5;
-        defenseStats.push(totalHp);
-        //EHP
-        let ehp = [totalHp, totalHp];
-        let defMult = classDefenseMultipliers.get(this.weapon.get("type"));
-        ehp[0] /= ((1-def_pct)*(1-agi_pct)*(2-defMult)*(2-this.defenseMultiplier));         
-        ehp[1] /= ((1-def_pct)*(2-defMult)*(2-this.defenseMultiplier));    
-        defenseStats.push(ehp);
-        //HPR
-        let totalHpr = rawToPct(stats.get("hprRaw"), stats.get("hprPct")/100.);
-        defenseStats.push(totalHpr);
-        //EHPR
-        let ehpr = [totalHpr, totalHpr];
-        ehpr[0] /= ((1-def_pct)*(1-agi_pct)*(2-defMult)*(2-this.defenseMultiplier)); 
-        ehpr[1] /= ((1-def_pct)*(2-defMult)*(2-this.defenseMultiplier)); 
-        defenseStats.push(ehpr);
-        //skp stats
-        defenseStats.push([ (1 - ((1-def_pct) * (2 - this.defenseMultiplier)))*100, agi_pct*100]);
-        //eledefs - TODO POWDERS
-        let eledefs = [0, 0, 0, 0, 0];
-        for(const i in skp_elements){ //kinda jank but ok
-            eledefs[i] = rawToPct(stats.get(skp_elements[i] + "Def"), stats.get(skp_elements[i] + "DefPct")/100.);
-        }
-        defenseStats.push(eledefs);
-        
-        //[total hp, [ehp w/ agi, ehp w/o agi], total hpr, [ehpr w/ agi, ehpr w/o agi], [def%, agi%], [edef,tdef,wdef,fdef,adef]]
-        return defenseStats;
-    }
 
     /*  Get all stats for this build. Stores in this.statMap.
         @pre The build itself should be valid. No checking of validity of pieces is done here.
     */
     initBuildStats(){
 
-        let staticIDs = ["hp", "eDef", "tDef", "wDef", "fDef", "aDef", "str", "dex", "int", "def", "agi"];
+        let staticIDs = ["hp", "eDef", "tDef", "wDef", "fDef", "aDef", "str", "dex", "int", "def", "agi", "damMobs", "defMobs"];
+
+        let must_ids = [
+            "eMdPct","eMdRaw","eSdPct","eSdRaw","eDamPct","eDamRaw","eDamAddMin","eDamAddMax",
+            "tMdPct","tMdRaw","tSdPct","tSdRaw","tDamPct","tDamRaw","tDamAddMin","tDamAddMax",
+            "wMdPct","wMdRaw","wSdPct","wSdRaw","wDamPct","wDamRaw","wDamAddMin","wDamAddMax",
+            "fMdPct","fMdRaw","fSdPct","fSdRaw","fDamPct","fDamRaw","fDamAddMin","fDamAddMax",
+            "aMdPct","aMdRaw","aSdPct","aSdRaw","aDamPct","aDamRaw","aDamAddMin","aDamAddMax",
+            "nMdPct","nMdRaw","nSdPct","nSdRaw","nDamPct","nDamRaw","nDamAddMin","nDamAddMax",      // neutral which is now an element
+            "mdPct","mdRaw","sdPct","sdRaw","damPct","damRaw","damAddMin","damAddMax",          // These are the old ids. Become proportional.
+            "rMdPct","rMdRaw","rSdPct","rSdRaw","rDamPct","rDamRaw","rDamAddMin","rDamAddMax"   // rainbow (the "element" of all minus neutral). rSdRaw is rainraw
+        ]
 
         //Create a map of this build's stats
         let statMap = new Map();
+        statMap.set("defMultiplier", 1);
 
         for (const staticID of staticIDs) {
             statMap.set(staticID, 0);
         }
+        for (const staticID of must_ids) {
+            statMap.set(staticID, 0);
+        }
         statMap.set("hp", levelToHPBase(this.level)); 
 
         let major_ids = new Set();
         for (const item of this.items){
-            for (let [id, value] of item.get("maxRolls")) {
+            const item_stats = item.statMap;
+            for (let [id, value] of item_stats.get("maxRolls")) {
                 if (staticIDs.includes(id)) {
                     continue;
                 }
                 statMap.set(id,(statMap.get(id) || 0)+value);
             }
             for (const staticID of staticIDs) {
-                if (item.get(staticID)) {
-                    statMap.set(staticID, statMap.get(staticID) + item.get(staticID));
+                if (item_stats.get(staticID)) {
+                        statMap.set(staticID, statMap.get(staticID) + item_stats.get(staticID));
                 }
             }
-            if (item.get("majorIds")) {
-                for (const major_id of item.get("majorIds")) {
+            if (item_stats.get("majorIds")) {
+                for (const major_id of item_stats.get("majorIds")) {
                     major_ids.add(major_id);
                 }
             }
         }
+        statMap.set('damageMultiplier', 1 + (statMap.get('damMobs') / 100));
+        statMap.set('defMultiplier', 1 - (statMap.get('defMobs') / 100));
         statMap.set("activeMajorIDs", major_ids);
         for (const [setName, count] of this.activeSetCounts) {
-            const bonus = sets[setName].bonuses[count-1];
+            const bonus = sets.get(setName).bonuses[count-1];
             for (const id in bonus) {
                 if (skp_order.includes(id)) {
                     // pass. Don't include skillpoints in ids
@@ -529,27 +215,8 @@ class Build{
         statMap.set("poisonPct", 100);
 
         // The stuff relevant for damage calculation!!! @ferricles
-        statMap.set("atkSpd", this.weapon.get("atkSpd"));
+        statMap.set("atkSpd", this.weapon.statMap.get("atkSpd"));
 
-        for (const x of skp_elements) {
-            this.externalStats.set(x + "DamPct", 0);
-        }
-        this.externalStats.set("mdPct", 0);
-        this.externalStats.set("sdPct", 0);
-        this.externalStats.set("damageBonus", [0, 0, 0, 0, 0]);
-        this.externalStats.set("defBonus",[0, 0, 0, 0, 0]);
-        this.externalStats.set("poisonPct", 0);
         this.statMap = statMap;
-
-        this.aggregateStats();
-    }
-
-    aggregateStats() {
-        let statMap = this.statMap;
-        statMap.set("damageRaw", [this.weapon.get("nDam"), this.weapon.get("eDam"), this.weapon.get("tDam"), this.weapon.get("wDam"), this.weapon.get("fDam"), this.weapon.get("aDam")]);
-        statMap.set("damageBonus", [statMap.get("eDamPct"), statMap.get("tDamPct"), statMap.get("wDamPct"), statMap.get("fDamPct"), statMap.get("aDamPct")]);
-        statMap.set("defRaw", [statMap.get("eDef"), statMap.get("tDef"), statMap.get("wDef"), statMap.get("fDef"), statMap.get("aDef")]);
-        statMap.set("defBonus", [statMap.get("eDefPct"), statMap.get("tDefPct"), statMap.get("wDefPct"), statMap.get("fDefPct"), statMap.get("aDefPct")]);
-        statMap.set("defMult", classDefenseMultipliers.get(this.weapon.get("type")));
     }
 }
diff --git a/js/build2.js b/js/build2.js
deleted file mode 100644
index b74e403..0000000
--- a/js/build2.js
+++ /dev/null
@@ -1,550 +0,0 @@
-
-
-const classDefenseMultipliers = new Map([ ["relik",0.50], ["bow",0.60], ["wand", 0.80], ["dagger", 1.0], ["spear",1.20] ]);
-
-/**
- * @description Error to catch items that don't exist.
- * @module ItemNotFound
- */
-class ItemNotFound {
-    /**
-     * @class
-     * @param {String} item the item name entered
-     * @param {String} type the type of item
-     * @param {Boolean} genElement whether to generate an element from inputs
-     * @param {String} override override for item type
-     */
-    constructor(item, type, genElement, override) {
-        /** 
-         * @public 
-         * @type {String}
-         */
-        this.message = `Cannot find ${override||type} named ${item}`;
-        if (genElement)
-            /** 
-             * @public 
-             * @type {Element}
-             */
-            this.element = document.getElementById(`${type}-choice`).parentElement.querySelectorAll("p.error")[0];
-        else
-            this.element = document.createElement("div");
-    }
-}
-
-/**
- * @description Error to catch incorrect input.
- * @module IncorrectInput 
- */
-class IncorrectInput {
-    /**
-     * @class
-     * @param {String} input the inputted text
-     * @param {String} format the correct format
-     * @param {String} sibling the id of the error node's sibling
-     */
-    constructor(input, format, sibling) {
-        /** 
-         * @public
-         * @type {String}
-         */
-        this.message = `${input} is incorrect. Example: ${format}`;
-        /**
-         * @public
-         * @type {String}
-         */
-        this.id = sibling;
-    }
-}
-
-/**
- * @description Error that inputs an array of items to generate errors of.
- * @module ListError
- * @extends Error
- */
-class ListError extends Error {
-    /**
-     * @class
-     * @param {Array} errors array of errors
-     */
-    constructor(errors) {
-        let ret = [];
-        if (typeof errors[0] == "string") {
-            super(errors[0]);
-        } else {
-            super(errors[0].message);
-        }
-        for (let i of errors) {
-            if (typeof i == "string") {
-                ret.push(new Error(i));
-            } else {
-                ret.push(i);
-            }
-        }
-        /**
-         * @public
-         * @type {Object[]}
-         */
-        this.errors = ret;
-    }
-}
-
-/*Class that represents a wynn player's build.
-*/
-class Build{
-    
-    /**
-     * @description Construct a build.
-     * @param {Number} level : Level of the player.
-     * @param {String[]} equipment : List of equipment names that make up the build.
-     *                    In order: boots, Chestplate, Leggings, Boots, Ring1, Ring2, Brace, Neck, Weapon.
-     * @param {Number[]} powders : Powder application. List of lists of integers (powder IDs).
-     *                  In order: boots, Chestplate, Leggings, Boots, Weapon.
-     * @param {Object[]} inputerrors : List of instances of error-like classes.
-     */
-    constructor(level,equipment, powders, externalStats, inputerrors=[]){
-
-        let errors = inputerrors;
-        //this contains the Craft objects, if there are any crafted items. this.boots, etc. will contain the statMap of the Craft (which is built to be an expandedItem).
-        this.craftedItems = [];
-        this.customItems = [];
-        // NOTE: powders is just an array of arrays of powder IDs. Not powder objects.
-        this.powders = powders;
-        if(itemMap.get(equipment[0]) && itemMap.get(equipment[0]).type === "helmet") {
-            const helmet = itemMap.get(equipment[0]);
-            this.powders[0] = this.powders[0].slice(0,helmet.slots); 
-            this.helmet = expandItem(helmet, this.powders[0]);
-        } else {
-            try {
-                //let boots = getCraftFromHash(equipment[0]) ? getCraftFromHash(equipment[0]) : (getCustomFromHash(equipment[0])? getCustomFromHash(equipment[0]) : undefined);
-                let helmet = getCustomFromHash(equipment[0]) ? getCustomFromHash(equipment[0]) : (getCraftFromHash(equipment[0]) ? getCraftFromHash(equipment[0]) : undefined);
-                if (helmet.statMap.get("type") !== "helmet") {
-                    throw new Error("Not a helmet");
-                }
-                this.powders[0] = this.powders[0].slice(0,helmet.statMap.get("slots")); 
-                helmet.statMap.set("powders",this.powders[0].slice());
-                helmet.applyPowders();
-                this.helmet = helmet.statMap;
-                if (this.helmet.get("custom")) {
-                    this.customItems.push(helmet);
-                } else if (this.helmet.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(helmet);
-                }
-                
-            } catch (Error) {
-                //console.log(Error); //fix
-                const helmet = itemMap.get("No Helmet");
-                this.powders[0] = this.powders[0].slice(0,helmet.slots);
-                this.helmet = expandItem(helmet, this.powders[0]);
-                errors.push(new ItemNotFound(equipment[0], "helmet", true));
-            }
-        }
-        if(itemMap.get(equipment[1]) && itemMap.get(equipment[1]).type === "chestplate") {
-            const chestplate = itemMap.get(equipment[1]);
-            this.powders[1] = this.powders[1].slice(0,chestplate.slots); 
-            this.chestplate = expandItem(chestplate, this.powders[1]);
-        } else {
-            try {
-                let chestplate = getCustomFromHash(equipment[1]) ? getCustomFromHash(equipment[1]) : (getCraftFromHash(equipment[1]) ? getCraftFromHash(equipment[1]) : undefined);
-                if (chestplate.statMap.get("type") !== "chestplate") {
-                    throw new Error("Not a chestplate");
-                }
-                this.powders[1] = this.powders[1].slice(0,chestplate.statMap.get("slots"));
-                chestplate.statMap.set("powders",this.powders[1].slice());
-                chestplate.applyPowders();
-                this.chestplate = chestplate.statMap;
-                if (this.chestplate.get("custom")) {
-                    this.customItems.push(chestplate);
-                } else if (this.chestplate.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(chestplate);
-                }
-            } catch (Error) {
-                const chestplate = itemMap.get("No Chestplate");
-                this.powders[1] = this.powders[1].slice(0,chestplate.slots); 
-                this.chestplate = expandItem(chestplate, this.powders[1]);
-                errors.push(new ItemNotFound(equipment[1], "chestplate", true));
-            }
-        }
-        if (itemMap.get(equipment[2]) && itemMap.get(equipment[2]).type === "leggings") {
-            const leggings = itemMap.get(equipment[2]);
-            this.powders[2] = this.powders[2].slice(0,leggings.slots); 
-            this.leggings = expandItem(leggings, this.powders[2]);
-        } else {
-            try {
-                let leggings = getCustomFromHash(equipment[2]) ? getCustomFromHash(equipment[2]) : (getCraftFromHash(equipment[2]) ? getCraftFromHash(equipment[2]) : undefined);
-                if (leggings.statMap.get("type") !== "leggings") {
-                    throw new Error("Not a leggings");
-                }
-                this.powders[2] = this.powders[2].slice(0,leggings.statMap.get("slots")); 
-                leggings.statMap.set("powders",this.powders[2].slice());
-                leggings.applyPowders();
-                this.leggings = leggings.statMap;
-                if (this.leggings.get("custom")) {
-                    this.customItems.push(leggings);
-                } else if (this.leggings.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(leggings);
-                }
-            } catch (Error) {
-                const leggings = itemMap.get("No Leggings");
-                this.powders[2] = this.powders[2].slice(0,leggings.slots); 
-                this.leggings = expandItem(leggings, this.powders[2]);
-                errors.push(new ItemNotFound(equipment[2], "leggings", true));
-            }
-        }
-        if (itemMap.get(equipment[3]) && itemMap.get(equipment[3]).type === "boots") {
-            const boots = itemMap.get(equipment[3]);
-            this.powders[3] = this.powders[3].slice(0,boots.slots); 
-            this.boots = expandItem(boots, this.powders[3]);
-        } else {
-            try {
-                let boots = getCustomFromHash(equipment[3]) ? getCustomFromHash(equipment[3]) : (getCraftFromHash(equipment[3]) ? getCraftFromHash(equipment[3]) : undefined);
-                if (boots.statMap.get("type") !== "boots") {
-                    throw new Error("Not a boots");
-                }
-                this.powders[3] = this.powders[3].slice(0,boots.statMap.get("slots")); 
-                boots.statMap.set("powders",this.powders[3].slice());
-                boots.applyPowders();
-                this.boots = boots.statMap;
-                console.log(boots);
-                if (this.boots.get("custom")) {
-                    this.customItems.push(boots);
-                } else if (this.boots.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(boots);
-                }
-            } catch (Error) {
-                const boots = itemMap.get("No Boots");
-                this.powders[3] = this.powders[3].slice(0,boots.slots); 
-                this.boots = expandItem(boots, this.powders[3]);
-                errors.push(new ItemNotFound(equipment[3], "boots", true));
-            }
-        }
-        if(itemMap.get(equipment[4]) && itemMap.get(equipment[4]).type === "ring") {
-            const ring = itemMap.get(equipment[4]);
-            this.ring1 = expandItem(ring, []);
-        }else{
-            try {
-                let ring = getCustomFromHash(equipment[4]) ? getCustomFromHash(equipment[4]) : (getCraftFromHash(equipment[4]) ? getCraftFromHash(equipment[4]) : undefined);
-                if (ring.statMap.get("type") !== "ring") {
-                    throw new Error("Not a ring");
-                }
-                this.ring1 = ring.statMap;
-                if (this.ring1.get("custom")) {
-                    this.customItems.push(ring);
-                } else if (this.ring1.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(ring);
-                }
-            } catch (Error) {
-                const ring = itemMap.get("No Ring 1");
-                this.ring1 = expandItem(ring, []);
-                errors.push(new ItemNotFound(equipment[4], "ring1", true, "ring"));
-            }
-        }
-        if(itemMap.get(equipment[5]) && itemMap.get(equipment[5]).type === "ring") {
-            const ring = itemMap.get(equipment[5]);
-            this.ring2 = expandItem(ring, []);
-        }else{
-            try {
-                let ring = getCustomFromHash(equipment[5]) ? getCustomFromHash(equipment[5]) : (getCraftFromHash(equipment[5]) ? getCraftFromHash(equipment[5]) : undefined);
-                if (ring.statMap.get("type") !== "ring") {
-                    throw new Error("Not a ring");
-                }
-                this.ring2 = ring.statMap;
-                if (this.ring2.get("custom")) {
-                    this.customItems.push(ring);
-                } else if (this.ring2.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(ring);
-                }
-            } catch (Error) {
-                const ring = itemMap.get("No Ring 2");
-                this.ring2 = expandItem(ring, []);
-                errors.push(new ItemNotFound(equipment[5], "ring2", true, "ring"));
-            }
-        }
-        if(itemMap.get(equipment[6]) && itemMap.get(equipment[6]).type === "bracelet") {
-            const bracelet = itemMap.get(equipment[6]);
-            this.bracelet = expandItem(bracelet, []);
-        }else{
-            try {
-                let bracelet = getCustomFromHash(equipment[6]) ? getCustomFromHash(equipment[6]) : (getCraftFromHash(equipment[6]) ? getCraftFromHash(equipment[6]) : undefined);
-                if (bracelet.statMap.get("type") !== "bracelet") {
-                    throw new Error("Not a bracelet");
-                }
-                this.bracelet = bracelet.statMap;
-                if (this.bracelet.get("custom")) {
-                    this.customItems.push(bracelet);
-                } else if (this.bracelet.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(bracelet);
-                }
-            } catch (Error) {
-                const bracelet = itemMap.get("No Bracelet");
-                this.bracelet = expandItem(bracelet, []);
-                errors.push(new ItemNotFound(equipment[6], "bracelet", true));
-            }
-        }
-        if(itemMap.get(equipment[7]) && itemMap.get(equipment[7]).type === "necklace") {
-            const necklace = itemMap.get(equipment[7]);
-            this.necklace = expandItem(necklace, []);
-        }else{
-            try {
-                let necklace = getCustomFromHash(equipment[7]) ? getCustomFromHash(equipment[7]) : (getCraftFromHash(equipment[7]) ? getCraftFromHash(equipment[7]) : undefined);
-                if (necklace.statMap.get("type") !== "necklace") {
-                    throw new Error("Not a necklace");
-                }
-                this.necklace = necklace.statMap;
-                if (this.necklace.get("custom")) {
-                    this.customItems.push(necklace);
-                } else if (this.necklace.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(necklace);
-                }
-            } catch (Error) {
-                const necklace = itemMap.get("No Necklace");
-                this.necklace = expandItem(necklace, []);
-                errors.push(new ItemNotFound(equipment[7], "necklace", true));
-            }
-        }
-        if(itemMap.get(equipment[8]) && itemMap.get(equipment[8]).category === "weapon") {
-            const weapon = itemMap.get(equipment[8]);
-            this.powders[4] = this.powders[4].slice(0,weapon.slots); 
-            this.weapon = expandItem(weapon, this.powders[4]);
-            if (equipment[8] !== "No Weapon") {
-                document.getElementsByClassName("powder-specials")[0].style.display = "grid";
-            } else {
-                document.getElementsByClassName("powder-specials")[0].style.display = "none";
-            }
-        }else{
-            try {
-                let weapon = getCustomFromHash(equipment[8]) ? getCustomFromHash(equipment[8]) : (getCraftFromHash(equipment[8]) ? getCraftFromHash(equipment[8]) : undefined);
-                if (weapon.statMap.get("category") !== "weapon") {
-                    throw new Error("Not a weapon");
-                }
-                this.weapon = weapon.statMap;
-                if (this.weapon.get("custom")) {
-                    this.customItems.push(weapon);
-                } else if (this.weapon.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(weapon);
-                }
-                this.powders[4] = this.powders[4].slice(0,this.weapon.get("slots")); 
-                this.weapon.set("powders",this.powders[4].slice());
-                document.getElementsByClassName("powder-specials")[0].style.display = "grid";
-            } catch (Error) {
-                const weapon = itemMap.get("No Weapon");
-                this.powders[4] = this.powders[4].slice(0,weapon.slots); 
-                this.weapon = expandItem(weapon, this.powders[4]);
-                document.getElementsByClassName("powder-specials")[0].style.display = "none";
-                errors.push(new ItemNotFound(equipment[8], "weapon", true));
-            }
-        }
-        //console.log(this.craftedItems)
-
-        if (level < 1) { //Should these be constants?
-            this.level = 1;
-        } else if (level > 106) {
-            this.level = 106;
-        } else if (level <= 106 && level >= 1) {
-            this.level = level;
-        } else if (typeof level === "string") {
-            this.level = level;
-            errors.push(new IncorrectInput(level, "a number", "level-choice"));
-        } else {
-            errors.push("Level is not a string or number.");
-        }
-        document.getElementById("level-choice").value = this.level;
-
-        this.availableSkillpoints = levelToSkillPoints(this.level);
-        this.equipment = [ this.helmet, this.chestplate, this.leggings, this.boots, this.ring1, this.ring2, this.bracelet, this.necklace ];
-        this.items = this.equipment.concat([this.weapon]);
-        // return [equip_order, best_skillpoints, final_skillpoints, best_total];
-        let result = calculate_skillpoints(this.equipment, this.weapon);
-        console.log(result);
-        this.equip_order = result[0];
-        this.base_skillpoints = result[1];
-        this.total_skillpoints = result[2];
-        this.assigned_skillpoints = result[3];
-        this.activeSetCounts = result[4];
-        
-        // For strength boosts like warscream, vanish, etc.
-        this.damageMultiplier = 1.0;
-        this.defenseMultiplier = 1.0;
-
-        // For other external boosts ;-;
-        this.externalStats = externalStats;
-
-        this.initBuildStats();
-
-        // Remove every error before adding specific ones
-        for (let i of document.getElementsByClassName("error")) {
-            i.textContent = "";
-        }
-        this.errors = errors;
-        if (errors.length > 0) this.errored = true;
-    }  
-
-    /*Returns build in string format
-    */
-    toString(){
-        return [this.equipment,this.weapon].flat();
-    }
-
-    /* Getters */
-
-    /*  Get total health for build.
-    */
-
-    getSpellCost(spellIdx, cost) {
-        cost = Math.ceil(cost * (1 - skillPointsToPercentage(this.total_skillpoints[2])));
-        cost = Math.max(0, Math.floor(cost * (1 + this.statMap.get("spPct"+spellIdx) / 100)));
-        return Math.max(1, cost + this.statMap.get("spRaw"+spellIdx));
-    }
-    
-
-    /*  Get melee stats for build.
-        Returns an array in the order:
-    */
-    getMeleeStats(){
-        const stats = this.statMap;
-        if (this.weapon.get("tier") === "Crafted") {
-            stats.set("damageBases", [this.weapon.get("nDamBaseHigh"),this.weapon.get("eDamBaseHigh"),this.weapon.get("tDamBaseHigh"),this.weapon.get("wDamBaseHigh"),this.weapon.get("fDamBaseHigh"),this.weapon.get("aDamBaseHigh")]);
-        }
-        let adjAtkSpd = attackSpeeds.indexOf(stats.get("atkSpd")) + stats.get("atkTier");
-        if(adjAtkSpd > 6){
-            adjAtkSpd = 6;
-        }else if(adjAtkSpd < 0){
-            adjAtkSpd = 0;
-        }
-
-        let damage_mult = 1;
-        if (this.weapon.get("type") === "relik") {
-            damage_mult = 0.99; // CURSE YOU WYNNCRAFT
-            //One day we will create WynnWynn and no longer have shaman 99% melee injustice.
-            //In all seriousness 99% is because wynn uses 0.33 to estimate dividing the damage by 3 to split damage between 3 beams.
-        }
-        // 0spellmult for melee damage.
-        let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], stats.get("mdRaw"), stats.get("mdPct") + this.externalStats.get("mdPct"), 0, this.weapon, this.total_skillpoints, damage_mult * this.damageMultiplier, this.externalStats);
-        
-        let dex = this.total_skillpoints[1];
-
-        let totalDamNorm = results[0];
-        let totalDamCrit = results[1];
-        totalDamNorm.push(1-skillPointsToPercentage(dex));
-        totalDamCrit.push(skillPointsToPercentage(dex));
-        let damages_results = results[2];
-        
-        let singleHitTotal = ((totalDamNorm[0]+totalDamNorm[1])*(totalDamNorm[2])
-                            +(totalDamCrit[0]+totalDamCrit[1])*(totalDamCrit[2]))/2;
-
-        //Now do math
-        let normDPS = (totalDamNorm[0]+totalDamNorm[1])/2 * baseDamageMultiplier[adjAtkSpd];
-        let critDPS = (totalDamCrit[0]+totalDamCrit[1])/2 * baseDamageMultiplier[adjAtkSpd];
-        let avgDPS = (normDPS * (1 - skillPointsToPercentage(dex))) + (critDPS * (skillPointsToPercentage(dex)));
-        //[[n n n n] [e e e e] [t t t t] [w w w w] [f f f f] [a a a a] [lowtotal hightotal normalChance] [critlowtotal crithightotal critChance] normalDPS critCPS averageDPS adjAttackSpeed, singleHit] 
-        return damages_results.concat([totalDamNorm,totalDamCrit,normDPS,critDPS,avgDPS,adjAtkSpd, singleHitTotal]).concat(results[3]);
-    }
-
-    /*
-        Get all defensive stats for this build.
-    */
-    getDefenseStats(){
-        const stats = this.statMap;
-        let defenseStats = [];
-        let def_pct = skillPointsToPercentage(this.total_skillpoints[3]);
-        let agi_pct = skillPointsToPercentage(this.total_skillpoints[4]);
-        //total hp
-        let totalHp = stats.get("hp") + stats.get("hpBonus");
-        if (totalHp < 5) totalHp = 5;
-        defenseStats.push(totalHp);
-        //EHP
-        let ehp = [totalHp, totalHp];
-        let defMult = classDefenseMultipliers.get(this.weapon.get("type"));
-        ehp[0] /= ((1-def_pct)*(1-agi_pct)*(2-defMult)*(2-this.defenseMultiplier));         
-        ehp[1] /= ((1-def_pct)*(2-defMult)*(2-this.defenseMultiplier));    
-        defenseStats.push(ehp);
-        //HPR
-        let totalHpr = rawToPct(stats.get("hprRaw"), stats.get("hprPct")/100.);
-        defenseStats.push(totalHpr);
-        //EHPR
-        let ehpr = [totalHpr, totalHpr];
-        ehpr[0] /= ((1-def_pct)*(1-agi_pct)*(2-defMult)*(2-this.defenseMultiplier)); 
-        ehpr[1] /= ((1-def_pct)*(2-defMult)*(2-this.defenseMultiplier)); 
-        defenseStats.push(ehpr);
-        //skp stats
-        defenseStats.push([ (1 - ((1-def_pct) * (2 - this.defenseMultiplier)))*100, agi_pct*100]);
-        //eledefs - TODO POWDERS
-        let eledefs = [0, 0, 0, 0, 0];
-        for(const i in skp_elements){ //kinda jank but ok
-            eledefs[i] = rawToPct(stats.get(skp_elements[i] + "Def"), stats.get(skp_elements[i] + "DefPct")/100.);
-        }
-        defenseStats.push(eledefs);
-        
-        //[total hp, [ehp w/ agi, ehp w/o agi], total hpr, [ehpr w/ agi, ehpr w/o agi], [def%, agi%], [edef,tdef,wdef,fdef,adef]]
-        return defenseStats;
-    }
-
-    /*  Get all stats for this build. Stores in this.statMap.
-        @pre The build itself should be valid. No checking of validity of pieces is done here.
-    */
-    initBuildStats(){
-
-        let staticIDs = ["hp", "eDef", "tDef", "wDef", "fDef", "aDef"];
-
-        //Create a map of this build's stats
-        let statMap = new Map();
-
-        for (const staticID of staticIDs) {
-            statMap.set(staticID, 0);
-        }
-        statMap.set("hp", levelToHPBase(this.level)); 
-
-        let major_ids = new Set();
-        for (const item of this.items){
-            for (let [id, value] of item.get("maxRolls")) {
-                statMap.set(id,(statMap.get(id) || 0)+value);
-            }
-            for (const staticID of staticIDs) {
-                if (item.get(staticID)) {
-                    statMap.set(staticID, statMap.get(staticID) + item.get(staticID));
-                }
-            }
-            if (item.get("majorIds")) {
-                for (const majorID of item.get("majorIds")) {
-                    major_ids.add(majorID);
-                }
-            }
-        }
-        statMap.set("activeMajorIDs", major_ids);
-        for (const [setName, count] of this.activeSetCounts) {
-            const bonus = sets[setName].bonuses[count-1];
-            for (const id in bonus) {
-                if (skp_order.includes(id)) {
-                    // pass. Don't include skillpoints in ids
-                }
-                else {
-                    statMap.set(id,(statMap.get(id) || 0)+bonus[id]);
-                }
-            }
-        }
-        statMap.set("poisonPct", 100);
-
-        // The stuff relevant for damage calculation!!! @ferricles
-        statMap.set("atkSpd", this.weapon.get("atkSpd"));
-
-        for (const x of skp_elements) {
-            this.externalStats.set(x + "DamPct", 0);
-        }
-        this.externalStats.set("mdPct", 0);
-        this.externalStats.set("sdPct", 0);
-        this.externalStats.set("damageBonus", [0, 0, 0, 0, 0]);
-        this.externalStats.set("defBonus",[0, 0, 0, 0, 0]);
-        this.externalStats.set("poisonPct", 0);
-        this.statMap = statMap;
-
-        this.aggregateStats();
-    }
-
-    aggregateStats() {
-        let statMap = this.statMap;
-        statMap.set("damageRaw", [this.weapon.get("nDam"), this.weapon.get("eDam"), this.weapon.get("tDam"), this.weapon.get("wDam"), this.weapon.get("fDam"), this.weapon.get("aDam")]);
-        statMap.set("damageBonus", [statMap.get("eDamPct"), statMap.get("tDamPct"), statMap.get("wDamPct"), statMap.get("fDamPct"), statMap.get("aDamPct")]);
-        statMap.set("defRaw", [statMap.get("eDef"), statMap.get("tDef"), statMap.get("wDef"), statMap.get("fDef"), statMap.get("aDef")]);
-        statMap.set("defBonus", [statMap.get("eDefPct"), statMap.get("tDefPct"), statMap.get("wDefPct"), statMap.get("fDefPct"), statMap.get("aDefPct")]);
-        statMap.set("defMult", classDefenseMultipliers.get(this.weapon.get("type")));
-    }
-}
diff --git a/js/build_constants.js b/js/build_constants.js
new file mode 100644
index 0000000..eb23793
--- /dev/null
+++ b/js/build_constants.js
@@ -0,0 +1,107 @@
+/**
+ * I kinda lied. Theres some listener stuff in here
+ * but its mostly constants for builder page specifically.
+ */
+
+const url_tag = location.hash.slice(1);
+
+const BUILD_VERSION = "7.0.19";
+
+let player_build;
+
+
+// THIS IS SUPER DANGEROUS, WE SHOULD NOT BE KEEPING THIS IN SO MANY PLACES
+let editable_item_fields = [ "sdPct", "sdRaw", "mdPct", "mdRaw", "poison",
+                             "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
+                             "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct",
+                             "hprRaw", "hprPct", "hpBonus", "atkTier",
+                             "spPct1", "spRaw1", "spPct2", "spRaw2",
+                             "spPct3", "spRaw3", "spPct4", "spRaw4" ];
+
+let editable_elems = [];
+
+for (let i of editable_item_fields) {
+    let elem = document.getElementById(i);
+    elem.addEventListener("change", (event) => {
+        elem.classList.add("highlight");
+    });
+    editable_elems.push(elem);
+}
+
+for (let i of skp_order) {
+    let elem = document.getElementById(i+"-skp");
+    elem.addEventListener("change", (event) => {
+        elem.classList.add("highlight");
+    });
+    editable_elems.push(elem);
+}
+
+function clear_highlights() {
+    for (let i of editable_elems) {
+        i.classList.remove("highlight");
+    }
+}
+
+
+let equipment_fields = [
+    "helmet",
+    "chestplate",
+    "leggings",
+    "boots",
+    "ring1",
+    "ring2",
+    "bracelet",
+    "necklace",
+    "weapon"
+];
+let tome_fields = [
+    "weaponTome1",
+    "weaponTome2",
+    "armorTome1",
+    "armorTome2",
+    "armorTome3",
+    "armorTome4",
+    "guildTome1",
+]
+let equipment_names = [
+    "Helmet",
+    "Chestplate",
+    "Leggings",
+    "Boots",
+    "Ring 1",
+    "Ring 2",
+    "Bracelet",
+    "Necklace",
+    "Weapon"
+];
+
+let tome_names = [
+    "Weapon Tome",
+    "Weapon Tome",
+    "Armor Tome",
+    "Armor Tome",
+    "Armor Tome",
+    "Armor Tome",
+    "Guild Tome",
+]
+let equipment_inputs = equipment_fields.map(x => x + "-choice");
+let build_fields = equipment_fields.map(x => x+"-tooltip");
+let tomeInputs = tome_fields.map(x => x + "-choice");
+
+let powder_inputs = [
+    "helmet-powder",
+    "chestplate-powder",
+    "leggings-powder",
+    "boots-powder",
+    "weapon-powder",
+];
+
+let weapon_keys = ['dagger', 'wand', 'bow', 'relik', 'spear'];
+let armor_keys = ['helmet', 'chestplate', 'leggings', 'boots'];
+let accessory_keys= ['ring1', 'ring2', 'bracelet', 'necklace'];
+let powderable_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'weapon'];
+let equipment_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace', 'weapon'];
+let tome_keys = ['weaponTome1', 'weaponTome2', 'armorTome1', 'armorTome2', 'armorTome3', 'armorTome4', 'guildTome1'];
+
+let spell_disp = ['build-melee-stats', 'spell0-info', 'spell1-info', 'spell2-info', 'spell3-info'];
+let other_disp = ['build-order', 'set-info', 'int-info'];
diff --git a/js/build_encode_decode.js b/js/build_encode_decode.js
new file mode 100644
index 0000000..bf7be38
--- /dev/null
+++ b/js/build_encode_decode.js
@@ -0,0 +1,290 @@
+function parsePowdering(powder_info) {
+    // TODO: Make this run in linear instead of quadratic time... ew
+    let powdering = [];
+    for (let i = 0; i < 5; ++i) {
+        let powders = "";
+        let n_blocks = Base64.toInt(powder_info.charAt(0));
+        // console.log(n_blocks + " blocks");
+        powder_info = powder_info.slice(1);
+        for (let j = 0; j < n_blocks; ++j) {
+            let block = powder_info.slice(0,5);
+            let six_powders = Base64.toInt(block);
+            for (let k = 0; k < 6 && six_powders != 0; ++k) {
+                powders += powderNames.get((six_powders & 0x1f) - 1);
+                six_powders >>>= 5;
+            }
+            powder_info = powder_info.slice(5);
+        }
+        powdering[i] = powders;
+    }
+    return [powdering, powder_info];
+}
+
+let atree_data = null;
+
+/*
+ * Populate fields based on url, and calculate build.
+ */
+function decodeBuild(url_tag) {
+    if (url_tag) {
+        //default values
+        let equipment = [null, null, null, null, null, null, null, null, null];
+        let tomes = [null, null, null, null, null, null, null];
+        let powdering = ["", "", "", "", ""];
+        let info = url_tag.split("_");
+        let version = info[0];
+        let save_skp = false;
+        let skillpoints = [0, 0, 0, 0, 0];
+        let level = 106;
+
+        let version_number = parseInt(version)
+        //equipment (items)
+        // TODO: use filters
+        if (version_number < 4) {
+            let equipments = info[1];
+            for (let i = 0; i < 9; ++i ) {
+                let equipment_str = equipments.slice(i*3,i*3+3);
+                equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
+            }
+            info[1] = equipments.slice(27);
+        }
+        else if (version_number == 4) { 
+            let info_str = info[1];
+            let start_idx = 0;
+            for (let i = 0; i < 9; ++i ) {
+                if (info_str.charAt(start_idx) === "-") {
+                    equipment[i] = "CR-"+info_str.slice(start_idx+1, start_idx+18);
+                    start_idx += 18;
+                }
+                else {
+                    let equipment_str = info_str.slice(start_idx, start_idx+3);
+                    equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
+                    start_idx += 3;
+                }
+            }
+            info[1] = info_str.slice(start_idx);
+        }
+        else if (version_number <= 7) {
+            let info_str = info[1];
+            let start_idx = 0;
+            for (let i = 0; i < 9; ++i ) {
+                if (info_str.slice(start_idx,start_idx+3) === "CR-") {
+                    equipment[i] = info_str.slice(start_idx, start_idx+20);
+                    start_idx += 20;
+                } else if (info_str.slice(start_idx+3,start_idx+6) === "CI-") {
+                    let len = Base64.toInt(info_str.slice(start_idx,start_idx+3));
+                    equipment[i] = info_str.slice(start_idx+3,start_idx+3+len);
+                    start_idx += (3+len);
+                } else {
+                    let equipment_str = info_str.slice(start_idx, start_idx+3);
+                    equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
+                    start_idx += 3;
+                }
+            }
+            info[1] = info_str.slice(start_idx);
+        }
+        //constant in all versions
+        for (let i in equipment) {
+            setValue(equipment_inputs[i], equipment[i]);
+        }
+
+        //level, skill point assignments, and powdering
+        if (version_number == 1) {
+            let powder_info = info[1];
+            let res = parsePowdering(powder_info);
+            powdering = res[0];
+        } else if (version_number == 2) {
+            save_skp = true;
+            let skillpoint_info = info[1].slice(0, 10);
+            for (let i = 0; i < 5; ++i ) {
+                skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
+            }
+
+            let powder_info = info[1].slice(10);
+            let res = parsePowdering(powder_info);
+            powdering = res[0];
+        } else if (version_number <= 7){
+            level = Base64.toInt(info[1].slice(10,12));
+            setValue("level-choice",level);
+            save_skp = true;
+            let skillpoint_info = info[1].slice(0, 10);
+            for (let i = 0; i < 5; ++i ) {
+                skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
+            }
+
+            let powder_info = info[1].slice(12);
+
+            let res = parsePowdering(powder_info);
+            powdering = res[0];
+            info[1] = res[1];
+        }
+        // Tomes.
+        if (version >= 6) {
+            //tome values do not appear in anything before v6.
+            for (let i in tomes) {
+                let tome_str = info[1].charAt(i);
+                let tome_name = getTomeNameFromID(Base64.toInt(tome_str));
+                console.log(tome_name);
+                setValue(tomeInputs[i], tome_name);
+            }
+            info[1] = info[1].slice(7);
+        }
+
+        if (version >= 7) {
+            // ugly af. only works since its the last thing. will be fixed with binary decode
+            atree_data = new BitVector(info[1]);
+        }
+        else {
+            atree_data = null;
+        }
+
+        for (let i in powder_inputs) {
+            setValue(powder_inputs[i], powdering[i]);
+        }
+        for (let i in skillpoints) {
+            setValue(skp_order[i] + "-skp", skillpoints[i]);
+        }
+    }
+}
+
+/*  Stores the entire build in a string using B64 encoding and adds it to the URL.
+*/
+function encodeBuild(build, powders, skillpoints, atree, atree_state) {
+
+    if (build) {
+        let build_string;
+        
+        //V6 encoding - Tomes
+        //V7 encoding - ATree
+        build_version = 5;
+        build_string = "";
+        tome_string = "";
+
+        for (const item of build.items) {
+            if (item.statMap.get("custom")) {
+                let custom = "CI-"+encodeCustom(item, true);
+                build_string += Base64.fromIntN(custom.length, 3) + custom;
+                build_version = Math.max(build_version, 5);
+            } else if (item.statMap.get("crafted")) {
+                build_string += "CR-"+encodeCraft(item);
+            } else if (item.statMap.get("category") === "tome") {
+                let tome_id = item.statMap.get("id");
+                if (tome_id <= 60) {
+                    // valid normal tome. ID 61-63 is for NONE tomes.
+                    build_version = Math.max(build_version, 6);
+                }
+                tome_string += Base64.fromIntN(tome_id, 1);
+            } else {
+                build_string += Base64.fromIntN(item.statMap.get("id"), 3);
+            }
+        }
+
+        for (const skp of skillpoints) {
+            build_string += Base64.fromIntN(skp, 2); // Maximum skillpoints: 2048
+        }
+        build_string += Base64.fromIntN(build.level, 2);
+        for (const _powderset of powders) {
+            let n_bits = Math.ceil(_powderset.length / 6);
+            build_string += Base64.fromIntN(n_bits, 1); // Hard cap of 378 powders.
+            // Slice copy.
+            let powderset = _powderset.slice();
+            while (powderset.length != 0) {
+                let firstSix = powderset.slice(0,6).reverse();
+                let powder_hash = 0;
+                for (const powder of firstSix) {
+                    powder_hash = (powder_hash << 5) + 1 + powder; // LSB will be extracted first.
+                }
+                build_string += Base64.fromIntN(powder_hash, 5);
+                powderset = powderset.slice(6);
+            }
+        }
+        build_string += tome_string;
+
+        if (atree_state.get(atree[0].ability.id).active) {
+            build_version = Math.max(build_version, 7);
+            const bitvec = encode_atree(atree, atree_state);
+            build_string += bitvec.toB64();
+        }
+
+        return build_version.toString() + "_" + build_string;
+    }
+}
+
+function copyBuild() {
+    copyTextToClipboard(url_base+location.hash);
+    document.getElementById("copy-button").textContent = "Copied!";
+}
+
+function shareBuild(build) {
+    if (build) {
+        let text = url_base+location.hash+"\n"+
+            "WynnBuilder build:\n"+
+            "> "+build.items[0].statMap.get("displayName")+"\n"+
+            "> "+build.items[1].statMap.get("displayName")+"\n"+
+            "> "+build.items[2].statMap.get("displayName")+"\n"+
+            "> "+build.items[3].statMap.get("displayName")+"\n"+
+            "> "+build.items[4].statMap.get("displayName")+"\n"+
+            "> "+build.items[5].statMap.get("displayName")+"\n"+
+            "> "+build.items[6].statMap.get("displayName")+"\n"+
+            "> "+build.items[7].statMap.get("displayName")+"\n"+
+            "> "+build.items[15].statMap.get("displayName")+" ["+build_powders[4].map(x => powderNames.get(x)).join("")+"]";
+        copyTextToClipboard(text);
+        document.getElementById("share-button").textContent = "Copied!";
+    }
+}
+
+/**
+ * Ability tree encode and decode functions
+ *
+ * Based on a traversal, basically only uses bits to represent the nodes that are on (and "dark" outgoing edges).
+ * credit: SockMower
+ */
+
+/**
+ * Return: BitVector
+ */
+function encode_atree(atree, atree_state) {
+    let ret_vec = new BitVector(0, 0);
+
+    function traverse(head, atree_state, visited, ret) {
+        for (const child of head.children) {
+            if (visited.has(child.ability.id)) { continue; }
+            visited.set(child.ability.id, true);
+            if (atree_state.get(child.ability.id).active) {
+                ret.append(1, 1);
+                traverse(child, atree_state, visited, ret);
+            }
+            else {
+                ret.append(0, 1);
+            }
+        }
+    }
+
+    traverse(atree[0], atree_state, new Map(), ret_vec);
+    return ret_vec;
+}
+
+/**
+ * Return: List of active nodes
+ */
+function decode_atree(atree, bits) {
+    let i = 0;
+    let ret = [];
+    ret.push(atree[0]);
+    function traverse(head, visited, ret) {
+        for (const child of head.children) {
+            if (visited.has(child.ability.id)) { continue; }
+            visited.set(child.ability.id, true);
+            if (bits.read_bit(i)) {
+                i += 1;
+                ret.push(child);
+                traverse(child, visited, ret);
+            }
+            else {
+                i += 1;
+            }
+        }
+    }
+    traverse(atree[0], new Map(), ret);
+    return ret;
+}
diff --git a/js/build_utils.js b/js/build_utils.js
index 16bacb5..a747156 100644
--- a/js/build_utils.js
+++ b/js/build_utils.js
@@ -51,28 +51,247 @@ const armorTypes = [ "helmet", "chestplate", "leggings", "boots" ];
 const accessoryTypes = [ "ring", "bracelet", "necklace" ];
 const weaponTypes = [ "wand", "spear", "bow", "dagger", "relik" ];
 const consumableTypes = [ "potion", "scroll", "food"];
-const tomeTypes = ["armorTome", "weaponTome", "guildTome"]; //"dungeonTome", "gatheringTome", "slayingTome"
+const tome_types = ['weaponTome', 'armorTome', 'guildTome'];
 const attackSpeeds = ["SUPER_SLOW", "VERY_SLOW", "SLOW", "NORMAL", "FAST", "VERY_FAST", "SUPER_FAST"];
 const baseDamageMultiplier = [ 0.51, 0.83, 1.5, 2.05, 2.5, 3.1, 4.3 ];
 //0.51, 0.82, 1.50, 2.05, 2.50, 3.11, 4.27
 const classes = ["Warrior", "Assassin", "Mage", "Archer", "Shaman"];
+const wep_to_class = new Map([["dagger", "Assassin"], ["spear", "Warrior"], ["wand", "Mage"], ["bow", "Archer"], ["relik", "Shaman"]])
 const tiers = ["Normal", "Unique", "Rare", "Legendary", "Fabled", "Mythic", "Set", "Crafted"] //I'm not sure why you would make a custom crafted but if you do you should be able to use it w/ the correct powder formula
-const types = armorTypes.concat(accessoryTypes).concat(weaponTypes).concat(consumableTypes).concat(tomeTypes).map(x => x.substring(0,1).toUpperCase() + x.substring(1));
+const all_types = armorTypes.concat(accessoryTypes).concat(weaponTypes).concat(consumableTypes).concat(tome_types).map(x => x.substring(0,1).toUpperCase() + x.substring(1));
 //weaponTypes.push("sword");
 //console.log(types)
-let itemTypes = armorTypes.concat(accessoryTypes).concat(weaponTypes).concat(tomeTypes);
+let itemTypes = armorTypes.concat(accessoryTypes).concat(weaponTypes).concat(tome_types);
 
 let elementIcons = ["\u2724","\u2726", "\u2749", "\u2739", "\u274b" ];
 let skpReqs = skp_order.map(x => x + "Req");
 
-let item_fields = [ "name", "displayName", "lore", "color", "tier", "set", "slots", "type", "material", "drop", "quest", "restrict", "nDam", "fDam", "wDam", "aDam", "tDam", "eDam", "atkSpd", "hp", "fDef", "wDef", "aDef", "tDef", "eDef", "lvl", "classReq", "strReq", "dexReq", "intReq", "defReq", "agiReq", "hprPct", "mr", "sdPct", "mdPct", "ls", "ms", "xpb", "lb", "ref", "str", "dex", "int", "agi", "def", "thorns", "expd", "spd", "atkTier", "poison", "hpBonus", "spRegen", "eSteal", "hprRaw", "sdRaw", "mdRaw", "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct", "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct", "fixID", "category", "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4", "rainbowRaw", "sprint", "sprintReg", "jh", "lq", "gXp", "gSpd", "id", "majorIds", "dmgMobs", "defMobs"];
+let item_fields = [ "name", "displayName", "lore", "color", "tier", "set", "slots", "type", "material", "drop", "quest", "restrict", "nDam", "fDam", "wDam", "aDam", "tDam", "eDam", "atkSpd", "hp", "fDef", "wDef", "aDef", "tDef", "eDef", "lvl", "classReq", "strReq", "dexReq", "intReq", "defReq", "agiReq", "hprPct", "mr", "sdPct", "mdPct", "ls", "ms", "xpb", "lb", "ref", "str", "dex", "int", "agi", "def", "thorns", "expd", "spd", "atkTier", "poison", "hpBonus", "spRegen", "eSteal", "hprRaw", "sdRaw", "mdRaw", "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct", "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct", "fixID", "category", "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4", "rSdRaw", "sprint", "sprintReg", "jh", "lq", "gXp", "gSpd", "id", "majorIds", "damMobs", "defMobs",
+
+// wynn2 damages.
+"eMdPct","eMdRaw","eSdPct","eSdRaw",/*"eDamPct"*/,"eDamRaw","eDamAddMin","eDamAddMax",
+"tMdPct","tMdRaw","tSdPct","tSdRaw",/*"tDamPct"*/,"tDamRaw","tDamAddMin","tDamAddMax",
+"wMdPct","wMdRaw","wSdPct","wSdRaw",/*"wDamPct"*/,"wDamRaw","wDamAddMin","wDamAddMax",
+"fMdPct","fMdRaw","fSdPct","fSdRaw",/*"fDamPct"*/,"fDamRaw","fDamAddMin","fDamAddMax",
+"aMdPct","aMdRaw","aSdPct","aSdRaw",/*"aDamPct"*/,"aDamRaw","aDamAddMin","aDamAddMax",
+"nMdPct","nMdRaw","nSdPct","nSdRaw","nDamPct","nDamRaw","nDamAddMin","nDamAddMax",      // neutral which is now an element
+/*"mdPct","mdRaw","sdPct","sdRaw",*/"damPct","damRaw","damAddMin","damAddMax",          // These are the old ids. Become proportional.
+"rMdPct","rMdRaw","rSdPct",/*"rSdRaw",*/"rDamPct","rDamRaw","rDamAddMin","rDamAddMax",  // rainbow (the "element" of all minus neutral). rSdRaw is rainraw
+"critDamPct"
+];
+// Extra fake IDs (reserved for use in spell damage calculation) : damageMultiplier, defMultiplier, poisonPct, activeMajorIDs
 let str_item_fields = [ "name", "displayName", "lore", "color", "tier", "set", "type", "material", "drop", "quest", "restrict", "category", "atkSpd" ]
 
 //File reading for ID translations for JSON purposes
 let reversetranslations = new Map();
-let translations = new Map([["name", "name"], ["displayName", "displayName"], ["tier", "tier"], ["set", "set"], ["sockets", "slots"], ["type", "type"], ["dropType", "drop"], ["quest", "quest"], ["restrictions", "restrict"], ["damage", "nDam"], ["fireDamage", "fDam"], ["waterDamage", "wDam"], ["airDamage", "aDam"], ["thunderDamage", "tDam"], ["earthDamage", "eDam"], ["attackSpeed", "atkSpd"], ["health", "hp"], ["fireDefense", "fDef"], ["waterDefense", "wDef"], ["airDefense", "aDef"], ["thunderDefense", "tDef"], ["earthDefense", "eDef"], ["level", "lvl"], ["classRequirement", "classReq"], ["strength", "strReq"], ["dexterity", "dexReq"], ["intelligence", "intReq"], ["agility", "agiReq"], ["defense", "defReq"], ["healthRegen", "hprPct"], ["manaRegen", "mr"], ["spellDamage", "sdPct"], ["damageBonus", "mdPct"], ["lifeSteal", "ls"], ["manaSteal", "ms"], ["xpBonus", "xpb"], ["lootBonus", "lb"], ["reflection", "ref"], ["strengthPoints", "str"], ["dexterityPoints", "dex"], ["intelligencePoints", "int"], ["agilityPoints", "agi"], ["defensePoints", "def"], ["thorns", "thorns"], ["exploding", "expd"], ["speed", "spd"], ["attackSpeedBonus", "atkTier"], ["poison", "poison"], ["healthBonus", "hpBonus"], ["soulPoints", "spRegen"], ["emeraldStealing", "eSteal"], ["healthRegenRaw", "hprRaw"], ["spellDamageRaw", "sdRaw"], ["damageBonusRaw", "mdRaw"], ["bonusFireDamage", "fDamPct"], ["bonusWaterDamage", "wDamPct"], ["bonusAirDamage", "aDamPct"], ["bonusThunderDamage", "tDamPct"], ["bonusEarthDamage", "eDamPct"], ["bonusFireDefense", "fDefPct"], ["bonusWaterDefense", "wDefPct"], ["bonusAirDefense", "aDefPct"], ["bonusThunderDefense", "tDefPct"], ["bonusEarthDefense", "eDefPct"], ["type", "type"], ["identified", "fixID"], ["skin", "skin"], ["category", "category"], ["spellCostPct1", "spPct1"], ["spellCostRaw1", "spRaw1"], ["spellCostPct2", "spPct2"], ["spellCostRaw2", "spRaw2"], ["spellCostPct3", "spPct3"], ["spellCostRaw3", "spRaw3"], ["spellCostPct4", "spPct4"], ["spellCostRaw4", "spRaw4"], ["rainbowSpellDamageRaw", "rainbowRaw"], ["sprint", "sprint"], ["sprintRegen", "sprintReg"], ["jumpHeight", "jh"], ["lootQuality", "lq"], ["gatherXpBonus", "gXp"], ["gatherSpeed", "gSpd"]]);
-//does not include dmgMobs (wep tomes) and defMobs (armor tomes)
+let translations = new Map([["name", "name"], ["displayName", "displayName"], ["tier", "tier"], ["set", "set"], ["sockets", "slots"], ["type", "type"], ["dropType", "drop"], ["quest", "quest"], ["restrictions", "restrict"], ["damage", "nDam"], ["fireDamage", "fDam"], ["waterDamage", "wDam"], ["airDamage", "aDam"], ["thunderDamage", "tDam"], ["earthDamage", "eDam"], ["attackSpeed", "atkSpd"], ["health", "hp"], ["fireDefense", "fDef"], ["waterDefense", "wDef"], ["airDefense", "aDef"], ["thunderDefense", "tDef"], ["earthDefense", "eDef"], ["level", "lvl"], ["classRequirement", "classReq"], ["strength", "strReq"], ["dexterity", "dexReq"], ["intelligence", "intReq"], ["agility", "agiReq"], ["defense", "defReq"], ["healthRegen", "hprPct"], ["manaRegen", "mr"], ["spellDamage", "sdPct"], ["damageBonus", "mdPct"], ["lifeSteal", "ls"], ["manaSteal", "ms"], ["xpBonus", "xpb"], ["lootBonus", "lb"], ["reflection", "ref"], ["strengthPoints", "str"], ["dexterityPoints", "dex"], ["intelligencePoints", "int"], ["agilityPoints", "agi"], ["defensePoints", "def"], ["thorns", "thorns"], ["exploding", "expd"], ["speed", "spd"], ["attackSpeedBonus", "atkTier"], ["poison", "poison"], ["healthBonus", "hpBonus"], ["soulPoints", "spRegen"], ["emeraldStealing", "eSteal"], ["healthRegenRaw", "hprRaw"], ["spellDamageRaw", "sdRaw"], ["damageBonusRaw", "mdRaw"], ["bonusFireDamage", "fDamPct"], ["bonusWaterDamage", "wDamPct"], ["bonusAirDamage", "aDamPct"], ["bonusThunderDamage", "tDamPct"], ["bonusEarthDamage", "eDamPct"], ["bonusFireDefense", "fDefPct"], ["bonusWaterDefense", "wDefPct"], ["bonusAirDefense", "aDefPct"], ["bonusThunderDefense", "tDefPct"], ["bonusEarthDefense", "eDefPct"], ["type", "type"], ["identified", "fixID"], ["skin", "skin"], ["category", "category"], ["spellCostPct1", "spPct1"], ["spellCostRaw1", "spRaw1"], ["spellCostPct2", "spPct2"], ["spellCostRaw2", "spRaw2"], ["spellCostPct3", "spPct3"], ["spellCostRaw3", "spRaw3"], ["spellCostPct4", "spPct4"], ["spellCostRaw4", "spRaw4"], ["rainbowSpellDamageRaw", "rSdRaw"], ["sprint", "sprint"], ["sprintRegen", "sprintReg"], ["jumpHeight", "jh"], ["lootQuality", "lq"], ["gatherXpBonus", "gXp"], ["gatherSpeed", "gSpd"]]);
+//does not include damMobs (wep tomes) and defMobs (armor tomes)
 for (const [k, v] of translations) {
     reversetranslations.set(v, k);
 }
 
+let nonRolledIDs = [
+    "name",
+    "lore",
+    "displayName",
+    "tier",
+    "set",
+    "slots",
+    "type",
+    "material",
+    "drop",
+    "quest",
+    "restrict",
+    "nDam", "fDam", "wDam", "aDam", "tDam", "eDam",
+    "atkSpd",
+    "hp",
+    "fDef", "wDef", "aDef", "tDef", "eDef",
+    "lvl",
+    "classReq",
+    "strReq", "dexReq", "intReq", "defReq", "agiReq",
+    "str", "dex", "int", "agi", "def",
+    "fixID",
+    "category",
+    "id",
+    "skillpoints",
+    "reqs",
+    "nDam_", "fDam_", "wDam_", "aDam_", "tDam_", "eDam_",
+    "majorIds",
+    "damMobs",
+    "defMobs",
+// wynn2 damages.
+"eDamAddMin","eDamAddMax",
+"tDamAddMin","tDamAddMax",
+"wDamAddMin","wDamAddMax",
+"fDamAddMin","fDamAddMax",
+"aDamAddMin","aDamAddMax",
+"nDamAddMin","nDamAddMax",  // neutral which is now an element
+"damAddMin","damAddMax",    // all
+"rDamAddMin","rDamAddMax"   // rainbow (the "element" of all minus neutral).
+];
+let rolledIDs = [
+    "hprPct",
+    "mr",
+    "sdPct",
+    "mdPct",
+    "ls",
+    "ms",
+    "xpb",
+    "lb",
+    "ref",
+    "thorns",
+    "expd",
+    "spd",
+    "atkTier",
+    "poison",
+    "hpBonus",
+    "spRegen",
+    "eSteal",
+    "hprRaw",
+    "sdRaw",
+    "mdRaw",
+    "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
+    "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct",
+    "spPct1", "spRaw1",
+    "spPct2", "spRaw2",
+    "spPct3", "spRaw3",
+    "spPct4", "spRaw4",
+    "pDamRaw",
+    "sprint",
+    "sprintReg",
+    "jh",
+    "lq",
+    "gXp",
+    "gSpd",
+// wynn2 damages.
+"eMdPct","eMdRaw","eSdPct","eSdRaw",/*"eDamPct"*/,"eDamRaw","eDamAddMin","eDamAddMax",
+"tMdPct","tMdRaw","tSdPct","tSdRaw",/*"tDamPct"*/,"tDamRaw","tDamAddMin","tDamAddMax",
+"wMdPct","wMdRaw","wSdPct","wSdRaw",/*"wDamPct"*/,"wDamRaw","wDamAddMin","wDamAddMax",
+"fMdPct","fMdRaw","fSdPct","fSdRaw",/*"fDamPct"*/,"fDamRaw","fDamAddMin","fDamAddMax",
+"aMdPct","aMdRaw","aSdPct","aSdRaw",/*"aDamPct"*/,"aDamRaw","aDamAddMin","aDamAddMax",
+"nMdPct","nMdRaw","nSdPct","nSdRaw","nDamPct","nDamRaw","nDamAddMin","nDamAddMax",      // neutral which is now an element
+/*"mdPct","mdRaw","sdPct","sdRaw",*/"damPct","damRaw","damAddMin","damAddMax",          // These are the old ids. Become proportional.
+"rMdPct","rMdRaw","rSdPct",/*"rSdRaw",*/"rDamPct","rDamRaw","rDamAddMin","rDamAddMax"   // rainbow (the "element" of all minus neutral). rSdRaw is rainraw
+];
+let reversedIDs = [ "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4" ];
+
+/**
+ * Take an item with id list and turn it into a set of minrolls and maxrolls.
+ */
+function expandItem(item) {
+    let minRolls = new Map();
+    let maxRolls = new Map();
+    let expandedItem = new Map();
+    if (item.fixID) { //The item has fixed IDs.
+        expandedItem.set("fixID",true);
+        for (const id of rolledIDs) { //all rolled IDs are numerical
+            let val = (item[id] || 0);
+            minRolls.set(id,val);
+            maxRolls.set(id,val);
+        }
+    } else { //The item does not have fixed IDs.
+        for (const id of rolledIDs) {
+            let val = (item[id] || 0);
+            if (val > 0) { // positive rolled IDs
+                if (reversedIDs.includes(id)) {
+                    maxRolls.set(id,idRound(val*0.3));
+                    minRolls.set(id,idRound(val*1.3));
+                } else {
+                    maxRolls.set(id,idRound(val*1.3));
+                    minRolls.set(id,idRound(val*0.3));
+                }
+            } else if (val < 0) { //negative rolled IDs
+                if (reversedIDs.includes(id)) {
+                    maxRolls.set(id,idRound(val*1.3));
+                    minRolls.set(id,idRound(val*0.7));
+                }
+                else {
+                    maxRolls.set(id,idRound(val*0.7));
+                    minRolls.set(id,idRound(val*1.3));
+                }
+            }
+            else { // if val == 0
+                // NOTE: DO NOT remove this case! idRound behavior does not round to 0!
+                maxRolls.set(id,0);
+                minRolls.set(id,0);
+            }
+        }
+    }
+    for (const id of nonRolledIDs) {
+        expandedItem.set(id,item[id]);
+    }
+    expandedItem.set("minRolls",minRolls);
+    expandedItem.set("maxRolls",maxRolls);
+    return expandedItem;
+}
+
+class Item {
+    constructor(item_obj) {
+        this.statMap = expandItem(item_obj);
+    }
+}
+
+/* Takes in an ingredient object and returns an equivalent Map().
+*/
+function expandIngredient(ing) {
+    let expandedIng = new Map();
+    let mapIds = ['consumableIDs', 'itemIDs', 'posMods'];
+    for (const id of mapIds) {
+        let idMap = new Map();
+        for (const key of Object.keys(ing[id])) {
+            idMap.set(key, ing[id][key]);
+        }
+        expandedIng.set(id, idMap);
+    }
+    let normIds = ['lvl','name', 'displayName','tier','skills','id'];
+    for (const id of normIds) {
+        expandedIng.set(id, ing[id]);
+    }
+    if (ing['isPowder']) {
+        expandedIng.set("isPowder",ing['isPowder']);
+        expandedIng.set("pid",ing['pid']);
+    }
+    //now the actually hard one
+    let idMap = new Map();
+    idMap.set("minRolls", new Map());
+    idMap.set("maxRolls", new Map());
+    for (const field of ingFields) {
+        let val = (ing['ids'][field] || 0);
+        idMap.get("minRolls").set(field, val['minimum']);
+        idMap.get("maxRolls").set(field, val['maximum']);
+    }
+    expandedIng.set("ids",idMap);
+    return expandedIng;
+}
+
+/* Takes in a recipe object and returns an equivalent Map().
+*/
+function expandRecipe(recipe) {
+    let expandedRecipe = new Map();
+    let normIDs = ["name", "skill", "type","id"];
+    for (const id of normIDs) {
+        expandedRecipe.set(id,recipe[id]);
+    }
+    let rangeIDs = ["durability","lvl", "healthOrDamage", "duration", "basicDuration"];
+    for (const id of rangeIDs) {
+        if(recipe[id]){
+            expandedRecipe.set(id, [recipe[id]['minimum'], recipe[id]['maximum']]);
+        } else {
+            expandedRecipe.set(id, [0,0]);
+        }
+    }
+    expandedRecipe.set("materials", [ new Map([ ["item", recipe['materials'][0]['item']], ["amount", recipe['materials'][0]['amount']] ]) , new Map([ ["item", recipe['materials'][1]['item']], ["amount",recipe['materials'][1]['amount'] ] ]) ]);
+    return expandedRecipe;
+}
+
+/*An independent helper function that rounds a rolled ID to the nearest integer OR brings the roll away from 0.
+* @param id
+*/
+function idRound(id){
+    rounded = Math.round(id);
+    if(rounded == 0){
+        return 1; //this is a hack, will need changing along w/ rest of ID system if anything changes
+    }else{
+        return rounded;
+    }
+}
diff --git a/js/builder.js b/js/builder.js
index a91ef19..3c8238c 100644
--- a/js/builder.js
+++ b/js/builder.js
@@ -1,182 +1,4 @@
-const url_tag = location.hash.slice(1);
-// console.log(url_base);
-// console.log(url_tag);
-
-
-const BUILD_VERSION = "7.0.19";
-
-function setTitle() {
-    let text;
-    if (url_base.includes("hppeng-wynn")) {
-        text = "WynnBuilder UNSTABLE version "+BUILD_VERSION+" (db version "+DB_VERSION+")";
-    }
-    else {
-        text = "WynnBuilder version "+BUILD_VERSION+" (db version "+DB_VERSION+")";
-        document.getElementById("header").classList.add("funnynumber");
-    }
-    document.getElementById("header").textContent = text;
-}
-
-setTitle();
-
-let player_build;
-
-let editable_item_fields = [ "sdPct", "sdRaw", "mdPct", "mdRaw", "poison", "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct", "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct", "hprRaw", "hprPct", "hpBonus", "atkTier", "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4" ];
-let editable_elems = [];
-
-for (let i of editable_item_fields) {
-    let elem = document.getElementById(i);
-    elem.addEventListener("change", (event) => {
-        elem.classList.add("highlight");
-    });
-    editable_elems.push(elem);
-}
-
-for (let i of skp_order) {
-    let elem = document.getElementById(i+"-skp");
-    elem.addEventListener("change", (event) => {
-        elem.classList.add("highlight");
-    });
-    editable_elems.push(elem);
-}
-
-function clear_highlights() {
-    for (let i of editable_elems) {
-        i.classList.remove("highlight");
-    }
-}
-
-
-let equipment_fields = [
-    "helmet",
-    "chestplate",
-    "leggings",
-    "boots",
-    "ring1",
-    "ring2",
-    "bracelet",
-    "necklace",
-    "weapon"
-];
-let equipment_names = [
-    "Helmet",
-    "Chestplate",
-    "Leggings",
-    "Boots",
-    "Ring 1",
-    "Ring 2",
-    "Bracelet",
-    "Necklace",
-    "Weapon"
-];
-let equipmentInputs = equipment_fields.map(x => x + "-choice");
-let buildFields = equipment_fields.map(x => "build-"+x);
-
-let powderInputs = [
-    "helmet-powder",
-    "chestplate-powder",
-    "leggings-powder",
-    "boots-powder",
-    "weapon-powder",
-];
-
-
-
-/*
- * Function that takes an item list and populates its corresponding dropdown.
- * Used for armors and bracelet/necklace.
- */
-function populateItemList(type) {
-    let item_list = document.getElementById(type+"-items");
-    for (const item of itemLists.get(type)) {
-        let item_obj = itemMap.get(item);
-        if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
-            continue;
-        }
-        let el = document.createElement("option");
-        el.value = item;
-        item_list.appendChild(el);
-    }
-}
-
-/*
- * Populate dropdowns, add listeners, etc.
- */
-function init() {
-    console.log("builder.js init");
-    
-    for (const armorType of armorTypes) {
-        populateItemList(armorType);
-        // Add change listener to update armor slots.
-        document.getElementById(armorType+"-choice").addEventListener("change", (event) => {
-            let item_name = event.target.value;
-            let nSlots = undefined;
-            if (itemMap.has(item_name)) {
-                let item = itemMap.get(item_name);
-                nSlots = item["slots"];
-                //console.log(item);
-            }
-            else {
-                let crafted_custom_item = getCraftFromHash(item_name) !== undefined ? getCraftFromHash(item_name) : (getCustomFromHash(item_name) !== undefined ? getCustomFromHash(item_name) : undefined);
-                if (crafted_custom_item !== undefined) {
-                    nSlots = crafted_custom_item.statMap.get("slots");
-                } 
-            }
-            if (nSlots !== undefined) {
-                document.getElementById(armorType+"-slots").textContent = nSlots + " slots";
-            }
-            else {
-                document.getElementById(armorType+"-slots").textContent = "X slots";
-            }
-        });
-    }
-
-    let ring1_list = document.getElementById("ring1-items");
-    let ring2_list = document.getElementById("ring2-items");
-    for (const ring of itemLists.get("ring")) {
-        let item_obj = itemMap.get(ring);
-        if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
-            continue;
-        }
-        let el1 = document.createElement("option");
-        let el2 = document.createElement("option");
-        el1.value = ring;
-        el2.value = ring;
-        ring1_list.appendChild(el1);
-        ring2_list.appendChild(el2);
-    }
-
-    populateItemList("bracelet");
-    populateItemList("necklace");
-
-    let weapon_list = document.getElementById("weapon-items");
-    for (const weaponType of weaponTypes) {
-        for (const weapon of itemLists.get(weaponType)) {
-            let item_obj = itemMap.get(weapon);
-            if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
-                continue;
-            }
-            let el = document.createElement("option");
-            el.value = weapon;
-            weapon_list.appendChild(el);
-        }
-    }
-
-    // Add change listener to update weapon slots.
-    document.getElementById("weapon-choice").addEventListener("change", (event) => {
-        let item_name = event.target.value;
-        let item = itemMap.has(item_name) ? itemMap.get(item_name) : (getCraftFromHash(item_name) ? getCraftFromHash(item_name) : (getCustomFromHash(item_name) ? getCustomFromHash(item_name) : undefined));
-        if (item !== undefined && event.target.value !== "") {
-            document.getElementById("weapon-slots").textContent = (item["slots"] ? item["slots"] : (item.statMap !== undefined ? ( item.statMap.has("slots") ? item.statMap.get("slots") : 0): 0) )+ " slots";
-        } else {
-            document.getElementById("weapon-slots").textContent = "X slots";
-        }
-    });
-
-    decodeBuild(url_tag);
-
-    populateBuildList();
-}
+let build_powders;
 
 function getItemNameFromID(id) {
     if (redirectMap.has(id)) {
@@ -185,706 +7,11 @@ function getItemNameFromID(id) {
     return idMap.get(id);
 }
 
-function parsePowdering(powder_info) {
-    // TODO: Make this run in linear instead of quadratic time... ew
-    let powdering = [];
-    for (let i = 0; i < 5; ++i) {
-        let powders = "";
-        let n_blocks = Base64.toInt(powder_info.charAt(0));
-        console.log(n_blocks + " blocks");
-        powder_info = powder_info.slice(1);
-        for (let j = 0; j < n_blocks; ++j) {
-            let block = powder_info.slice(0,5);
-            console.log(block);
-            let six_powders = Base64.toInt(block);
-            for (let k = 0; k < 6 && six_powders != 0; ++k) {
-                powders += powderNames.get((six_powders & 0x1f) - 1);
-                six_powders >>>= 5;
-            }
-            powder_info = powder_info.slice(5);
-        }
-        powdering[i] = powders;
-    }
-    return powdering;
-}
-
-/*
- * Populate fields based on url, and calculate build.
- */
-function decodeBuild(url_tag) {
-    if (url_tag) {
-        let equipment = [null, null, null, null, null, null, null, null, null];
-        let powdering = ["", "", "", "", ""];
-        let info = url_tag.split("_");
-        let version = info[0];
-        let save_skp = false;
-        let skillpoints = [0, 0, 0, 0, 0];
-        let level = 106;
-        if (version === "0" || version === "1" || version === "2" || version === "3") {
-            let equipments = info[1];
-            for (let i = 0; i < 9; ++i ) {
-                let equipment_str = equipments.slice(i*3,i*3+3);
-                equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
-            }
-            info[1] = equipments.slice(27);
-        }
-        if (version === "4") { 
-            let info_str = info[1];
-            let start_idx = 0;
-            for (let i = 0; i < 9; ++i ) {
-                if (info_str.charAt(start_idx) === "-") {
-                    equipment[i] = "CR-"+info_str.slice(start_idx+1, start_idx+18);
-                    start_idx += 18;
-                }
-                else {
-                    let equipment_str = info_str.slice(start_idx, start_idx+3);
-                    equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
-                    start_idx += 3;
-                }
-            }
-            info[1] = info_str.slice(start_idx);
-        }
-        if (version === "5") {
-            let info_str = info[1];
-            let start_idx = 0;
-            for (let i = 0; i < 9; ++i ) {
-                if (info_str.slice(start_idx,start_idx+3) === "CR-") {
-                    equipment[i] = info_str.slice(start_idx, start_idx+20);
-                    start_idx += 20;
-                } else if (info_str.slice(start_idx+3,start_idx+6) === "CI-") {
-                    let len = Base64.toInt(info_str.slice(start_idx,start_idx+3));
-                    equipment[i] = info_str.slice(start_idx+3,start_idx+3+len);
-                    start_idx += (3+len);
-                } else {
-                    let equipment_str = info_str.slice(start_idx, start_idx+3);
-                    equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
-                    start_idx += 3;
-                }
-            }
-            info[1] = info_str.slice(start_idx);
-        }
-        if (version === "1") {
-            let powder_info = info[1];
-            powdering = parsePowdering(powder_info);
-        } else if (version === "2") {
-            save_skp = true;
-            let skillpoint_info = info[1].slice(0, 10);
-            for (let i = 0; i < 5; ++i ) {
-                skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
-            }
-
-            let powder_info = info[1].slice(10);
-            powdering = parsePowdering(powder_info);
-        } else if (version === "3" || version === "4" || version === "5"){
-            level = Base64.toInt(info[1].slice(10,12));
-            setValue("level-choice",level);
-            save_skp = true;
-            let skillpoint_info = info[1].slice(0, 10);
-            for (let i = 0; i < 5; ++i ) {
-                skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
-            }
-
-            let powder_info = info[1].slice(12);
-
-            powdering = parsePowdering(powder_info);
-        }
-
-        for (let i in powderInputs) {
-            setValue(powderInputs[i], powdering[i]);
-        }
-        for (let i in equipment) {
-            setValue(equipmentInputs[i], equipment[i]);
-        }
-        calculateBuild(save_skp, skillpoints);
-    }
-}
-
-/*  Stores the entire build in a string using B64 encryption and adds it to the URL.
-*/
-function encodeBuild() {
-
-    if (player_build) {
-        let build_string;
-        if (player_build.customItems.length > 0) { //v5 encoding
-            build_string = "5_";
-            let crafted_idx = 0;
-            let custom_idx = 0;
-            for (const item of player_build.items) {
-                
-                if (item.get("custom")) {
-                    let custom = "CI-"+encodeCustom(player_build.customItems[custom_idx],true);
-                    build_string += Base64.fromIntN(custom.length, 3) + custom;
-                    custom_idx += 1;
-                } else if (item.get("crafted")) {
-                    build_string += "CR-"+encodeCraft(player_build.craftedItems[crafted_idx]);
-                    crafted_idx += 1;
-                } else {
-                    build_string += Base64.fromIntN(item.get("id"), 3);
-                }
-            }
-    
-            for (const skp of skp_order) {
-                build_string += Base64.fromIntN(getValue(skp + "-skp"), 2); // Maximum skillpoints: 2048
-            }
-            build_string += Base64.fromIntN(player_build.level, 2);
-            for (const _powderset of player_build.powders) {
-                let n_bits = Math.ceil(_powderset.length / 6);
-                build_string += Base64.fromIntN(n_bits, 1); // Hard cap of 378 powders.
-                // Slice copy.
-                let powderset = _powderset.slice();
-                while (powderset.length != 0) {
-                    let firstSix = powderset.slice(0,6).reverse();
-                    let powder_hash = 0;
-                    for (const powder of firstSix) {
-                        powder_hash = (powder_hash << 5) + 1 + powder; // LSB will be extracted first.
-                    }
-                    build_string += Base64.fromIntN(powder_hash, 5);
-                    powderset = powderset.slice(6);
-                }
-            }
-        } else { //v4 encoding
-            build_string = "4_";
-            let crafted_idx = 0;
-            for (const item of player_build.items) {
-                if (item.get("crafted")) {
-                    build_string += "-"+encodeCraft(player_build.craftedItems[crafted_idx]);
-                    crafted_idx += 1;
-                } else {
-                    build_string += Base64.fromIntN(item.get("id"), 3);
-                }
-            }
-    
-            for (const skp of skp_order) {
-                build_string += Base64.fromIntN(getValue(skp + "-skp"), 2); // Maximum skillpoints: 2048
-            }
-            build_string += Base64.fromIntN(player_build.level, 2);
-            for (const _powderset of player_build.powders) {
-                let n_bits = Math.ceil(_powderset.length / 6);
-                build_string += Base64.fromIntN(n_bits, 1); // Hard cap of 378 powders.
-                // Slice copy.
-                let powderset = _powderset.slice();
-                while (powderset.length != 0) {
-                    let firstSix = powderset.slice(0,6).reverse();
-                    let powder_hash = 0;
-                    for (const powder of firstSix) {
-                        powder_hash = (powder_hash << 5) + 1 + powder; // LSB will be extracted first.
-                    }
-                    build_string += Base64.fromIntN(powder_hash, 5);
-                    powderset = powderset.slice(6);
-                }
-            }
-        }
-        return build_string;
-    }
-    //        this.equipment = [ this.helmet, this.chestplate, this.leggings, this.boots, this.ring1, this.ring2, this.bracelet, this.necklace ];
-    //        let build_string = "3_" + Base64.fromIntN(player_build.helmet.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.chestplate.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.leggings.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.boots.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.ring1.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.ring2.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.bracelet.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.necklace.get("id"), 3) +
-    //                            Base64.fromIntN(player_build.weapon.get("id"), 3);
-    return "";
-}
-
-function calculateBuild(save_skp, skp){
-    try {
-        let specialNames = ["Quake", "Chain_Lightning", "Curse", "Courage", "Wind_Prison"];
-        for (const sName of specialNames) {
-            for (let i = 1; i < 6; i++) {
-                let elem = document.getElementById(sName + "-" + i);
-                let name = sName.replace("_", " ");
-                if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
-                    elem.classList.remove("toggleOn");
-                }
-            }
-        }
-        if(player_build){
-            updateBoosts("skip", false);
-            updatePowderSpecials("skip", false);
-        }
-        let weaponName = getValue(equipmentInputs[8]);
-        if (weaponName.startsWith("Morph-")) {
-            let equipment = [ "Morph-Stardust", "Morph-Steel", "Morph-Iron", "Morph-Gold", "Morph-Topaz", "Morph-Emerald", "Morph-Amethyst", "Morph-Ruby", weaponName.substring(6) ];
-            for (let i in equipment) {
-                setValue(equipmentInputs[i], equipment[i]);
-            }
-        }
-
-        //updatePowderSpecials("skip"); //jank pt 1
-        save_skp = (typeof save_skp !== 'undefined') ?  save_skp : false;
-        /*  TODO: implement level changing
-            Make this entire function prettier
-        */
-        let equipment = [ null, null, null, null, null, null, null, null, null ];
-        for (let i in equipment) {
-            let equip = getValue(equipmentInputs[i]).trim();
-            if (equip === "") {
-                equip = "No " + equipment_names[i]
-            }
-            else {
-                setValue(equipmentInputs[i], equip);
-            }
-            equipment[i] = equip;
-        }
-        let powderings = [];
-        let errors = [];
-        for (const i in powderInputs) {
-            // read in two characters at a time.
-            // TODO: make this more robust.
-            let input = getValue(powderInputs[i]).trim();
-            let powdering = [];
-            let errorederrors = [];
-            while (input) {
-                let first = input.slice(0, 2);
-                let powder = powderIDs.get(first);
-                console.log(powder);
-                if (powder === undefined) {
-                    errorederrors.push(first);
-                } else {
-                    powdering.push(powder);
-                }
-                input = input.slice(2);
-            }
-            if (errorederrors.length > 0) {
-                if (errorederrors.length > 1)
-                    errors.push(new IncorrectInput(errorederrors.join(""), "t6w6", powderInputs[i]));
-                else
-                    errors.push(new IncorrectInput(errorederrors[0], "t6 or e3", powderInputs[i]));
-            }
-            //console.log("POWDERING: " + powdering);
-            powderings.push(powdering);
-        }
-        
-
-        let level = document.getElementById("level-choice").value;
-        player_build = new Build(level, equipment, powderings, new Map(), errors);
-        console.log(player_build);
-        for (let i of document.getElementsByClassName("hide-container-block")) {
-			i.style.display = "block";
-        }
-        for (let i of document.getElementsByClassName("hide-container-grid")) {
-			i.style.display = "grid";
-        }
-
-        console.log(player_build.toString());
-        displayEquipOrder(document.getElementById("build-order"),player_build.equip_order);
-
-        
-
-        const assigned = player_build.base_skillpoints;
-        const skillpoints = player_build.total_skillpoints;
-        for (let i in skp_order){ //big bren
-            setText(skp_order[i] + "-skp-base", "Original Value: " + skillpoints[i]);
-        }
-
-        for (let id of editable_item_fields) {
-            setValue(id, player_build.statMap.get(id));
-            setText(id+"-base", "Original Value: " + player_build.statMap.get(id));
-        }
-        
-        if (save_skp) {
-            // TODO: reduce duplicated code, @updateStats
-            let skillpoints = player_build.total_skillpoints;
-            let delta_total = 0;
-            for (let i in skp_order) {
-                let manual_assigned = skp[i];
-                let delta = manual_assigned - skillpoints[i];
-                skillpoints[i] = manual_assigned;
-                player_build.base_skillpoints[i] += delta;
-                delta_total += delta;
-            }
-            player_build.assigned_skillpoints += delta_total;
-        }
-        
-        calculateBuildStats();
-        setTitle();
-        if (player_build.errored)
-            throw new ListError(player_build.errors);
-
-    }
-    catch (error) {
-        handleBuilderError(error);
-    }
-}
-
-function handleBuilderError(error) {
-    if (error instanceof ListError) {
-        for (let i of error.errors) {
-            if (i instanceof ItemNotFound) {
-                i.element.textContent = i.message;
-            } else if (i instanceof IncorrectInput) {
-                if (document.getElementById(i.id) !== null) {
-                    document.getElementById(i.id).parentElement.querySelectorAll("p.error")[0].textContent = i.message;
-                }
-            } else {
-                let msg = i.stack;
-                let lines = msg.split("\n");
-                let header = document.getElementById("header");
-                header.textContent = "";
-                for (const line of lines) {
-                    let p = document.createElement("p");
-                    p.classList.add("itemp");
-                    p.textContent = line;
-                    header.appendChild(p);
-                }
-                let p2 = document.createElement("p");
-                p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
-                header.appendChild(p2);
-            }
-        }
-    } else {
-        let msg = error.stack;
-        let lines = msg.split("\n");
-        let header = document.getElementById("header");
-        header.textContent = "";
-        for (const line of lines) {
-            let p = document.createElement("p");
-            p.classList.add("itemp");
-            p.textContent = line;
-            header.appendChild(p);
-        }
-        let p2 = document.createElement("p");
-        p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
-        header.appendChild(p2);
-    }
-}
-
-/* Updates all build statistics based on (for now) the skillpoint input fields and then calculates build stats.
-*/
-function updateStats() {
-    
-    let specialNames = ["Quake", "Chain_Lightning", "Curse", "Courage", "Wind_Prison"];
-    for (const sName of specialNames) {
-        for (let i = 1; i < 6; i++) {
-            let elem = document.getElementById(sName + "-" + i);
-            let name = sName.replace("_", " ");
-            if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
-                elem.classList.remove("toggleOn");
-                let special = powderSpecialStats[specialNames.indexOf(sName)];
-                console.log(special);
-                if (special["weaponSpecialEffects"].has("Damage Boost")) { 
-                    if (name === "Courage" || name === "Curse") { //courage is universal damage boost
-                        //player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
-                        player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                    }  else if (name === "Wind Prison") {
-                        player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
-                    }
-                }
-            }
-        }
-    }
-    
-
-    
-    let skillpoints = player_build.total_skillpoints;
-    let delta_total = 0;
-    for (let i in skp_order) {
-        let value = document.getElementById(skp_order[i] + "-skp").value;
-        if (value === ""){value = "0"; setValue(skp_order[i] + "-skp", value)}
-        let manual_assigned = 0;
-        if (value.includes("+")) {
-            let skp = value.split("+");
-            for (const s of skp) {
-                manual_assigned += parseInt(s,10);
-            }
-        } else {
-            manual_assigned = parseInt(value,10);
-        }
-        let delta = manual_assigned - skillpoints[i];
-        skillpoints[i] = manual_assigned;
-        player_build.base_skillpoints[i] += delta;
-        delta_total += delta;
-    }
-    player_build.assigned_skillpoints += delta_total;
-    if(player_build){
-        updatePowderSpecials("skip", false);
-        updateBoosts("skip", false);
-    }
-    for (let id of editable_item_fields) {
-        player_build.statMap.set(id, parseInt(getValue(id)));
-    }
-    player_build.aggregateStats();
-    console.log(player_build.statMap);
-    calculateBuildStats();
-}
-/* Updates all spell boosts
-*/
-function updateBoosts(buttonId, recalcStats) {
-    let elem = document.getElementById(buttonId);
-    let name = buttonId.split("-")[0];
-    if(buttonId !== "skip") {
-        if (elem.classList.contains("toggleOn")) {
-            player_build.damageMultiplier -= damageMultipliers.get(name);
-            if (name === "warscream") {
-                player_build.defenseMultiplier -= .20;
-            }
-            if (name === "vanish") {
-                player_build.defenseMultiplier -= .15;
-            }
-            elem.classList.remove("toggleOn");
-        }else{
-            player_build.damageMultiplier += damageMultipliers.get(name);
-            if (name === "warscream") {
-                player_build.defenseMultiplier += .20;
-            }
-            if (name === "vanish") {
-                player_build.defenseMultiplier += .15;
-            }
-            elem.classList.add("toggleOn");
-        }
-        updatePowderSpecials("skip", false); //jank pt 1
-    } else {
-        for (const [key, value] of damageMultipliers) {
-            let elem = document.getElementById(key + "-boost")
-            if (elem.classList.contains("toggleOn")) {
-                elem.classList.remove("toggleOn");
-                player_build.damageMultiplier -= value;
-                if (key === "warscream") { player_build.defenseMultiplier -= .20 }
-                if (key === "vanish") { player_build.defenseMultiplier -= .15 }
-            }
-        }
-    }
-    if (recalcStats) {
-        calculateBuildStats();
-    }
-}
-
-/* Updates all powder special boosts 
-*/
-function updatePowderSpecials(buttonId, recalcStats) {
-    //console.log(player_build.statMap);
-   
-    let name = (buttonId).split("-")[0];
-    let power = (buttonId).split("-")[1]; // [1, 5]
-    let specialNames = ["Quake", "Chain Lightning", "Curse", "Courage", "Wind Prison"];
-    let powderSpecials = []; // [ [special, power], [special, power]]
-    
-
-    if(name !== "skip"){
-        let elem = document.getElementById(buttonId);
-        if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
-            elem.classList.remove("toggleOn");
-            let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
-            if (special.weaponSpecialEffects.has("Damage Boost")) { 
-                name = name.replace("_", " ");
-                if (name === "Courage" || name === "Curse") { //courage and curse are universal damage boost
-                    player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    //poison?
-                } else if (name === "Wind Prison") {
-                    player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[power-1];
-                }
-            }
-        } else {
-            for (let i = 1;i < 6; i++) { //toggle all pressed buttons of the same powder special off
-                //name is same, power is i
-                if(document.getElementById(name.replace(" ", "_") + "-" + i).classList.contains("toggleOn")) {
-                    document.getElementById(name.replace(" ", "_") + "-" + i).classList.remove("toggleOn");
-                    let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
-                    if (special.weaponSpecialEffects.has("Damage Boost")) { 
-                        name = name.replace("_", " "); //might be redundant
-                        if (name === "Courage" || name === "Curse") { //courage is universal damage boost
-                            //player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
-                            player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                            player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                            player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        } else if (name === "Wind Prison") {
-                            player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                            player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
-                        }
-                    }
-                }
-            }
-            //toggle the pressed button on
-            elem.classList.add("toggleOn"); 
-        }
-    }
-   
-    for (const sName of specialNames) {
-        for (let i = 1;i < 6; i++) {
-            if (document.getElementById(sName.replace(" ","_") + "-" + i).classList.contains("toggleOn")) {
-                let powderSpecial = powderSpecialStats[specialNames.indexOf(sName.replace("_"," "))]; 
-                powderSpecials.push([powderSpecial, i]);
-                break;
-            }   
-        }
-    }
-    
-
-    if (name !== "skip") {
-        let elem = document.getElementById(buttonId);
-        if (elem.classList.contains("toggleOn")) {
-            let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
-            if (special["weaponSpecialEffects"].has("Damage Boost")) { 
-                let name = special["weaponSpecialName"];
-                if (name === "Courage" || name === "Curse") { //courage and curse are is universal damage boost
-                    player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                } else if (name === "Wind Prison") {
-                    player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.get("damageBonus")[4] += special.weaponSpecialEffects.get("Damage Boost")[power-1];
-                }
-            }
-        }
-    }
-
-    if (recalcStats) {
-        calculateBuildStats();
-    }
-    displayPowderSpecials(document.getElementById("powder-special-stats"), powderSpecials, player_build); 
-}
-/* Calculates all build statistics and updates the entire display.
-*/
-function calculateBuildStats() {
-    const assigned = player_build.base_skillpoints;
-    const skillpoints = player_build.total_skillpoints;
-    let skp_effects = ["% more damage dealt.","% chance to crit.","% spell cost reduction.","% less damage taken.","% chance to dodge."];
-    for (let i in skp_order){ //big bren
-        setText(skp_order[i] + "-skp-assign", "Manually Assigned: " + assigned[i]);
-        setValue(skp_order[i] + "-skp", skillpoints[i]);
-        let linebreak = document.createElement("br");
-        linebreak.classList.add("itemp");
-        document.getElementById(skp_order[i] + "-skp-label");
-        setText(skp_order[i] + "-skp-pct", (skillPointsToPercentage(skillpoints[i])*100).toFixed(1).concat(skp_effects[i]));
-        if (assigned[i] > 100) {
-            let skp_warning = document.createElement("p");
-            skp_warning.classList.add("warning");
-            skp_warning.textContent += "WARNING: Cannot assign " + assigned[i] + " skillpoints in " + ["Strength","Dexterity","Intelligence","Defense","Agility"][i] + " manually.";
-            document.getElementById(skp_order[i]+"-skp-pct").appendChild(skp_warning);
-        }
-    }
-
-    let summarybox = document.getElementById("summary-box");
-    summarybox.textContent = "";
-    let skpRow = document.createElement("p");
-    let td = document.createElement("p");
-
-    let remainingSkp = document.createElement("p");
-    remainingSkp.classList.add("center");
-    let remainingSkpTitle = document.createElement("b");
-    remainingSkpTitle.textContent = "Assigned " + player_build.assigned_skillpoints + " skillpoints. Remaining skillpoints: ";
-    let remainingSkpContent = document.createElement("b");
-    remainingSkpContent.textContent = "" + (levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints);
-    remainingSkpContent.classList.add(levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints < 0 ? "negative" : "positive");
-
-    remainingSkp.appendChild(remainingSkpTitle);
-    remainingSkp.appendChild(remainingSkpContent);
-
-
-    summarybox.append(skpRow);
-    summarybox.append(remainingSkp);
-    if(player_build.assigned_skillpoints > levelToSkillPoints(player_build.level)){
-        let skpWarning = document.createElement("p");
-        //skpWarning.classList.add("itemp");
-        skpWarning.classList.add("warning");
-        skpWarning.classList.add("itemp");
-        skpWarning.textContent = "WARNING: Too many skillpoints need to be assigned!";
-        let skpCount = document.createElement("p");
-        skpCount.classList.add("itemp");
-        skpCount.textContent = "For level " + (player_build.level>101 ? "101+" : player_build.level)  + ", there are only " + levelToSkillPoints(player_build.level) + " skill points available.";
-        summarybox.append(skpWarning);
-        summarybox.append(skpCount);
-    }
-    let lvlWarning;
-    for (const item of player_build.items) {
-        let item_lvl;
-        if (item.get("crafted")) {
-            //item_lvl = item.get("lvlLow") + "-" + item.get("lvl");
-            item_lvl = item.get("lvlLow");
-        }
-        else {
-            item_lvl = item.get("lvl");
-        }
-
-        if (player_build.level < item_lvl) {
-            if (!lvlWarning) {
-                lvlWarning = document.createElement("p");
-                lvlWarning.classList.add("itemp");
-                lvlWarning.classList.add("warning");
-                lvlWarning.textContent = "WARNING: A level " + player_build.level + " player cannot use some piece(s) of this build."
-            }
-            let baditem = document.createElement("p"); 
-                baditem.classList.add("nocolor");
-                baditem.classList.add("itemp"); 
-                baditem.textContent = item.get("displayName") + " requires level " + item.get("lvl") + " to use.";
-                lvlWarning.appendChild(baditem);
-        }
-    }
-    if(lvlWarning){
-        summarybox.append(lvlWarning);
-    }
-    for (const [setName, count] of player_build.activeSetCounts) {
-        const bonus = sets[setName].bonuses[count-1];
-        // console.log(setName);
-        if (bonus["illegal"]) {
-            console.log("mmmm");
-            let setWarning = document.createElement("p");
-            setWarning.classList.add("itemp");
-            setWarning.classList.add("warning");
-            setWarning.textContent = "WARNING: illegal item combination: " + setName
-            summarybox.append(setWarning);
-        }
-    }
-
-    for (let i in player_build.items) {
-        displayExpandedItem(player_build.items[i], buildFields[i]);
-    }
-
-    displayBuildStats("build-overall-stats",player_build);
-    displaySetBonuses("set-info",player_build);
-    displayNextCosts("int-info",player_build);
-
-    let meleeStats = player_build.getMeleeStats();
-    displayMeleeDamage(document.getElementById("build-melee-stats"), document.getElementById("build-melee-statsAvg"), meleeStats);
-
-    displayDefenseStats(document.getElementById("build-defense-stats"),player_build);
-
-    displayPoisonDamage(document.getElementById("build-poison-stats"),player_build);
-
-    let spells = spell_table[player_build.weapon.get("type")];
-    for (let i = 0; i < 4; ++i) {
-        let parent_elem = document.getElementById("spell"+i+"-info");
-        let overallparent_elem = document.getElementById("spell"+i+"-infoAvg");
-        displaySpellDamage(parent_elem, overallparent_elem, player_build, spells[i], i+1);
-    }
-
-    location.hash = encodeBuild();
-    clear_highlights();
-    updateOGP();
-}
-
-function copyBuild() {
-    if (player_build) {
-        copyTextToClipboard(url_base+location.hash);
-        document.getElementById("copy-button").textContent = "Copied!";
-    }
-}
-
-function shareBuild() {
-    if (player_build) {
-        let text = url_base+location.hash+"\n"+
-            "WynnBuilder build:\n"+
-            "> "+player_build.helmet.get("displayName")+"\n"+
-            "> "+player_build.chestplate.get("displayName")+"\n"+
-            "> "+player_build.leggings.get("displayName")+"\n"+
-            "> "+player_build.boots.get("displayName")+"\n"+
-            "> "+player_build.ring1.get("displayName")+"\n"+
-            "> "+player_build.ring2.get("displayName")+"\n"+
-            "> "+player_build.bracelet.get("displayName")+"\n"+
-            "> "+player_build.necklace.get("displayName")+"\n"+
-            "> "+player_build.weapon.get("displayName")+" ["+player_build.weapon.get("powders").map(x => powderNames.get(x)).join("")+"]";
-        copyTextToClipboard(text);
-        document.getElementById("share-button").textContent = "Copied!";
+function getTomeNameFromID(id) {
+    if (tomeRedirectMap.has(id)) {
+        return getTomeNameFromID(tomeRedirectMap.get(id));
     }
+    return tomeIDMap.get(id);
 }
 
 function populateBuildList() {
@@ -902,7 +29,7 @@ function saveBuild() {
     if (player_build) {
         const savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds"));
         const saveName = document.getElementById("build-name").value;
-        const encodedBuild = encodeBuild();
+        const encodedBuild = encodeBuild(player_build);
         if ((!Object.keys(savedBuilds).includes(saveName)
                 || document.getElementById("saved-error").textContent !== "") && encodedBuild !== "") {
             savedBuilds[saveName] = encodedBuild.replace("#", "");
@@ -942,20 +69,51 @@ function loadBuild() {
 }
 
 function resetFields(){
-    for (let i in powderInputs) {
-        setValue(powderInputs[i], "");
+    for (const i of powder_inputs) {
+        setValue(i, "");
     }
-    for (let i in equipmentInputs) {
-        setValue(equipmentInputs[i], "");
+    for (const i of equipment_inputs) {
+        setValue(i, "");
     }
     setValue("str-skp", "0");
     setValue("dex-skp", "0");
     setValue("int-skp", "0");
     setValue("def-skp", "0");
     setValue("agi-skp", "0");
+    for (const special_name of specialNames) {
+        for (let i = 1; i < 6; i++) { //toggle all pressed buttons of the same powder special off
+            //name is same, power is i
+            let elem = document.getElementById(special_name.replace(" ", "_")+'-'+i);
+            if (elem.classList.contains("toggleOn")) {
+                elem.classList.remove("toggleOn");
+            }
+        }
+    }
+    for (const [key, value] of damageMultipliers) {
+        let elem = document.getElementById(key + "-boost")
+        if (elem.classList.contains("toggleOn")) {
+            elem.classList.remove("toggleOn");
+        }
+    }
+    for (const elem of skp_order) {
+        console.log(document.getElementById(elem + "_boost_armor").value);
+        document.getElementById(elem + "_boost_armor").value = 0;
+        document.getElementById(elem + "_boost_armor_prev").value = 0;
+        document.getElementById(elem + "_boost_armor").style.background = `linear-gradient(to right, #AAAAAA, #AAAAAA 0%, #AAAAAA 100%)`;
+        document.getElementById(elem + "_boost_armor_label").textContent = `% ${damageClasses[skp_order.indexOf(elem)+1]} Damage Boost: 0`;
+    }
+
+    const nodes_to_reset = item_nodes.concat(powder_nodes).concat(edit_input_nodes).concat([powder_special_input, boosts_node, armor_powder_node]);
+    for (const node of nodes_to_reset) {
+        node.mark_dirty();
+    }
+
+    for (const node of nodes_to_reset) {
+        node.update();
+    }
+
     setValue("level-choice", "106");
     location.hash = "";
-    calculateBuild();
 }
 
 function toggleID() {
@@ -971,108 +129,311 @@ function toggleID() {
     }
 }
 
-function optimizeStrDex() {
-    const remaining = levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints;
-    const base_skillpoints = player_build.base_skillpoints;
-    const max_str_boost = 100 - base_skillpoints[0];
-    const max_dex_boost = 100 - base_skillpoints[1];
-    if (Math.min(remaining, max_str_boost, max_dex_boost) < 0) return; // Unwearable
-
-    const base_total_skillpoints = player_build.total_skillpoints;
-    let str_bonus = remaining;
-    let dex_bonus = 0;
-    let best_skillpoints = player_build.total_skillpoints;
-    let best_damage = 0;
-    for (let i = 0; i <= remaining; ++i) {
-        let total_skillpoints = base_total_skillpoints.slice();
-        total_skillpoints[0] += Math.min(max_str_boost, str_bonus);
-        total_skillpoints[1] += Math.min(max_dex_boost, dex_bonus);
-
-        // Calculate total 3rd spell damage
-        let spell = spell_table[player_build.weapon.get("type")][2];
-        const stats = player_build.statMap;
-        let critChance = skillPointsToPercentage(total_skillpoints[1]);
-        let save_damages = [];
-        let spell_parts;
-        if (spell.parts) {
-            spell_parts = spell.parts;
+function toggleButton(button_id) {
+    let button = document.getElementById(button_id);
+    if (button) {
+        if (button.classList.contains("toggleOn")) {
+            button.classList.remove("toggleOn");
+        } else {
+            button.classList.add("toggleOn");
         }
-        else {
-            spell_parts = spell.variants.DEFAULT;
-            for (const majorID of stats.get("activeMajorIDs")) {
-                if (majorID in spell.variants) {
-                    spell_parts = spell.variants[majorID];
-                    break;
-                }
-            }
+    }
+}
+
+// toggle tab
+function toggle_tab(tab) {
+    if (document.querySelector("#"+tab).style.display == "none") {
+        document.querySelector("#"+tab).style.display = "";
+    } else {
+        document.querySelector("#"+tab).style.display = "none";
+    }
+}
+
+
+function toggle_boost_tab(tab) {
+    for (const i of skp_order) {
+        document.querySelector("#"+i+"-boost").style.display = "none";
+        document.getElementById(i + "-boost-tab").classList.remove("selected-btn");
+    }
+    document.querySelector("#"+tab+"-boost").style.display = "";
+    document.getElementById(tab + "-boost-tab").classList.add("selected-btn");
+
+}
+
+let tabs = ['overall-stats', 'offensive-stats', 'defensive-stats'];
+function show_tab(tab) {
+    //console.log(itemFilters)
+
+    //hide all tabs, then show the tab of the div clicked and highlight the correct button
+    for (const i in tabs) {
+        document.querySelector("#" + tabs[i]).style.display = "none";
+        document.getElementById("tab-" + tabs[i].split("-")[0] + "-btn").classList.remove("selected-btn");
+    }
+    document.querySelector("#" + tab).style.display = "";
+    document.getElementById("tab-" + tab.split("-")[0] +  "-btn").classList.add("selected-btn");
+}
+
+// autocomplete initialize
+function init_autocomplete() {
+    let dropdowns = new Map();
+    for (const eq of equipment_keys) {
+        if (tome_keys.includes(eq)) {
+            continue;
         }
-        let total_damage = 0;
-        for (const part of spell_parts) {
-            if (part.type === "damage") {
-                let _results = calculateSpellDamage(stats, part.conversion,
-                                        stats.get("sdRaw"), stats.get("sdPct") + player_build.externalStats.get("sdPct"), 
-                                        part.multiplier / 100, player_build.weapon, total_skillpoints,
-                                        player_build.damageMultiplier, player_build.externalStats);
-                let totalDamNormal = _results[0];
-                let totalDamCrit = _results[1];
-                let results = _results[2];
-                let tooltipinfo = _results[3];
-                
-                for (let i = 0; i < 6; ++i) {
-                    for (let j in results[i]) {
-                        results[i][j] = results[i][j].toFixed(2);
+        // build dropdown
+        let item_arr = [];
+        if (eq == 'weapon') {
+            for (const weaponType of weapon_keys) {
+                for (const weapon of itemLists.get(weaponType)) {
+                    let item_obj = itemMap.get(weapon);
+                    if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
+                        continue;
                     }
-                }
-                let nonCritAverage = (totalDamNormal[0]+totalDamNormal[1])/2 || 0;
-                let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
-                let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
-
-                save_damages.push(averageDamage);
-                if (part.summary == true) {
-                    total_damage = averageDamage;
-                }
-            } else if (part.type === "total") {
-                total_damage = 0;
-                for (let i in part.factors) {
-                    total_damage += save_damages[i] * part.factors[i];
+                    if (item_obj["name"] == 'No '+ eq.charAt(0).toUpperCase() + eq.slice(1)) {
+                        continue;
+                    }
+                    item_arr.push(weapon);
                 }
             }
-        }        // END Calculate total 3rd spell damage (total_damage)
-        if (total_damage > best_damage) {
-            best_damage = total_damage;
-            best_skillpoints = total_skillpoints.slice();
+        } else {
+            for (const item of itemLists.get(eq.replace(/[0-9]/g, ''))) {
+                let item_obj = itemMap.get(item);
+                if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
+                    continue;
+                }
+                if (item_obj["name"] == 'No '+ eq.charAt(0).toUpperCase() + eq.slice(1)) {
+                    continue;
+                }
+                item_arr.push(item)
+            }
         }
 
-        str_bonus -= 1;
-        dex_bonus += 1;
-        
+        // create dropdown
+        dropdowns.set(eq, new autoComplete({
+            data: {
+                src: item_arr
+            },
+            selector: "#"+ eq +"-choice",
+            wrapper: false,
+            resultsList: {
+                maxResults: 1000,
+                tabSelect: true,
+                noResults: true,
+                class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
+                element: (list, data) => {
+                    // dynamic result loc
+                    let position = document.getElementById(eq+'-dropdown').getBoundingClientRect();
+                    list.style.top = position.bottom + window.scrollY +"px";
+                    list.style.left = position.x+"px";
+                    list.style.width = position.width+"px";
+                    list.style.maxHeight = position.height * 2 +"px";
+
+                    if (!data.results.length) {
+                        message = document.createElement('li');
+                        message.classList.add('scaled-font');
+                        message.textContent = "No results found!";
+                        list.prepend(message);
+                    }
+                },
+            },
+            resultItem: {
+                class: "scaled-font search-item",
+                selected: "dark-5",
+                element: (item, data) => {
+                    item.classList.add(itemMap.get(data.value).tier);
+                },
+            },
+            events: {
+                input: {
+                    selection: (event) => {
+                        if (event.detail.selection.value) {
+                            event.target.value = event.detail.selection.value;
+                        }
+                        event.target.dispatchEvent(new Event('change'));
+                    },
+                },
+            }
+        }));
     }
-    // TODO: reduce duplicated code, @calculateBuild
-    let skillpoints = player_build.total_skillpoints;
-    let delta_total = 0;
-    for (let i in skp_order) {
-        let manual_assigned = best_skillpoints[i];
-        let delta = manual_assigned - skillpoints[i];
-        skillpoints[i] = manual_assigned;
-        player_build.base_skillpoints[i] += delta;
-        delta_total += delta;
+
+    for (const eq of tome_keys) {
+        // build dropdown
+        let tome_arr = [];
+        for (const tome of tomeLists.get(eq.replace(/[0-9]/g, ''))) {
+            let tome_obj = tomeMap.get(tome);
+            if (tome_obj["restrict"] && tome_obj["restrict"] === "DEPRECATED") {
+                continue;
+            }
+            //this should suffice for tomes - jank
+            if (tome_obj["name"].includes('No ' + eq.charAt(0).toUpperCase())) {
+                continue;
+            }
+            let tome_name = tome;
+            tome_arr.push(tome_name);
+        }
+
+        // create dropdown
+        dropdowns.set(eq, new autoComplete({
+            data: {
+                src: tome_arr
+            },
+            selector: "#"+ eq +"-choice",
+            wrapper: false,
+            resultsList: {
+                maxResults: 1000,
+                tabSelect: true,
+                noResults: false,
+                class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
+                element: (list, data) => {
+                    // dynamic result loc
+                    let position = document.getElementById(eq+'-dropdown').getBoundingClientRect();
+                    list.style.top = position.bottom + window.scrollY +"px";
+                    list.style.left = position.x+"px";
+                    list.style.width = position.width+"px";
+                    list.style.maxHeight = position.height * 2 +"px";
+
+                    if (!data.results.length) {
+                        message = document.createElement('li');
+                        message.classList.add('scaled-font');
+                        message.textContent = "No results found!";
+                        list.prepend(message);
+                    }
+                },
+            },
+            resultItem: {
+                class: "scaled-font search-item",
+                selected: "dark-5",
+                element: (tome, data) => {
+                    tome.classList.add(tomeMap.get(data.value).tier);
+                },
+            },
+            events: {
+                input: {
+                    selection: (event) => {
+                        if (event.detail.selection.value) {
+                            event.target.value = event.detail.selection.value;
+                        }
+                        event.target.dispatchEvent(new Event('change'));
+                    },
+                },
+            }
+        }));
     }
-    player_build.assigned_skillpoints += delta_total;
-        
-    try {
-        calculateBuildStats();
-        setTitle();
-        if (player_build.errored)
-            throw new ListError(player_build.errors);
-    }
-    catch (error) {
-        handleBuilderError(error);
+
+    let filter_loc = ["filter1", "filter2", "filter3", "filter4"];
+    for (const i of filter_loc) {
+        dropdowns.set(i+"-choice", new autoComplete({
+            data: {
+                src: sq2ItemFilters,
+            },
+            selector: "#"+i+"-choice",
+            wrapper: false,
+            resultsList: {
+                tabSelect: true,
+                noResults: true,
+                class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
+                element: (list, data) => {
+                    // dynamic result loc
+                    console.log(i);
+                    list.style.zIndex = "100";
+                    let position = document.getElementById(i+"-dropdown").getBoundingClientRect();
+                    window_pos = document.getElementById("search-container").getBoundingClientRect();
+                    list.style.top = position.bottom - window_pos.top + 5 +"px";
+                    list.style.left = position.x - window_pos.x +"px";
+                    list.style.width = position.width+"px";
+
+                    if (!data.results.length) {
+                        message = document.createElement('li');
+                        message.classList.add('scaled-font');
+                        message.textContent = "No filters found!";
+                        list.prepend(message);
+                    }
+                },
+            },
+            resultItem: {
+                class: "scaled-font search-item",
+                selected: "dark-5",
+            },
+            events: {
+                input: {
+                    selection: (event) => {
+                        if (event.detail.selection.value) {
+                            event.target.value = event.detail.selection.value;
+                        }
+                    },
+                },
+            }
+        }));
     }
 }
 
-// TODO: Learn and use await
-function init2() {
-    load_ing_init(init);
+function collapse_element(elmnt) {
+    elem_list = document.querySelector(elmnt).children;
+    if (elem_list) {
+        for (elem of elem_list) {
+            if (elem.classList.contains("no-collapse")) { continue; }   
+            if (elem.style.display == "none") {
+                elem.style.display = "";
+            } else {
+                elem.style.display = "none";
+            }  
+        }
+    }
+    // macy quirk
+    window.dispatchEvent(new Event('resize'));
+    // weird bug where display: none overrides??
+    document.querySelector(elmnt).style.removeProperty('display');
 }
-load_init(init2);
-updateOGP();
\ No newline at end of file
+
+function init() {
+    console.log("builder.js init");
+    init_autocomplete();
+
+    // Other "main" stuff
+    // Spell dropdowns
+    for (const eq of equipment_keys) {
+        document.querySelector("#"+eq+"-tooltip").addEventListener("click", () => collapse_element('#'+eq+'-tooltip'));
+    }
+
+    // Masonry setup
+    let masonry = Macy({
+        container: "#masonry-container",
+        columns: 1,
+        mobileFirst: true,
+        breakAt: {
+            1200: 4,
+        },
+        margin: {
+            x: 20,
+            y: 20,
+        } 
+        
+    });
+
+    let search_masonry = Macy({
+        container: "#search-results",
+        columns: 1,
+        mobileFirst: true,
+        breakAt: {
+            1200: 4,
+        },
+        margin: {
+            x: 20,
+            y: 20,
+        }
+        
+    });
+    decodeBuild(url_tag);
+    builder_graph_init();
+}
+
+window.onerror = function(message, source, lineno, colno, error) {
+    document.getElementById('err-box').textContent = message;
+    document.getElementById('stack-box').textContent = error.stack;
+};
+
+(async function() {
+    let load_promises = [ load_init(), load_ing_init(), load_tome_init() ];
+    await Promise.all(load_promises);
+    init();
+})();
diff --git a/js/builder_graph.js b/js/builder_graph.js
new file mode 100644
index 0000000..325694a
--- /dev/null
+++ b/js/builder_graph.js
@@ -0,0 +1,1160 @@
+let armor_powder_node = new (class extends ComputeNode {
+    constructor() { super('builder-armor-powder-input'); }
+
+    compute_func(input_map) {
+        let damage_boost = 0;
+        let def_boost = 0;
+        let statMap = new Map();
+        for (const [e, elem] of zip2(skp_elements, skp_order)) {
+            let val = parseInt(document.getElementById(elem+"_boost_armor").value);
+            statMap.set(e+'DamPct', val);
+        }
+        return statMap;
+    }
+})().update();
+
+/* Updates PASSIVE powder special boosts (armors)
+*/
+function update_armor_powder_specials(elem_id) {
+    //we only update the powder special + external stats if the player has a build
+    let wynn_elem = elem_id.split("_")[0]; //str, dex, int, def, agi
+
+    //update the label associated w/ the slider 
+    let elem = document.getElementById(elem_id);
+    let label = document.getElementById(elem_id + "_label");
+    let value = elem.value;
+
+    label.textContent = label.textContent.split(":")[0] + ": " + value
+    
+    //update the slider's graphics
+    let bg_color = elem_colors[skp_order.indexOf(wynn_elem)];
+    let pct = Math.round(100 * value / powderSpecialStats[skp_order.indexOf(wynn_elem)].cap);
+    elem.style.background = `linear-gradient(to right, ${bg_color}, ${bg_color} ${pct}%, #AAAAAA ${pct}%, #AAAAAA 100%)`;
+
+    armor_powder_node.mark_dirty().update();
+}
+
+
+let boosts_node = new (class extends ComputeNode {
+    constructor() { super('builder-boost-input'); }
+
+    compute_func(input_map) {
+        let damage_boost = 0;
+        let def_boost = 0;
+        for (const [key, value] of damageMultipliers) {
+            let elem = document.getElementById(key + "-boost")
+            if (elem.classList.contains("toggleOn")) {
+                damage_boost += value;
+                if (key === "warscream") { def_boost += .20 }
+                if (key === "vanish") { def_boost += .15 }
+            }
+        }
+        let res = new Map();
+        res.set('damageMultiplier', 1+damage_boost);
+        res.set('defMultiplier', 1+def_boost);
+        return res;
+    }
+})().update();
+
+/* Updates all spell boosts
+*/
+function update_boosts(buttonId) {
+    let elem = document.getElementById(buttonId);
+    if (elem.classList.contains("toggleOn")) {
+        elem.classList.remove("toggleOn");
+    } else {
+        elem.classList.add("toggleOn");
+    }
+    boosts_node.mark_dirty().update();
+}
+
+let specialNames = ["Quake", "Chain Lightning", "Curse", "Courage", "Wind Prison"];
+let powder_special_input = new (class extends ComputeNode {
+    constructor() { super('builder-powder-special-input'); }
+
+    compute_func(input_map) {
+        let powder_specials = []; // [ [special, power], [special, power]]
+        for (const sName of specialNames) {
+            for (let i = 1;i < 6; i++) {
+                if (document.getElementById(sName.replace(" ","_") + "-" + i).classList.contains("toggleOn")) {
+                    let powder_special = powderSpecialStats[specialNames.indexOf(sName.replace("_"," "))]; 
+                    powder_specials.push([powder_special, i]);
+                    break;
+                }   
+            }
+        }
+        return powder_specials;
+    }
+})();
+
+function updatePowderSpecials(buttonId) {
+    let prefix = (buttonId).split("-")[0].replace(' ', '_') + '-';
+    let elem = document.getElementById(buttonId);
+    if (elem.classList.contains("toggleOn")) { elem.classList.remove("toggleOn"); }
+    else {
+        for (let i = 1;i < 6; i++) { //toggle all pressed buttons of the same powder special off
+            //name is same, power is i
+            const elem2 = document.getElementById(prefix + i);
+            if(elem2.classList.contains("toggleOn")) { elem2.classList.remove("toggleOn"); }
+        }
+        //toggle the pressed button on
+        elem.classList.add("toggleOn"); 
+    }
+    powder_special_input.mark_dirty().update();
+}
+
+class PowderSpecialCalcNode extends ComputeNode {
+    constructor() { super('builder-powder-special-apply'); }
+
+    compute_func(input_map) {
+        const powder_specials = input_map.get('powder-specials');
+        let stats = new Map();
+        for (const [special, power] of powder_specials) {
+            if (special["weaponSpecialEffects"].has("Damage Boost")) { 
+                let name = special["weaponSpecialName"];
+                if (name === "Courage" || name === "Curse") { //courage and curse are is universal damage boost
+                    stats.set("sdPct", special.weaponSpecialEffects.get("Damage Boost")[power-1]);
+                    stats.set("mdPct", special.weaponSpecialEffects.get("Damage Boost")[power-1]);
+                    stats.set("poisonPct", special.weaponSpecialEffects.get("Damage Boost")[power-1]);
+                } else if (name === "Wind Prison") {
+                    stats.set("aDamPct", special.weaponSpecialEffects.get("Damage Boost")[power-1]);
+                }
+            }
+        }
+        return stats;
+    }
+}
+
+class PowderSpecialDisplayNode extends ComputeNode {
+    // TODO: Refactor this entirely to be adding more spells to the spell list
+    constructor() {
+        super('builder-powder-special-display');
+        this.fail_cb = true;
+    }
+
+    compute_func(input_map) {
+        const powder_specials = input_map.get('powder-specials');
+        const stats = input_map.get('stats');
+        const weapon = input_map.get('build').weapon;
+        displayPowderSpecials(document.getElementById("powder-special-stats"), powder_specials, stats, weapon.statMap, true); 
+    }
+}
+
+/**
+ * Node for getting an item's stats from an item input field.
+ *
+ * Signature: ItemInputNode(powdering: Optional[list[powder]]) => Item | null
+ */
+class ItemInputNode extends InputNode {
+    /**
+     * Make an item stat pulling compute node.
+     *
+     * @param name: Name of this node.
+     * @param item_input_field: Input field (html element) to listen for item names from.
+     * @param none_item: Item object to use as the "none" for this field.
+     */
+    constructor(name, item_input_field, none_item) {
+        super(name, item_input_field);
+        this.none_item = new Item(none_item);
+        this.category = this.none_item.statMap.get('category');
+        if (this.category == 'armor' || this.category == 'weapon') {
+            this.none_item.statMap.set('powders', []);
+            apply_weapon_powders(this.none_item.statMap); // Needed to put in damagecalc zeros
+        }
+        this.none_item.statMap.set('NONE', true);
+    }
+
+    compute_func(input_map) {
+        const powdering = input_map.get('powdering');
+
+        // built on the assumption of no one will type in CI/CR letter by letter
+        let item_text = this.input_field.value;
+        if (!item_text) {
+            return this.none_item;
+        }
+
+        let item;
+        if (item_text.slice(0, 3) == "CI-") { item = getCustomFromHash(item_text); }
+        else if (item_text.slice(0, 3) == "CR-") { item = getCraftFromHash(item_text); } 
+        else if (itemMap.has(item_text)) { item = new Item(itemMap.get(item_text)); } 
+        else if (tomeMap.has(item_text)) { item = new Item(tomeMap.get(item_text)); }
+
+        if (item) {
+            if (powdering !== undefined) {
+                item.statMap.set('powders', powdering);
+            }
+            let type_match;
+            if (this.category == 'weapon') {
+                type_match = item.statMap.get('category') == 'weapon';
+            } else {
+                type_match = item.statMap.get('type') == this.none_item.statMap.get('type');
+            }
+            if (type_match) {
+                if (item.statMap.get('category') == 'armor') {
+                    applyArmorPowders(item.statMap);
+                }
+                else if (item.statMap.get('category') == 'weapon') {
+                    apply_weapon_powders(item.statMap);
+                }
+                return item;
+            }
+        }
+        else if (this.none_item.statMap.get('category') === 'weapon' && item_text.startsWith("Morph-")) {
+            let replace_items = [ "Morph-Stardust",
+                "Morph-Steel",
+                "Morph-Iron",
+                "Morph-Gold",
+                "Morph-Topaz",
+                "Morph-Emerald",
+                "Morph-Amethyst",
+                "Morph-Ruby",
+                item_text.substring(6)
+            ]
+
+            for (const [i, x] of zip2(equipment_inputs, replace_items)) { setValue(i, x); }
+
+            for (const node of item_nodes) { calcSchedule(node, 10); }
+            return this.compute_func(input_map);
+        }
+        return null;
+    }
+}
+
+/**
+ * Node for updating item input fields from parsed items.
+ *
+ * Signature: ItemInputDisplayNode(item: Item) => null
+ */
+class ItemInputDisplayNode extends ComputeNode {
+
+    constructor(name, eq, item_image) {
+        super(name);
+        this.input_field = document.getElementById(eq+"-choice");
+        this.health_field = document.getElementById(eq+"-health");
+        this.level_field = document.getElementById(eq+"-lv");
+        this.powder_field = document.getElementById(eq+"-powder");  // possibly None
+        this.image = item_image;
+        this.fail_cb = true;
+    }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "ItemInputDisplayNode accepts exactly one input (item)"; }
+        const [item] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+
+        this.input_field.classList.remove("text-light", "is-invalid", 'Normal', 'Unique', 'Rare', 'Legendary', 'Fabled', 'Mythic', 'Set', 'Crafted', 'Custom');
+        this.input_field.classList.add("text-light");
+        this.image.classList.remove('Normal-shadow', 'Unique-shadow', 'Rare-shadow', 'Legendary-shadow', 'Fabled-shadow', 'Mythic-shadow', 'Set-shadow', 'Crafted-shadow', 'Custom-shadow');
+
+        if (this.health_field) {
+            // Doesn't exist for weapons.
+            this.health_field.textContent = "0";
+        }
+        if (this.level_field) {
+            // Doesn't exist for tomes.
+            this.level_field.textContent = "0";
+        }
+        if (!item) {
+            this.input_field.classList.add("is-invalid");
+            return null;
+        }
+        if (item.statMap.has('powders')) {
+            this.powder_field.placeholder = "powders";
+        }
+
+        if (item.statMap.has('NONE')) {
+            return null;
+        }
+
+        if (item.statMap.has('powders')) {
+            this.powder_field.placeholder = item.statMap.get('slots') + ' slots';
+        }
+
+        const tier = item.statMap.get('tier');
+        this.input_field.classList.add(tier);
+        if (this.health_field) {
+            // Doesn't exist for weapons.
+            this.health_field.textContent = item.statMap.get('hp');
+        }
+        if (this.level_field) {
+            // Doesn't exist for tomes.
+            this.level_field.textContent = item.statMap.get('lvl');
+        }
+        this.image.classList.add(tier + "-shadow");
+        return null;
+    }
+}
+
+/**
+ * Node for rendering an item.
+ *
+ * Signature: ItemDisplayNode(item: Item) => null
+ */
+class ItemDisplayNode extends ComputeNode {
+    constructor(name, target_elem) {
+        super(name);
+        this.target_elem = target_elem;
+    }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "ItemInputDisplayNode accepts exactly one input (item)"; }
+        const [item] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+
+        displayExpandedItem(item.statMap, this.target_elem);
+        collapse_element("#"+this.target_elem);
+    }
+}
+
+/**
+ * Change the weapon to match correct type.
+ *
+ * Signature: WeaponInputDisplayNode(item: Item) => null
+ */
+class WeaponInputDisplayNode extends ComputeNode {
+
+    constructor(name, image_field, dps_field) {
+        super(name);
+        this.image = image_field;
+        this.dps_field = dps_field;
+    }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "WeaponDisplayNode accepts exactly one input (item)"; }
+        const [item] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+
+        const type = item.statMap.get('type');
+        this.image.setAttribute('src', '../media/items/new/generic-'+type+'.png');
+        let dps = get_base_dps(item.statMap);
+        if (isNaN(dps)) {
+            dps = dps[1];
+            if (isNaN(dps)) dps = 0;
+        }
+        this.dps_field.textContent = Math.round(dps);
+    }
+}
+
+/**
+ * Encode the build into a url-able string.
+ *
+ * Signature: BuildEncodeNode(build: Build,
+ *                            helmet-powder: List[powder],
+ *                            chestplate-powder: List[powder],
+ *                            leggings-powder: List[powder],
+ *                            boots-powder: List[powder],
+ *                            weapon-powder: List[powder]) => str
+ */
+class BuildEncodeNode extends ComputeNode {
+    constructor() { super("builder-encode"); }
+
+    compute_func(input_map) {
+        const build = input_map.get('build');
+        const atree = input_map.get('atree');
+        const atree_state = input_map.get('atree-state');
+        let powders = [
+            input_map.get('helmet-powder'),
+            input_map.get('chestplate-powder'),
+            input_map.get('leggings-powder'),
+            input_map.get('boots-powder'),
+            input_map.get('weapon-powder')
+        ];
+        const skillpoints = [
+            input_map.get('str'),
+            input_map.get('dex'),
+            input_map.get('int'),
+            input_map.get('def'),
+            input_map.get('agi')
+        ];
+        // TODO: grr global state for copy button..
+        player_build = build;
+        build_powders = powders;
+        return encodeBuild(build, powders, skillpoints, atree, atree_state);
+    }
+}
+
+/**
+ * Update the window's URL.
+ *
+ * Signature: URLUpdateNode(build_str: str) => null
+ */
+class URLUpdateNode extends ComputeNode {
+    constructor() { super("builder-url-update"); }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "URLUpdateNode accepts exactly one input (build_str)"; }
+        const [build_str] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        location.hash = build_str;
+    }
+}
+
+/**
+ * Create a "build" object from a set of equipments.
+ * Returns a new Build object, or null if all items are NONE items.
+ *
+ * Signature: BuildAssembleNode(helmet-input: Item,
+ *                              chestplate-input: Item,
+ *                              leggings-input: Item,
+ *                              boots-input: Item,
+ *                              ring1-input: Item,
+ *                              ring2-input: Item,
+ *                              bracelet-input: Item,
+ *                              necklace-input: Item,
+ *                              weapon-input: Item,
+ *                              level-input: int) => Build | null
+ */
+class BuildAssembleNode extends ComputeNode {
+    constructor() { super("builder-make-build"); }
+
+    compute_func(input_map) {
+        let equipments = [
+            input_map.get('helmet-input'),
+            input_map.get('chestplate-input'),
+            input_map.get('leggings-input'),
+            input_map.get('boots-input'),
+            input_map.get('ring1-input'),
+            input_map.get('ring2-input'),
+            input_map.get('bracelet-input'),
+            input_map.get('necklace-input'),
+            input_map.get('weaponTome1-input'),
+            input_map.get('weaponTome2-input'),
+            input_map.get('armorTome1-input'),
+            input_map.get('armorTome2-input'),
+            input_map.get('armorTome3-input'),
+            input_map.get('armorTome4-input'),
+            input_map.get('guildTome1-input')
+        ];
+        let weapon = input_map.get('weapon-input');
+        let level = input_map.get('level-input');
+
+        let all_none = weapon.statMap.has('NONE');
+        for (const item of equipments) {
+            all_none = all_none && item.statMap.has('NONE');
+        }
+        if (all_none && !location.hash) {
+            return null;
+        }
+        return new Build(level, equipments, weapon);
+    }
+}
+
+class PlayerClassNode extends ValueCheckComputeNode {
+    constructor(name) { super(name); }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "PlayerClassNode accepts exactly one input (build)"; }
+        const [build] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        return wep_to_class.get(build.weapon.statMap.get('type'));
+    }
+}
+
+/**
+ * Read an input field and parse into a list of powderings.
+ * Every two characters makes one powder. If parsing fails, NULL is returned.
+ *
+ * Signature: PowderInputNode() => List[powder] | null
+ */
+class PowderInputNode extends InputNode {
+
+    constructor(name, input_field) { super(name, input_field); }
+
+    compute_func(input_map) {
+        // TODO: haha improve efficiency to O(n) dumb
+        // also, error handling is missing
+        let input = this.input_field.value.trim();
+        let powdering = [];
+        let errorederrors = [];
+        while (input) {
+            let first = input.slice(0, 2);
+            let powder = powderIDs.get(first);
+            if (powder === undefined) {
+                return null;
+            } else {
+                powdering.push(powder);
+            }
+            input = input.slice(2);
+        }
+        return powdering;
+    }
+}
+
+/**
+ * Select a spell+spell "variation" based on a build / spell idx.
+ * Right now this isn't much logic and is only used to abstract away major id interactions
+ * but will become significantly more complex in wynn2.
+ *
+ * Signature: SpellSelectNode<int>(build: Build) => [Spell, SpellParts]
+ */
+class SpellSelectNode extends ComputeNode {
+    constructor(spell) {
+        super("builder-spell"+spell.base_spell+"-select");
+        this.spell = spell;
+    }
+
+    compute_func(input_map) {
+        const build = input_map.get('build');
+        let stats = build.statMap;
+        // TODO: apply major ids... DOOM.....
+
+        return [this.spell, this.spell.parts];
+    }
+}
+
+/*
+ * Get all defensive stats for this build.
+ */
+function getDefenseStats(stats) {
+    let defenseStats = [];
+    let def_pct = skillPointsToPercentage(stats.get('def'));
+    let agi_pct = skillPointsToPercentage(stats.get('agi'));
+    //total hp
+    let totalHp = stats.get("hp") + stats.get("hpBonus");
+    if (totalHp < 5) totalHp = 5;
+    defenseStats.push(totalHp);
+    //EHP
+    let ehp = [totalHp, totalHp];
+    let defMult = (2 - stats.get("classDef")) * stats.get("defMultiplier");
+    ehp[0] /= (1-def_pct)*(1-agi_pct)*defMult;
+    ehp[1] /= (1-def_pct)*defMult;
+    defenseStats.push(ehp);
+    //HPR
+    let totalHpr = rawToPct(stats.get("hprRaw"), stats.get("hprPct")/100.);
+    defenseStats.push(totalHpr);
+    //EHPR
+    let ehpr = [totalHpr, totalHpr];
+    ehpr[0] /= (1-def_pct)*(1-agi_pct)*defMult;
+    ehpr[1] /= (1-def_pct)*defMult;
+    defenseStats.push(ehpr);
+    //skp stats
+    defenseStats.push([ def_pct*100, agi_pct*100]);
+    //eledefs - TODO POWDERS
+    let eledefs = [0, 0, 0, 0, 0];
+    for(const i in skp_elements){ //kinda jank but ok
+        eledefs[i] = rawToPct(stats.get(skp_elements[i] + "Def"), stats.get(skp_elements[i] + "DefPct")/100.);
+    }
+    defenseStats.push(eledefs);
+    
+    //[total hp, [ehp w/ agi, ehp w/o agi], total hpr, [ehpr w/ agi, ehpr w/o agi], [def%, agi%], [edef,tdef,wdef,fdef,adef]]
+    return defenseStats;
+}
+
+/**
+ * Compute spell damage of spell parts.
+ * Currently kinda janky / TODO while we rework the internal rep. of spells.
+ *
+ * Signature: SpellDamageCalcNode(weapon-input: Item,
+ *                                stats: StatMap,
+ *                                spell-info: [Spell, SpellParts]) => List[SpellDamage]
+ */
+class SpellDamageCalcNode extends ComputeNode {
+    constructor(spell_num) {
+        super("builder-spell"+spell_num+"-calc");
+    }
+
+    compute_func(input_map) {
+        const weapon = input_map.get('build').weapon.statMap;
+        const spell_info = input_map.get('spell-info');
+        const spell = spell_info[0];
+        const spell_parts = spell_info[1];
+        const stats = input_map.get('stats');
+        const damage_mult = stats.get('damageMultiplier');
+        const skillpoints = [
+            stats.get('str'),
+            stats.get('dex'),
+            stats.get('int'),
+            stats.get('def'),
+            stats.get('agi')
+        ];
+        let spell_results = []
+        let spell_result_map = new Map();
+        const use_speed = (('use_atkspd' in spell) ? spell.use_atkspd : true);
+        const use_spell = (('scaling' in spell) ? spell.scaling === 'spell' : true);
+
+        // TODO: move preprocessing to separate node/node chain
+        for (const part of spell_parts) {
+            let spell_result;
+            if ('multipliers' in part) { // damage type spell
+                let results = calculateSpellDamage(stats, weapon, part.multipliers, use_spell, !use_speed);
+                spell_result = {
+                    type: "damage",
+                    normal_min: results[2].map(x => x[0]),
+                    normal_max: results[2].map(x => x[1]),
+                    normal_total: results[0],
+                    crit_min: results[2].map(x => x[2]),
+                    crit_max: results[2].map(x => x[3]),
+                    crit_total: results[1],
+                }
+            } else if ('power' in part) {
+                // TODO: wynn2 formula
+                let _heal_amount = (part.power * getDefenseStats(stats)[0] * Math.max(0.5,Math.min(1.75, 1 + 0.5 * stats.get("wDamPct")/100)));
+                spell_result = {
+                    type: "heal",
+                    heal_amount: _heal_amount
+                }
+            }
+            else {
+                continue;
+            }
+            spell_result.name = part.name;
+            spell_results.push(spell_result);
+            spell_result_map.set(part.name, spell_result);
+        }
+        for (const part of spell_parts) {
+            if ('hits' in part) {
+                let spell_result = {
+                    normal_min: [0, 0, 0, 0, 0, 0],
+                    normal_max: [0, 0, 0, 0, 0, 0],
+                    normal_total: [0, 0],
+                    crit_min: [0, 0, 0, 0, 0, 0],
+                    crit_max: [0, 0, 0, 0, 0, 0],
+                    crit_total: [0, 0],
+                    heal_amount: 0
+                }
+                const dam_res_keys = ['normal_min', 'normal_max', 'normal_total', 'crit_min', 'crit_max', 'crit_total'];
+                for (const [subpart_name, hits] of Object.entries(part.hits)) {
+                    const subpart = spell_result_map.get(subpart_name);
+                    if (spell_result.type) {
+                        if (subpart.type !== spell_result.type) {
+                            throw "SpellCalc total subpart type mismatch";
+                        }
+                    }
+                    else {
+                        spell_result.type = subpart.type;
+                    }
+                    if (spell_result.type === 'damage') {
+                        for (const key of dam_res_keys) {
+                            for (let i in spell_result.normal_min) {
+                                spell_result[key][i] += subpart[key][i] * hits;
+                            }
+                        }
+                    }
+                    else {
+                        spell_result.heal_amount += subpart.heal_amount;
+                    }
+                }
+                spell_result.name = part.name;
+                spell_results.push(spell_result);
+                spell_result_map.set(part.name, spell_result);
+            }
+        }
+        return spell_results;
+    }
+}
+
+
+/**
+ * Display spell damage from spell parts.
+ * Currently kinda janky / TODO while we rework the internal rep. of spells.
+ *
+ * Signature: SpellDisplayNode(stats: StatMap,
+ *                             spell-info: [Spell, SpellParts],
+ *                             spell-damage: List[SpellDamage]) => null
+ */
+class SpellDisplayNode extends ComputeNode {
+    constructor(spell_num) {
+        super("builder-spell"+spell_num+"-display");
+        this.spell_idx = spell_num;
+    }
+
+    compute_func(input_map) {
+        const stats = input_map.get('stats');
+        const spell_info = input_map.get('spell-info');
+        const damages = input_map.get('spell-damage');
+        const spell = spell_info[0];
+
+        const i = this.spell_idx;
+        let parent_elem = document.getElementById("spell"+i+"-info");
+        let overallparent_elem = document.getElementById("spell"+i+"-infoAvg");
+        displaySpellDamage(parent_elem, overallparent_elem, stats, spell, i+1, damages);
+    }
+}
+
+/*  Get melee stats for build.
+    Returns an array in the order:
+*/
+function getMeleeStats(stats, weapon) {
+    stats = new Map(stats); // Shallow copy
+    const weapon_stats = weapon.statMap;
+    const skillpoints = [
+            stats.get('str'),
+            stats.get('dex'),
+            stats.get('int'),
+            stats.get('def'),
+            stats.get('agi')
+        ];
+    if (weapon_stats.get("tier") === "Crafted") {
+        stats.set("damageBases", [weapon_stats.get("nDamBaseHigh"),weapon_stats.get("eDamBaseHigh"),weapon_stats.get("tDamBaseHigh"),weapon_stats.get("wDamBaseHigh"),weapon_stats.get("fDamBaseHigh"),weapon_stats.get("aDamBaseHigh")]);
+    }
+    let adjAtkSpd = attackSpeeds.indexOf(stats.get("atkSpd")) + stats.get("atkTier");
+    if(adjAtkSpd > 6){
+        adjAtkSpd = 6;
+    }else if(adjAtkSpd < 0){
+        adjAtkSpd = 0;
+    }
+
+    if (weapon_stats.get("type") === "relik") {
+        stats.set('damageMultiplier', 0.99); // CURSE YOU WYNNCRAFT
+        //One day we will create WynnWynn and no longer have shaman 99% melee injustice.
+        //In all seriousness 99% is because wynn uses 0.33 to estimate dividing the damage by 3 to split damage between 3 beams.
+    }
+    let results = calculateSpellDamage(stats, weapon_stats, [100, 0, 0, 0, 0, 0], false, true);
+    
+    let dex = skillpoints[1];
+
+    let totalDamNorm = results[0];
+    let totalDamCrit = results[1];
+    totalDamNorm.push(1-skillPointsToPercentage(dex));
+    totalDamCrit.push(skillPointsToPercentage(dex));
+    let damages_results = results[2];
+    
+    let singleHitTotal = ((totalDamNorm[0]+totalDamNorm[1])*(totalDamNorm[2])
+                        +(totalDamCrit[0]+totalDamCrit[1])*(totalDamCrit[2]))/2;
+
+    //Now do math
+    let normDPS = (totalDamNorm[0]+totalDamNorm[1])/2 * baseDamageMultiplier[adjAtkSpd];
+    let critDPS = (totalDamCrit[0]+totalDamCrit[1])/2 * baseDamageMultiplier[adjAtkSpd];
+    let avgDPS = (normDPS * (1 - skillPointsToPercentage(dex))) + (critDPS * (skillPointsToPercentage(dex)));
+    //[[n n n n] [e e e e] [t t t t] [w w w w] [f f f f] [a a a a] [lowtotal hightotal normalChance] [critlowtotal crithightotal critChance] normalDPS critCPS averageDPS adjAttackSpeed, singleHit] 
+    return damages_results.concat([totalDamNorm,totalDamCrit,normDPS,critDPS,avgDPS,adjAtkSpd, singleHitTotal]).concat(results[3]);
+}
+
+/**
+ * Display build stats.
+ *
+ * Signature: BuildDisplayNode(build: Build) => null
+ */
+class BuildDisplayNode extends ComputeNode {
+    constructor() { super("builder-stats-display"); }
+
+    compute_func(input_map) {
+        const build = input_map.get('build');
+        const stats = input_map.get('stats');
+        displayBuildStats('overall-stats', build, build_all_display_commands, stats);
+        displayBuildStats("offensive-stats", build, build_offensive_display_commands, stats);
+        displaySetBonuses("set-info", build);
+        let meleeStats = getMeleeStats(stats, build.weapon);
+        // TODO: move weapon out?
+        displayMeleeDamage(document.getElementById("build-melee-stats"), document.getElementById("build-melee-statsAvg"), meleeStats);
+
+        displayDefenseStats(document.getElementById("defensive-stats"), stats);
+
+        displayPoisonDamage(document.getElementById("build-poison-stats"), build);
+        displayEquipOrder(document.getElementById("build-order"), build.equip_order);
+    }
+}
+
+/**
+ * Show warnings for skillpoints, level, set bonus for a build
+ * Also shosw skill point remaining and other misc. info
+ *
+ * Signature: DisplayBuildWarningNode(build: Build, str: int, dex: int, int: int, def: int, agi: int) => null
+ */
+class DisplayBuildWarningsNode extends ComputeNode {
+    constructor() { super("builder-show-warnings"); }
+
+    compute_func(input_map) {
+        const build = input_map.get('build');
+        const min_assigned = build.base_skillpoints;
+        const base_totals = build.total_skillpoints;
+        const skillpoints = [
+                input_map.get('str'),
+                input_map.get('dex'),
+                input_map.get('int'),
+                input_map.get('def'),
+                input_map.get('agi')
+            ];
+        let skp_effects = ["% more damage dealt.","% chance to crit.","% spell cost reduction.","% less damage taken.","% chance to dodge."];
+        let total_assigned = 0;
+        for (let i in skp_order){ //big bren
+            const assigned = skillpoints[i] - base_totals[i] + min_assigned[i]
+            setText(skp_order[i] + "-skp-base", "Original: " + base_totals[i]);
+            setText(skp_order[i] + "-skp-assign", "Assign: " + assigned);
+            setValue(skp_order[i] + "-skp", skillpoints[i]);
+            let linebreak = document.createElement("br");
+            linebreak.classList.add("itemp");
+            setText(skp_order[i] + "-skp-pct", (skillPointsToPercentage(skillpoints[i])*100).toFixed(1).concat(skp_effects[i]));
+            document.getElementById(skp_order[i]+"-warnings").textContent = ''
+            if (assigned > 100) {
+                let skp_warning = document.createElement("p");
+                skp_warning.classList.add("warning", "small-text");
+                skp_warning.textContent += "Cannot assign " + assigned + " skillpoints in " + ["Strength","Dexterity","Intelligence","Defense","Agility"][i] + " manually.";
+                document.getElementById(skp_order[i]+"-warnings").appendChild(skp_warning);
+            }
+            total_assigned += assigned;
+        }
+
+        let summarybox = document.getElementById("summary-box");
+        summarybox.textContent = "";
+        let skpRow = document.createElement("p");
+
+        let remainingSkp = document.createElement("p");
+        remainingSkp.classList.add("scaled-font");
+        let remainingSkpTitle = document.createElement("b");
+        remainingSkpTitle.textContent = "Assigned " + total_assigned + " skillpoints. Remaining skillpoints: ";
+        let remainingSkpContent = document.createElement("b");
+        remainingSkpContent.textContent = "" + (levelToSkillPoints(build.level) - total_assigned);
+        remainingSkpContent.classList.add(levelToSkillPoints(build.level) - total_assigned < 0 ? "negative" : "positive");
+
+        remainingSkp.appendChild(remainingSkpTitle);
+        remainingSkp.appendChild(remainingSkpContent);
+
+        summarybox.append(skpRow);
+        summarybox.append(remainingSkp);
+        if(total_assigned > levelToSkillPoints(build.level)){
+            let skpWarning = document.createElement("span");
+            //skpWarning.classList.add("itemp");
+            skpWarning.classList.add("warning");
+            skpWarning.textContent = "WARNING: Too many skillpoints need to be assigned!";
+            let skpCount = document.createElement("p");
+            skpCount.classList.add("warning");
+            skpCount.textContent = "For level " + (build.level>101 ? "101+" : build.level)  + ", there are only " + levelToSkillPoints(build.level) + " skill points available.";
+            summarybox.append(skpWarning);
+            summarybox.append(skpCount);
+        }
+        let lvlWarning;
+        for (const item of build.items) {
+            let item_lvl;
+            if (item.statMap.get("crafted")) {
+                //item_lvl = item.get("lvlLow") + "-" + item.get("lvl");
+                item_lvl = item.statMap.get("lvlLow");
+            }
+            else {
+                item_lvl = item.statMap.get("lvl");
+            }
+
+            if (build.level < item_lvl) {
+                if (!lvlWarning) {
+                    lvlWarning = document.createElement("p");
+                    lvlWarning.classList.add("itemp"); lvlWarning.classList.add("warning");
+                    lvlWarning.textContent = "WARNING: A level " + build.level + " player cannot use some piece(s) of this build."
+                }
+                let baditem = document.createElement("p"); 
+                    baditem.classList.add("nocolor"); baditem.classList.add("itemp"); 
+                    baditem.textContent = item.statMap.get("displayName") + " requires level " + item_lvl + " to use.";
+                    lvlWarning.appendChild(baditem);
+            }
+        }
+        if(lvlWarning){
+            summarybox.append(lvlWarning);
+        }
+        for (const [setName, count] of build.activeSetCounts) {
+            const bonus = sets.get(setName).bonuses[count-1];
+            if (bonus["illegal"]) {
+                let setWarning = document.createElement("p");
+                setWarning.classList.add("itemp"); setWarning.classList.add("warning");
+                setWarning.textContent = "WARNING: illegal item combination: " + setName
+                summarybox.append(setWarning);
+            }
+        }
+    }
+}
+
+/**
+ * Aggregate stats from all inputs (merges statmaps).
+ *
+ * Signature: AggregateStatsNode(*args) => StatMap
+ */
+class AggregateStatsNode extends ComputeNode {
+    constructor() { super("builder-aggregate-stats"); }
+
+    compute_func(input_map) {
+        const output_stats = new Map();
+        for (const [k, v] of input_map.entries()) {
+            for (const [k2, v2] of v.entries()) {
+                if (output_stats.has(k2)) {
+                    // TODO: ugly AF
+                    if (k2 === 'damageMultiplier' || k2 === 'defMultiplier') {
+                        output_stats.set(k2, v2 * output_stats.get(k2));
+                    }
+                    else {
+                        output_stats.set(k2, v2 + output_stats.get(k2));
+                    }
+                }
+                else {
+                    output_stats.set(k2, v2);
+                }
+            }
+        }
+        return output_stats;
+    }
+}
+
+/**
+ * Aggregate editable ID stats with build and weapon type.
+ *
+ * Signature: AggregateEditableIDNode(build: Build, weapon: Item, *args) => StatMap
+ */
+class AggregateEditableIDNode extends ComputeNode {
+    constructor() { super("builder-aggregate-inputs"); }
+
+    compute_func(input_map) {
+        const build = input_map.get('build'); input_map.delete('build');
+
+        const output_stats = new Map(build.statMap);
+        for (const [k, v] of input_map.entries()) {
+            output_stats.set(k, v);
+        }
+
+        output_stats.set('classDef', classDefenseMultipliers.get(build.weapon.statMap.get("type")));
+        return output_stats;
+    }
+}
+
+let edit_id_output;
+function resetEditableIDs() {
+    edit_id_output.notify();
+}
+/**
+ * Set the editble id fields.
+ *
+ * Signature: EditableIDSetterNode(build: Build) => null
+ */
+class EditableIDSetterNode extends ComputeNode {
+    constructor(notify_nodes) {
+        super("builder-id-setter");
+        this.notify_nodes = notify_nodes.slice();
+    }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "EditableIDSetterNode accepts exactly one input (build)"; }
+        const [build] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        for (const id of editable_item_fields) {
+            const val = build.statMap.get(id);
+            document.getElementById(id).value = val;
+            document.getElementById(id+'-base').textContent = 'Original Value: ' + val;
+        }
+    }
+
+    notify() {
+        this.mark_dirty();
+        this.update();
+        // NOTE: DO NOT merge these loops for performance reasons!!!
+        for (const node of this.notify_nodes) {
+            node.mark_dirty();
+        }
+        for (const node of this.notify_nodes) {
+            node.update();
+        }
+    }
+}
+
+/**
+ * Set skillpoint fields from build.
+ * This is separate because..... because of the way we work with edit ids vs skill points during the load sequence....
+ *
+ * Signature: SkillPointSetterNode(build: Build) => null
+ */
+class SkillPointSetterNode extends ComputeNode {
+    constructor(notify_nodes) {
+        super("builder-skillpoint-setter");
+        this.notify_nodes = notify_nodes.slice();
+    }
+
+    compute_func(input_map) {
+        if (input_map.size !== 1) { throw "SkillPointSetterNode accepts exactly one input (build)"; }
+        const [build] = input_map.values();  // Extract values, pattern match it into size one list and bind to first element
+        for (const [idx, elem] of skp_order.entries()) {
+            document.getElementById(elem+'-skp').value = build.total_skillpoints[idx];
+        }
+        // NOTE: DO NOT merge these loops for performance reasons!!!
+        for (const node of this.notify_nodes) {
+            node.mark_dirty();
+        }
+        for (const node of this.notify_nodes) {
+            node.update();
+        }
+    }
+}
+
+/**
+ * Get number (possibly summed) from a text input.
+ *
+ * Signature: SumNumberInputNode() => int
+ */
+class SumNumberInputNode extends InputNode {
+    compute_func(input_map) {
+        let value = this.input_field.value;
+        if (value === "") { value = 0; }
+
+        let input_num = 0;
+        if (value.includes("+")) {
+            let skp = value.split("+");
+            for (const s of skp) {
+                const val = parseInt(s,10);
+                if (isNaN(val)) {
+                    return null;
+                }
+                input_num += val;
+            }
+        } else {
+            input_num = parseInt(value,10);
+            if (isNaN(input_num)) {
+                return null;
+            }
+        }
+        return input_num;
+    }
+}
+
+let item_nodes = [];
+let powder_nodes = [];
+let edit_input_nodes = [];
+let skp_inputs = [];
+let build_node;
+let stat_agg_node;
+let edit_agg_node;
+let atree_graph_creator;
+
+function builder_graph_init() {
+    // Phase 1/3: Set up item input, propagate updates, etc.
+
+    // Bind item input fields to input nodes, and some display stuff (for auto colorizing stuff).
+    for (const [eq, display_elem, none_item] of zip3(equipment_fields, build_fields, none_items)) {
+        let input_field = document.getElementById(eq+"-choice");
+        let item_image = document.getElementById(eq+"-img");
+
+        let item_input = new ItemInputNode(eq+'-input', input_field, none_item);
+        item_nodes.push(item_input);
+        new ItemInputDisplayNode(eq+'-input-display', eq, item_image).link_to(item_input);
+        new ItemDisplayNode(eq+'-item-display', display_elem).link_to(item_input);
+        //new PrintNode(eq+'-debug').link_to(item_input);
+        //document.querySelector("#"+eq+"-tooltip").setAttribute("onclick", "collapse_element('#"+ eq +"-tooltip');"); //toggle_plus_minus('" + eq + "-pm'); 
+    }
+    for (const [eq, none_item] of zip2(tome_fields, [none_tomes[0], none_tomes[0], none_tomes[1], none_tomes[1], none_tomes[1], none_tomes[1], none_tomes[2]])) {
+        let input_field = document.getElementById(eq+"-choice");
+        let item_image = document.getElementById(eq+"-img");
+
+        let item_input = new ItemInputNode(eq+'-input', input_field, none_item);
+        item_nodes.push(item_input);
+        new ItemInputDisplayNode(eq+'-input-display', eq, item_image).link_to(item_input);
+    }
+
+    // weapon image changer node.
+    let weapon_image = document.getElementById("weapon-img");
+    let weapon_dps = document.getElementById("weapon-dps");
+    new WeaponInputDisplayNode('weapon-type', weapon_image, weapon_dps).link_to(item_nodes[8]);
+
+    // Level input node.
+    let level_input = new InputNode('level-input', document.getElementById('level-choice'));
+
+    // "Build" now only refers to equipment and level (no powders). Powders are injected before damage calculation / stat display.
+    build_node = new BuildAssembleNode();
+    for (const input of item_nodes) {
+        build_node.link_to(input);
+    }
+    build_node.link_to(level_input);
+
+    let build_encode_node = new BuildEncodeNode();
+    build_encode_node.link_to(build_node, 'build');
+
+    let url_update_node = new URLUpdateNode();
+    url_update_node.link_to(build_encode_node, 'build-str');
+
+
+    for (const input of powder_inputs) {
+        let powder_node = new PowderInputNode(input, document.getElementById(input));
+        powder_nodes.push(powder_node);
+        build_encode_node.link_to(powder_node, input);
+    }
+
+    item_nodes[0].link_to(powder_nodes[0], 'powdering');
+    item_nodes[1].link_to(powder_nodes[1], 'powdering');
+    item_nodes[2].link_to(powder_nodes[2], 'powdering');
+    item_nodes[3].link_to(powder_nodes[3], 'powdering');
+    item_nodes[8].link_to(powder_nodes[4], 'powdering');
+
+    // Phase 2/3: Set up editable IDs, skill points; use decodeBuild() skill points, calculate damage
+
+    let build_disp_node = new BuildDisplayNode()
+    build_disp_node.link_to(build_node, 'build');
+
+    // Create one node that will be the "aggregator node" (listen to all the editable id nodes, as well as the build_node (for non editable stats) and collect them into one statmap)
+    stat_agg_node = new AggregateStatsNode();
+    edit_agg_node = new AggregateEditableIDNode();
+    edit_agg_node.link_to(build_node, 'build');
+    for (const field of editable_item_fields) {
+        // Create nodes that listens to each editable id input, the node name should match the "id"
+        const elem = document.getElementById(field);
+        const node = new SumNumberInputNode('builder-'+field+'-input', elem);
+
+        edit_agg_node.link_to(node, field);
+        edit_input_nodes.push(node);
+    }
+    // Edit IDs setter declared up here to set ids so they will be populated by default.
+    edit_id_output = new EditableIDSetterNode(edit_input_nodes);    // Makes shallow copy of list.
+    edit_id_output.link_to(build_node);
+
+    for (const skp of skp_order) {
+        const elem = document.getElementById(skp+'-skp');
+        const node = new SumNumberInputNode('builder-'+skp+'-input', elem);
+
+        edit_agg_node.link_to(node, skp);
+        build_encode_node.link_to(node, skp);
+        edit_input_nodes.push(node);
+        skp_inputs.push(node);
+    }
+    stat_agg_node.link_to(edit_agg_node);
+    build_disp_node.link_to(stat_agg_node, 'stats');
+
+    // Phase 3/3: Set up atree stuff.
+
+    let class_node = new PlayerClassNode('builder-class').link_to(build_node);
+    // These two are defined in `atree.js`
+    atree_node.link_to(class_node, 'player-class');
+    atree_merge.link_to(build_node, 'build');
+    atree_graph_creator = new AbilityTreeEnsureNodesNode(build_node, stat_agg_node)
+                                    .link_to(atree_collect_spells, 'spells');
+
+    build_encode_node.link_to(atree_node, 'atree').link_to(atree_state_node, 'atree-state');
+
+    // ---------------------------------------------------------------
+    //  Trigger the update cascade for build!
+    // ---------------------------------------------------------------
+    for (const input_node of item_nodes.concat(powder_nodes)) {
+        input_node.update();
+    }
+    level_input.update();
+
+    // kinda janky, manually set atree and update. Some wasted compute here
+    if (atree_data !== null && atree_node.value !== null) { // janky check if atree is valid
+        const atree_state = atree_state_node.value;
+        if (atree_data.length > 0) {
+            const active_nodes = decode_atree(atree_node.value, atree_data);
+            for (const node of active_nodes) {
+                atree_set_state(atree_state.get(node.ability.id), true);
+            }
+            atree_state_node.mark_dirty().update();
+        }
+    }
+
+    // Powder specials.
+    let powder_special_calc = new PowderSpecialCalcNode().link_to(powder_special_input, 'powder-specials');
+    new PowderSpecialDisplayNode().link_to(powder_special_input, 'powder-specials')
+        .link_to(stat_agg_node, 'stats').link_to(build_node, 'build');
+    stat_agg_node.link_to(powder_special_calc, 'powder-boost');
+    stat_agg_node.link_to(armor_powder_node, 'armor-powder');
+    powder_special_input.update();
+
+    // Potion boost.
+    stat_agg_node.link_to(boosts_node, 'potion-boost');
+
+    // Also do something similar for skill points
+
+    for (const node of edit_input_nodes) {
+        node.update();
+    }
+    
+    let skp_output = new SkillPointSetterNode(edit_input_nodes);
+    skp_output.link_to(build_node);
+
+    let build_warnings_node = new DisplayBuildWarningsNode();
+    build_warnings_node.link_to(build_node, 'build');
+    for (const [skp_input, skp] of zip2(skp_inputs, skp_order)) {
+        build_warnings_node.link_to(skp_input, skp);
+    }
+    build_warnings_node.update();
+
+    // call node.update() for each skillpoint node and stat edit listener node manually
+    // NOTE: the text boxes for skill points are already filled out by decodeBuild() so this will fix them
+    // this will propagate the update to the `stat_agg_node`, and then to damage calc
+
+    console.log("Set up graph");
+}
+
diff --git a/js/computation_graph.js b/js/computation_graph.js
index 4e193c6..1f13851 100644
--- a/js/computation_graph.js
+++ b/js/computation_graph.js
@@ -1,122 +1,263 @@
-let _ALL_NODES = new Map();
-
+let all_nodes = [];
 class ComputeNode {
-    /***
+    /**
      * Make a generic compute node.
      * Adds the node to the global map of nodenames to nodes (for calling from html listeners).
      *
      * @param name : Name of the node (string). Must be unique. Must "fit in" a JS string (terminated by single quotes).
      */
     constructor(name) {
-        if (_ALL_NODES.has(name)) {
-            throw 'Duplicate node name: ' + name;
-        }
-        _ALL_NODES.set(name, this)
-        this.inputs = [];
+        this.inputs = [];   // parent nodes
+        this.input_translation = new Map();
         this.children = [];
-        this.value = 0;
+        this.value = null;
         this.name = name;
         this.update_task = null;
-        this.update_time = Date.now();
+        this.fail_cb = false;   // Set to true to force updates even if parent failed.
+        this.dirty = 2;         // 3 states:
+                                // 2: dirty
+                                // 1: possibly dirty
+                                // 0: clean
+        this.inputs_dirty = new Map();
+        this.inputs_dirty_count = 0;
+        all_nodes.push(this);
     }
 
-    /***
+    /**
      * Request update of this compute node. Pushes updates to children.
      */
-    update(timestamp) {
-        if (timestamp <= this.update_time) {
+    update() {
+        if (this.inputs_dirty_count != 0) {
             return;
         }
-        this.update_time = timestamp;
-
-        let value_map = Map();
-        for (const input of this.inputs) {
-            value_map.set(input.name, input.get_value());
+        if (this.dirty === 0) {
+            return;
         }
-        this.value = this.compute_func();
+        if (this.dirty == 2) {
+            let calc_inputs = new Map();
+            for (const input of this.inputs) {
+                calc_inputs.set(this.input_translation.get(input.name), input.value);
+            }
+            this.value = this.compute_func(calc_inputs);
+        }
+        this.dirty = 0;
         for (const child of this.children) {
-            child.update();
+            child.mark_input_clean(this.name, this.value);
+        }
+        return this;
+    }
+
+    /**
+     * Mark parent as not dirty. Propagates calculation if all inputs are present.
+     */
+    mark_input_clean(input_name, value) {
+        if (value !== null || this.fail_cb) {
+            if (this.inputs_dirty.get(input_name)) {
+                this.inputs_dirty.set(input_name, false);
+                this.inputs_dirty_count -= 1;
+            }
+            if (this.inputs_dirty_count === 0) {
+                this.update();
+            }
         }
     }
 
-    /***
+    mark_input_dirty(input_name) {
+        if (!this.inputs_dirty.get(input_name)) {
+            this.inputs_dirty.set(input_name, true);
+            this.inputs_dirty_count += 1;
+        }
+    }
+
+    mark_dirty(dirty_state=2) {
+        if (this.dirty < dirty_state) {
+            this.dirty = dirty_state;
+            for (const child of this.children) {
+                child.mark_input_dirty(this.name);
+                child.mark_dirty(dirty_state);
+            }
+        }
+        return this;
+    }
+
+    /**
      * Get value of this compute node. Can't trigger update cascades (push based update, not pull based.)
      */
     get_value() {
         return this.value
     }
 
-    /***
+    /**
      * Abstract method for computing something. Return value is set into this.value
      */
-    compute_func() {
+    compute_func(input_map) {
         throw "no compute func specified";
     }
 
-    link_to(parent_node) {
+    /**
+     * Add link to a parent compute node, optionally with an alias.
+     */
+    link_to(parent_node, link_name) {
         this.inputs.push(parent_node)
+        link_name = (link_name !== undefined) ? link_name : parent_node.name;
+        this.input_translation.set(parent_node.name, link_name);
+        if (parent_node.dirty || (parent_node.value === null && !this.fail_cb)) {
+            this.inputs_dirty_count += 1;
+            this.inputs_dirty.set(parent_node.name, true);
+        }
         parent_node.children.push(this);
+        return this;
+    }
+
+    /**
+     * Delete a link to a parent node.
+     * TODO: time complexity of list deletion (not super relevant but it hurts my soul)
+     */
+    remove_link(parent_node) {
+        const idx = this.inputs.indexOf(parent_node);   // Get idx
+        this.inputs.splice(idx, 1);                     // remove element
+
+        this.input_translation.delete(parent_node.name);
+        const was_dirty = this.inputs_dirty.get(parent_node.name);
+        this.inputs_dirty.delete(parent_node.name);
+        if (was_dirty) {
+            this.inputs_dirty_count -= 1;
+        }
+
+        const idx2 = parent_node.children.indexOf(this);
+        parent_node.children.splice(idx2, 1);
+        return this;
     }
 }
 
-/***
+class ValueCheckComputeNode extends ComputeNode {
+    constructor(name) { super(name); }
+
+    /**
+     * Request update of this compute node. Pushes updates to children,
+     * but only if this node's value changed.
+     */
+    update() {
+        if (this.inputs_dirty_count != 0) {
+            return;
+        }
+        if (this.dirty === 0) {
+            return;
+        }
+
+        let calc_inputs = new Map();
+        for (const input of this.inputs) {
+            calc_inputs.set(this.input_translation.get(input.name), input.value);
+        }
+        let val = this.compute_func(calc_inputs);
+        if (val !== this.value) {
+            super.mark_dirty(2);
+        }
+        else {
+            console.log("soft update");
+        }
+        this.value = val;
+
+        this.dirty = 0;
+        for (const child of this.children) {
+            child.mark_input_clean(this.name, this.value);
+        }
+        return this;
+    }
+
+    /**
+     * Defaulting to "dusty" state.
+     */
+    mark_dirty(dirty_state="unused") {
+        return super.mark_dirty(1);
+    }
+
+}
+
+/**
  * Schedule a ComputeNode to be updated.
  *
- * @param node_name : ComputeNode name to schedule an update for.
+ * @param node : ComputeNode to schedule an update for.
  */
-function calcSchedule(node_name) {
-    node = _ALL_NODES.get(node_name);
+function calcSchedule(node, timeout) {
     if (node.update_task !== null) {
         clearTimeout(node.update_task);
     }
+    node.mark_dirty();
     node.update_task = setTimeout(function() {
-        const timestamp = Date.now();
-        node.update(timestamp);
+        node.update();
         node.update_task = null;
-    }, 500);
+    }, timeout);
 }
 
-/***
- * Node for getting an item's stats from an item input field.
- */
-class ItemStats extends ComputeNode {
-    /***
-     * Make an item stat pulling compute node.
-     *
-     * @param name: Name of this node.
-     * @param item_input_field: Input field (html element) to listen for item names from.
-     * @param none_item: Item object to use as the "none" for this field.
-     */
-    constructor(name, item_input_field, none_item) {
+class PrintNode extends ComputeNode {
+
+    constructor(name) {
         super(name);
-        this.input_field.setAttribute("onInput", "calcSchedule('"+name+"');");
-        this.input_field = item_input_field;
-        this.none_item = none_item;
+        this.fail_cb = true;
     }
 
-    compute_func() {
-        // built on the assumption of no one will type in CI/CR letter by letter
-
-        let item_text = this.input_field.value;
-        let item;
-
-        if (item_text.slice(0, 3) == "CI-") {
-            item = getCustomFromHash(item_text);
-        }
-        else if (item_text.slice(0, 3) == "CR-") {
-            item = getCraftFromHash(item_text);
-        } 
-        else if (itemMap.has(item_text)) {
-            item = itemMap.get(item_text);
-        } 
-        else if (tomeMap.has(item_text)) {
-            item = tomeMap.get(item_text);
-        }
-
-        if (!item) {
-            return this.none_item;
-        }
-        return item;
+    compute_func(input_map) {
+        console.log([this.name, input_map]);
+        return null;
     }
 }
 
+/**
+ * Node for getting an input from an input field.
+ * Fires updates whenever the input field is updated.
+ *
+ * Signature: InputNode() => str
+ */
+class InputNode extends ComputeNode {
+    constructor(name, input_field) {
+        super(name);
+        this.input_field = input_field;
+        this.input_field.addEventListener("input", () => calcSchedule(this, 500));
+        this.input_field.addEventListener("change", () => calcSchedule(this, 5));
+        //calcSchedule(this);  Manually fire first update for better control
+    }
+
+    compute_func(input_map) {
+        return this.input_field.value;
+    }
+}
+
+/**
+ * Passthrough node for simple aggregation.
+ * Unfortunately if you use this too much you get layers and layers of maps...
+ *
+ * Signature: PassThroughNode(**kwargs) => Map[...]
+ */
+class PassThroughNode extends ComputeNode {
+    constructor(name) {
+        super(name);
+        this.breakout_nodes = new Map();
+    }
+
+    compute_func(input_map) {
+        return input_map;
+    }
+
+    /**
+     * Get a ComputeNode that will "break out" one part of this aggregation input.
+     * There is some overhead to this operation because ComputeNode is not exactly a free abstraction... oof
+     * Also you will recv updates whenever any input that is part of the aggregation changes even
+     * if the specific sub-input didn't change.
+     *
+     * Parameters:
+     *      sub-input: The key to listen to
+     */
+    get_node(sub_input) {
+        if (this.breakout_nodes.has(sub_input)) {
+            return this.breakout_nodes.get(sub_input);
+        }
+        const _name = this.name;
+        const ret = new (class extends ComputeNode {
+                constructor() { super('passthrough-'+_name+'-'+sub_input); }
+                compute_func(input_map) { return input_map.get(_name).get(sub_input); }
+            })().link_to(this);
+        this.breakout_nodes.set(sub_input, ret);
+        return ret;
+    }
+}
diff --git a/js/craft.js b/js/craft.js
index 81d632c..db30aef 100644
--- a/js/craft.js
+++ b/js/craft.js
@@ -170,7 +170,6 @@ class Craft{
                 statMap.set(e + "Dam", "0-0");
                 statMap.set(e + "DamLow", "0-0");
             }
-            //statMap.set("damageBonus", [statMap.get("eDamPct"), statMap.get("tDamPct"), statMap.get("wDamPct"), statMap.get("fDamPct"), statMap.get("aDamPct")]);
             statMap.set("category","weapon");
             statMap.set("atkSpd",this.atkSpd);
         } 
@@ -190,7 +189,6 @@ class Craft{
         let amounts = this.recipe.get("materials").map(x=> x.get("amount"));
         //Mat Multipliers - should work!
         matmult = (tierToMult[tiers[0]]*amounts[0] + tierToMult[tiers[1]]*amounts[1]) / (amounts[0]+amounts[1]);
-        console.log(matmult);
 
         let low = this.recipe.get("healthOrDamage")[0];
         let high = this.recipe.get("healthOrDamage")[1];
@@ -382,12 +380,10 @@ class Craft{
 
         statMap.set("reqs",[0,0,0,0,0]);
         statMap.set("skillpoints", [0,0,0,0,0]);
-        statMap.set("damageBonus",[0,0,0,0,0]);
         for (const e in skp_order) {
             statMap.set(skp_order[e], statMap.get("maxRolls").has(skp_order[e]) ? statMap.get("maxRolls").get(skp_order[e]) : 0);
             statMap.get("skillpoints")[e] = statMap.get("maxRolls").has(skp_order[e]) ? statMap.get("maxRolls").get(skp_order[e]) : 0;
             statMap.get("reqs")[e] = statMap.has(skp_order[e]+"Req") && !consumableTypes.includes(statMap.get("type"))? statMap.get(skp_order[e]+"Req") : 0;
-            statMap.get("damageBonus")[e] = statMap.has(skp_order[e]+"DamPct") ? statMap.get(skp_order[e]+"DamPct") : 0;
         }
         for (const id of rolledIDs) {
             if (statMap.get("minRolls").has(id)) {
diff --git a/js/crafter.js b/js/crafter.js
index dbbbfd6..bb40c7e 100644
--- a/js/crafter.js
+++ b/js/crafter.js
@@ -172,16 +172,17 @@ function calculateCraft() {
     document.getElementById("mat-2").textContent = recipe.get("materials")[1].get("item").split(" ").slice(1).join(" ") + " Tier:"; 
     
     //Display Recipe Stats
-    displaysq2RecipeStats(player_craft, "recipe-stats");
+    displayRecipeStats(player_craft, "recipe-stats");
 
     //Display Craft Stats
     // displayCraftStats(player_craft, "craft-stats");
     let mock_item = player_craft.statMap;
-    displaysq2ExpandedItem(mock_item, "craft-stats");
+    apply_weapon_powders(mock_item);
+    displayExpandedItem(mock_item, "craft-stats");
 
     //Display Ingredients' Stats
     for (let i = 1; i < 7; i++) {
-        displaysq2ExpandedIngredient(player_craft.ingreds[i-1] , "ing-"+i+"-stats");
+        displayExpandedIngredient(player_craft.ingreds[i-1] , "ing-"+i+"-stats");
     }
     //Display Warnings - only ingred type warnings for now
     let warning_elem = document.getElementById("craft-warnings");
@@ -264,7 +265,7 @@ function populateFields() {
 */
 function copyRecipeHash() {
     if (player_craft) {
-        copyTextToClipboard("CR-"+location.hash);
+        copyTextToClipboard("CR-"+location.hash.slice(1));
         document.getElementById("copy-hash-button").textContent = "Copied!";
     }
 }
@@ -341,7 +342,7 @@ function toggleMaterial(buttonId) {
 */
 function updateCraftedImage() {
     let input = document.getElementById("recipe-choice");
-    if (item_types.includes(input.value)) {
+    if (all_types.includes(input.value)) {
         document.getElementById("recipe-img").src = "../media/items/" + (newIcons ? "new/":"old/") + "generic-" + input.value.toLowerCase() + ".png";
     }
 
@@ -364,4 +365,8 @@ function resetFields() {
     calculateCraft();
 }
 
-load_ing_init(init_crafter);
+(async function() {
+    let load_promises = [ load_ing_init() ];
+    await Promise.all(load_promises);
+    init_crafter();
+})();
diff --git a/js/custom.js b/js/custom.js
index 50ead5b..8c712af 100644
--- a/js/custom.js
+++ b/js/custom.js
@@ -175,6 +175,7 @@ function getCustomFromHash(hash) {
                 }
             }
             statMap.set("hash", "CI-" + name);
+            statMap.set("custom", true);
             return new Custom(statMap);
         }
     } catch (error) {
diff --git a/js/customizer.js b/js/customizer.js
index 80c6c66..059a849 100644
--- a/js/customizer.js
+++ b/js/customizer.js
@@ -370,7 +370,7 @@ function useBaseItem(elem) {
     //Check items db.
     for (const [name,itemObj] of itemMap) {
         if (itemName === name) {
-            baseItem = expandItem(itemObj, []);
+            baseItem = expandItem(itemObj);
             break;
         }
     }
diff --git a/js/damage_calc.js b/js/damage_calc.js
index 564ab2e..7b1945f 100644
--- a/js/damage_calc.js
+++ b/js/damage_calc.js
@@ -1,190 +1,297 @@
 const damageMultipliers = new Map([ ["allytotem", .15], ["yourtotem", .35], ["vanish", 0.80], ["warscream", 0.10], ["bash", 0.50] ]);
-// Calculate spell damage given a spell elemental conversion table, and a spell multiplier.
-// If spell mult is 0, its melee damage and we don't multiply by attack speed.
-// externalStats should be a map
-function calculateSpellDamage(stats, spellConversions, rawModifier, pctModifier, spellMultiplier, weapon, total_skillpoints, damageMultiplier, externalStats) {
-    let buildStats = new Map(stats);
-    let tooltipinfo = new Map(); 
-    //6x for damages, normal min normal max crit min crit max
-    let damageformulas = [["Min: = ","Max: = ","Min: = ","Max: = "],["Min: = ","Max: = ","Min: = ","Max: = "],["Min: = ","Max: = ","Min: = ","Max: = "],["Min: = ","Max: = ","Min: = ","Max: = "],["Min: = ","Max: = ","Min: = ","Max: = "],["Min: = ","Max: = ","Min: = ","Max: = "]];
 
-    if(externalStats) { //if nothing is passed in, then this hopefully won't trigger
-        for (const entry of externalStats) {
-            const key = entry[0];
-            const value = entry[1];
-            if (typeof value === "number") {
-                buildStats.set(key, buildStats.get(key) + value);
-            } else if (Array.isArray(value)) {
-                arr = [];
-                for (let j = 0; j < value.length; j++) {
-                    arr[j] = buildStats.get(key)[j] + value[j];
-                }
-                buildStats.set(key, arr);
-            }
+function get_base_dps(item) {
+    const attack_speed_mult = baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))];
+    //SUPER JANK @HPP PLS FIX
+    if (item.get("tier") !== "Crafted") {
+        let total_damage = 0;
+        for (const damage_k of damage_keys) {
+            damages = item.get(damage_k);
+            total_damage += damages[0] + damages[1];
         }
-    }
-
-    let powders = weapon.get("powders").slice();
-    
-    // Array of neutral + ewtfa damages. Each entry is a pair (min, max).
-    let damages = [];
-    const rawDamages = buildStats.get("damageRaw");
-    for (let i = 0; i < rawDamages.length; i++) {
-        const damage_vals = rawDamages[i].split("-").map(Number);
-        damages.push(damage_vals);
-    }
-
-    // Applying spell conversions
-    let neutralBase = damages[0].slice();
-    let neutralRemainingRaw = damages[0].slice();
-
-  
-    //powder application for custom crafted weapons is inherently fucked because there is no base. Unsure what to do.
-
-    //Powder application for Crafted weapons - this implementation is RIGHT YEAAAAAAAAA
-    //1st round - apply each as ingred, 2nd round - apply as normal
-    if (weapon.get("tier") === "Crafted") {
-        let damageBases = buildStats.get("damageBases").slice();
-        for (const p of powders.concat(weapon.get("ingredPowders"))) {
-            let powder = powderStats[p];  //use min, max, and convert
-            let element = Math.floor((p+0.01)/6); //[0,4], the +0.01 attempts to prevent division error
-            let diff = Math.floor(damageBases[0] * powder.convert/100);
-            damageBases[0] -= diff;
-            damageBases[element+1] += diff + Math.floor( (powder.min + powder.max) / 2 );
-        }
-        //update all damages
-        if(!weapon.get("custom")) {
-            for (let i = 0; i < damages.length; i++) {
-                damages[i] = [Math.floor(damageBases[i] * 0.9), Math.floor(damageBases[i] * 1.1)];
-            }
-        }
-        
-        neutralRemainingRaw = damages[0].slice();
-        neutralBase = damages[0].slice();
-    }
-    
-    for (let i = 0; i < 5; ++i) {
-        let conversionRatio = spellConversions[i+1]/100;
-        let min_diff = Math.min(neutralRemainingRaw[0], conversionRatio * neutralBase[0]);
-        let max_diff = Math.min(neutralRemainingRaw[1], conversionRatio * neutralBase[1]);
-        damages[i+1][0] = Math.floor(round_near(damages[i+1][0] + min_diff));
-        damages[i+1][1] = Math.floor(round_near(damages[i+1][1] + max_diff));
-        neutralRemainingRaw[0] = Math.floor(round_near(neutralRemainingRaw[0] - min_diff));
-        neutralRemainingRaw[1] = Math.floor(round_near(neutralRemainingRaw[1] - max_diff));
-    }
-
-    //apply powders to weapon
-    for (const powderID of powders) {
-        const powder = powderStats[powderID];
-        // Bitwise to force conversion to integer (integer division).
-        const element = (powderID/6) | 0;
-        let conversionRatio = powder.convert/100;
-        if (neutralRemainingRaw[1] > 0) {
-            let min_diff = Math.min(neutralRemainingRaw[0], conversionRatio * neutralBase[0]);
-            let max_diff = Math.min(neutralRemainingRaw[1], conversionRatio * neutralBase[1]);
-            damages[element+1][0] = Math.floor(round_near(damages[element+1][0] + min_diff));
-            damages[element+1][1] = Math.floor(round_near(damages[element+1][1] + max_diff));
-            neutralRemainingRaw[0] = Math.floor(round_near(neutralRemainingRaw[0] - min_diff));
-            neutralRemainingRaw[1] = Math.floor(round_near(neutralRemainingRaw[1] - max_diff));
-        }
-        damages[element+1][0] += powder.min;
-        damages[element+1][1] += powder.max;
-    }
-
-    
-
-    
-    //console.log(tooltipinfo);
-
-    damages[0] = neutralRemainingRaw;
-    tooltipinfo.set("damageBases", damages);
-
-    let damageMult = damageMultiplier;
-    let melee = false;
-    // If we are doing melee calculations:
-    tooltipinfo.set("dmgMult", damageMult);
-    if (spellMultiplier == 0) {
-        spellMultiplier = 1;
-        melee = true;
+        return total_damage * attack_speed_mult / 2;
     }
     else {
-        tooltipinfo.set("dmgMult", `(${tooltipinfo.get("dmgMult")} * ${spellMultiplier} * ${baseDamageMultiplier[attackSpeeds.indexOf(buildStats.get("atkSpd"))]})`)
-        damageMult *= spellMultiplier * baseDamageMultiplier[attackSpeeds.indexOf(buildStats.get("atkSpd"))];
-    }
-    //console.log(damages);
-    //console.log(damageMult);
-    tooltipinfo.set("rawModifier", `(${rawModifier} * ${spellMultiplier} * ${damageMultiplier})`);
-    rawModifier *= spellMultiplier * damageMultiplier;
-    let totalDamNorm = [0, 0];
-    let totalDamCrit = [0, 0];
-    let damages_results = [];
-    // 0th skillpoint is strength, 1st is dex.
-    let str = total_skillpoints[0];
-    let strBoost = 1 + skillPointsToPercentage(str);
-    if(!melee){
-        let baseDam = rawModifier * strBoost;
-        let baseDamCrit = rawModifier * (1 + strBoost);
-        totalDamNorm = [baseDam, baseDam];
-        totalDamCrit = [baseDamCrit, baseDamCrit];
-        for (let arr of damageformulas) {
-            arr = arr.map(x => x + " + " +tooltipinfo.get("rawModifier"));
+        let total_damage_min = 0;
+        let total_damage_max = 0;
+        for (const damage_k of damage_keys) {
+            damages = item.get(damage_k);
+            total_damage_min += damages[0][0] + damages[0][1];
+            total_damage_max += damages[1][0] + damages[1][1];
         }
+        total_damage_min = attack_speed_mult * total_damage_min / 2;
+        total_damage_max = attack_speed_mult * total_damage_max / 2;
+        return [total_damage_min, total_damage_max];
     }
-    let staticBoost = (pctModifier / 100.);
-    tooltipinfo.set("staticBoost", `${(pctModifier/ 100.).toFixed(2)}`);
-    tooltipinfo.set("skillBoost",["","","","","",""]);
-    let skillBoost = [0];
-    for (let i in total_skillpoints) {
-        skillBoost.push(skillPointsToPercentage(total_skillpoints[i]) + buildStats.get("damageBonus")[i] / 100.);
-        tooltipinfo.get("skillBoost")[parseInt(i,10)+1] = `(${skillPointsToPercentage(total_skillpoints[i]).toFixed(2)} + ${(buildStats.get("damageBonus")[i]/100.).toFixed(2)})`
-    }
-    tooltipinfo.get("skillBoost")[0] = undefined;
-
-    for (let i in damages) {
-        let damageBoost = 1 + skillBoost[i] + staticBoost;
-        tooltipinfo.set("damageBoost", `(1 + ${(tooltipinfo.get("skillBoost")[i] ? tooltipinfo.get("skillBoost")[i] + " + " : "")} ${tooltipinfo.get("staticBoost")})`)
-        damages_results.push([
-            Math.max(damages[i][0] * strBoost * Math.max(damageBoost,0) * damageMult, 0),       // Normal min
-            Math.max(damages[i][1] * strBoost * Math.max(damageBoost,0) * damageMult, 0),       // Normal max
-            Math.max(damages[i][0] * (strBoost + 1) * Math.max(damageBoost,0) * damageMult, 0),       // Crit min
-            Math.max(damages[i][1] * (strBoost + 1) * Math.max(damageBoost,0) * damageMult, 0),       // Crit max
-        ]);
-        damageformulas[i][0] += `(max((${tooltipinfo.get("damageBases")[i][0]} * ${strBoost} * max(${tooltipinfo.get("damageBoost")}, 0) * ${tooltipinfo.get("dmgMult")}), 0))`
-        damageformulas[i][1] += `(max((${tooltipinfo.get("damageBases")[i][1]} * ${strBoost} * max(${tooltipinfo.get("damageBoost")}, 0) * ${tooltipinfo.get("dmgMult")}), 0))`
-        damageformulas[i][2] += `(max((${tooltipinfo.get("damageBases")[i][0]} * ${strBoost} * 2 * max(${tooltipinfo.get("damageBoost")}, 0) * ${tooltipinfo.get("dmgMult")}), 0))`
-        damageformulas[i][3] += `(max((${tooltipinfo.get("damageBases")[i][1]} * ${strBoost} * 2 * max(${tooltipinfo.get("damageBoost")}, 0) * ${tooltipinfo.get("dmgMult")}), 0))`
-        totalDamNorm[0] += damages_results[i][0];
-        totalDamNorm[1] += damages_results[i][1];
-        totalDamCrit[0] += damages_results[i][2];
-        totalDamCrit[1] += damages_results[i][3];
-    }
-    if (melee) {
-        totalDamNorm[0] += Math.max(strBoost*rawModifier, -damages_results[0][0]);
-        totalDamNorm[1] += Math.max(strBoost*rawModifier, -damages_results[0][1]);
-        totalDamCrit[0] += Math.max((strBoost+1)*rawModifier, -damages_results[0][2]);
-        totalDamCrit[1] += Math.max((strBoost+1)*rawModifier, -damages_results[0][3]);
-    }
-    damages_results[0][0] += strBoost*rawModifier;
-    damages_results[0][1] += strBoost*rawModifier;
-    damages_results[0][2] += (strBoost + 1)*rawModifier;
-    damages_results[0][3] += (strBoost + 1)*rawModifier;
-    for (let i = 0; i < 2; i++) {
-        damageformulas[0][i] += ` + (${strBoost} * ${tooltipinfo.get("rawModifier")})`
-    }
-    for (let i = 2; i < 4; i++) {
-        damageformulas[0][i] += ` + (2 * ${strBoost} * ${tooltipinfo.get("rawModifier")})`
-    }
-
-    if (totalDamNorm[0] < 0) totalDamNorm[0] = 0;
-    if (totalDamNorm[1] < 0) totalDamNorm[1] = 0;
-    if (totalDamCrit[0] < 0) totalDamCrit[0] = 0;
-    if (totalDamCrit[1] < 0) totalDamCrit[1] = 0;
-
-    tooltipinfo.set("damageformulas", damageformulas);
-    return [totalDamNorm, totalDamCrit, damages_results, tooltipinfo];
 }
 
 
+function calculateSpellDamage(stats, weapon, conversions, use_spell_damage, ignore_speed=false) {
+    // TODO: Roll all the loops together maybe
+
+    // Array of neutral + ewtfa damages. Each entry is a pair (min, max).
+    // 1. Get weapon damage (with powders).
+    let weapon_damages;
+    if (weapon.get('tier') === 'Crafted') {
+        weapon_damages = damage_keys.map(x => weapon.get(x)[1]);
+    }
+    else {
+        weapon_damages = damage_keys.map(x => weapon.get(x));
+    }
+    let present = weapon.get(damage_present_key);
+
+    // 2. Conversions.
+    // 2.1. First, apply neutral conversion (scale weapon damage). Keep track of total weapon damage here.
+    let damages = [];
+    const neutral_convert = conversions[0] / 100;
+    let weapon_min = 0;
+    let weapon_max = 0;
+    for (const damage of weapon_damages) {
+        let min_dmg = damage[0] * neutral_convert;
+        let max_dmg = damage[1] * neutral_convert;
+        damages.push([min_dmg, max_dmg]);
+        weapon_min += damage[0];
+        weapon_max += damage[1];
+    }
+
+    // 2.2. Next, apply elemental conversions using damage computed in step 1.1.
+    // Also, track which elements are present. (Add onto those present in the weapon itself.)
+    let total_convert = 0;  //TODO get confirmation that this is how raw works.
+    for (let i = 1; i <= 5; ++i) {
+        if (conversions[i] > 0) {
+            const conv_frac = conversions[i]/100;
+            damages[i][0] += conv_frac * weapon_min;
+            damages[i][1] += conv_frac * weapon_max;
+            present[i] = true;
+            total_convert += conv_frac
+        }
+    }
+
+    // Also theres prop and rainbow!!
+    const damage_elements = ['n'].concat(skp_elements); // netwfa
+
+    if (!ignore_speed) {
+        // 3. Apply attack speed multiplier. Ignored for melee single hit
+        const attack_speed_mult = baseDamageMultiplier[attackSpeeds.indexOf(weapon.get("atkSpd"))];
+        for (let i = 0; i < 6; ++i) {
+            damages[i][0] *= attack_speed_mult;
+            damages[i][1] *= attack_speed_mult;
+        }
+    }
+
+    // 4. Add additive damage. TODO: Is there separate additive damage?
+    for (let i = 0; i < 6; ++i) {
+        if (present[i]) {
+            damages[i][0] += stats.get(damage_elements[i]+'DamAddMin');
+            damages[i][1] += stats.get(damage_elements[i]+'DamAddMax');
+        }
+    }
+
+    // 5. ID bonus.
+    let specific_boost_str = 'Md';
+    if (use_spell_damage) {
+        specific_boost_str = 'Sd';
+    }
+    // 5.1: %boost application
+    let skill_boost = [0];  // no neutral skillpoint booster
+    for (const skp of skp_order) {
+        skill_boost.push(skillPointsToPercentage(stats.get(skp)));
+    }
+    let static_boost = (stats.get(specific_boost_str.toLowerCase()+'Pct') + stats.get('damPct')) / 100;
+
+    // These do not count raw damage. I think. Easy enough to change
+    let total_min = 0;
+    let total_max = 0;
+    for (let i in damages) {
+        let damage_prefix = damage_elements[i] + specific_boost_str;
+        let damageBoost = 1 + skill_boost[i] + static_boost
+                            + ((stats.get(damage_prefix+'Pct') + stats.get(damage_elements[i]+'DamPct')) /100);
+        damages[i][0] *= Math.max(damageBoost, 0);
+        damages[i][1] *= Math.max(damageBoost, 0);
+        // Collect total damage post %boost
+        total_min += damages[i][0];
+        total_max += damages[i][1];
+    }
+
+    let total_elem_min = total_min - damages[0][0];
+    let total_elem_max = total_max - damages[0][1];
+
+    // 5.2: Raw application.
+    let prop_raw = stats.get(specific_boost_str.toLowerCase()+'Raw') + stats.get('damRaw');
+    let rainbow_raw = stats.get('r'+specific_boost_str+'Raw') + stats.get('rDamRaw');
+    for (let i in damages) {
+        let damages_obj = damages[i];
+        let damage_prefix = damage_elements[i] + specific_boost_str;
+        // Normie raw
+        let raw_boost = 0;
+        if (present[i]) {
+            raw_boost += stats.get(damage_prefix+'Raw') + stats.get(damage_elements[i]+'DamRaw');
+        }
+        // Next, rainraw and propRaw
+        let min_boost = raw_boost;
+        let max_boost = raw_boost;
+        if (total_max > 0) {    // TODO: what about total negative all raw?
+            if (total_elem_min > 0) {
+                min_boost += (damages_obj[0] / total_min) * prop_raw;
+            }
+            max_boost += (damages_obj[1] / total_max) * prop_raw;
+        }
+        if (i != 0 && total_elem_max > 0) {   // rainraw    TODO above
+            if (total_elem_min > 0) {
+                min_boost += (damages_obj[0] / total_elem_min) * rainbow_raw;
+            }
+            max_boost += (damages_obj[1] / total_elem_max) * rainbow_raw;
+        }
+        damages_obj[0] += min_boost * total_convert;
+        damages_obj[1] += max_boost * total_convert;
+    }
+
+    // 6. Strength boosters
+    // str/dex, as well as any other mutually multiplicative effects
+    let strBoost = 1 + skill_boost[1];
+    let total_dam_norm = [0, 0];
+    let total_dam_crit = [0, 0];
+    let damages_results = [];
+    const damage_mult = stats.get("damageMultiplier");
+
+    for (const damage of damages) {
+        const res = [
+            damage[0] * strBoost * damage_mult,       // Normal min
+            damage[1] * strBoost * damage_mult,       // Normal max
+            damage[0] * (strBoost + 1) * damage_mult,       // Crit min
+            damage[1] * (strBoost + 1) * damage_mult,       // Crit max
+        ];
+        damages_results.push(res);
+        total_dam_norm[0] += res[0];
+        total_dam_norm[1] += res[1];
+        total_dam_crit[0] += res[2];
+        total_dam_crit[1] += res[3];
+    }
+
+    if (total_dam_norm[0] < 0) total_dam_norm[0] = 0;
+    if (total_dam_norm[1] < 0) total_dam_norm[1] = 0;
+    if (total_dam_crit[0] < 0) total_dam_crit[0] = 0;
+    if (total_dam_crit[1] < 0) total_dam_crit[1] = 0;
+
+    return [total_dam_norm, total_dam_crit, damages_results];
+}
+
+/*
+Spell schema:
+
+spell: {
+    name:           str             internal string name for the spell. Unique identifier, also display
+    cost:           Optional[int]   ignored for spells that are not id 1-4
+    base_spell:     int             spell index. 0-4 are reserved (0 is melee, 1-4 is common 4 spells)
+    spell_type:     str             [TODO: DEPRECATED/REMOVE] "healing" or "damage"
+    scaling:        Optional[str]   [DEFAULT: "spell"] "melee" or "spell"
+    use_atkspd:     Optional[bool]  [DEFAULT: true] true to factor attack speed, false otherwise.
+    display:        Optional[str]   [DEFAULT: "total"] "total" to sum all parts. Or, the name of a spell part
+    parts:          List[part]      Parts of this spell (different stuff the spell does basically)
+}
+
+NOTE: when using `replace_spell` on an existing spell, all fields become optional.
+Specified fields overwrite existing fields; unspecified fields are left unchanged.
+
+
+There are three possible spell "part" types: damage, heal, and total.
+
+part: spell_damage | spell_heal | spell_total
+
+spell_damage: {
+    name:           str != "total"  Name of the part.
+    type:           "damage"        [TODO: DEPRECATED/REMOVE] flag signaling what type of part it is. Can infer from fields
+    multipliers:    array[num, 6]   floating point spellmults (though supposedly wynn only supports integer mults)
+}
+spell_heal: {
+    name:           str != "total"  Name of the part.
+    type:           "heal"          [TODO: DEPRECATED/REMOVE] flag signaling what type of part it is. Can infer from fields
+    power:          num             floating point healing power (1 is 100% of max hp).
+}
+spell_total: {
+    name:           str != "total"  Name of the part.
+    type:           "total"         [TODO: DEPRECATED/REMOVE] flag signaling what type of part it is. Can infer from fields
+    hits:           Map[str, num]   Keys are other part names, numbers are the multipliers. Undefined behavior if subparts
+                                        are not the same type of spell. Can only pull from spells defined before it.
+}
+
+
+Before passing to display, use the following structs.
+NOTE: total is collapsed into damage or healing.
+
+spell_damage: {
+    type:           "damage"        Internal use
+    name:           str             Display name of part. Should be human readable
+    normal_min:     array[num, 6]   floating point damages (no crit, min), can be less than zero. Order: NETWFA
+    normal_max:     array[num, 6]   floating point damages (no crit, max)
+    normal_total:   array[num, 2]   (min, max) noncrit total damage (not negative)
+    crit_min:       array[num, 6]   floating point damages (crit, min), can be less than zero. Order: NETWFA
+    crit_max:       array[num, 6]   floating point damages (crit, max)
+    crit_total:     array[num, 2]   (min, max) crit total damage (not negative)
+}
+spell_heal: {
+    type:           "heal"          Internal use
+    name:           str             Display name of part. Should be human readable
+    heal_amount:    num             floating point HP healed (self)
+}
+
+*/
+
+const default_spells = {
+    wand: [{
+        type: "replace_spell",  // not needed but makes this usable as an "abil part"
+        name: "Wand Melee",  // TODO: name for melee attacks?
+        base_spell: 0,
+        scaling: "melee", use_atkspd: false,
+        display: "Melee",
+        parts: [{ name: "Melee", multipliers: [100, 0, 0, 0, 0, 0] }]
+    }, {
+        name: "Heal",  // TODO: name for melee attacks? // JUST FOR TESTING...
+        base_spell: 1,
+        display: "Total Heal",
+        parts: [
+            { name: "First Pulse", power: 0.12 },
+            { name: "Second and Third Pulses", power: 0.06 },
+            { name: "Total Heal", hits: { "First Pulse": 1, "Second and Third Pulses": 2 } }
+        ]
+    }],
+    spear: [{
+        type: "replace_spell",  // not needed but makes this usable as an "abil part"
+        name: "Melee",  // TODO: name for melee attacks?
+        base_spell: 0,
+        scaling: "melee", use_atkspd: false,
+        display: "Melee",
+        parts: [{ name: "Melee", multipliers: [100, 0, 0, 0, 0, 0] }]
+    }],
+    bow: [{
+        type: "replace_spell",  // not needed but makes this usable as an "abil part"
+        name: "Bow Shot",  // TODO: name for melee attacks?
+        base_spell: 0,
+        scaling: "melee", use_atkspd: false,
+        display: "Single Shot",
+        parts: [{ name: "Single Shot", multipliers: [100, 0, 0, 0, 0, 0] }]
+    }],
+    dagger: [{
+        type: "replace_spell",  // not needed but makes this usable as an "abil part"
+        name: "Melee",  // TODO: name for melee attacks?
+        base_spell: 0,
+        scaling: "melee", use_atkspd: false,
+        display: "Melee",
+        parts: [{ name: "Melee", multipliers: [100, 0, 0, 0, 0, 0] }]
+    }],
+    relik: [{
+        type: "replace_spell",  // not needed but makes this usable as an "abil part"
+        name: "Relik Melee",  // TODO: name for melee attacks?
+        base_spell: 0,
+        spell_type: "damage",
+        scaling: "melee", use_atkspd: false,
+        display: "Total",
+        parts: [
+            { name: "Single Beam", multipliers: [33, 0, 0, 0, 0, 0] },
+            { name: "Total", hits: { "Single Beam": 3 } }
+        ]
+    }]
+};
 
 const spell_table = {
     "wand": [
diff --git a/js/dev.js b/js/dev.js
index bcebf7b..f17ca44 100644
--- a/js/dev.js
+++ b/js/dev.js
@@ -64,4 +64,4 @@ function toggleSection(section) {
     
 }
 
-init_dev();
\ No newline at end of file
+init_dev();
diff --git a/js/display.js b/js/display.js
index fcf9f5e..1d4865e 100644
--- a/js/display.js
+++ b/js/display.js
@@ -1,151 +1,3 @@
-/**
- * Apply armor powdering.
- * Applies twice for crafted items because wynn.
- * Also for jeweling for crafted items.
- */
-function applyArmorPowders(expandedItem, powders) {
-    applyArmorPowdersOnce(expandedItem, powders);
-    // NOTE: armor powder only applies once!
-    //if (expandedItem.get("crafted")) {
-    //    applyArmorPowdersOnce(expandedItem, powders);
-    //}
-}
-
-/**
- * Apply armor powders once only.
- * Encoding shortcut assumes that all powders give +def to one element
- * and -def to the element "behind" it in cycle ETWFA, which is true
- * as of now and unlikely to change in the near future.
- */
-function applyArmorPowdersOnce(expandedItem, powders) {
-    for(const id of powders){
-        let powder = powderStats[id];
-        let name = powderNames.get(id).charAt(0);
-        let prevName = skp_elements[(skp_elements.indexOf(name) + 4 )% 5];
-        expandedItem.set(name+"Def", (expandedItem.get(name+"Def") || 0) + powder["defPlus"]);
-        expandedItem.set(prevName+"Def", (expandedItem.get(prevName+"Def") || 0) - powder["defMinus"]);
-    }
-}
-
-/**
- * Take an item with id list and turn it into a set of minrolls and maxrolls.
- * Also applies powders to armor.
- */
-function expandItem(item, powders) {
-    let minRolls = new Map();
-    let maxRolls = new Map();
-    let expandedItem = new Map();
-    if (item.fixID) { //The item has fixed IDs.
-        expandedItem.set("fixID",true);
-        for (const id of rolledIDs) { //all rolled IDs are numerical
-            let val = (item[id] || 0);
-            minRolls.set(id,val);
-            maxRolls.set(id,val);
-        }
-    } else { //The item does not have fixed IDs.
-        for (const id of rolledIDs) {
-            let val = (item[id] || 0);
-            if (val > 0) { // positive rolled IDs
-                if (reversedIDs.includes(id)) {
-                    maxRolls.set(id,idRound(val*0.3));
-                    minRolls.set(id,idRound(val*1.3));
-                } else {
-                    maxRolls.set(id,idRound(val*1.3));
-                    minRolls.set(id,idRound(val*0.3));
-                }
-            } else if (val < 0) { //negative rolled IDs
-                if (reversedIDs.includes(id)) {
-                    maxRolls.set(id,idRound(val*1.3));
-                    minRolls.set(id,idRound(val*0.7));
-                }
-                else {
-                    maxRolls.set(id,idRound(val*0.7));
-                    minRolls.set(id,idRound(val*1.3));
-                }
-            }
-            else { // if val == 0
-                // NOTE: DO NOT remove this case! idRound behavior does not round to 0!
-                maxRolls.set(id,0);
-                minRolls.set(id,0);
-            }
-        }
-    }
-    for (const id of nonRolledIDs) {
-        expandedItem.set(id,item[id]);
-    }
-    expandedItem.set("minRolls",minRolls);
-    expandedItem.set("maxRolls",maxRolls);
-    expandedItem.set("powders", powders);
-    if (item.category === "armor") {
-        applyArmorPowders(expandedItem, powders);
-    }
-    return expandedItem;
-}
-
-/* Takes in an ingredient object and returns an equivalent Map().
-*/
-function expandIngredient(ing) {
-    let expandedIng = new Map();
-    let mapIds = ['consumableIDs', 'itemIDs', 'posMods'];
-    for (const id of mapIds) {
-        let idMap = new Map();
-        for (const key of Object.keys(ing[id])) {
-            idMap.set(key, ing[id][key]);
-        }
-        expandedIng.set(id, idMap);
-    }
-    let normIds = ['lvl','name', 'displayName','tier','skills','id'];
-    for (const id of normIds) {
-        expandedIng.set(id, ing[id]);
-    }
-    if (ing['isPowder']) {
-        expandedIng.set("isPowder",ing['isPowder']);
-        expandedIng.set("pid",ing['pid']);
-    }
-    //now the actually hard one
-    let idMap = new Map();
-    idMap.set("minRolls", new Map());
-    idMap.set("maxRolls", new Map());
-    for (const field of ingFields) {
-        let val = (ing['ids'][field] || 0);
-        idMap.get("minRolls").set(field, val['minimum']);
-        idMap.get("maxRolls").set(field, val['maximum']);
-    }
-    expandedIng.set("ids",idMap);
-    return expandedIng;
-}
-
-/* Takes in a recipe object and returns an equivalent Map().
-*/
-function expandRecipe(recipe) {
-    let expandedRecipe = new Map();
-    let normIDs = ["name", "skill", "type","id"];
-    for (const id of normIDs) {
-        expandedRecipe.set(id,recipe[id]);
-    }
-    let rangeIDs = ["durability","lvl", "healthOrDamage", "duration", "basicDuration"];
-    for (const id of rangeIDs) {
-        if(recipe[id]){
-            expandedRecipe.set(id, [recipe[id]['minimum'], recipe[id]['maximum']]);
-        } else {
-            expandedRecipe.set(id, [0,0]);
-        }
-    }
-    expandedRecipe.set("materials", [ new Map([ ["item", recipe['materials'][0]['item']], ["amount", recipe['materials'][0]['amount']] ]) , new Map([ ["item", recipe['materials'][1]['item']], ["amount",recipe['materials'][1]['amount'] ] ]) ]);
-    return expandedRecipe;
-}
-
-/*An independent helper function that rounds a rolled ID to the nearest integer OR brings the roll away from 0.
-* @param id
-*/
-function idRound(id){
-    rounded = Math.round(id);
-    if(rounded == 0){
-        return 1; //this is a hack, will need changing along w/ rest of ID system if anything changes
-    }else{
-        return rounded;
-    }
-}
 
 function apply_elemental_format(p_elem, id, suffix) {
     suffix = (typeof suffix !== 'undefined') ?  suffix : "";
@@ -153,12 +5,12 @@ function apply_elemental_format(p_elem, id, suffix) {
     let parts = idPrefixes[id].split(/ (.*)/);
     let element_prefix = parts[0];
     let desc = parts[1];
-    let i_elem = document.createElement('b');
+    let i_elem = document.createElement('span');
     i_elem.classList.add(element_prefix);
     i_elem.textContent = element_prefix;
     p_elem.appendChild(i_elem);
 
-    let i_elem2 = document.createElement('b');
+    let i_elem2 = document.createElement('span');
     i_elem2.textContent = " " + desc + suffix;
     p_elem.appendChild(i_elem2);
 }
@@ -168,18 +20,12 @@ function displaySetBonuses(parent_id,build) {
     let parent_div = document.getElementById(parent_id);
 
     let set_summary_elem = document.createElement('p');
-    set_summary_elem.classList.add('itemcenter');
-    set_summary_elem.textContent = "Set Bonuses:";
+    set_summary_elem.classList.add('text-center');
+    set_summary_elem.textContent = "Set Bonuses";
     parent_div.append(set_summary_elem);
-    
-    if (build.activeSetCounts.size) {
-        parent_div.parentElement.style.display = "block";
-    } else {
-        parent_div.parentElement.style.display = "none";
-    }
 
     for (const [setName, count] of build.activeSetCounts) {
-        const active_set = sets[setName];
+        const active_set = sets.get(setName);
         if (active_set["hidden"]) { continue; }
 
         let set_elem = document.createElement('p');
@@ -187,9 +33,8 @@ function displaySetBonuses(parent_id,build) {
         set_summary_elem.append(set_elem);
         
         const bonus = active_set.bonuses[count-1];
-        let mock_item = new Map();
-        mock_item.set("fixID", true);
-        mock_item.set("displayName", setName+" Set: "+count+"/"+sets[setName].items.length);
+        let mock_item = new Map([["fixID", true],
+                                 ["displayName", setName+" Set: "+count+"/"+sets.get(setName).items.length]]);
         let mock_minRolls = new Map();
         let mock_maxRolls = new Map();
         mock_item.set("minRolls", mock_minRolls);
@@ -205,53 +50,21 @@ function displaySetBonuses(parent_id,build) {
         }
         mock_item.set("powders", []);
         displayExpandedItem(mock_item, set_elem.id);
-        console.log(mock_item);
     }
 }
 
-
-function displayBuildStats(parent_id,build){
+function displayBuildStats(parent_id,build,command_group,stats){
     // Commands to "script" the creation of nice formatting.
     // #commands create a new element.
     // !elemental is some janky hack for elemental damage.
     // normals just display a thing.
 
-    let display_commands = build_overall_display_commands;
-
-    // Clear the parent div.
-    setHTML(parent_id, "");
+    let display_commands = command_group;
     let parent_div = document.getElementById(parent_id);
-    let title = document.createElement("p");
-    title.classList.add("itemcenter");
-    title.classList.add("itemp");
-    title.classList.add("title");
-    title.classList.add("Normal");
-    title.textContent = "Overall Build Stats";
-    parent_div.append(title);
-    parent_div.append(document.createElement("br"));
-
-    if (build.activeSetCounts.size > 0) {
-        let set_summary_elem = document.createElement('p');
-        set_summary_elem.classList.add('itemp');
-        set_summary_elem.classList.add('left');
-        set_summary_elem.textContent = "Set Summary:";
-        parent_div.append(set_summary_elem);
-        for (const [setName, count] of build.activeSetCounts) {
-            const active_set = sets[setName];
-            if (active_set["hidden"]) { continue; }
-
-            let set_elem = document.createElement('p');
-            set_elem.classList.add('itemp');
-            set_elem.classList.add('left');
-            set_elem.textContent = "    "+setName+" Set: "+count+"/"+sets[setName].items.length;
-            set_summary_elem.append(set_elem);
-        }
+    // Clear the parent div.
+    if (parent_div != null) {
+        setHTML(parent_id, "");
     }
-
-    displayDefenseStats(parent_div, build, true);
-
-    let stats = build.statMap;
-    //console.log(build.statMap);
     
     let active_elem;
     let elemental_format = false;
@@ -260,75 +73,82 @@ function displayBuildStats(parent_id,build){
     let staticIDs = ["hp", "eDef", "tDef", "wDef", "fDef", "aDef"];
 
     for (const command of display_commands) {
+        // style instructions
+        
         if (command.charAt(0) === "#") {
-            if (command === "#cdiv") {
-                active_elem = document.createElement('div');
-                active_elem.classList.add('itemcenter');
+            if (command === "#defense-stats") {
+                displayDefenseStats(parent_div, stats, true);
             }
-            else if (command === "#ldiv") {
-                active_elem = document.createElement('div');
-                active_elem.classList.add('itemleft');
-            }
-            else if (command === "#table") {
-                active_elem = document.createElement('table');
-                active_elem.classList.add('itemtable');
-            }
-            parent_div.appendChild(active_elem);
         }
-        else if (command.charAt(0) === "!") {
+        if (command.charAt(0) === "!") {
             // TODO: This is sooo incredibly janky.....
             if (command === "!elemental") {
                 elemental_format = !elemental_format;
             }
         }
+
+        // id instruction
         else {
             let id = command;
             if (stats.get(id)) {
                 let style = null;
+
+                // TODO: add pos and neg style
                 if (!staticIDs.includes(id)) {
                     style = "positive";
                     if (stats.get(id) < 0) {
                         style = "negative";
                     }
                 }
+
+                // ignore
                 let id_val = stats.get(id);
                 if (reversedIDs.includes(id)) {
                     style === "positive" ? style = "negative" : style = "positive"; 
                 }
                 if (id === "poison" && id_val > 0) {
-                    id_val = Math.ceil(id_val*build.statMap.get("poisonPct")/100);
+                    id_val = Math.ceil(id_val*stats.get("poisonPct")/100);
                 }
-                displayFixedID(active_elem, id, id_val, elemental_format, style);
+                displayFixedID(parent_div, id, id_val, elemental_format, style);
                 if (id === "poison" && id_val > 0) {
-                    let row = document.createElement('tr');
-                    let value_elem = document.createElement('td');
-                    value_elem.classList.add('right');
-                    value_elem.setAttribute("colspan", "2");
+                    let row = document.createElement('div');
+                    row.classList.add("row")
+                    let value_elem = document.createElement('div');
+                    value_elem.classList.add('col');
+                    value_elem.classList.add('text-end');
+
                     let prefix_elem = document.createElement('b');
                     prefix_elem.textContent = "\u279C With Strength: ";
                     let number_elem = document.createElement('b');
                     number_elem.classList.add(style);
-                    number_elem.textContent = (id_val * (1+skillPointsToPercentage(build.total_skillpoints[0])) ).toFixed(0) + idSuffixes[id];
+                    number_elem.textContent = (id_val * (1+skillPointsToPercentage(stats.get('str'))) ).toFixed(0) + idSuffixes[id];
                     value_elem.append(prefix_elem);
                     value_elem.append(number_elem);
                     row.appendChild(value_elem);
-
-                    active_elem.appendChild(row);
-                } else if (id === "ls" && id_val != 0) {
-                    let row = document.createElement("tr");
-                    let title = document.createElement("td");
-                    title.classList.add("left");
-                    title.textContent = "Effective Life Steal:"
-                    let value = document.createElement("td");
-                    let defStats = build.getDefenseStats();
-                    value.textContent = Math.round(defStats[1][0]*id_val/defStats[0]) + "/3s";
-                    value.classList.add("right");
-                    value.classList.add(style);
-                    row.appendChild(title);
-                    row.appendChild(value);
-                    active_elem.appendChild(row);
+                    parent_div.appendChild(row);
                 }
-            } else if (skp_order.includes(id)) {
+                else if (id === "ls" && id_val != 0) {
+                    let row = document.createElement('div');
+                    row.classList.add("row")
+                    let value_elem = document.createElement('div');
+                    value_elem.classList.add('col');
+                    value_elem.classList.add('text-end');
+
+                    let prefix_elem = document.createElement('b');
+                    prefix_elem.textContent = "\u279C Effective LS: ";
+
+                    let defStats = getDefenseStats(stats);
+                    let number_elem = document.createElement('b');
+                    number_elem.classList.add(style);
+                    number_elem.textContent = Math.round(defStats[1][0]*id_val/defStats[0]) + "/3s";
+                    value_elem.append(prefix_elem);
+                    value_elem.append(number_elem);
+                    row.appendChild(value_elem);
+                    parent_div.appendChild(row);
+                }
+            }
+            // sp thingy (WHY IS THIS HANDLED SEPARATELY TODO
+            else if (skp_order.includes(id)) {
                 let total_assigned = build.total_skillpoints[skp_order.indexOf(id)];
                 let base_assigned = build.base_skillpoints[skp_order.indexOf(id)];
                 let diff = total_assigned - base_assigned;
@@ -339,7 +159,7 @@ function displayBuildStats(parent_id,build){
                     style = "negative";
                 }
                 if (diff != 0) {
-                    displayFixedID(active_elem, id, diff, false, style);
+                    displayFixedID(parent_div, id, diff, false, style);
                 }
             }
         }
@@ -352,82 +172,34 @@ function displayExpandedItem(item, parent_id){
     // #commands create a new element.
     // !elemental is some janky hack for elemental damage.
     // normals just display a thing.
+    item = new Map(item);   // shallow copy
     if (item.get("category") === "weapon") {
-        let stats = new Map();
-        stats.set("atkSpd", item.get("atkSpd"));
-        stats.set("damageBonus", [0, 0, 0, 0, 0]);
-
-        //SUPER JANK @HPP PLS FIX
-        let damage_keys = [ "nDam_", "eDam_", "tDam_", "wDam_", "fDam_", "aDam_" ];
-        if (item.get("tier") !== "Crafted") {
-            stats.set("damageRaw", [item.get("nDam"), item.get("eDam"), item.get("tDam"), item.get("wDam"), item.get("fDam"), item.get("aDam")]);
-            let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, item, [0, 0, 0, 0, 0], 1, undefined);
-            let damages = results[2];
-            let total_damage = 0;
-            for (const i in damage_keys) {
-                total_damage += damages[i][0] + damages[i][1];
-                item.set(damage_keys[i], damages[i][0]+"-"+damages[i][1]);
-            }
-            total_damage = total_damage / 2;
-            item.set("basedps", total_damage);
-            
-        } else {
-            stats.set("damageRaw", [item.get("nDamLow"), item.get("eDamLow"), item.get("tDamLow"), item.get("wDamLow"), item.get("fDamLow"), item.get("aDamLow")]);
-            stats.set("damageBases", [item.get("nDamBaseLow"),item.get("eDamBaseLow"),item.get("tDamBaseLow"),item.get("wDamBaseLow"),item.get("fDamBaseLow"),item.get("aDamBaseLow")]);
-            let resultsLow = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, item, [0, 0, 0, 0, 0], 1, undefined);
-            let damagesLow = resultsLow[2];
-            stats.set("damageRaw", [item.get("nDam"), item.get("eDam"), item.get("tDam"), item.get("wDam"), item.get("fDam"), item.get("aDam")]);
-            stats.set("damageBases", [item.get("nDamBaseHigh"),item.get("eDamBaseHigh"),item.get("tDamBaseHigh"),item.get("wDamBaseHigh"),item.get("fDamBaseHigh"),item.get("aDamBaseHigh")]);
-            let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, item, [0, 0, 0, 0, 0], 1, undefined);
-            let damages = results[2];
-            console.log(damages);
-            
-            let total_damage_min = 0;
-            let total_damage_max = 0;
-            for (const i in damage_keys) {
-                total_damage_min += damagesLow[i][0] + damagesLow[i][1];
-                total_damage_max += damages[i][0] + damages[i][1];
-                item.set(damage_keys[i], damagesLow[i][0]+"-"+damagesLow[i][1]+"\u279c"+damages[i][0]+"-"+damages[i][1]);
-            }
-            total_damage_min = total_damage_min / 2;
-            total_damage_max = total_damage_max / 2;
-            item.set("basedps", [total_damage_min, total_damage_max]);
-        }
+        item.set('basedps', get_base_dps(item));
     } else if (item.get("category") === "armor") { 
     }
 
-    let display_commands = item_display_commands;
+    let display_commands = sq2_item_display_commands;
 
     // Clear the parent div.
     setHTML(parent_id, "");
     let parent_div = document.getElementById(parent_id);
+    parent_div.classList.add("border", "border-2", "border-dark");
     
-    let active_elem;
     let fix_id = item.has("fixID") && item.get("fixID");
     let elemental_format = false;
     for (let i = 0; i < display_commands.length; i++) {
         const command = display_commands[i];
-        if (command.charAt(0) === "#") {
-            if (command === "#cdiv") {
-                active_elem = document.createElement('div');
-                active_elem.classList.add('itemcenter');
-            }
-            else if (command === "#ldiv") {
-                active_elem = document.createElement('div');
-                active_elem.classList.add('itemleft');
-            }
-            else if (command === "#table") {
-                active_elem = document.createElement('table');
-                active_elem.classList.add('itemtable');
-            }
-            active_elem.style.maxWidth = "100%";
-            parent_div.appendChild(active_elem);
-        }
-        else if (command.charAt(0) === "!") {
+        if (command.charAt(0) === "!") {
             // TODO: This is sooo incredibly janky.....
             if (command === "!elemental") {
                 elemental_format = !elemental_format;
-            } 
+            }
+            else if (command === "!spacer") {
+                let spacer = document.createElement('div');
+                spacer.classList.add("row", "my-2");
+                parent_div.appendChild(spacer);
+                continue;
+            }
         }
         else {
             let id = command; 
@@ -439,12 +211,13 @@ function displayExpandedItem(item, parent_id){
                     }
                 }
                 if (id === "slots") {
-                    let p_elem = document.createElement("p");
+                    let p_elem = document.createElement("div");
+                    p_elem.classList.add("col");
+                    
                     // PROPER POWDER DISPLAYING
                     let numerals = new Map([[1, "I"], [2, "II"], [3, "III"], [4, "IV"], [5, "V"], [6, "VI"]]);
 
                     let powderPrefix = document.createElement("b");
-                    powderPrefix.classList.add("powderLeft"); powderPrefix.classList.add("left");
                     powderPrefix.textContent = "Powder Slots: " + item.get(id) + " [";
                     p_elem.appendChild(powderPrefix);
                     
@@ -457,21 +230,21 @@ function displayExpandedItem(item, parent_id){
                     }
 
                     let powderSuffix = document.createElement("b");
-                    powderSuffix.classList.add("powderRight"); powderSuffix.classList.add("left"); 
                     powderSuffix.textContent = "]";
                     p_elem.appendChild(powderSuffix);
-                    active_elem.appendChild(p_elem);
+                    parent_div.appendChild(p_elem);
                 } else if (id === "set") {
                     if (item.get("hideSet")) { continue; }
 
-                    let p_elem = document.createElement("p");
-                    p_elem.classList.add("itemp");
+                    let p_elem = document.createElement("div");
+                    p_elem.classList.add("col");
                     p_elem.textContent = "Set: " + item.get(id).toString();
-                    active_elem.appendChild(p_elem);
+                    parent_div.appendChild(p_elem);
                 } else if (id === "majorIds") {
+                    //console.log(item.get(id));
                     for (let majorID of item.get(id)) {
-                        let p_elem = document.createElement("p");
-                        p_elem.classList.add("itemp");
+                        let p_elem = document.createElement("div");
+                        p_elem.classList.add("col");
 
                         let title_elem = document.createElement("b");
                         let b_elem = document.createElement("b");
@@ -492,60 +265,108 @@ function displayExpandedItem(item, parent_id){
                             b_elem.textContent = name;
                             p_elem.appendChild(b_elem);
                         }
-                        active_elem.appendChild(p_elem);
+                        parent_div.appendChild(p_elem);
                     }
                 } else if (id === "lvl" && item.get("tier") === "Crafted") {
-                    let p_elem = document.createElement("p");
-                    p_elem.classList.add("itemp");
+                    let p_elem = document.createElement("div");
+                    p_elem.classList.add("col");
                     p_elem.textContent = "Combat Level Min: " + item.get("lvlLow") + "-" + item.get(id);
-                    active_elem.appendChild(p_elem);
+                    parent_div.appendChild(p_elem);
                 } else if (id === "displayName") {
-                    let p_elem = document.createElement("a");
-                    p_elem.classList.add('itemp');
-                    p_elem.classList.add("smalltitle");
-                    p_elem.classList.add(item.has("tier") ? item.get("tier").replace(" ","") : "none");
+                    let row = document.createElement("div");
+
+                    let a_elem = document.createElement("a");
+                    row.classList.add("row", "justify-content-center");
+                    a_elem.classList.add("col-auto", "text-center", "item-title", "p-0");
+                    a_elem.classList.add(item.has("tier") ? item.get("tier").replace(" ","") : "Normal");
+                    // a_elem.style.textGrow = 1;
                     
+                    row.appendChild(a_elem);
+
+                    /* 
+                    FUNCTIONALITY FOR THIS FEATURE HAS SINCE BEEN REMOVED (WITH SQ2).
+                    IF WE WANT TO USE IT IN THE FUTURE, I'VE LEFT THE CODE TO ADD IT IN HERE
+                    */
+
+                    //allow the plus minus element to toggle upon click: ➕➖
+                    //let plusminus = document.createElement("div");
+                    //plusminus.id = parent_div.id.split("-")[0] + "-pm";
+                    //plusminus.classList.add("col", "plus_minus", "text_end");
+                    //plusminus.style.flexGrow = 0;
+                    //plusminus.textContent = "\u2795";
+                    //row.appendChild(plusminus);
+
+                    if (item.get("custom")) {
+                        a_elem.href = "../custom/#" + item.get("hash");
+                        a_elem.textContent = item.get("displayName");
+                    } else if (item.get("crafted")) {
+                        a_elem.href = "../crafter/#" + item.get("hash");
+                        a_elem.textContent = item.get(id);
+                    } else {
+                        a_elem.href = "../item/#" + item.get("displayName");
+                        a_elem.textContent = item.get("displayName");
+                    }
+                    parent_div.appendChild(row);
+
+                    let nolink_row = document.createElement("div");
+                    let p_elem = document.createElement("p");
+                    nolink_row.classList.add("row", "justify-content-center");
+                    nolink_row.style.display = "none";
+                    p_elem.classList.add("col-auto", "text-center", "item-title", "p-0");
+                    p_elem.classList.add(item.has("tier") ? item.get("tier").replace(" ","") : "Normal");
                     if (item.get("custom")) {
-                        p_elem.href = url_base.replace(/\w+.html/, "") + "customizer.html#" + item.get("hash");
                         p_elem.textContent = item.get("displayName");
                     } else if (item.get("crafted")) {
-                        p_elem.href = url_base.replace(/\w+.html/, "") + "crafter.html#" + item.get("hash");
                         p_elem.textContent = item.get(id);
                     } else {
-                        p_elem.href = url_base.replace(/\w+.html/, "") + "item.html#" + item.get("displayName");
                         p_elem.textContent = item.get("displayName");
                     }
+                    
+                    nolink_row.appendChild(p_elem);
+                    parent_div.appendChild(nolink_row);
 
-                    p_elem.target = "_blank";
-                    active_elem.appendChild(p_elem);
                     let img = document.createElement("img");
                     if (item && item.has("type")) {
                         img.src = "../media/items/" + (newIcons ? "new/":"old/") + "generic-" + item.get("type") + ".png";
                         img.alt = item.get("type");
-                        img.style = " z=index: 1;max-width: 64px; max-height: 64px; position: relative; top: 50%; transform: translateY(-50%);";
-                        let bckgrd = document.createElement("p");
-                        bckgrd.style = "width: 96px; height: 96px; border-radius: 50%;background-image: radial-gradient(closest-side, " + colorMap.get(item.get("tier")) + " 20%," + "#121516 80%); margin-left: auto; margin-right: auto;"
-                        bckgrd.classList.add("center");
-                        bckgrd.classList.add("itemp");
-                        active_elem.appendChild(bckgrd);
+                        img.style = " z=index: 1; position: relative;";
+                        let container = document.createElement("div");
+                        
+                        let bckgrd = document.createElement("div");
+                        bckgrd.classList.add("col", "px-0", "d-flex", "align-items-center", "justify-content-center");// , "no-collapse");
+                        bckgrd.style = "border-radius: 50%;background-image: radial-gradient(closest-side, " + colorMap.get(item.get("tier")) + " 20%," + "hsl(0, 0%, 16%) 80%); margin-left: auto; margin-right: auto;"
+                        bckgrd.classList.add("scaled-bckgrd");
+                        parent_div.appendChild(container);
+                        container.appendChild(bckgrd);
                         bckgrd.appendChild(img);
                     }
                 } else {
+                    if (id.endsWith('Dam_')) {
+                        // TODO: kinda jank but replacing lists with txt at this step
+                        let damages = item.get(id);
+                        if (item.get("tier") !== "Crafted") {
+                            damages = damages.map(x => Math.round(x));
+                            item.set(id, damages[0]+"-"+damages[1]);
+                        }
+                        else {
+                            damages = damages.map(x => x.map(y => Math.round(y)));
+                            item.set(id, damages[0][0]+"-"+damages[0][1]+"\u279c"+damages[1][0]+"-"+damages[1][1]);
+                        }
+                    }
+
                     let p_elem;
-                    if ( !(item.get("tier") === "Crafted" && item.get("category") === "armor" && id === "hp") && (!skp_order.includes(id)) || (skp_order.includes(id) && item.get("tier") !== "Crafted" && active_elem.nodeName === "DIV") ) { //skp warp
-                        p_elem = displayFixedID(active_elem, id, item.get(id), elemental_format);
+                    // TODO: wtf is this if statement
+                    if ( !(item.get("tier") === "Crafted" && item.get("category") === "armor" && id === "hp") && (!skp_order.includes(id)) || (skp_order.includes(id) && item.get("tier") !== "Crafted" && parent_div.nodeName === "table") ) { //skp warp
+                        p_elem = displayFixedID(parent_div, id, item.get(id), elemental_format);
                     } else if (item.get("tier") === "Crafted" && item.get("category") === "armor" && id === "hp") {
-                        p_elem = displayFixedID(active_elem, id, item.get(id+"Low")+"-"+item.get(id), elemental_format);
+                        p_elem = displayFixedID(parent_div, id, item.get(id+"Low")+"-"+item.get(id), elemental_format);
                     }
                     if (id === "lore") {
                         p_elem.style = "font-style: italic";
-                        p_elem.classList.add("lore");
                     } else if (skp_order.includes(id)) { //id = str, dex, int, def, or agi
-                        if ( item.get("tier") !== "Crafted" && active_elem.nodeName === "DIV") {
-                            p_elem.textContent = "";
-                            p_elem.classList.add("itemp");
-                            row = document.createElement("p");
-                            row.classList.add("left");
+                        if ( item.get("tier") !== "Crafted") {
+                            row = document.createElement("div");
+                            row.classList.add("col");
                             
                             let title = document.createElement("b");
                             title.textContent = idPrefixes[id] + " ";
@@ -558,10 +379,10 @@ function displayExpandedItem(item, parent_id){
                             boost.textContent = item.get(id);
                             row.appendChild(title);
                             row.appendChild(boost);
-                            p_elem.appendChild(row);
-                        } else if ( item.get("tier") === "Crafted" && active_elem.nodeName === "TABLE") {
+                            parent_div.appendChild(row);
+                        } else if ( item.get("tier") === "Crafted") {
                             let row = displayRolledID(item, id, elemental_format);
-                            active_elem.appendChild(row);
+                            parent_div.appendChild(row);
                         }
                     } else if (id === "restrict") {
                         p_elem.classList.add("restrict");
@@ -579,11 +400,17 @@ function displayExpandedItem(item, parent_id){
                     style === "positive" ? style = "negative" : style = "positive"; 
                 }
                 if (fix_id) {
-                    displayFixedID(active_elem, id, item.get("minRolls").get(id), elemental_format, style);
+                    p_elem = document.createElement("div");
+                    p_elem.classList.add("col", "text-nowrap");
+                    if (id == "dex") {
+                        console.log("dex activated at fix_id")
+                    }
+                    displayFixedID(p_elem, id, item.get("minRolls").get(id), elemental_format, style);
+                    parent_div.appendChild(p_elem);
                 }
                 else {
                     let row = displayRolledID(item, id, elemental_format);
-                    active_elem.appendChild(row);
+                    parent_div.appendChild(row);
                 }
             }else{
               // :/  
@@ -591,10 +418,10 @@ function displayExpandedItem(item, parent_id){
         }
     }
     //Show powder specials ;-;
-    let nonConsumables = ["relik", "wand", "bow", "spear", "dagger", "chestplate", "helmet", "leggings", "boots", "ring", "bracelet", "necklace"];
+    let nonConsumables = ["relik", "wand", "bow", "spear", "dagger", "chestplate", "helmet", "leggings", "boots"];//, "ring", "bracelet", "necklace"];
     if(nonConsumables.includes(item.get("type"))) {
-        let powder_special = document.createElement("p");
-        powder_special.classList.add("left");
+        let powder_special = document.createElement("div");
+        powder_special.classList.add("col");
         let powders = item.get("powders");
         let element = "";
         let power = 0;
@@ -615,10 +442,9 @@ function displayExpandedItem(item, parent_id){
         if (element !== "") {//powder special is "[e,t,w,f,a]+[0,1,2,3,4]"
             let powderSpecial = powderSpecialStats[ skp_elements.indexOf(element)];
             let specialSuffixes = new Map([ ["Duration", " sec"], ["Radius", " blocks"], ["Chains", ""], ["Damage", "%"], ["Damage Boost", "%"], ["Knockback", " blocks"] ]);
-            let specialTitle = document.createElement("p");
-            let specialEffects = document.createElement("p");
-            addClasses(specialTitle, ["left", "itemp", damageClasses[skp_elements.indexOf(element) + 1]]);
-            addClasses(specialEffects, ["left", "itemp", "nocolor"]);
+            let specialTitle = document.createElement("span");
+            let specialEffects = document.createElement("span");
+            addClasses(specialTitle, [damageClasses[skp_elements.indexOf(element) + 1]]);
             let effects;
             if (item.get("category") === "weapon") {//weapon
                 effects = powderSpecial["weaponSpecialEffects"];
@@ -630,7 +456,7 @@ function displayExpandedItem(item, parent_id){
             for (const [key,value] of effects.entries()) {
                 if (key !== "Description") {
                     let effect = document.createElement("p");
-                    effect.classList.add("itemp");
+                    effect.classList.add("m-0");
                     effect.textContent = key + ": " + value[power] + specialSuffixes.get(key);
                     if(key === "Damage"){
                         effect.textContent += elementIcons[skp_elements.indexOf(element)];
@@ -650,8 +476,8 @@ function displayExpandedItem(item, parent_id){
     }
     
     if(item.get("tier") && item.get("tier") === "Crafted") {
-        let dura_elem = document.createElement("p");
-        dura_elem.classList.add("itemp");
+        let dura_elem = document.createElement("div");
+        dura_elem.classList.add("col");
         let dura = [];
         let suffix = "";
         if(nonConsumables.includes(item.get("type"))) {
@@ -663,8 +489,7 @@ function displayExpandedItem(item, parent_id){
             suffix = " sec."
             let charges = document.createElement("b");
             charges.textContent = "Charges: " + item.get("charges");
-            charges.classList.add("spaceleft");
-            active_elem.appendChild(charges);
+            parent_div.appendChild(charges);
         }
 
         if (typeof(dura) === "string") {
@@ -672,16 +497,21 @@ function displayExpandedItem(item, parent_id){
         } else {
             dura_elem.textContent += dura[0]+"-"+dura[1] + suffix;
         }
-        active_elem.append(dura_elem);
+        parent_div.append(dura_elem);
 
     }
     //Show item tier
     if (item.get("tier") && item.get("tier") !== " ") {
-        let item_desc_elem = document.createElement("p");
-        item_desc_elem.classList.add('itemp');
+        let item_desc_elem = document.createElement("div");
+        item_desc_elem.classList.add("col");
         item_desc_elem.classList.add(item.get("tier"));
-        item_desc_elem.textContent = item.get("tier")+" "+item.get("type");
-        active_elem.append(item_desc_elem);
+        if (tome_types.includes(item.get("type"))) {
+            tome_type_map = new Map([["weaponTome", "Weapon Tome"],["armorTome", "Armor Tome"],["guildTome", "Guild Tome"]]);
+            item_desc_elem.textContent = item.get("tier")+" "+tome_type_map.get(item.get("type"));
+        } else {
+            item_desc_elem.textContent = item.get("tier")+" "+item.get("type");
+        }
+        parent_div.append(item_desc_elem);
     }
 
     //Show item hash if applicable
@@ -692,35 +522,39 @@ function displayExpandedItem(item, parent_id){
         item_desc_elem.style.wordWrap = "break-word";
         item_desc_elem.style.wordBreak = "break-word";
         item_desc_elem.textContent = item.get("hash");
-        active_elem.append(item_desc_elem);
+        parent_div.append(item_desc_elem);
     }
 
     if (item.get("category") === "weapon") { 
-        let damage_mult = baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))];
         let total_damages = item.get("basedps");
         let base_dps_elem = document.createElement("p");
         base_dps_elem.classList.add("left");
         base_dps_elem.classList.add("itemp");
         if (item.get("tier") === "Crafted") {
-            let base_dps_min = total_damages[0] * damage_mult;
-            let base_dps_max = total_damages[1] * damage_mult;
+            let base_dps_min = total_damages[0];
+            let base_dps_max = total_damages[1];
 
             base_dps_elem.textContent = "Base DPS: "+base_dps_min.toFixed(3)+"\u279c"+base_dps_max.toFixed(3);
         }
         else {
-            base_dps_elem.textContent = "Base DPS: "+(total_damages * damage_mult);
+            base_dps_elem.textContent = "Base DPS: "+(total_damages);
         }
         parent_div.appendChild(document.createElement("p"));
         parent_div.appendChild(base_dps_elem);
     }
 }
 
-/*  Displays stats about a recipe that are NOT displayed in the craft stats. 
-*   Includes: mat name and amounts
-*             ingred names in an "array" with ingred effectiveness
+/*
+*  Displays stats about a recipe that are NOT displayed in the craft stats. 
+*  Includes: mat name and amounts, ingred names in an "array" with ingred effectiveness
 */
 function displayRecipeStats(craft, parent_id) {
     let elem = document.getElementById(parent_id);
+    if (!elem.classList.contains("col")) {
+        elem.classList.add("col");
+    }
+
+    //local vars 
     elem.textContent = "";
     recipe = craft["recipe"];
     mat_tiers = craft["mat_tiers"];
@@ -730,30 +564,33 @@ function displayRecipeStats(craft, parent_id) {
     }
     let effectiveness = craft["statMap"].get("ingredEffectiveness");
 
-    let ldiv = document.createElement("div");
-    ldiv.classList.add("itemleft");
-    let title = document.createElement("p");
-    title.classList.add("smalltitle");
+    let title = document.createElement("div");
+    title.classList.add("row", "box-title", "fw-bold", "justify-content-center");
     title.textContent = "Recipe Stats";
-    ldiv.appendChild(title);
-    let mats = document.createElement("p");
-    mats.classList.add("itemp");
+    elem.appendChild(title);
+
+    let mats = document.createElement("div");
+    mats.classList.add("row");
     mats.textContent = "Crafting Materials: ";
+    elem.appendChild(mats);
+
     for (let i = 0; i < 2; i++) {
         let tier = mat_tiers[i];
-        let row = document.createElement("p");
-        row.classList.add("left");
-        let b = document.createElement("b");
+        let row = document.createElement("div");
+        row.classList.add("row", "px-0", "mx-0");
+        let b = document.createElement("div");
         let mat = recipe.get("materials")[i];
         b.textContent = "- " + mat.get("amount") + "x " + mat.get("item").split(" ").slice(1).join(" ");
-        b.classList.add("space");
-        let starsB = document.createElement("b");
-        starsB.classList.add("T1-bracket");
-        starsB.textContent = "[";
+        b.classList.add("col");
         row.appendChild(b);
+
+        let starsB = document.createElement("div");
+        starsB.classList.add("T1-bracket", "col-auto", "px-0");
+        starsB.textContent = "[";
         row.appendChild(starsB);
         for(let j = 0; j < 3; j ++) {
-            let star = document.createElement("b");
+            let star = document.createElement("div");
+            star.classList.add("col-auto", "px-0");
             star.textContent = "\u272B";
             if(j < tier) {
                 star.classList.add("T1");
@@ -762,51 +599,57 @@ function displayRecipeStats(craft, parent_id) {
             }
             row.append(star);
         }
-        let starsE = document.createElement("b");
-        starsE.classList.add("T1-bracket");
+        let starsE = document.createElement("div");
+        starsE.classList.add("T1-bracket", "col-auto", "px-0");
         starsE.textContent = "]";
         row.appendChild(starsE);
-        mats.appendChild(row);
-    }
-    ldiv.appendChild(mats);
 
-    let ingredTable = document.createElement("table");
-    ingredTable.classList.add("itemtable");
-    ingredTable.classList.add("ingredTable");
+        elem.appendChild(row);
+    }
+
+    let ingredTable = document.createElement("div");
+    ingredTable.classList.add("row");
+
     for (let i = 0; i < 3; i++) {
-        let row = document.createElement("tr");
+        let row = document.createElement("div");
+        row.classList.add("row", "g-1", "justify-content-center");
+
+        
         for (let j = 0; j < 2; j++) {
+            if (j == 1) {
+                let spacer = document.createElement("div");
+                spacer.classList.add("col-1");
+                row.appendChild(spacer);
+            } 
             let ingredName = ingreds[2 * i + j];
-            let cell = document.createElement("td");
-            cell.style.minWidth = "50%";
-            cell.classList.add("center");
-            cell.classList.add("box");
-            cell.classList.add("tooltip");
-            let b = document.createElement("b");
-            b.textContent = ingredName;
-            b.classList.add("space");
-            let eff = document.createElement("b");
+            let col = document.createElement("div");
+            col.classList.add("col-5", "rounded", "dark-6", "border", "border-3", "dark-shadow");
+
+            let temp_row = document.createElement("div");
+            temp_row.classList.add("row");
+            col.appendChild(temp_row);
+
+            let ingred_div = document.createElement("div");
+            ingred_div.classList.add("col");
+            ingred_div.textContent = ingredName;
+            temp_row.appendChild(ingred_div);
+
+            let eff_div = document.createElement("div");
+            eff_div.classList.add("col-auto");
             let e = effectiveness[2 * i + j];
             if (e > 0) {
-                eff.classList.add("positive");
+                eff_div.classList.add("positive");
             } else if (e < 0) {
-                eff.classList.add("negative");
+                eff_div.classList.add("negative");
             }
-            eff.textContent = "[" + e + "%]";
-            cell.appendChild(b);
-            cell.appendChild(eff);
-            row.appendChild(cell);
+            eff_div.textContent = "[" + e + "%]";
 
-            let tooltip = document.createElement("div");
-            tooltip.classList.add("tooltiptext");
-            tooltip.classList.add("ing-tooltip");
-            tooltip.classList.add("center");
-            tooltip.id = "tooltip-" + (2*i + j);
-            cell.appendChild(tooltip);
+            temp_row.appendChild(eff_div);
+
+            row.appendChild(col);
         }
         ingredTable.appendChild(row);
     }
-    elem.appendChild(ldiv);
     elem.appendChild(ingredTable);
 }
 
@@ -816,23 +659,14 @@ function displayCraftStats(craft, parent_id) {
     displayExpandedItem(mock_item,parent_id);
 }
 
-//Displays an ingredient in item format. However, an ingredient is too far from a normal item to display as one.
+/*
+* Displays an ingredient in item format. 
+* However, an ingredient is too far from a normal item to display as one.
+*/
 function displayExpandedIngredient(ingred, parent_id) {
     let parent_elem = document.getElementById(parent_id);
     parent_elem.textContent = "";
-    let display_order = [
-        "#cdiv",
-        "displayName", //tier will be displayed w/ name
-        "#table",
-        "ids",
-        "#ldiv",
-        "posMods",
-        "itemIDs",
-        "consumableIDs",
-        "#ldiv",
-        "lvl",
-        "skills",
-    ]
+    
     let item_order = [
         "dura",
         "strReq",
@@ -907,83 +741,85 @@ function displayExpandedIngredient(ingred, parent_id) {
     let active_elem;
     let elemental_format = false;
     let style;
-    for (const command of display_order) {
-        if (command.charAt(0) === "#") {
-            if (command === "#cdiv") {
-                active_elem = document.createElement('div');
-                active_elem.classList.add('itemcenter');
+    for (const command of sq2_ing_display_order) {
+        if (command.charAt(0) === "!") {
+            // TODO: This is sooo incredibly janky.....
+            if (command === "!elemental") {
+                elemental_format = !elemental_format;
             }
-            else if (command === "#ldiv") {
-                active_elem = document.createElement('div');
-                active_elem.classList.add('itemleft');
+            else if (command === "!spacer") {
+                let spacer = document.createElement('div');
+                spacer.classList.add("row", "my-2");
+                parent_elem.appendChild(spacer);
+                continue;
             }
-            else if (command === "#table") {
-                active_elem = document.createElement('table');
-                active_elem.classList.add('itemtable');
-            }
-            parent_elem.appendChild(active_elem);
-        }else {
-            let p_elem =  document.createElement("p");
-            p_elem.classList.add("left");
+        } else {
+            let div = document.createElement("div");
+            div.classList.add("row");
             if (command === "displayName") {
-                p_elem.classList.add("title");
-                p_elem.classList.remove("left");
-                let title_elem = document.createElement("b");
+                div.classList.add("box-title");
+                let title_elem = document.createElement("div");
+                title_elem.classList.add("col-auto", "justify-content-center", "pr-1");
                 title_elem.textContent = ingred.get("displayName");
-                p_elem.appendChild(title_elem);
-
-                let space = document.createElement("b");
-                space.classList.add("space");
-                p_elem.appendChild(space);
+                div.appendChild(title_elem);
 
                 let tier = ingred.get("tier"); //tier in [0,3]
                 let begin = document.createElement("b");
-                begin.classList.add("T"+tier+"-bracket");
+                begin.classList.add("T"+tier+"-bracket", "col-auto", "px-0");
                 begin.textContent = "[";
-                p_elem.appendChild(begin);
+                div.appendChild(begin);
 
                 for (let i = 0; i < 3; i++) {
                     let tier_elem = document.createElement("b");
-                    if(i < tier) {tier_elem.classList.add("T"+tier)}
-                    else {tier_elem.classList.add("T0")}
+                    if (i < tier) {
+                        tier_elem.classList.add("T"+tier);
+                    } else {
+                        tier_elem.classList.add("T0");
+                    }
+                    tier_elem.classList.add("px-0", "col-auto");
                     tier_elem.textContent = "\u272B";
-                    p_elem.appendChild(tier_elem);
+                    div.appendChild(tier_elem);
                 }
                 let end = document.createElement("b");
-                end.classList.add("T"+tier+"-bracket");
+                end.classList.add("T"+tier+"-bracket", "px-0", "col-auto");
                 end.textContent = "]";
-                p_elem.appendChild(end);
+                div.appendChild(end);   
             }else if (command === "lvl") {
-                p_elem.textContent = "Crafting Lvl Min: " + ingred.get("lvl");
+                div.textContent = "Crafting Lvl Min: " + ingred.get("lvl");
             }else if (command === "posMods") {
                 for (const [key,value] of ingred.get("posMods")) {
-                    let p = document.createElement("p");
-                    p.classList.add("nomarginp");
+                    let posModRow = document.createElement("div");
+                    posModRow.classList.add("row");
                     if (value != 0) {
-                        let title = document.createElement("b");
-                        title.textContent = posModPrefixes[key];
-                        let val = document.createElement("b");
+                        let posMod = document.createElement("div");
+                        posMod.classList.add("col-auto");
+                        posMod.textContent = posModPrefixes[key];
+                        posModRow.appendChild(posMod);
+
+                        let val = document.createElement("div");
+                        val.classList.add("col-auto", "px-0");
                         val.textContent = value + posModSuffixes[key];
                         if(value > 0) {
                             val.classList.add("positive");
                         } else {
                             val.classList.add("negative");
                         }
-                        p.appendChild(title);
-                        p.appendChild(val);
-                        p_elem.appendChild(p);
+                        posModRow.appendChild(val);
+                        div.appendChild(posModRow);
                     }
                 }
             } else if (command === "itemIDs") { //dura, reqs
                 for (const [key,value] of ingred.get("itemIDs")) {
-                    let p = document.createElement("p");
-                    p.classList.add("nomarginp");                        
+                    let idRow = document.createElement("div");
+                    idRow.classList.add("row");                        
                     if (value != 0) {
-                        let title = document.createElement("b");
+                        let title = document.createElement("div");
+                        title.classList.add("col-auto");
                         title.textContent = itemIDPrefixes[key];
-                        p.appendChild(title);
+                        idRow.appendChild(title);
                     }
-                    let desc = document.createElement("b");
+                    let desc = document.createElement("div");
+                    desc.classList.add("col-auto");
                     if(value > 0) {
                         if(key !== "dura") {
                             desc.classList.add("negative");
@@ -1000,20 +836,22 @@ function displayExpandedIngredient(ingred, parent_id) {
                         desc.textContent = value; 
                     }
                     if(value != 0){
-                        p.appendChild(desc);
+                        idRow.appendChild(desc);
                     }
-                    p_elem.append(p);
+                    div.appendChild(idRow);
                 }
             } else if (command === "consumableIDs") { //dura, charges
                 for (const [key,value] of ingred.get("consumableIDs")) {
-                    let p = document.createElement("p");
-                    p.classList.add("nomarginp");                        
+                    let idRow = document.createElement("div");
+                    idRow.classList.add("row");                        
                     if (value != 0) {
-                        let title = document.createElement("b");
+                        let title = document.createElement("div");
+                        title.classList.add("col-auto");
                         title.textContent = consumableIDPrefixes[key];
-                        p.appendChild(title);
+                        idRow.appendChild(title);
                     }
-                    let desc = document.createElement("b");
+                    let desc = document.createElement("div");
+                    desc.classList.add("col-auto");
                     if(value > 0) {
                         desc.classList.add("positive");
                         desc.textContent = "+"+value;
@@ -1022,114 +860,104 @@ function displayExpandedIngredient(ingred, parent_id) {
                         desc.textContent = value; 
                     }
                     if(value != 0){
-                        p.appendChild(desc);
-                        let suffix = document.createElement("b");
+                        idRow.appendChild(desc);
+                        let suffix = document.createElement("div");
+                        suffix.classList.add("col-auto");
                         suffix.textContent = consumableIDSuffixes[key];
-                        p.appendChild(suffix);
+                        idRow.appendChild(suffix);
                     }
-                    p_elem.append(p);
+                    div.appendChild(idRow);
                 }
             }else if (command === "skills") {
-                p_elem.textContent = "Used in:";
+                let row = document.createElement("div");
+                row.classList.add("row");
+                let title = document.createElement("div");
+                title.classList.add("row");
+                title.textContent = "Used in:";
+                row.appendChild(title);
                 for(const skill of ingred.get("skills")) {
-                    let p = document.createElement("p");
-                    p.textContent = skill.charAt(0) + skill.substring(1).toLowerCase();
-                    p.classList.add("left");
-                    p_elem.append(p);
+                    let skill_div = document.createElement("div");
+                    skill_div.classList.add("row");
+                    skill_div.textContent = skill.charAt(0) + skill.substring(1).toLowerCase();
+                    row.appendChild(skill_div);
                 }
+                div.appendChild(row);
             } else if (command === "ids") { //warp
                 for (let [key,value] of ingred.get("ids").get("maxRolls")) {
                     if (value !== undefined && value != 0) {
-                        let row = displayRolledID(ingred.get("ids"), key, false, "auto");
-                        active_elem.appendChild(row);
+                        let row = displayRolledID(ingred.get("ids"), key, elemental_format);
+                        row.classList.remove("col");
+                        row.classList.remove("col-12");
+                        div.appendChild(row);
                     }
                 }
             } else {//this shouldn't be happening        
             }
 
-            active_elem.appendChild(p_elem);
+            parent_elem.appendChild(div);
         }
     }    
 }
 
-function displayNextCosts(parent_id, build) { 
-    let p_elem = document.getElementById(parent_id);
-    let int = build.total_skillpoints[2];
-    let spells = spell_table[build.weapon.get("type")];
+function displayNextCosts(_stats, spell, spellIdx) { 
+    let stats = new Map(_stats);
+    let intel = stats.get('int');
 
-    p_elem.textContent = "";
-    
-    let title = document.createElement("p");
-    title.classList.add("title");
-    title.classList.add("Normal");
-    title.textContent = "Next Spell Costs";
-    
-    let int_title = document.createElement("p");
-    int_title.classList.add("itemp");
-    int_title.textContent = int + " Intelligence points.";
-
-    p_elem.append(title);
-    p_elem.append(int_title);
-
-    for (const spell of spells) { 
-        let spellp = document.createElement("p");
-        let spelltitle = document.createElement("p");
-        spelltitle.classList.add("itemp");
-        spelltitle.textContent = spell.title;
-        spellp.appendChild(spelltitle);
-        let row = document.createElement("p");
-        row.classList.add("itemp");
-        let init_cost = document.createElement("b");
-        init_cost.textContent = build.getSpellCost(spells.indexOf(spell) + 1, spell.cost);
-        init_cost.classList.add("Mana");
-        let arrow = document.createElement("b");
-        arrow.textContent = "\u279C";
-        let next_cost = document.createElement("b");
-        next_cost.textContent = (init_cost.textContent === "1" ? 1 : build.getSpellCost(spells.indexOf(spell) + 1, spell.cost) - 1);
-        next_cost.classList.add("Mana");
-        let int_needed = document.createElement("b");
-        if (init_cost.textContent === "1") {
-            int_needed.textContent = ": n/a (+0)";
-        }else { //do math
-            let target = build.getSpellCost(spells.indexOf(spell) + 1, spell.cost) - 1;
-            let needed = int;
-            let noUpdate = false;
-            //forgive me... I couldn't inverse ceil, floor, and max.
-            while (build.getSpellCost(spells.indexOf(spell) + 1, spell.cost) > target) {
-                if(needed > 150) {
-                    noUpdate = true;
-                    break;
-                }
-                needed++;
-                build.total_skillpoints[2] = needed;
+    let row = document.createElement("div");
+    row.classList.add("spellcost-tooltip");
+    let init_cost = document.createElement("b");
+    init_cost.textContent = getSpellCost(stats, spellIdx, spell.cost);
+    init_cost.classList.add("Mana");
+    let arrow = document.createElement("b");
+    arrow.textContent = "\u279C";
+    let next_cost = document.createElement("b");
+    next_cost.textContent = (init_cost.textContent === "1" ? 1 : getSpellCost(stats, spellIdx, spell.cost) - 1);
+    next_cost.classList.add("Mana");
+    let int_needed = document.createElement("b");
+    if (init_cost.textContent === "1") {
+        int_needed.textContent = ": n/a (+0)";
+    }else { //do math
+        let target = getSpellCost(stats, spellIdx, spell.cost) - 1;
+        let needed = intel;
+        let noUpdate = false;
+        //forgive me... I couldn't inverse ceil, floor, and max.
+        while (getSpellCost(stats, spellIdx, spell.cost) > target) {
+            if(needed > 150) {
+                noUpdate = true;
+                break;
             }
-            let missing = needed - int;  
-            //in rare circumstances, the next spell cost can jump.
-            if (noUpdate) {
-                next_cost.textContent = (init_cost.textContent === "1" ? 1 : build.getSpellCost(spells.indexOf(spell) + 1, spell.cost)-1); 
-            }else {
-                next_cost.textContent = (init_cost.textContent === "1" ? 1 : build.getSpellCost(spells.indexOf(spell) + 1, spell.cost)); 
-            }
-            
-            
-            build.total_skillpoints[2] = int;//forgive me pt 2
-            int_needed.textContent = ": " + (needed > 150 ? ">150" : needed) + " int (+" + (needed > 150 ? "n/a" : missing) + ")"; 
+            needed++;
+            stats.set('int', stats.get('int') + 1);
+        }
+        let missing = needed - intel;  
+        //in rare circumstances, the next spell cost can jump.
+        if (noUpdate) {
+            next_cost.textContent = (init_cost.textContent === "1" ? 1 : getSpellCost(stats, spellIdx, spell.cost)-1); 
+        }else {
+            next_cost.textContent = (init_cost.textContent === "1" ? 1 : getSpellCost(stats, spellIdx, spell.cost)); 
         }
         
-        row.appendChild(init_cost);
-        row.appendChild(arrow);
-        row.appendChild(next_cost);
-        row.appendChild(int_needed);
-        spellp.appendChild(row);
-
-        p_elem.append(spellp);
+        
+        int_needed.textContent = ": " + (needed > 150 ? ">150" : needed) + " int (+" + (needed > 150 ? "n/a" : missing) + ")"; 
     }
+    
+    // row.appendChild(init_cost);
+    row.appendChild(arrow);
+    row.appendChild(next_cost);
+    row.appendChild(int_needed);
+    return row;
 }
 
 function displayRolledID(item, id, elemental_format) {
-    let row = document.createElement('tr');
-    let min_elem = document.createElement('td');
-    min_elem.classList.add('left');
+    let row = document.createElement('div');
+    row.classList.add('col');
+
+    let item_div = document.createElement('div');
+    item_div.classList.add('row');
+
+    let min_elem = document.createElement('div');
+    min_elem.classList.add('col', 'text-start');
+    min_elem.style.cssText += "flex-grow: 0";
     let id_min = item.get("minRolls").get(id)
     let style = id_min < 0 ? "negative" : "positive";
     if(reversedIDs.includes(id)){
@@ -1137,10 +965,11 @@ function displayRolledID(item, id, elemental_format) {
     }
     min_elem.classList.add(style);
     min_elem.textContent = id_min + idSuffixes[id];
-    row.appendChild(min_elem);
+    item_div.appendChild(min_elem);
 
-    let desc_elem = document.createElement('td');
-    desc_elem.classList.add('center');
+    let desc_elem = document.createElement('div');
+    desc_elem.classList.add('col', 'text-center');//, 'text-nowrap');
+    desc_elem.style.cssText += "flex-grow: 1";
     //TODO elemental format jank
     if (elemental_format) {
         apply_elemental_format(desc_elem, id);
@@ -1148,26 +977,31 @@ function displayRolledID(item, id, elemental_format) {
     else {
         desc_elem.textContent = idPrefixes[id];
     }
-    row.appendChild(desc_elem);
+    item_div.appendChild(desc_elem);
 
-    let max_elem = document.createElement('td');
+    let max_elem = document.createElement('div');
     let id_max = item.get("maxRolls").get(id)
-    max_elem.classList.add('right');
+    max_elem.classList.add('col', 'text-end');
+    max_elem.style.cssText += "flex-grow: 0";
     style = id_max < 0 ? "negative" : "positive";
-    if(reversedIDs.includes(id)){
+    if (reversedIDs.includes(id)) {
         style === "positive" ? style = "negative" : style = "positive"; 
     }
     max_elem.classList.add(style);
     max_elem.textContent = id_max + idSuffixes[id];
-    row.appendChild(max_elem);
+    item_div.appendChild(max_elem);
+    row.appendChild(item_div);
     return row;
 }
 
 function displayFixedID(active, id, value, elemental_format, style) {
     if (style) {
-        let row = document.createElement('tr');
-        let desc_elem = document.createElement('td');
-        desc_elem.classList.add('left');
+        let row = document.createElement('div');
+        row.classList.add("row");
+        let desc_elem = document.createElement('div');
+        desc_elem.classList.add('col');
+        desc_elem.classList.add('text-start');
+
         if (elemental_format) {
             apply_elemental_format(desc_elem, id);
         }
@@ -1176,8 +1010,9 @@ function displayFixedID(active, id, value, elemental_format, style) {
         }
         row.appendChild(desc_elem);
 
-        let value_elem = document.createElement('td');
-        value_elem.classList.add('right');
+        let value_elem = document.createElement('div');
+        value_elem.classList.add('col');
+        value_elem.classList.add('text-end');
         value_elem.classList.add(style);
         value_elem.textContent = value + idSuffixes[id];
         row.appendChild(value_elem);
@@ -1189,8 +1024,8 @@ function displayFixedID(active, id, value, elemental_format, style) {
         if (value === "0-0" || value === "0-0\u279c0-0") {
             return;
         }
-        let p_elem = document.createElement('p');
-        p_elem.classList.add('itemp');
+        let p_elem = document.createElement('div');
+        p_elem.classList.add('col');
         if (elemental_format) {
             apply_elemental_format(p_elem, id, value);
         }
@@ -1201,40 +1036,19 @@ function displayFixedID(active, id, value, elemental_format, style) {
         return p_elem;
     }
 }
-function displayEquipOrder(parent_elem,buildOrder){
-    parent_elem.textContent = "";
-    const order = buildOrder.slice();
-    let title_elem = document.createElement("p");
-    title_elem.textContent = "Equip order ";
-    title_elem.classList.add("title");
-    title_elem.classList.add("Normal");
-    title_elem.classList.add("itemp");
-    parent_elem.append(title_elem);
-    parent_elem.append(document.createElement("br"));
-    for (const item of order) {
-        let p_elem = document.createElement("p");
-        p_elem.classList.add("itemp");
-        p_elem.classList.add("left");
-        p_elem.textContent = item.get("displayName");
-        parent_elem.append(p_elem);
-    }
-}
 
 function displayPoisonDamage(overallparent_elem, build) {
     overallparent_elem.textContent = "";
 
     //Title
-    let title_elemavg = document.createElement("p");
-    title_elemavg.classList.add("smalltitle");
-    title_elemavg.classList.add("Normal");
+    let title_elemavg = document.createElement("b");
     title_elemavg.textContent = "Poison Stats";
     overallparent_elem.append(title_elemavg);
 
     let overallpoisonDamage = document.createElement("p");
-    overallpoisonDamage.classList.add("lessbottom");
-    let overallpoisonDamageFirst = document.createElement("b");
-    let overallpoisonDamageSecond = document.createElement("b");
-    let poison_tick = Math.ceil(build.statMap.get("poison") * (1+skillPointsToPercentage(build.total_skillpoints[0])) * (build.statMap.get("poisonPct") + build.externalStats.get("poisonPct"))/100 /3);
+    let overallpoisonDamageFirst = document.createElement("span");
+    let overallpoisonDamageSecond = document.createElement("span");
+    let poison_tick = Math.ceil(build.statMap.get("poison") * (1+skillPointsToPercentage(build.total_skillpoints[0])) * (build.statMap.get("poisonPct"))/100 /3);
     overallpoisonDamageFirst.textContent = "Poison Tick: ";
     overallpoisonDamageSecond.textContent = Math.max(poison_tick,0);
     overallpoisonDamageSecond.classList.add("Damage");
@@ -1244,10 +1058,21 @@ function displayPoisonDamage(overallparent_elem, build) {
     overallparent_elem.append(overallpoisonDamage);
 }
 
-function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
-    console.log("Melee Stats");
-    console.log(meleeStats);
-    let tooltipinfo = meleeStats[13];
+function displayEquipOrder(parent_elem, buildOrder){
+    parent_elem.textContent = "";
+    const order = buildOrder.slice();
+    let title_elem = document.createElement("b");
+    title_elem.textContent = "Equip order ";
+    title_elem.classList.add("Normal", "text-center");
+    parent_elem.append(title_elem);
+    for (const item of order) {
+        let p_elem = document.createElement("b");
+        p_elem.textContent = item.get("displayName");
+        parent_elem.append(p_elem);
+    }
+}
+
+function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats) {
     let attackSpeeds = ["Super Slow", "Very Slow", "Slow", "Normal", "Fast", "Very Fast", "Super Fast"];
     //let damagePrefixes = ["Neutral Damage: ","Earth Damage: ","Thunder Damage: ","Water Damage: ","Fire Damage: ","Air Damage: "];
     parent_elem.textContent = "";
@@ -1264,49 +1089,36 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
             stats[i][j] = stats[i][j].toFixed(2);
         }
     }
-    for (let i = 8; i < 11; ++i){
+    for (let i = 8; i < 11; ++i) {
         stats[i] = stats[i].toFixed(2);
     }
-    //tooltipelem, tooltiptext
-    let tooltip; let tooltiptext;
     
     //title
     let title_elem = document.createElement("p");
     title_elem.classList.add("title");
-    title_elem.classList.add("Normal");
-    title_elem.classList.add("itemp");
     title_elem.textContent = "Melee Stats";
     parent_elem.append(title_elem);
     parent_elem.append(document.createElement("br"));
 
     //overall title
-    let title_elemavg = document.createElement("p");
-    title_elemavg.classList.add("smalltitle");
-    title_elemavg.classList.add("Normal");
+    let title_elemavg = document.createElement("b");
     title_elemavg.textContent = "Melee Stats";
     overallparent_elem.append(title_elemavg);
     
     //average DPS
     let averageDamage = document.createElement("p");
     averageDamage.classList.add("left");
-    averageDamage.classList.add("itemp");
-    averageDamage.classList.add("tooltip");
     averageDamage.textContent = "Average DPS: " + stats[10];
-    tooltiptext = `= ((${stats[8]} * ${(stats[6][2]).toFixed(2)}) + (${stats[9]} * ${(stats[7][2]).toFixed(2)}))`
-    tooltip = createTooltip(tooltip, "p", tooltiptext, averageDamage, ["melee-tooltip"]);
-    averageDamage.appendChild(tooltip);
     parent_elem.append(averageDamage);
 
     //overall average DPS
     let overallaverageDamage = document.createElement("p");
-    overallaverageDamage.classList.add("itemp");
-    let overallaverageDamageFirst = document.createElement("b");
+    let overallaverageDamageFirst = document.createElement("span");
     overallaverageDamageFirst.textContent = "Average DPS: "
 
-    let overallaverageDamageSecond = document.createElement("b");
+    let overallaverageDamageSecond = document.createElement("span");
     overallaverageDamageSecond.classList.add("Damage");
     overallaverageDamageSecond.textContent = stats[10];
-    tooltip = createTooltip(tooltip, "p", tooltiptext, overallaverageDamage, ["melee-tooltip", "summary-tooltip"]);
     overallaverageDamage.appendChild(overallaverageDamageFirst);
     overallaverageDamage.appendChild(overallaverageDamageSecond);
 
@@ -1316,18 +1128,15 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
     //attack speed
     let atkSpd = document.createElement("p");
     atkSpd.classList.add("left");
-    atkSpd.classList.add("itemp");
     atkSpd.textContent = "Attack Speed: " + attackSpeeds[stats[11]];
     parent_elem.append(atkSpd);
     parent_elem.append(document.createElement("br"));
 
     //overall attack speed
     let overallatkSpd = document.createElement("p");
-    overallatkSpd.classList.add("center");
-    overallatkSpd.classList.add("itemp");
-    let overallatkSpdFirst = document.createElement("b");
+    let overallatkSpdFirst = document.createElement("span");
     overallatkSpdFirst.textContent = "Attack Speed: ";
-    let overallatkSpdSecond = document.createElement("b");
+    let overallatkSpdSecond = document.createElement("span");
     overallatkSpdSecond.classList.add("Damage");
     overallatkSpdSecond.textContent =  attackSpeeds[stats[11]];
     overallatkSpd.appendChild(overallatkSpdFirst);
@@ -1337,62 +1146,39 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
     //Non-Crit: n->elem, total dmg, DPS
     let nonCritStats = document.createElement("p");
     nonCritStats.classList.add("left");
-    nonCritStats.classList.add("itemp");
     nonCritStats.textContent = "Non-Crit Stats: ";
     nonCritStats.append(document.createElement("br"));
-    for (let i = 0; i < 6; i++){
-        if(stats[i][1] != 0){
+    for (let i = 0; i < 6; i++) {
+        if (stats[i][1] != 0) {
             let dmg = document.createElement("p");
             dmg.textContent = stats[i][0] + " \u2013 " + stats[i][1];
             dmg.classList.add(damageClasses[i]);
             dmg.classList.add("itemp");
-            tooltiptext = tooltipinfo.get("damageformulas")[i].slice(0,2).join("\n");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, dmg, ["melee-tooltip"]);
             nonCritStats.append(dmg);
         }
     }
 
     let normalDamage = document.createElement("p");
     normalDamage.textContent = "Total: " + stats[6][0] + " \u2013 " + stats[6][1];
-    normalDamage.classList.add("itemp");
-    let tooltiparr = ["Min: = ", "Max: = "]
-    let arr = []; let arr2 = [];
-    for (let i = 0; i < 6; i++) {
-        if (stats[i][0] != 0) {
-            arr.push(stats[i][0]);
-            arr2.push(stats[i][1]);
-        }
-    }
-    tooltiptext = tooltiparr[0] + arr.join(" + ") + "\n" + tooltiparr[1] + arr2.join(" + ");
-    tooltip = createTooltip(tooltip, "p", tooltiptext, normalDamage, ["melee-tooltip"]);
     nonCritStats.append(normalDamage);
 
     let normalDPS = document.createElement("p");
     normalDPS.textContent = "Normal DPS: " + stats[8];
-    normalDPS.classList.add("itemp");
-    normalDPS.classList.add("tooltip");
-    tooltiptext = ` = ((${stats[6][0]} + ${stats[6][1]}) / 2) * ${baseDamageMultiplier[stats[11]]}`;
-    tooltip = createTooltip(tooltip, "p", tooltiptext, normalDPS, ["melee-tooltip"]);
     nonCritStats.append(normalDPS);
 
     //overall average DPS
     let singleHitDamage = document.createElement("p");
-    singleHitDamage.classList.add("itemp");
-    let singleHitDamageFirst = document.createElement("b");
+    let singleHitDamageFirst = document.createElement("span");
     singleHitDamageFirst.textContent = "Single Hit Average: ";
-    let singleHitDamageSecond = document.createElement("b");
+    let singleHitDamageSecond = document.createElement("span");
     singleHitDamageSecond.classList.add("Damage");
     singleHitDamageSecond.textContent = stats[12].toFixed(2);
-    tooltiptext = ` = ((${stats[6][0]} + ${stats[6][1]}) / 2) * ${stats[6][2].toFixed(2)} + ((${stats[7][0]} + ${stats[7][1]}) / 2) * ${stats[7][2].toFixed(2)}`;
-    tooltip = createTooltip(tooltip, "p", tooltiptext, singleHitDamage, ["melee-tooltip", "summary-tooltip"]);
-
     singleHitDamage.appendChild(singleHitDamageFirst);
     singleHitDamage.appendChild(singleHitDamageSecond);
     overallparent_elem.append(singleHitDamage);
     
     let normalChance = document.createElement("p");
     normalChance.textContent = "Non-Crit Chance: " + (stats[6][2]*100).toFixed(2) + "%"; 
-    normalChance.classList.add("itemp");
     normalChance.append(document.createElement("br"));
     normalChance.append(document.createElement("br"));
     nonCritStats.append(normalChance);
@@ -1403,7 +1189,6 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
     //Crit: n->elem, total dmg, DPS
     let critStats = document.createElement("p");
     critStats.classList.add("left");
-    critStats.classList.add("itemp");
     critStats.textContent = "Crit Stats: ";
     critStats.append(document.createElement("br"));
     for (let i = 0; i < 6; i++){
@@ -1412,86 +1197,37 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
             dmg.textContent = stats[i][2] + " \u2013 " + stats[i][3];
             dmg.classList.add(damageClasses[i]);
             dmg.classList.add("itemp");
-            tooltiptext = tooltipinfo.get("damageformulas")[i].slice(2,4).join("\n");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, dmg, ["melee-tooltip"]);
             critStats.append(dmg);
         }
     }
     let critDamage = document.createElement("p");
     critDamage.textContent = "Total: " + stats[7][0] + " \u2013 " + stats[7][1];
-    critDamage.classList.add("itemp");
-    tooltiparr = ["Min: = ", "Max: = "]
-    arr = []; arr2 = [];
-    for (let i = 0; i < 6; i++) {
-        if (stats[i][0] != 0) {
-            arr.push(stats[i][2]);
-            arr2.push(stats[i][3]);
-        }
-    }
-    tooltiptext = tooltiparr[0] + arr.join(" + ") + "\n" + tooltiparr[1] + arr2.join(" + ");
-    tooltip = createTooltip(tooltip, "p", tooltiptext, critDamage, ["melee-tooltip"]);
-    
     critStats.append(critDamage);
 
     let critDPS = document.createElement("p");
     critDPS.textContent = "Crit DPS: " + stats[9];
-    critDPS.classList.add("itemp");
-    tooltiptext = ` = ((${stats[7][0]} + ${stats[7][1]}) / 2) * ${baseDamageMultiplier[stats[11]]}`;
-    tooltip = createTooltip(tooltip, "p", tooltiptext, critDPS, ["melee-tooltip"]);
     critStats.append(critDPS);
 
     let critChance = document.createElement("p");
     critChance.textContent = "Crit Chance: " + (stats[7][2]*100).toFixed(2) + "%";
-    critChance.classList.add("itemp");
     critChance.append(document.createElement("br"));
     critChance.append(document.createElement("br"));
     critStats.append(critChance);
 
     parent_elem.append(critStats);
+    addClickableArrow(overallparent_elem, parent_elem);
 }
 
-function displayDefenseStats(parent_elem, build, insertSummary){
-    let defenseStats = build.getDefenseStats();
+function displayDefenseStats(parent_elem, statMap, insertSummary){
+    let defenseStats = getDefenseStats(statMap);
     insertSummary = (typeof insertSummary !== 'undefined') ? insertSummary : false;
     if (!insertSummary) {
         parent_elem.textContent = "";
     }
     const stats = defenseStats.slice();    
 
-    if (!insertSummary) {
-        let title_elem = document.createElement("p");
-        title_elem.textContent = "Defense Stats";
-        title_elem.classList.add("title");
-        title_elem.classList.add("Normal");
-        title_elem.classList.add("itemp");
-        parent_elem.append(title_elem);
-
-        let base_stat_elem = document.createElement("p");
-        base_stat_elem.id = "base-stat";
-        parent_elem.append(base_stat_elem);
-
-        let mock_item = new Map();
-
-        mock_item.set("fixID", true);
-        let mock_minRolls = new Map();
-        mock_item.set("minRolls", mock_minRolls);
-        const stats = ["hp", "hpBonus", "hprRaw", "hprPct", "fDef", "wDef", "aDef", "tDef", "eDef",
-                        "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct"];
-        for (const stat of stats) {
-            if (rolledIDs.includes(stat)) {
-                mock_minRolls.set(stat, build.statMap.get(stat));
-            }
-            else {
-                mock_item.set(stat, build.statMap.get(stat));
-            }
-        }
-        mock_item.set("powders", []);
-        displayExpandedItem(mock_item, base_stat_elem.id);
-    }
-
-    parent_elem.append(document.createElement("br"));
-    let statsTable = document.createElement("table");
-    statsTable.classList.add("itemtable");
+    // parent_elem.append(document.createElement("br"));
+    let statsTable = document.createElement("div");
 
     //[total hp, ehp, total hpr, ehpr, [def%, agi%], [edef,tdef,wdef,fdef,adef]]
     for(const i in stats){
@@ -1505,213 +1241,246 @@ function displayDefenseStats(parent_elem, build, insertSummary){
     }
     
     //total HP
-    let hpRow = document.createElement("tr");
-    let hp = document.createElement("td");
+    let hpRow = document.createElement("div");
+    hpRow.classList.add('row');
+    let hp = document.createElement("div");
+    hp.classList.add('col');
     hp.classList.add("Health");
-    hp.classList.add("left");
+    hp.classList.add("text-start");
     hp.textContent = "Total HP:";  
-    let boost = document.createElement("td");
+    let boost = document.createElement("div");
+    boost.classList.add('col');
     boost.textContent = stats[0];
-    boost.classList.add("right");
+    boost.classList.add("text-end");
     
     hpRow.appendChild(hp);
     hpRow.append(boost);
-    statsTable.appendChild(hpRow);
 
-    let tooltip; let tooltiptext;
-
-    let defMult = build.statMap.get("defMult");
-    if (!defMult) {defMult = 1}
+    if (insertSummary) {
+        parent_elem.appendChild(hpRow);
+    } else {
+        statsTable.appendChild(hpRow);
+    }
 
     //EHP
-    let ehpRow = document.createElement("tr");
-    let ehp = document.createElement("td");
-    ehp.classList.add("left");
+    let ehpRow = document.createElement("div");
+    ehpRow.classList.add("row");
+    let ehp = document.createElement("div");
+    ehp.classList.add("col");
+    ehp.classList.add("text-start");
     ehp.textContent = "Effective HP:";
 
-    boost = document.createElement("td");
+    boost = document.createElement("div");
     boost.textContent = stats[1][0];
-    boost.classList.add("right");
-    tooltiptext = `= ${stats[0]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (1 - ${skillPointsToPercentage(build.total_skillpoints[4]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
-    tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
+    boost.classList.add("col");
+    boost.classList.add("text-end");
     ehpRow.appendChild(ehp);
     ehpRow.append(boost);
-    statsTable.append(ehpRow);
 
-    ehpRow = document.createElement("tr");
-    ehp = document.createElement("td");
-    ehp.classList.add("left");
+    if (insertSummary) {
+        parent_elem.appendChild(ehpRow)
+    } else {
+        statsTable.append(ehpRow);
+    }
+
+    ehpRow = document.createElement("div");
+    ehpRow.classList.add("row");
+    ehp = document.createElement("div");
+    ehp.classList.add("col");
+    ehp.classList.add("text-start");
     ehp.textContent = "Effective HP (no agi):";
 
-    boost = document.createElement("td");
+    boost = document.createElement("div");
     boost.textContent = stats[1][1];
-    boost.classList.add("right");
-    tooltiptext = `= ${stats[0]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
-    tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
+    boost.classList.add("col");
+    boost.classList.add("text-end");
     ehpRow.appendChild(ehp);
     ehpRow.append(boost);
-    statsTable.append(ehpRow);
+    if (insertSummary) {
+        parent_elem.appendChild(ehpRow)
+    } else {
+        statsTable.append(ehpRow);
+    }
 
     //total HPR
-    let hprRow = document.createElement("tr");
-    let hpr = document.createElement("td");
+    let hprRow = document.createElement("div");
+    hprRow.classList.add("row")
+    let hpr = document.createElement("div");
     hpr.classList.add("Health");
-    hpr.classList.add("left");
+    hpr.classList.add("col");
+    hpr.classList.add("text-start");
     hpr.textContent = "HP Regen (Total):";
-    boost = document.createElement("td");
+    boost = document.createElement("div");
     boost.textContent = stats[2];
-    boost.classList.add("right");
+    boost.classList.add("col");
+    boost.classList.add("text-end");
 
     hprRow.appendChild(hpr);
     hprRow.appendChild(boost);
-    statsTable.appendChild(hprRow);
+
+    if (insertSummary) {
+        parent_elem.appendChild(hprRow);
+    } else {
+        statsTable.appendChild(hprRow);
+    }
+
     //EHPR
-    let ehprRow = document.createElement("tr");
-    let ehpr = document.createElement("td");
-    ehpr.classList.add("left");
+    let ehprRow = document.createElement("div");
+    ehprRow.classList.add("row")
+    let ehpr = document.createElement("div");
+    ehpr.classList.add("col");
+    ehpr.classList.add("text-start");
     ehpr.textContent = "Effective HP Regen:";
 
-    boost = document.createElement("td");
+    boost = document.createElement("div");
     boost.textContent = stats[3][0];
-    boost.classList.add("right");
-    tooltiptext = `= ${stats[2]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (1 - ${skillPointsToPercentage(build.total_skillpoints[4]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
-    tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
+    boost.classList.add("col");
+    boost.classList.add("text-end");
     ehprRow.appendChild(ehpr);
     ehprRow.append(boost);
-    statsTable.append(ehprRow);
-    /*
-    ehprRow = document.createElement("tr");
-    ehpr = document.createElement("td");
-    ehpr.classList.add("left");
-    ehpr.textContent = "Effective HP Regen (no agi):";
 
-    boost = document.createElement("td");
-    boost.textContent = stats[3][1];
-    boost.classList.add("right");
-
-    ehprRow.appendChild(ehpr);
-    ehprRow.append(boost);
-    statsTable.append(ehprRow); */
+    if (insertSummary) {
+        parent_elem.appendChild(ehprRow);
+    } else {
+        statsTable.appendChild(ehprRow);
+    }
 
     //eledefs
     let eledefs = stats[5];
     for (let i = 0; i < eledefs.length; i++){
-        let eledefElemRow = document.createElement("tr");
+        let eledefElemRow = document.createElement("div");
+        eledefElemRow.classList.add("row")
 
-        let eledef = document.createElement("td");
-        eledef.classList.add("left")
-        let eledefTitle = document.createElement("b");
+        let eledef = document.createElement("div");
+        eledef.classList.add("col");
+        eledef.classList.add("text-start");
+        let eledefTitle = document.createElement("span");
         eledefTitle.textContent = damageClasses[i+1];
         eledefTitle.classList.add(damageClasses[i+1]);
 
-        let defense = document.createElement("b");
+        let defense = document.createElement("span");
         defense.textContent = " Def (Total): ";
 
         eledef.appendChild(eledefTitle);
         eledef.appendChild(defense);
         eledefElemRow.appendChild(eledef);
 
-        let boost = document.createElement("td");
+        let boost = document.createElement("div");
         boost.textContent = eledefs[i];
         boost.classList.add(eledefs[i] >= 0 ? "positive" : "negative");
-        boost.classList.add("right");
+        boost.classList.add("col");
+        boost.classList.add("text-end");
 
-        let defRaw = build.statMap.get("defRaw")[i];
-        let defPct = build.statMap.get("defBonus")[i]/100;
+        let defRaw = statMap.get(skp_elements[i]+"Def");
+        let defPct = statMap.get(skp_elements[i]+"DefPct")/100;
         if (defRaw < 0) {
             defPct >= 0 ? defPct = "- " + defPct: defPct = "+ " + defPct;
-            tooltiptext = `= min(0, ${defRaw} * (1 ${defPct}))`
         } else {
             defPct >= 0 ? defPct = "+ " + defPct: defPct = "- " + defPct;
-            tooltiptext = `= ${defRaw} * (1 ${defPct})`
         }
-        tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
         eledefElemRow.appendChild(boost);
-
-        statsTable.appendChild(eledefElemRow);
+        
+        if (insertSummary) {
+            parent_elem.appendChild(eledefElemRow);
+        } else {
+            statsTable.appendChild(eledefElemRow);
+        }
     }
 
     if (!insertSummary) {
         //skp
-        let defRow = document.createElement("tr");
-        let defElem = document.createElement("td");
-        defElem.classList.add("left");
+        let defRow = document.createElement("div");
+        defRow.classList.add("row");
+        let defElem = document.createElement("div");
+        defElem.classList.add("col");
+        defElem.classList.add("text-start");
         defElem.textContent = "Damage Absorbed %:";
-        boost = document.createElement("td");
-        boost.classList.add("right");
+        boost = document.createElement("div");
+        boost.classList.add("col");
+        boost.classList.add("text-end");
         boost.textContent = stats[4][0] + "%";
         defRow.appendChild(defElem);
         defRow.appendChild(boost);
         statsTable.append(defRow);
 
-        let agiRow = document.createElement("tr");
-        let agiElem = document.createElement("td");
-        agiElem.classList.add("left");
+        let agiRow = document.createElement("div");
+        agiRow.classList.add("row");
+        let agiElem = document.createElement("div");
+        agiElem.classList.add("col");
+        agiElem.classList.add("text-start");
         agiElem.textContent = "Dodge Chance %:";
-        boost = document.createElement("td");
-        boost.classList.add("right");
+        boost = document.createElement("div");
+        boost.classList.add("col");
+        boost.classList.add("text-end");
         boost.textContent = stats[4][1] + "%";
         agiRow.appendChild(agiElem);
         agiRow.appendChild(boost);
         statsTable.append(agiRow);
     }
 
-    parent_elem.append(statsTable);
+    if (!insertSummary) {
+        parent_elem.append(statsTable);
+    }
 }
 
-function displayPowderSpecials(parent_elem, powderSpecials, build) {
-    parent_elem.textContent = "Powder Specials";
+function displayPowderSpecials(parent_elem, powderSpecials, stats, weapon, overall=false) {
+    const skillpoints = [
+        stats.get('str'),
+        stats.get('dex'),
+        stats.get('int'),
+        stats.get('def'),
+        stats.get('agi')
+    ];
+    parent_elem.textContent = ""
+    let title = document.createElement("b");
+    title.textContent = "Powder Specials";
+    parent_elem.appendChild(title);
     let specials = powderSpecials.slice();
-    let stats = build.statMap;
     let expandedStats = new Map();
     //each entry of powderSpecials is [ps, power]
     for (special of specials) {
         //iterate through the special and display its effects.
         let powder_special = document.createElement("p");
-        powder_special.classList.add("left");
         let specialSuffixes = new Map([ ["Duration", " sec"], ["Radius", " blocks"], ["Chains", ""], ["Damage", "%"], ["Damage Boost", "%"], ["Knockback", " blocks"] ]);
         let specialTitle = document.createElement("p");
         let specialEffects = document.createElement("p");
-        specialTitle.classList.add("left");
-        specialTitle.classList.add("itemp");
         specialTitle.classList.add(damageClasses[powderSpecialStats.indexOf(special[0]) + 1]);
-        specialEffects.classList.add("left");
-        specialEffects.classList.add("itemp");
-        specialEffects.classList.add("nocolor");
         let effects = special[0]["weaponSpecialEffects"];
         let power = special[1];
         specialTitle.textContent = special[0]["weaponSpecialName"] + " " + Math.floor((power-1)*0.5 + 4) + (power % 2 == 0 ? ".5" : "");  
-        for (const [key,value] of effects) {
-            let effect = document.createElement("p");
-            effect.classList.add("itemp");
-            effect.textContent += key + ": " + value[power-1] + specialSuffixes.get(key);
-            if(key === "Damage"){
-                effect.textContent += elementIcons[powderSpecialStats.indexOf(special[0])];
-            }
-            if(special[0]["weaponSpecialName"] === "Wind Prison" && key === "Damage Boost") {
-                effect.textContent += " (only 1st hit)";
-            }
-            specialEffects.appendChild(effect);
-        }
 
+        if (!overall || powderSpecialStats.indexOf(special[0]) == 2 || powderSpecialStats.indexOf(special[0]) == 3 || powderSpecialStats.indexOf(special[0]) == 4) {
+            for (const [key,value] of effects) {
+                let effect = document.createElement("p");
+                effect.textContent += key + ": " + value[power-1] + specialSuffixes.get(key);
+                if(key === "Damage"){
+                    effect.textContent += elementIcons[powderSpecialStats.indexOf(special[0])];
+                }
+                if(special[0]["weaponSpecialName"] === "Wind Prison" && key === "Damage Boost") {
+                    effect.textContent += " (only 1st hit)";
+                }
+                specialEffects.appendChild(effect);
+            }
+        }
         powder_special.appendChild(specialTitle);
         powder_special.appendChild(specialEffects);
 
         //if this special is an instant-damage special (Quake, Chain Lightning, Courage Burst), display the damage.
         let specialDamage = document.createElement("p");
+        // specialDamage.classList.add("item-margin");
         let spells = spell_table["powder"];
         if (powderSpecialStats.indexOf(special[0]) == 0 || powderSpecialStats.indexOf(special[0]) == 1 || powderSpecialStats.indexOf(special[0]) == 3) { //Quake, Chain Lightning, or Courage
             let spell = (powderSpecialStats.indexOf(special[0]) == 3 ? spells[2] : spells[powderSpecialStats.indexOf(special[0])]);
             let part = spell["parts"][0];
-            let _results = calculateSpellDamage(stats, part.conversion,
-                stats.get("mdRaw"), stats.get("mdPct") + build.externalStats.get("mdPct"), 
-                0, build.weapon, build.total_skillpoints, build.damageMultiplier * ((part.multiplier[power-1] / 100)), build.externalStats);//part.multiplier[power] / 100
 
-            let critChance = skillPointsToPercentage(build.total_skillpoints[1]);
+            let tmp_conv = [];
+            for (let i in part.conversion) {
+                tmp_conv.push(part.conversion[i] * part.multiplier[power-1] / 100);
+            }
+            console.log(tmp_conv);
+            let _results = calculateSpellDamage(stats, weapon, tmp_conv, false, true);
+
+            let critChance = skillPointsToPercentage(skillpoints[1]);
             let save_damages = [];
             
             let totalDamNormal = _results[0];
@@ -1726,59 +1495,69 @@ function displayPowderSpecials(parent_elem, powderSpecials, build) {
             let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
             let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
 
-            let averageLabel = document.createElement("p");
-            averageLabel.textContent = "Average: "+averageDamage.toFixed(2);
-            averageLabel.classList.add("damageSubtitle");
-            specialDamage.append(averageLabel);
-
-
-            let nonCritLabel = document.createElement("p");
-            nonCritLabel.textContent = "Non-Crit Average: "+nonCritAverage.toFixed(2);
-            nonCritLabel.classList.add("damageSubtitle");
-            specialDamage.append(nonCritLabel);
+            let averageWrap = document.createElement("p");
+            let averageLabel = document.createElement("span");
+            averageLabel.textContent = "Average: ";
             
-            for (let i = 0; i < 6; i++){
-                if (results[i][1] > 0){
-                    let p = document.createElement("p");
-                    p.classList.add("damagep");
-                    p.classList.add(damageClasses[i]);
-                    p.textContent = results[i][0]+"-"+results[i][1];
-                    specialDamage.append(p);
-                }
-            }
-            let normalDamage = document.createElement("p");
-            normalDamage.textContent = "Total: " + totalDamNormal[0].toFixed(2) + "-" + totalDamNormal[1].toFixed(2);
-            normalDamage.classList.add("itemp");
-            specialDamage.append(normalDamage);
+            let averageLabelDmg = document.createElement("span");
+            averageLabelDmg.classList.add("Damage");
+            averageLabelDmg.textContent = averageDamage.toFixed(2);
 
-            let nonCritChanceLabel = document.createElement("p");
-            nonCritChanceLabel.textContent = "Non-Crit Chance: " + ((1-critChance)*100).toFixed(2)  + "%";
-            specialDamage.append(nonCritChanceLabel);
-
-            let critLabel = document.createElement("p");
-            critLabel.textContent = "Crit Average: "+critAverage.toFixed(2);
-            critLabel.classList.add("damageSubtitle");
+            averageWrap.appendChild(averageLabel);
+            averageWrap.appendChild(averageLabelDmg);
+            specialDamage.appendChild(averageWrap);
             
-            specialDamage.append(critLabel);
-            for (let i = 0; i < 6; i++){
-                if (results[i][1] > 0){
-                    let p = document.createElement("p");
-                    p.classList.add("damagep");
-                    p.classList.add(damageClasses[i]);
-                    p.textContent = results[i][2]+"-"+results[i][3];
-                    specialDamage.append(p);
+            if (!overall) {
+                let nonCritLabel = document.createElement("p");
+                nonCritLabel.textContent = "Non-Crit Average: "+nonCritAverage.toFixed(2);
+                nonCritLabel.classList.add("damageSubtitle");
+                nonCritLabel.classList.add("item-margin");
+                specialDamage.append(nonCritLabel);
+                
+                for (let i = 0; i < 6; i++){
+                    if (results[i][1] > 0){
+                        let p = document.createElement("p");
+                        p.classList.add("damagep");
+                        p.classList.add(damageClasses[i]);
+                        p.textContent = results[i][0]+"-"+results[i][1];
+                        specialDamage.append(p);
+                    }
                 }
+                let normalDamage = document.createElement("p");
+                normalDamage.textContent = "Total: " + totalDamNormal[0].toFixed(2) + "-" + totalDamNormal[1].toFixed(2);
+                normalDamage.classList.add("itemp");
+                specialDamage.append(normalDamage);
+
+                let nonCritChanceLabel = document.createElement("p");
+                nonCritChanceLabel.textContent = "Non-Crit Chance: " + ((1-critChance)*100).toFixed(2)  + "%";
+                specialDamage.append(nonCritChanceLabel);
+
+                let critLabel = document.createElement("p");
+                critLabel.textContent = "Crit Average: "+critAverage.toFixed(2);
+                critLabel.classList.add("damageSubtitle");
+                critLabel.classList.add("item-margin");
+                
+                specialDamage.append(critLabel);
+                for (let i = 0; i < 6; i++){
+                    if (results[i][1] > 0){
+                        let p = document.createElement("p");
+                        p.classList.add("damagep");
+                        p.classList.add(damageClasses[i]);
+                        p.textContent = results[i][2]+"-"+results[i][3];
+                        specialDamage.append(p);
+                    }
+                }
+                let critDamage = document.createElement("p");
+                critDamage.textContent = "Total: " + totalDamCrit[0].toFixed(2) + "-" + totalDamCrit[1].toFixed(2);
+                critDamage.classList.add("itemp");
+                specialDamage.append(critDamage);
+
+                let critChanceLabel = document.createElement("p");
+                critChanceLabel.textContent = "Crit Chance: " + (critChance*100).toFixed(2) + "%";
+                specialDamage.append(critChanceLabel);
+
+                save_damages.push(averageDamage);
             }
-            let critDamage = document.createElement("p");
-            critDamage.textContent = "Total: " + totalDamCrit[0].toFixed(2) + "-" + totalDamCrit[1].toFixed(2);
-            critDamage.classList.add("itemp");
-            specialDamage.append(critDamage);
-
-            let critChanceLabel = document.createElement("p");
-            critChanceLabel.textContent = "Crit Chance: " + (critChance*100).toFixed(2) + "%";
-            specialDamage.append(critChanceLabel);
-
-            save_damages.push(averageDamage);
 
             powder_special.append(specialDamage);
         } 
@@ -1787,230 +1566,136 @@ function displayPowderSpecials(parent_elem, powderSpecials, build) {
     }
 }
 
-function displaySpellDamage(parent_elem, overallparent_elem, build, spell, spellIdx) {
+function getSpellCost(stats, spell) {
+    return Math.max(1, getBaseSpellCost(stats, spell));
+}
+
+function getBaseSpellCost(stats, spell) {
+                            // old intelligence:
+    let cost = spell.cost;  //Math.ceil(spell.cost * (1 - skillPointsToPercentage(stats.get('int'))));
+    cost += stats.get("spRaw"+spell.base_spell);
+    return Math.floor(cost * (1 + stats.get("spPct"+spell.base_spell) / 100));
+}
+    
+
+function displaySpellDamage(parent_elem, overallparent_elem, stats, spell, spellIdx, spell_results) {
+    // TODO: remove spellIdx (just used to flag melee and cost)
+    // TODO: move cost calc out
     parent_elem.textContent = "";
 
-
-    let tooltip; let tooltiptext;
-    const stats = build.statMap;
     let title_elem = document.createElement("p");
-    title_elem.classList.add("smalltitle");
-    title_elem.classList.add("Normal");
 
     overallparent_elem.textContent = "";
-    let title_elemavg = document.createElement("p");
-    title_elemavg.classList.add('smalltitle');
-    title_elemavg.classList.add('Normal');
+    let title_elemavg = document.createElement("b");
 
-    if (spellIdx != 0) {
-        let first = document.createElement("b");    
-        first.textContent = spell.title + " (";
+    if ('cost' in spell) {
+        let first = document.createElement("span");
+        first.textContent = spell.name + " (";
         title_elem.appendChild(first.cloneNode(true)); //cloneNode is needed here.
         title_elemavg.appendChild(first);
 
-        let second = document.createElement("b");
-        second.textContent = build.getSpellCost(spellIdx, spell.cost);
+        let second = document.createElement("span");
+        second.textContent = getSpellCost(stats, spell);
         second.classList.add("Mana");
-        second.classList.add("tooltip");
 
-        let int_redux = skillPointsToPercentage(build.total_skillpoints[2]).toFixed(2);
-        let spPct_redux = (build.statMap.get("spPct" + spellIdx)/100).toFixed(2);
-        let spRaw_redux = (build.statMap.get("spRaw" + spellIdx)).toFixed(2);
-        spPct_redux >= 0 ? spPct_redux = "+ " + spPct_redux : spPct_redux = "- " + Math.abs(spPct_redux);
-        spRaw_redux >= 0 ? spRaw_redux = "+ " + spRaw_redux : spRaw_redux = "- " + Math.abs(spRaw_redux);
-
-        tooltiptext = `= max(1, floor((ceil(${spell.cost} * (1 - ${int_redux})) ${spRaw_redux}) * (1 ${spPct_redux})))`;
-        tooltip = createTooltip(tooltip, "p", tooltiptext, second, ["spellcostcalc"]);
-        second.appendChild(tooltip);
         title_elem.appendChild(second.cloneNode(true));
         title_elemavg.appendChild(second);
         
 
-        let third = document.createElement("b");
-        third.textContent = ") [Base: " + build.getBaseSpellCost(spellIdx, spell.cost) + " ]";
+        let third = document.createElement("span");
+        third.textContent = ")";// [Base: " + getBaseSpellCost(stats, spellIdx, spell.cost) + " ]";
         title_elem.appendChild(third);
-        let third_summary = document.createElement("b");
+        let third_summary = document.createElement("span");
         third_summary.textContent = ")";
         title_elemavg.appendChild(third_summary);
     }
     else {
-        title_elem.textContent = spell.title;
-        title_elemavg.textContent = spell.title;
+        title_elem.textContent = spell.name;
+        title_elemavg.textContent = spell.name;
     }
 
     parent_elem.append(title_elem);
     overallparent_elem.append(title_elemavg);
 
-    let critChance = skillPointsToPercentage(build.total_skillpoints[1]);
+    // if ('cost' in spell) {
+    // :( ...... ?
+    //     overallparent_elem.append(displayNextCosts(stats, spell, spellIdx));
+    // }
 
-    let save_damages = [];
+    let critChance = skillPointsToPercentage(stats.get('dex'));
 
     let part_divavg = document.createElement("p");
-    part_divavg.classList.add("lessbottom");
     overallparent_elem.append(part_divavg);
 
-    let spell_parts;
-    if (spell.parts) {
-        spell_parts = spell.parts;
+    function _summary(text, val, fmt) {
+        let overallaverageLabel = document.createElement("p");
+        let first = document.createElement("span");
+        let second = document.createElement("span");
+        first.textContent = text;
+        second.textContent = val.toFixed(2);
+        overallaverageLabel.appendChild(first);
+        overallaverageLabel.appendChild(second);
+        second.classList.add(fmt);
+        part_divavg.append(overallaverageLabel);
     }
-    else {
-        spell_parts = spell.variants.DEFAULT;
-        for (const majorID of stats.get("activeMajorIDs")) {
-            if (majorID in spell.variants) {
-                spell_parts = spell.variants[majorID];
-                break;
-            }
-        }
-    }
-    //console.log(spell_parts);
 
-    for (const part of spell_parts) {
-        parent_elem.append(document.createElement("br"));
+    for (let i = 0; i < spell_results.length; ++i) {
+        const spell_info = spell_results[i];
+
         let part_div = document.createElement("p");
         parent_elem.append(part_div);
 
         let subtitle_elem = document.createElement("p");
-        subtitle_elem.textContent = part.subtitle;
-        subtitle_elem.classList.add("nomargin");
+        subtitle_elem.textContent = spell_info.name
         part_div.append(subtitle_elem);
 
-        if (part.type === "damage") {
-            //console.log(build.expandedStats);
-            let _results = calculateSpellDamage(stats, part.conversion,
-                                    stats.get("sdRaw") + stats.get("rainbowRaw"), stats.get("sdPct") + build.externalStats.get("sdPct"), 
-                                    part.multiplier / 100, build.weapon, build.total_skillpoints, build.damageMultiplier, build.externalStats);
-            let totalDamNormal = _results[0];
-            let totalDamCrit = _results[1];
-            let results = _results[2];
-            let tooltipinfo = _results[3];
-            
-            for (let i = 0; i < 6; ++i) {
-                for (let j in results[i]) {
-                    results[i][j] = results[i][j].toFixed(2);
-                }
-            }
+        if (spell_info.type === "damage") {
+            let totalDamNormal = spell_info.normal_total;
+            let totalDamCrit = spell_info.crit_total;
+
             let nonCritAverage = (totalDamNormal[0]+totalDamNormal[1])/2 || 0;
             let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
             let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
 
             let averageLabel = document.createElement("p");
             averageLabel.textContent = "Average: "+averageDamage.toFixed(2);
-            tooltiptext = ` = ((1 - ${critChance}) * ${nonCritAverage.toFixed(2)}) + (${critChance} * ${critAverage.toFixed(2)})`
-            averageLabel.classList.add("damageSubtitle");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, averageLabel, ["spell-tooltip"]);
+            // averageLabel.classList.add("damageSubtitle");
             part_div.append(averageLabel);
 
 
-            if (part.summary == true) {
-                let overallaverageLabel = document.createElement("p");
-                let first = document.createElement("b");
-                let second = document.createElement("b");
-                first.textContent = part.subtitle + " Average: "; 
-                second.textContent = averageDamage.toFixed(2);
-                overallaverageLabel.appendChild(first);
-                overallaverageLabel.appendChild(second);
-                tooltip = createTooltip(tooltip, "p", tooltiptext, overallaverageLabel, ["spell-tooltip", "summary-tooltip"]);
-                second.classList.add("Damage");
-                overallaverageLabel.classList.add("itemp");
-                part_divavg.append(overallaverageLabel);
+            if (spell_info.name === spell.display) {
+                _summary(spell_info.name+ ": ", averageDamage, "Damage");
             }
             
-            function _damage_display(label_text, average, result_idx) {
+            function _damage_display(label_text, average, dmg_min, dmg_max) {
                 let label = document.createElement("p");
                 label.textContent = label_text+average.toFixed(2);
-                label.classList.add("damageSubtitle");
                 part_div.append(label);
                 
-                let arrmin = [];
-                let arrmax = [];
                 for (let i = 0; i < 6; i++){
-                    if (results[i][1] != 0){
+                    if (dmg_max[i] != 0){
                         let p = document.createElement("p");
-                        p.classList.add("damagep");
                         p.classList.add(damageClasses[i]);
-                        p.textContent = results[i][result_idx] + " \u2013 " + results[i][result_idx + 1];
-                        tooltiptext = tooltipinfo.get("damageformulas")[i].slice(0,2).join("\n");
-                        tooltip = createTooltip(tooltip, "p", tooltiptext, p, ["spell-tooltip"]);
-                        arrmin.push(results[i][result_idx]);
-                        arrmax.push(results[i][result_idx + 1]);
+                        p.textContent = dmg_min[i].toFixed(2)+" \u2013 "+dmg_max[i].toFixed(2);
                         part_div.append(p);
                     }
                 }
-                tooltiptext = ` = ((${arrmin.join(" + ")}) + (${arrmax.join(" + ")})) / 2`;
-                tooltip = createTooltip(tooltip, "p", tooltiptext, label, ["spell-tooltip"]);
             }
-            _damage_display("Non-Crit Average: ", nonCritAverage, 0);
-            _damage_display("Crit Average: ", critAverage, 2);
-
-            save_damages.push(averageDamage);
-        } else if (part.type === "heal") {
-            let heal_amount = (part.strength * build.getDefenseStats()[0] * Math.max(0.5,Math.min(1.75, 1 + 0.5 * stats.get("wDamPct")/100))).toFixed(2);
-            tooltiptext = ` = ${part.strength} * ${build.getDefenseStats()[0]} * max(0.5, min(1.75, 1 + 0.5 * ${stats.get("wDamPct")/100}))`;
+            _damage_display("Non-Crit Average: ", nonCritAverage, spell_info.normal_min, spell_info.normal_max);
+            _damage_display("Crit Average: ", critAverage, spell_info.crit_min, spell_info.crit_max);
+        } else if (spell_info.type === "heal") {
+            let heal_amount = spell_info.heal_amount;
             let healLabel = document.createElement("p");
             healLabel.textContent = heal_amount;
-            healLabel.classList.add("damagep");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, healLabel, ["spell-tooltip"]);
+            // healLabel.classList.add("damagep");
             part_div.append(healLabel);
-            if (part.summary == true) {
-                let overallhealLabel = document.createElement("p");
-                let first = document.createElement("b");
-                let second = document.createElement("b");
-                first.textContent = part.subtitle + ": ";
-                second.textContent = heal_amount;
-                overallhealLabel.appendChild(first);
-                second.classList.add("Set");
-                overallhealLabel.appendChild(second);
-                overallhealLabel.classList.add("itemp");
-                tooltip = createTooltip(tooltip, "p", tooltiptext, second, ["spell-tooltip"]);
-                part_divavg.append(overallhealLabel);
-
-                let effectiveHealLabel = document.createElement("p");
-                first = document.createElement("b");
-                second = document.createElement("b");
-                let defStats = build.getDefenseStats();
-                tooltiptext = ` = ${heal_amount} * ${defStats[1][0].toFixed(2)} / ${defStats[0]}`;
-                first.textContent = "Effective Heal: ";
-                second.textContent = (defStats[1][0]*heal_amount/defStats[0]).toFixed(2);
-                effectiveHealLabel.appendChild(first);
-                second.classList.add("Set");
-                effectiveHealLabel.appendChild(second);
-                effectiveHealLabel.classList.add("itemp");
-                tooltip = createTooltip(tooltip, "p", tooltiptext, second, ["spell-tooltip"]);
-                part_divavg.append(effectiveHealLabel);
+            if (spell_info.name === spell.display) {
+                _summary(spell_info.name+ ": ", heal_amount, "Set");
             }
-        } else if (part.type === "total") {
-            let total_damage = 0;
-            tooltiptext = "";
-            for (let i in part.factors) {
-                total_damage += save_damages[i] * part.factors[i];
-            }
-
-            let dmgarr = part.factors.slice();
-            dmgarr = dmgarr.map(x => "(" + x + " * " + save_damages[dmgarr.indexOf(x)].toFixed(2) + ")");
-            tooltiptext = " = " + dmgarr.join(" + ");
-
-
-            let averageLabel = document.createElement("p");
-            averageLabel.textContent = "Average: "+total_damage.toFixed(2);
-            averageLabel.classList.add("damageSubtitle");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, averageLabel, ["spell-tooltip"]);
-            part_div.append(averageLabel);
-
-            let overallaverageLabel = document.createElement("p");
-            overallaverageLabel.classList.add("damageSubtitle");
-            let overallaverageLabelFirst = document.createElement("b");
-            let overallaverageLabelSecond = document.createElement("b");
-            overallaverageLabelFirst.textContent = "Average: ";
-            overallaverageLabelSecond.textContent = total_damage.toFixed(2);
-            overallaverageLabelSecond.classList.add("Damage");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, overallaverageLabel, ["spell-tooltip", "summary-tooltip"]);
-
-
-            overallaverageLabel.appendChild(overallaverageLabelFirst);
-            overallaverageLabel.appendChild(overallaverageLabelSecond);
-            part_divavg.append(overallaverageLabel);
         }
     }
+
+    addClickableArrow(overallparent_elem, parent_elem);
 }
 
 /** Displays the ID costs of an item
@@ -2161,58 +1846,6 @@ function displayAdditionalInfo(elemID, item) {
     return;
 }
 
-/** Displays all set bonuses (0/n, 1/n, ... n/n) for a given set
- * 
- * @param {String} parent_id - id of the parent element
- * @param {String} setName - the name of the set
- */
- function displayAllSetBonuses(parent_id,setName) {
-    let parent_elem = document.getElementById(parent_id);
-    parent_elem.style.display = ""; 
-    let set = sets[setName];
-    let title_elem = document.createElement("p");
-    title_elem.textContent = setName + " Set Bonuses";
-    title_elem.classList.add("Set");
-    title_elem.classList.add("title");
-    parent_elem.appendChild(title_elem);
-    let grid_elem = document.createElement("div");
-    grid_elem.style.display = "flex";
-    grid_elem.style.flexDirection = "rows";
-    grid_elem.style.flexWrap = "wrap";
-    grid_elem.style.gap = "5px";
-    parent_elem.appendChild(grid_elem);
-
-    for (let i = 0; i < set.items.length; i++) {
-        
-        let set_elem = document.createElement('p');
-        set_elem.classList.add("container");
-        set_elem.style = "grid-item-"+(i+1);
-        set_elem.style.maxWidth = "max(180px, 15%)";
-        set_elem.id = "set-"+setName+"-"+i;
-        grid_elem.appendChild(set_elem);
-        const bonus = set.bonuses[i];
-        let mock_item = new Map();
-        mock_item.set("fixID", true);
-        mock_item.set("displayName", setName+" Set: " + (i+1) + "/"+sets[setName].items.length);
-        set_elem.textContent = mock_item.get("displayName");
-        let mock_minRolls = new Map();
-        let mock_maxRolls = new Map();
-        mock_item.set("minRolls", mock_minRolls);
-        mock_item.set("maxRolls", mock_maxRolls);
-        for (const id in bonus) {
-            if (rolledIDs.includes(id)) {
-                mock_minRolls.set(id, bonus[id]);
-                mock_maxRolls.set(id, bonus[id]);
-            }
-            else {
-                mock_item.set(id, bonus[id]);
-            }
-        }
-        mock_item.set("powders", []);
-        displayExpandedItem(mock_item, set_elem.id);
-    }
-
-}
 
 /** Displays the individual probabilities of each possible value of each rollable ID for this item.
  * 
@@ -2439,6 +2072,7 @@ function stringPDF(id,val,base,amp) {
     document.getElementById(id + "-pdf").appendChild(b2);
     document.getElementById(id + "-pdf").appendChild(b3);
 }
+
 function stringCDF(id,val,base,amp) {
     let p; let min; let max; let minr; let maxr; let minround; let maxround;
     if (base > 0) {
@@ -2473,3 +2107,24 @@ function stringCDF(id,val,base,amp) {
     document.getElementById(id + "-cdf").appendChild(b2);
     document.getElementById(id + "-cdf").appendChild(b3);
 }
+
+function addClickableArrow(elem, target) {
+    //up and down arrow - done ugly
+    let arrow = document.createElement("img");
+    arrow.id = "arrow_" + elem.id;
+    arrow.style.maxWidth = document.body.clientWidth > 900 ? "3rem" : "10rem";
+    arrow.src = "../media/icons/" + (newIcons ? "new" : "old") + "/toggle_down.png";
+    elem.appendChild(arrow);
+    arrow.addEventListener("click", () => toggle_spell_tab(arrow, target));
+}
+
+// toggle arrow thinger
+function toggle_spell_tab(arrow_img, target) {
+    if (target.style.display == "none") {
+        target.style.display = "";
+        arrow_img.src = arrow_img.src.replace("down", "up");
+    } else {
+        target.style.display = "none";
+        arrow_img.src = arrow_img.src.replace("up", "down");
+    }
+}
diff --git a/js/display_constants.js b/js/display_constants.js
index f686899..3ad22fb 100644
--- a/js/display_constants.js
+++ b/js/display_constants.js
@@ -1,99 +1,3 @@
-let nonRolledIDs = [
-    "name",
-    "lore",
-    "displayName",
-    "tier",
-    "set",
-    "slots",
-    "type",
-    "material",
-    "drop",
-    "quest",
-    "restrict",
-    "nDam",
-    "fDam",
-    "wDam",
-    "aDam",
-    "tDam",
-    "eDam",
-    "atkSpd",
-    "hp",
-    "fDef",
-    "wDef",
-    "aDef",
-    "tDef",
-    "eDef",
-    "lvl",
-    "classReq",
-    "strReq",
-    "dexReq",
-    "intReq",
-    "defReq",
-    "agiReq","str",
-    "dex",
-    "int",
-    "agi",
-    "def",
-    "fixID",
-    "category",
-    "id",
-    "skillpoints",
-    "reqs",
-    "nDam_",
-    "fDam_",
-    "wDam_",
-    "aDam_",
-    "tDam_",
-    "eDam_",
-    "majorIds"];
-let rolledIDs = [
-    "hprPct",
-    "mr",
-    "sdPct",
-    "mdPct",
-    "ls",
-    "ms",
-    "xpb",
-    "lb",
-    "ref",
-    "thorns",
-    "expd",
-    "spd",
-    "atkTier",
-    "poison",
-    "hpBonus",
-    "spRegen",
-    "eSteal",
-    "hprRaw",
-    "sdRaw",
-    "mdRaw",
-    "fDamPct",
-    "wDamPct",
-    "aDamPct",
-    "tDamPct",
-    "eDamPct",
-    "fDefPct",
-    "wDefPct",
-    "aDefPct",
-    "tDefPct",
-    "eDefPct",
-    "spPct1",
-    "spRaw1",
-    "spPct2",
-    "spRaw2",
-    "spPct3",
-    "spRaw3",
-    "spPct4",
-    "spRaw4",
-    "rainbowRaw",
-    "sprint",
-    "sprintReg",
-    "jh",
-    "lq",
-    "gXp",
-    "gSpd"
-];
-let reversedIDs = [ "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4" ];
 let colorMap = new Map(
     [
         ["Normal", "#fff"],
@@ -305,23 +209,24 @@ let posModSuffixes = {
 /*
  * Display commands
  */
-let build_overall_display_commands = [
-    "#table",
+let build_all_display_commands = [
+    "#defense-stats",
     "str", "dex", "int", "def", "agi",
+    "!spacer",
     "mr", "ms",
     "hprRaw", "hprPct",
+    "ls",
     "sdRaw", "sdPct",
     "mdRaw", "mdPct",
-    "ref", "thorns",
-    "ls",
-    "poison",
-    "expd",
-    "spd",
-    "atkTier",
     "!elemental",
     "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
     "!elemental",
     "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
+    "atkTier",
+    "poison",
+    "ref", "thorns",
+    "expd",
+    "spd",
     "rainbowRaw",
     "sprint", "sprintReg",
     "jh",
@@ -331,26 +236,51 @@ let build_overall_display_commands = [
     "gXp", "gSpd",
 ];
 
-let item_display_commands = [
-    "#cdiv",
+let build_offensive_display_commands = [
+    "str", "dex", "int", "def", "agi",
+    "mr", "ms",
+    "sdRaw", "sdPct",
+    "mdRaw", "mdPct",
+    "ref", "thorns",
+    "ls",
+    "poison",
+    "expd",
+    "spd",
+    "atkTier",
+    "rainbowRaw",
+    "!elemental",
+    "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
+    "!elemental",
+    "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
+];
+
+let build_basic_display_commands = [
+    '#defense-stats',
+    // defense stats [hp, ehp, hpr, ]
+    // "sPot", // base * atkspd + spell raws
+    // melee potential
+    // "mPot", // melee% * (base * atkspd) + melee raws
+    "mr", "ms",
+    "ls",
+    "poison",
+    "spd",
+    "atkTier",
+]
+
+let sq2_item_display_commands = [
     "displayName",
-    //"type", //REPLACE THIS WITH SKIN
-    "#ldiv",
     "atkSpd",
-    "#ldiv",
     "!elemental",
     "hp",
     "nDam_", "fDam_", "wDam_", "aDam_", "tDam_", "eDam_",
+    "!spacer",
     "fDef", "wDef", "aDef", "tDef", "eDef",
     "!elemental",
-    "#ldiv",
     "classReq",
     "lvl",
     "strReq", "dexReq", "intReq", "defReq","agiReq",
-    "#ldiv",
+    "!spacer",
     "str", "dex", "int", "def", "agi",
-    "#table",
-    "str", "dex", "int", "def", "agi", //jank lmao
     "hpBonus",
     "hprRaw", "hprPct",
     "sdRaw", "sdPct",
@@ -374,11 +304,33 @@ let item_display_commands = [
     "spRegen",
     "eSteal",
     "gXp", "gSpd",
-    "#ldiv",
     "majorIds",
+    "!spacer",
     "slots",
+    "!spacer",
     "set",
     "lore",
     "quest",
     "restrict"
 ];
+
+let sq2_ing_display_order = [
+    "displayName", //tier will be displayed w/ name
+    "!spacer",
+    "ids",
+    "!spacer",
+    "posMods",
+    "itemIDs",
+    "consumableIDs",
+    "!spacer",
+    "lvl",
+    "skills",
+]
+
+let elem_colors = [
+    "#00AA00",
+    "#FFFF55",
+    "#55FFFF",
+    "#FF5555",
+    "#FFFFFF"
+]
diff --git a/js/dps_vis.js b/js/dps_vis.js
index 85386b0..2a7828d 100644
--- a/js/dps_vis.js
+++ b/js/dps_vis.js
@@ -213,14 +213,14 @@ function redraw(data) {
         let tier_mod = tiers_mod.get(tier);
         let y_max = baseline_y.map(x => 2.1*x*tier_mod*type_mod);
         let y_min = baseline_y.map(x => 2.0*x*tier_mod*type_mod);
-        line_top.datum(zip(baseline_x, y_max))
+        line_top.datum(zip2(baseline_x, y_max))
             .attr("fill", "none")
             .attr("stroke", d => colorMap.get(tier))
             .attr("d", d3.line()
                 .x(function(d) { return x(d[0]) })
                 .y(function(d) { return y(d[1]) })
               )
-        line_bot.datum(zip(baseline_x, y_min))
+        line_bot.datum(zip2(baseline_x, y_min))
             .attr("fill", "none")
             .attr("stroke", d => colorMap.get(tier))
             .attr("d", d3.line()
diff --git a/js/items_2.js b/js/items_2.js
index a670ee3..220b447 100644
--- a/js/items_2.js
+++ b/js/items_2.js
@@ -239,7 +239,7 @@ function init_items2() {
     const itemListFooter = document.getElementById('item-list-footer');
 
     // compile the search db from the item db
-    const searchDb = items.filter(i => !i.remapID).map(i => [i, expandItem(i, [])]);
+    const searchDb = items.filter(i => !i.remapID).map(i => [i, expandItem(i)]);
 
     // init item list elements
     const ITEM_LIST_SIZE = 64;
diff --git a/js/load.js b/js/load.js
index 265cc3c..678e012 100644
--- a/js/load.js
+++ b/js/load.js
@@ -6,7 +6,7 @@ let reload = false;
 let load_complete = false;
 let load_in_progress = false;
 let items;
-let sets;
+let sets = new Map();
 let itemMap;
 let idMap;
 let redirectMap;
@@ -14,42 +14,46 @@ let itemLists = new Map();
 /*
  * Load item set from local DB. Calls init() on success.
  */
-async function load_local(init_func) {
-    let get_tx = db.transaction(['item_db', 'set_db'], 'readonly');
-    let sets_store = get_tx.objectStore('set_db');
-    let get_store = get_tx.objectStore('item_db');
-    let request = get_store.getAll();
-    request.onerror = function(event) {
-        console.log("Could not read local item db...");
-    }
-    request.onsuccess = function(event) {
-        console.log("Successfully read local item db.");
-        items = request.result;
-        //console.log(items);
-        let request2 = sets_store.openCursor();
-
-        sets = {};
-        request2.onerror = function(event) {
-            console.log("Could not read local set db...");
+async function load_local() {
+    return new Promise(function(resolve, reject) {
+        let get_tx = db.transaction(['item_db', 'set_db'], 'readonly');
+        let sets_store = get_tx.objectStore('set_db');
+        let get_store = get_tx.objectStore('item_db');
+        let request = get_store.getAll();
+        request.onerror = function(event) {
+            reject("Could not read local item db...");
+        }
+        request.onsuccess = function(event) {
+            console.log("Successfully read local item db.");
         }
 
+        // key-value iteration (hpp don't break this again)
+        // https://stackoverflow.com/questions/47931595/indexeddb-getting-all-data-with-keys
+        let request2 = sets_store.openCursor();
+        request2.onerror = function(event) {
+            reject("Could not read local set db...");
+        }
         request2.onsuccess = function(event) {
             let cursor = event.target.result;
             if (cursor) {
-                sets[cursor.primaryKey] = cursor.value;
+                let key = cursor.primaryKey;
+                let value = cursor.value;
+                sets.set(key, value);
                 cursor.continue();
             }
             else {
+               // no more results
                 console.log("Successfully read local set db.");
-                //console.log(sets);
-                init_maps();
-                init_func();
-                load_complete = true;
             }
+        };
+        get_tx.oncomplete = function(event) {
+            items = request.result;
+            init_maps();
+            load_complete = true;
+            db.close();
+            resolve();
         }
-    }
-    await get_tx.complete;
-    db.close();
+    });
 }
 
 /*
@@ -91,7 +95,7 @@ function clean_item(item) {
 /*
  * Load item set from remote DB (aka a big json file). Calls init() on success.
  */
-async function load(init_func) {
+async function load() {
 
     let getUrl = window.location;
     let baseUrl = getUrl.protocol + "//" + getUrl.host + "/";// + getUrl.pathname.split('/')[1];
@@ -99,18 +103,8 @@ async function load(init_func) {
     let url = baseUrl + "/compress.json?"+new Date();
     let result = await (await fetch(url)).json();
     items = result.items;
-    sets = result.sets;
+    let sets_ = result.sets;
     
-
-
-//    let clear_tx = db.transaction(['item_db', 'set_db'], 'readwrite');
-//    let clear_items = clear_tx.objectStore('item_db');
-//    let clear_sets = clear_tx.objectStore('item_db');
-//
-//    await clear_items.clear();
-//    await clear_sets.clear();
-//    await clear_tx.complete;
-
     let add_tx = db.transaction(['item_db', 'set_db'], 'readwrite');
     add_tx.onabort = function(e) {
         console.log(e);
@@ -127,78 +121,114 @@ async function load(init_func) {
         add_promises.push(req);
     }
     let sets_store = add_tx.objectStore('set_db');
-    for (const set in sets) {
-        add_promises.push(sets_store.add(sets[set], set));
+    for (const set in sets_) {
+        add_promises.push(sets_store.add(sets_[set], set));
+        sets.set(set, sets_[set]);
     }
     add_promises.push(add_tx.complete);
-    Promise.all(add_promises).then((values) => {
-        init_maps();
-        init_func();
-        load_complete = true;
-    });
-    // DB not closed? idfk man
+
+    await Promise.all(add_promises);
+    init_maps();
+    load_complete = true;
+    db.close();
 }
 
-function load_init(init_func) {
-    if (load_complete) {
-        console.log("Item db already loaded, skipping load sequence");
-        init_func();
-        return;
-    }
-    let request = window.indexedDB.open('item_db', DB_VERSION);
+async function load_init() {
+    return new Promise((resolve, reject) => {
+        let request = window.indexedDB.open('item_db', DB_VERSION);
 
-    request.onerror = function() {
-        console.log("DB failed to open...");
-    };
+        request.onerror = function() {
+            reject("DB failed to open...");
+        };
 
-    request.onsuccess = function() {
-        (async function() {
+        request.onsuccess = async function() {
             db = request.result;
-            if (!reload) {
-                console.log("Using stored data...")
-                load_local(init_func);
+            if (load_in_progress) {
+                while (!load_complete) {
+                    await sleep(100);
+                }
+                console.log("Skipping load...")
             }
             else {
-                if (load_in_progress) {
-                    while (!load_complete) {
-                        await sleep(100);
-                    }
-                    console.log("Skipping load...")
-                    init_func();
+                load_in_progress = true
+                if (reload) {
+                    console.log("Using new data...")
+                    await load();
                 }
                 else {
-                    // Not 100% safe... whatever!
-                    load_in_progress = true
-                    console.log("Using new data...")
-                    load(init_func);
+                    console.log("Using stored data...")
+                    await load_local();
                 }
             }
-        })()
-    }
+            resolve();
+        };
 
-    request.onupgradeneeded = function(e) {
-        reload = true;
+        request.onupgradeneeded = function(e) {
+            reload = true;
 
-        let db = e.target.result;
-        
-        try {
-            db.deleteObjectStore('item_db');
-        }
-        catch (error) {
-            console.log("Could not delete item DB. This is probably fine");
-        }
-        try {
-            db.deleteObjectStore('set_db');
-        }
-        catch (error) {
-            console.log("Could not delete set DB. This is probably fine");
-        }
+            let db = e.target.result;
+            
+            try {
+                db.deleteObjectStore('item_db');
+            }
+            catch (error) {
+                console.log("Could not delete item DB. This is probably fine");
+            }
+            try {
+                db.deleteObjectStore('set_db');
+            }
+            catch (error) {
+                console.log("Could not delete set DB. This is probably fine");
+            }
 
-        db.createObjectStore('item_db');
-        db.createObjectStore('set_db');
+            db.createObjectStore('item_db');
+            db.createObjectStore('set_db');
 
-        console.log("DB setup complete...");
-    }
+            console.log("DB setup complete...");
+        };
+    });
+}
+
+// List of 'raw' "none" items (No Helmet, etc), in order helmet, chestplate... ring1, ring2, brace, neck, weapon.
+for (const it of itemTypes) {
+    itemLists.set(it, []);
+}
+
+let none_items = [
+    ["armor", "helmet", "No Helmet"],
+    ["armor", "chestplate", "No Chestplate"],
+    ["armor", "leggings", "No Leggings"],
+    ["armor", "boots", "No Boots"],
+    ["accessory", "ring", "No Ring 1"],
+    ["accessory", "ring", "No Ring 2"],
+    ["accessory", "bracelet", "No Bracelet"],
+    ["accessory", "necklace", "No Necklace"],
+    ["weapon", "dagger", "No Weapon"],
+];
+for (let i = 0; i < none_items.length; i++) {
+    let item = Object();
+    item.slots = 0;
+    item.category = none_items[i][0];
+    item.type = none_items[i][1];
+    item.name = none_items[i][2];
+    item.displayName = item.name;
+    item.set = null;
+    item.quest = null;
+    item.skillpoints = [0, 0, 0, 0, 0];
+    item.has_negstat = false;
+    item.reqs = [0, 0, 0, 0, 0];
+    item.fixID = true;
+    item.tier = "Normal";
+    item.id = 10000 + i;
+    item.nDam = "0-0";
+    item.eDam = "0-0";
+    item.tDam = "0-0";
+    item.wDam = "0-0";
+    item.fDam = "0-0";
+    item.aDam = "0-0";
+    clean_item(item);
+
+    none_items[i] = item;
 }
 
 function init_maps() {
@@ -207,53 +237,13 @@ function init_maps() {
     /* Mapping from item names to set names. */
     idMap = new Map();
     redirectMap = new Map();
-    for (const it of itemTypes) {
-        itemLists.set(it, []);
-    }
-
-    let noneItems = [
-        ["armor", "helmet", "No Helmet"],
-        ["armor", "chestplate", "No Chestplate"],
-        ["armor", "leggings", "No Leggings"],
-        ["armor", "boots", "No Boots"],
-        ["accessory", "ring", "No Ring 1"],
-        ["accessory", "ring", "No Ring 2"],
-        ["accessory", "bracelet", "No Bracelet"],
-        ["accessory", "necklace", "No Necklace"],
-        ["weapon", "dagger", "No Weapon"],
-    ];
-    for (let i = 0; i < noneItems.length; i++) {
-        let item = Object();
-        item.slots = 0;
-        item.category = noneItems[i][0];
-        item.type = noneItems[i][1];
-        item.name = noneItems[i][2];
-        item.displayName = item.name;
-        item.set = null;
-        item.quest = null;
-        item.skillpoints = [0, 0, 0, 0, 0];
-        item.has_negstat = false;
-        item.reqs = [0, 0, 0, 0, 0];
-        item.fixID = true;
-        item.tier = "Normal";
-        item.id = 10000 + i;
-        item.nDam = "0-0";
-        item.eDam = "0-0";
-        item.tDam = "0-0";
-        item.wDam = "0-0";
-        item.fDam = "0-0";
-        item.aDam = "0-0";
-        clean_item(item);
-
-        noneItems[i] = item;
-    }
-    items = items.concat(noneItems);
+    items = items.concat(none_items);
     //console.log(items);
     for (const item of items) {
         if (item.remapID === undefined) {
             itemLists.get(item.type).push(item.displayName);
             itemMap.set(item.displayName, item);
-            if (noneItems.includes(item)) {
+            if (none_items.includes(item)) {
                 idMap.set(item.id, "");
             }
             else {
diff --git a/js/load_ing.js b/js/load_ing.js
index 1a6144e..ffc4c05 100644
--- a/js/load_ing.js
+++ b/js/load_ing.js
@@ -4,6 +4,7 @@ const ING_DB_VERSION = 13;
 
 let idb;
 let ireload = false;
+let iload_in_progress = false;
 let iload_complete = false;
 let ings;
 let recipes;
@@ -20,32 +21,34 @@ let recipeIDMap;
 /*
  * Load item set from local DB. Calls init() on success.
  */
-async function ing_load_local(init_func) {
-    console.log("IngMap is: \n " + ingMap);
-    let get_tx = idb.transaction(['ing_db', 'recipe_db'], 'readonly');
-    let ings_store = get_tx.objectStore('ing_db');
-    let recipes_store = get_tx.objectStore('recipe_db');
-    let request3 = ings_store.getAll();
-    request3.onerror = function(event) {
-        console.log("Could not read local ingredient db...");
-    }
-    request3.onsuccess = function(event) {
-        console.log("Successfully read local ingredient db.");
-        ings = request3.result;
+async function ing_load_local() {
+    return new Promise(function(resolve, reject) {
+        let get_tx = idb.transaction(['ing_db', 'recipe_db'], 'readonly');
+        let ings_store = get_tx.objectStore('ing_db');
+        let recipes_store = get_tx.objectStore('recipe_db');
+        let request3 = ings_store.getAll();
+        request3.onerror = function(event) {
+            reject("Could not read local ingredient db...");
+        }
+        request3.onsuccess = function(event) {
+            console.log("Successfully read local ingredient db.");
+        }
         let request4 = recipes_store.getAll();
         request4.onerror = function(event) {
-            console.log("Could not read local recipe db...");
+            reject("Could not read local recipe db...");
         }
         request4.onsuccess = function(event) {
             console.log("Successfully read local recipe db.");
+        }
+        get_tx.oncomplete = function(event) {
+            ings = request3.result;
             recipes = request4.result;
             init_ing_maps();
-            init_func();
             iload_complete = true;
+            idb.close();
+            resolve()
         }
-    }
-    await get_tx.complete;
-    idb.close();
+    });
 }
 
 function clean_ing(ing) {
@@ -59,11 +62,12 @@ function clean_ing(ing) {
 /*
  * Load item set from remote DB (aka a big json file). Calls init() on success.
  */
-async function load_ings(init_func) {
+async function load_ings() {
 
     let getUrl = window.location;
-    let baseUrl = getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
-    let url = baseUrl + "/ingreds_compress.json";
+    let baseUrl = getUrl.protocol + "//" + getUrl.host + "/";// + getUrl.pathname.split('/')[1];
+    // "Random" string to prevent caching!
+    let url = baseUrl + "/ingreds_compress.json?"+new Date();
     url = url.replace(/\w+.html/, "") ; 
     let result = await (await fetch(url)).json();
 
@@ -97,59 +101,65 @@ async function load_ings(init_func) {
     }
     add_promises.push(add_tx2.complete);
     add_promises.push(add_tx3.complete);
-    Promise.all(add_promises).then((values) => {
-        init_ing_maps();
-        init_func();
-        iload_complete = true;
-    });
-    // DB not closed? idfk man
+
+    await Promise.all(add_promises);
+    init_ing_maps();
+    iload_complete = true;
+    idb.close();
 }
 
-function load_ing_init(init_func) {
-    if (iload_complete) {
-        console.log("Ingredient db already loaded, skipping load sequence");
-        init_func();
-        return;
-    }
-    let request = window.indexedDB.open("ing_db", ING_DB_VERSION)
-    request.onerror = function() {
-        console.log("DB failed to open...");
-    }
+async function load_ing_init() {
+    return new Promise((resolve, reject) => {
+        let request = window.indexedDB.open("ing_db", ING_DB_VERSION)
+        request.onerror = function() {
+            reject("DB failed to open...");
+        }
 
-    request.onsuccess = function() {
-        idb = request.result;
-        if (!ireload) {
-            console.log("Using stored data...")
-            ing_load_local(init_func);
+        request.onsuccess = async function() {
+            idb = request.result;
+            if (iload_in_progress) {
+                while (!iload_complete) {
+                    await sleep(100);
+                }
+                console.log("Skipping load...")
+            }
+            else {
+                iload_in_progress = true
+                if (ireload) {
+                    console.log("Using new data...")
+                    await load_ings();
+                }
+                else {
+                    console.log("Using stored data...")
+                    await ing_load_local();
+                }
+            }
+            resolve();
         }
-        else {
-            console.log("Using new data...")
-            load_ings(init_func);
-        }
-    }
 
-    request.onupgradeneeded = function(e) {
-        ireload = true;
+        request.onupgradeneeded = function(e) {
+            ireload = true;
 
-        let idb = e.target.result;
-        
-        try {
-            idb.deleteObjectStore('ing_db');
-        }
-        catch (error) {
-            console.log("Could not delete ingredient DB. This is probably fine");
-        }
-        try {
-            idb.deleteObjectStore('recipe_db');
-        }
-        catch (error) {
-            console.log("Could not delete recipe DB. This is probably fine");
-        }
-        idb.createObjectStore('ing_db');
-        idb.createObjectStore('recipe_db');
+            let idb = e.target.result;
+            
+            try {
+                idb.deleteObjectStore('ing_db');
+            }
+            catch (error) {
+                console.log("Could not delete ingredient DB. This is probably fine");
+            }
+            try {
+                idb.deleteObjectStore('recipe_db');
+            }
+            catch (error) {
+                console.log("Could not delete recipe DB. This is probably fine");
+            }
+            idb.createObjectStore('ing_db');
+            idb.createObjectStore('recipe_db');
 
-        console.log("DB setup complete...");
-    }
+            console.log("DB setup complete...");
+        }
+    });
 }
 
 function init_ing_maps() {
@@ -222,4 +232,5 @@ function init_ing_maps() {
         recipeList.push(recipe["name"]);
         recipeIDMap.set(recipe["id"],recipe["name"]);
     }
+    console.log(ingMap);
 }
diff --git a/js/load_tome.js b/js/load_tome.js
index afd9315..6cde49d 100644
--- a/js/load_tome.js
+++ b/js/load_tome.js
@@ -1,4 +1,4 @@
-const TOME_DB_VERSION = 1;
+const TOME_DB_VERSION = 3;
 // @See https://github.com/mdn/learning-area/blob/master/javascript/apis/client-side-storage/indexeddb/video-store/index.jsA
 
 let tdb;
@@ -13,29 +13,31 @@ let tomeLists = new Map();
 /*
  * Load tome set from local DB. Calls init() on success.
  */
-async function load_tome_local(init_func) {
-    let get_tx = tdb.transaction(['tome_db'], 'readonly');
-    let get_store = get_tx.objectStore('tome_db');
-    let request = get_store.getAll();
-    request.onerror = function(event) {
-        console.log("Could not read local tome db...");
-    }
-    request.onsuccess = function(event) {
-        console.log("Successfully read local tome db.");
-        tomes = request.result;
-        
-        init_tome_maps();
-        init_func();
-        tload_complete = true;
-    }
-    await get_tx.complete;
-    tdb.close();
+async function load_tome_local() {
+    return new Promise(function(resolve, reject) {
+        let get_tx = tdb.transaction(['tome_db'], 'readonly');
+        let get_store = get_tx.objectStore('tome_db');
+        let request = get_store.getAll();
+        request.onerror = function(event) {
+            reject("Could not read local tome db...");
+        }
+        request.onsuccess = function(event) {
+            console.log("Successfully read local tome db.");
+        }
+        get_tx.oncomplete = function(event) {
+            tomes = request.result;
+            init_tome_maps();
+            tload_complete = true;
+            tdb.close();
+            resolve();
+        }
+    });
 }
 
 /*
  * Load tome set from remote DB (json). Calls init() on success.
  */
-async function load_tome(init_func) {
+async function load_tome() {
 
     let getUrl = window.location;
     let baseUrl = getUrl.protocol + "//" + getUrl.host + "/";// + getUrl.pathname.split('/')[1];
@@ -60,69 +62,68 @@ async function load_tome(init_func) {
         };
         add_promises.push(req);
     }
-    Promise.all(add_promises).then((values) => {
-        init_tome_maps();
-        init_func();
-        tload_complete = true;
-    });
-    // DB not closed? idfk man
+    add_promises.push(add_tx.complete);
+
+    await Promise.all(add_promises);
+    init_tome_maps();
+    tload_complete = true;
+    tdb.close();
 }
 
-function load_tome_init(init_func) {
-    if (tload_complete) {
-        console.log("Tome db already loaded, skipping load sequence");
-        init_func();
-        return;
-    }
-    let request = window.indexedDB.open('tome_db', TOME_DB_VERSION);
+async function load_tome_init() {
+    return new Promise((resolve, reject) => {
+        let request = window.indexedDB.open('tome_db', TOME_DB_VERSION);
 
-    request.onerror = function() {
-        console.log("DB failed to open...");
-    };
+        request.onerror = function() {
+            reject("DB failed to open...");
+        };
 
-    request.onsuccess = function() {
-        (async function() {
+        request.onsuccess = async function() {
             tdb = request.result;
-            if (!treload) {
-                console.log("Using stored data...")
-                load_tome_local(init_func);
+            if (tload_in_progress) {
+                while (!tload_complete) {
+                    await sleep(100);
+                }
+                console.log("Skipping load...")
             }
             else {
-                if (tload_in_progress) {
-                    while (!tload_complete) {
-                        await sleep(100);
-                    }
-                    console.log("Skipping load...")
-                    init_func();
+                tload_in_progress = true
+                if (treload) {
+                    console.log("Using new data...")
+                    await load_tome();
                 }
                 else {
-                    // Not 100% safe... whatever!
-                    tload_in_progress = true
-                    console.log("Using new data...")
-                    load_tome(init_func);
+                    console.log("Using stored data...")
+                    await load_tome_local();
                 }
             }
-        })()
-    }
-
-    request.onupgradeneeded = function(e) {
-        treload = true;
-
-        let tdb = e.target.result;
-        
-        try {
-            tdb.deleteObjectStore('tome_db');
-        }
-        catch (error) {
-            console.log("Could not delete tome DB. This is probably fine");
+            resolve();
         }
 
-        tdb.createObjectStore('tome_db');
+        request.onupgradeneeded = function(e) {
+            treload = true;
 
-        console.log("DB setup complete...");
-    }
+            let tdb = e.target.result;
+            
+            try {
+                tdb.deleteObjectStore('tome_db');
+            }
+            catch (error) {
+                console.log("Could not delete tome DB. This is probably fine");
+            }
+
+            tdb.createObjectStore('tome_db');
+
+            console.log("DB setup complete...");
+        }
+    });
 }
 
+let none_tomes = [
+    ["tome", "weaponTome", "No Weapon Tome"],
+    ["tome", "armorTome", "No Armor Tome"],
+    ["tome", "guildTome", "No Guild Tome"]
+];
 function init_tome_maps() {
     //warp
     tomeMap = new Map();
@@ -130,21 +131,16 @@ function init_tome_maps() {
     tomeIDMap = new Map();
 
     tomeRedirectMap = new Map();
-    for (const it of tomeTypes) {
+    for (const it of tome_types) {
         tomeLists.set(it, []);
     }
 
-    let noneTomes = [
-        ["tome", "weaponTome", "No Weapon Tome"],
-        ["tome", "armorTome", "No Armor Tome"],
-        ["tome", "guildTome", "No Guild Tome"]
-    ];
     for (let i = 0; i < 3; i++) {
         let tome = Object();
         tome.slots = 0;
-        tome.category = noneTomes[i][0];
-        tome.type = noneTomes[i][1];
-        tome.name = noneTomes[i][2];
+        tome.category = none_tomes[i][0];
+        tome.type = none_tomes[i][1];
+        tome.name = none_tomes[i][2];
         tome.displayName = tome.name;
         tome.set = null;
         tome.quest = null;
@@ -163,14 +159,14 @@ function init_tome_maps() {
         //dependency - load.js
         clean_item(tome);
 
-        noneTomes[i] = tome;
+        none_tomes[i] = tome;
     }
-    tomes = tomes.concat(noneTomes);
+    tomes = tomes.concat(none_tomes);
     for (const tome of tomes) {
         if (tome.remapID === undefined) {
             tomeLists.get(tome.type).push(tome.displayName);
             tomeMap.set(tome.displayName, tome);
-            if (noneTomes.includes(tome)) {
+            if (none_tomes.includes(tome)) {
                 tomeIDMap.set(tome.id, "");
             }
             else {
diff --git a/js/optimize.js b/js/optimize.js
new file mode 100644
index 0000000..f43f2a1
--- /dev/null
+++ b/js/optimize.js
@@ -0,0 +1,100 @@
+function optimizeStrDex() {
+    if (!player_build) {
+        return;
+    }
+    const skillpoints = skp_inputs.map(x => x.value);   // JANK
+    let total_assigned = 0;
+    const min_assigned = player_build.base_skillpoints;
+    const base_totals = player_build.total_skillpoints;
+    let base_skillpoints = [];
+    for (let i in skp_order){ //big bren
+        const assigned = skillpoints[i] - base_totals[i] + min_assigned[i]
+        base_skillpoints.push(assigned);
+        total_assigned += assigned;
+    }
+
+    const remaining = levelToSkillPoints(player_build.level) - total_assigned;
+    const max_str_boost = 100 - base_skillpoints[0];
+    const max_dex_boost = 100 - base_skillpoints[1];
+    if (Math.min(remaining, max_str_boost, max_dex_boost) < 0) return; // Unwearable
+
+    let str_bonus = remaining;
+    let dex_bonus = 0;
+    let best_skillpoints = skillpoints;
+    let best_damage = 0;
+    for (let i = 0; i <= remaining; ++i) {
+        let total_skillpoints = skillpoints.slice();
+        total_skillpoints[0] += Math.min(max_str_boost, str_bonus);
+        total_skillpoints[1] += Math.min(max_dex_boost, dex_bonus);
+
+        // Calculate total 3rd spell damage
+        let spell = spell_table[player_build.weapon.statMap.get("type")][2];
+        const stats = player_build.statMap;
+        let critChance = skillPointsToPercentage(total_skillpoints[1]);
+        let save_damages = [];
+        let spell_parts;
+        if (spell.parts) {
+            spell_parts = spell.parts;
+        }
+        else {
+            spell_parts = spell.variants.DEFAULT;
+            for (const majorID of stats.get("activeMajorIDs")) {
+                if (majorID in spell.variants) {
+                    spell_parts = spell.variants[majorID];
+                    break;
+                }
+            }
+        }
+        let total_damage = 0;
+        for (const part of spell_parts) {
+            if (part.type === "damage") {
+                let tmp_conv = [];
+                for (let i in part.conversion) {
+                    tmp_conv.push(part.conversion[i] * part.multiplier);
+                }
+                let _results = calculateSpellDamage(stats, player_build.weapon.statMap, tmp_conv, true);
+                let totalDamNormal = _results[0];
+                let totalDamCrit = _results[1];
+                let results = _results[2];
+                let tooltipinfo = _results[3];
+                
+                for (let i = 0; i < 6; ++i) {
+                    for (let j in results[i]) {
+                        results[i][j] = results[i][j].toFixed(2);
+                    }
+                }
+                let nonCritAverage = (totalDamNormal[0]+totalDamNormal[1])/2 || 0;
+                let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
+                let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
+
+                save_damages.push(averageDamage);
+                if (part.summary == true) {
+                    total_damage = averageDamage;
+                }
+            } else if (part.type === "total") {
+                total_damage = 0;
+                for (let i in part.factors) {
+                    total_damage += save_damages[i] * part.factors[i];
+                }
+            }
+        }        // END Calculate total 3rd spell damage (total_damage)
+        if (total_damage > best_damage) {
+            best_damage = total_damage;
+            best_skillpoints = total_skillpoints.slice();
+        }
+
+        str_bonus -= 1;
+        dex_bonus += 1;
+    }
+    console.log(best_skillpoints);
+
+    // TODO do not merge for performance reasons
+    for (let i in skp_order) {
+        skp_inputs[i].input_field.value = best_skillpoints[i];
+        skp_inputs[i].mark_dirty();
+    }
+    for (let i in skp_order) {
+        skp_inputs[i].update();
+    }
+}
+
diff --git a/js/powders.js b/js/powders.js
index db0d195..cd2ab00 100644
--- a/js/powders.js
+++ b/js/powders.js
@@ -61,3 +61,134 @@ let powderSpecialStats = [
     _ps("Courage",new Map([ ["Duration", [6,6.5,7,7.5,8]],["Damage", [75,87.5,100,112.5,125]],["Damage Boost", [70,90,110,130,150]] ]),"Endurance",new Map([ ["Damage", [2,3,4,5,6]],["Duration", [8,8,8,8,8]],["Description", "Hit Taken"] ]),200), //f
     _ps("Wind Prison",new Map([ ["Duration", [3,3.5,4,4.5,5]],["Damage Boost", [400,450,500,550,600]],["Knockback", [8,12,16,20,24]] ]),"Dodge",new Map([ ["Damage",[2,3,4,5,6]],["Duration",[2,3,4,5,6]],["Description","Near Mobs"] ]),150) //a
 ];
+
+/**
+ * Apply armor powders.
+ * Encoding shortcut assumes that all powders give +def to one element
+ * and -def to the element "behind" it in cycle ETWFA, which is true
+ * as of now and unlikely to change in the near future.
+ */
+function applyArmorPowders(expandedItem) {
+    const powders = expandedItem.get('powders');
+    for(const id of powders){
+        let powder = powderStats[id];
+        let name = powderNames.get(id).charAt(0);
+        let prevName = skp_elements[(skp_elements.indexOf(name) + 4 )% 5];
+        expandedItem.set(name+"Def", (expandedItem.get(name+"Def") || 0) + powder["defPlus"]);
+        expandedItem.set(prevName+"Def", (expandedItem.get(prevName+"Def") || 0) - powder["defMinus"]);
+    }
+}
+
+const damage_keys = [ "nDam_", "eDam_", "tDam_", "wDam_", "fDam_", "aDam_" ];
+const damage_present_key = 'damagePresent';
+/**
+ * Apply weapon powders. MUTATES THE ITEM!
+ * Adds entries for `damage_keys` and `damage_present_key`
+ * For normal items, `damage_keys` is 6x2 list (elem: [min, max])
+ * For crafted items, `damage_keys` is 6x2x2 list (elem: [minroll: [min, max], maxroll: [min, max]])
+ */
+function apply_weapon_powders(item) {
+    let present;
+    if (item.get("tier") !== "Crafted") {
+        let weapon_result = calc_weapon_powder(item);
+        let damages = weapon_result[0];
+        present = weapon_result[1];
+        for (const i in damage_keys) {
+            item.set(damage_keys[i], damages[i]);
+        }
+    } else {
+        let base_low = [item.get("nDamBaseLow"),item.get("eDamBaseLow"),item.get("tDamBaseLow"),item.get("wDamBaseLow"),item.get("fDamBaseLow"),item.get("aDamBaseLow")];
+        let results_low = calc_weapon_powder(item, base_low);
+        let damage_low = results_low[0];
+        let base_high = [item.get("nDamBaseHigh"),item.get("eDamBaseHigh"),item.get("tDamBaseHigh"),item.get("wDamBaseHigh"),item.get("fDamBaseHigh"),item.get("aDamBaseHigh")];
+        let results_high = calc_weapon_powder(item, base_high);
+        let damage_high = results_high[0];
+        present = results_high[1];
+        
+        for (const i in damage_keys) {
+            item.set(damage_keys[i], [damage_low[i], damage_high[i]]);
+        }
+    }
+    item.set(damage_present_key, present);
+}
+
+/**
+ * Calculate weapon damage from powder.
+ *
+ * Params:
+ * weapon: Weapon to apply powder to
+ * damageBases: used by crafted
+ *
+ * Return:
+ * [damages, damage_present]
+ */
+function calc_weapon_powder(weapon, damageBases) {
+    let powders = weapon.get("powders").slice();
+
+    // Array of neutral + ewtfa damages. Each entry is a pair (min, max).
+    let damages = [
+        weapon.get('nDam').split('-').map(Number),
+        weapon.get('eDam').split('-').map(Number),
+        weapon.get('tDam').split('-').map(Number),
+        weapon.get('wDam').split('-').map(Number),
+        weapon.get('fDam').split('-').map(Number),
+        weapon.get('aDam').split('-').map(Number)
+    ];
+
+    // Applying spell conversions
+    let neutralBase = damages[0].slice();
+    let neutralRemainingRaw = damages[0].slice();
+  
+    //powder application for custom crafted weapons is inherently fucked because there is no base. Unsure what to do.
+
+    //Powder application for Crafted weapons - this implementation is RIGHT YEAAAAAAAAA
+    //1st round - apply each as ingred, 2nd round - apply as normal
+    if (weapon.get("tier") === "Crafted" && !weapon.get("custom")) {
+        for (const p of powders.concat(weapon.get("ingredPowders"))) {
+            let powder = powderStats[p];  //use min, max, and convert
+            let element = Math.floor((p+0.01)/6); //[0,4], the +0.01 attempts to prevent division error
+            let diff = Math.floor(damageBases[0] * powder.convert/100);
+            damageBases[0] -= diff;
+            damageBases[element+1] += diff + Math.floor( (powder.min + powder.max) / 2 );
+        }
+        //update all damages
+        for (let i = 0; i < damages.length; i++) {
+            damages[i] = [Math.floor(damageBases[i] * 0.9), Math.floor(damageBases[i] * 1.1)];
+        }
+        neutralRemainingRaw = damages[0].slice();
+        neutralBase = damages[0].slice();
+    }
+    
+    //apply powders to weapon
+    for (const powderID of powders) {
+        const powder = powderStats[powderID];
+        // Bitwise to force conversion to integer (integer division).
+        const element = (powderID/6) | 0;
+        let conversionRatio = powder.convert/100;
+        if (neutralRemainingRaw[1] > 0) {
+            let min_diff = Math.min(neutralRemainingRaw[0], conversionRatio * neutralBase[0]);
+            let max_diff = Math.min(neutralRemainingRaw[1], conversionRatio * neutralBase[1]);
+
+            //damages[element+1][0] = Math.floor(round_near(damages[element+1][0] + min_diff));
+            //damages[element+1][1] = Math.floor(round_near(damages[element+1][1] + max_diff));
+            //neutralRemainingRaw[0] = Math.floor(round_near(neutralRemainingRaw[0] - min_diff));
+            //neutralRemainingRaw[1] = Math.floor(round_near(neutralRemainingRaw[1] - max_diff));
+            damages[element+1][0] += min_diff;
+            damages[element+1][1] += max_diff;
+            neutralRemainingRaw[0] -= min_diff;
+            neutralRemainingRaw[1] -= max_diff;
+        }
+        damages[element+1][0] += powder.min;
+        damages[element+1][1] += powder.max;
+    }
+
+    // The ordering of these two blocks decides whether neutral is present when converted away or not.
+    let present_elements = []
+    for (const damage of damages) {
+        present_elements.push(damage[1] > 0);
+    }
+
+    // The ordering of these two blocks decides whether neutral is present when converted away or not.
+    damages[0] = neutralRemainingRaw;
+    return [damages, present_elements];
+}
diff --git a/js/render_compute_graph.js b/js/render_compute_graph.js
new file mode 100644
index 0000000..efc4ef3
--- /dev/null
+++ b/js/render_compute_graph.js
@@ -0,0 +1,205 @@
+// Set-up the export button
+function set_export_button(svg, button_id, output_id) {
+    d3.select('#'+button_id).on('click', function(){
+        //get svg source.
+        var serializer = new XMLSerializer();
+        var source = serializer.serializeToString(svg.node());
+        console.log(source);
+
+        source = source.replace(/^<g/, '<svg');
+        source = source.replace(/<\/g>$/, '</svg>');
+        //add name spaces.
+        if(!source.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/)){
+            source = source.replace(/^<svg/, '<svg xmlns="http://www.w3.org/2000/svg"');
+        }
+        if(!source.match(/^<svg[^>]+"http\:\/\/www\.w3\.org\/1999\/xlink"/)){
+            source = source.replace(/^<svg/, '<svg xmlns:xlink="http://www.w3.org/1999/xlink"');
+        }
+
+        //add xml declaration
+        source = '<?xml version="1.0" standalone="no"?>\r\n' + source;
+
+        //convert svg source to URI data scheme.
+        var url = "data:image/svg+xml;charset=utf-8,"+encodeURIComponent(source);
+
+        //set url value to a element's href attribute.
+        document.getElementById(output_id).href = url;
+    });
+}
+
+d3.select("#graph_body")
+    .append("div")
+    .attr("style", "width: 100%; height: 100%; min-height: 0px; flex-grow: 1")
+    .append("svg")
+    .attr("preserveAspectRatio", "xMinYMin meet")
+    .classed("svg-content-responsive", true);
+let graph = d3.select("svg");
+let svg = graph.append('g');
+let margin = {top: 20, right: 20, bottom: 35, left: 40};
+
+function bbox() {
+    let ret = graph.node().parentNode.getBoundingClientRect();
+    return ret;
+}
+let _bbox = bbox();
+
+const colors = ['aqua', 'yellow', 'fuchsia', 'white', 'teal', 'olive', 'purple', 'gray', 'blue', 'lime', 'red', 'silver', 'navy', 'green', 'maroon'];
+const n_colors = colors.length;
+
+const view = svg.append("rect")
+  .attr("class", "view")
+  .attr("x", 0)
+  .attr("y", 0);
+
+
+function convert_data(nodes_raw) {
+    let edges = [];
+    let node_id = new Map();
+    nodes = [];
+    for (let i in nodes_raw) {
+        node_id.set(nodes_raw[i], i);
+        nodes.push({id: i, color: 0, data: nodes_raw[i]});
+    }
+    for (const node of nodes_raw) {
+        const to = node_id.get(node);
+        for (const input of node.inputs) {
+            const from = node_id.get(input);
+            let name = input.name;
+            let link_name = node.input_translation.get(name);
+            edges.push({
+                source: from,
+                target: to,
+                name: link_name
+            });
+        }
+    }
+    return {
+        nodes: nodes,
+        links: edges
+    }
+}
+
+function create_svg(data, redraw_func) {
+    // Initialize the links
+    var link = svg
+      .selectAll("line")
+      .data(data.links)
+      .enter()
+      .append("line")
+        .style("stroke", "#aaa")
+
+    // Initialize the nodes
+    let node = svg
+      .selectAll("g")
+      .data(data.nodes);
+
+    let node_enter = node.enter()
+        .append('g')
+
+    let circles = node_enter.append("circle")
+        .attr("r", 20)
+        .style("fill", ({id, color, data}) => colors[color])
+
+    node_enter.append('text')
+        .attr("dx", -20)
+        .attr("dy", -22)
+        .style('fill', 'white')
+        .text(({id, color, data}) => data.name);
+
+    // Let's list the force we wanna apply on the network
+    var simulation = d3.forceSimulation(data.nodes)                 // Force algorithm is applied to data.nodes
+        .force("link", d3.forceLink().strength(0.1)                   // This force provides links between nodes
+              .id(function(d) { return d.id; })                     // This provide  the id of a node
+              .links(data.links)                                    // and this the list of links
+        )
+        .force("charge", d3.forceManyBody().strength(-400))         // This adds repulsion between nodes. Play with the -400 for the repulsion strength
+        //.force("center", d3.forceCenter(_bbox.width / 2, _bbox.height / 2).strength(0.1))     // This force attracts nodes to the center of the svg area
+        .on("tick", ticked);
+    // This function is run at each iteration of the force algorithm, updating the nodes position.
+    let scale_transform = {k: 1, x: 0, y: 0}
+    function ticked() {
+      link
+          .attr("x1", function(d) { return d.source.x; })
+          .attr("y1", function(d) { return d.source.y; })
+          .attr("x2", function(d) { return d.target.x; })
+          .attr("y2", function(d) { return d.target.y; });
+
+        node_enter.attr("transform", function (d) { return 'translate('+scale_transform.x+','+scale_transform.y+') scale('+scale_transform.k+') translate('+d.x+','+d.y+')' })
+    }
+
+    const drag = d3.drag()
+      .on("start", dragstart)
+      .on("drag", dragged);
+
+    node_enter.call(drag).on('click', click);
+    function click(event, d) {
+      if (event.ctrlKey) {
+          // Color cycle.
+          d.color = (d.color + 1) % n_colors;
+          d3.select(this).selectAll('circle').style("fill", ({id, color, data}) => colors[color])
+      }
+      else {
+          delete d.fx;
+          delete d.fy;
+          d3.select(this).classed("fixed", false);
+          simulation.alpha(0.5).restart();
+      }
+    }
+
+    function dragstart() {
+      d3.select(this).classed("fixed", true);
+    }
+    function dragged(event, d) {
+      d.fx = event.x;
+      d.fy = event.y;
+      simulation.alpha(0.5).restart();
+    }
+
+    const zoom = d3.zoom()
+      .scaleExtent([0.01, 10])
+      .translateExtent([[-10000, -10000], [10000, 10000]])
+      .filter(filter)
+      .on("zoom", zoomed);
+    view.call(zoom);
+    
+    function zoomed({ transform }) {
+        link.attr('transform', transform);
+        scale_transform = transform;
+        node_enter.attr("transform", function (d) { return 'translate('+scale_transform.x+','+scale_transform.y+') scale('+scale_transform.k+') translate('+d.x+','+d.y+')' })
+        redraw_func();
+    }
+    // prevent scrolling then apply the default filter
+    function filter(event) {
+      event.preventDefault();
+      return (!event.ctrlKey || event.type === 'wheel') && !event.button;
+    }
+}
+
+set_export_button(svg, 'saveButton', 'saveLink');
+
+(async function() {
+
+// JANKY
+while (edit_id_output === undefined) {
+    await sleep(500);
+}
+
+function redraw() {
+    _bbox = bbox();
+    graph.attr("viewBox", [0, 0, _bbox.width, _bbox.height]);
+    view.attr("width", _bbox.width - 1)
+        .attr("height", _bbox.height - 1);
+}
+
+d3.select(window)
+    .on("resize", function() {
+        redraw();
+  });
+redraw();
+
+const data = convert_data(all_nodes);
+create_svg(data, redraw);
+
+console.log("render");
+
+})();
diff --git a/js/skillpoints.js b/js/skillpoints.js
index 12c8805..5748a00 100644
--- a/js/skillpoints.js
+++ b/js/skillpoints.js
@@ -31,14 +31,14 @@ function calculate_skillpoints(equipment, weapon) {
             let setCount = activeSetCounts.get(setName);
             let old_bonus = {};
             if (setCount) {
-                old_bonus = sets[setName].bonuses[setCount-1];
+                old_bonus = sets.get(setName).bonuses[setCount-1];
                 activeSetCounts.set(setName, setCount + 1);
             }
             else {
                 setCount = 0;
                 activeSetCounts.set(setName, 1);
             }
-            const new_bonus = sets[setName].bonuses[setCount];
+            const new_bonus = sets.get(setName).bonuses[setCount];
             //let skp_order = ["str","dex","int","def","agi"];
             for (const i in skp_order) {
                 const delta = (new_bonus[skp_order[i]] || 0) - (old_bonus[skp_order[i]] || 0);
@@ -74,8 +74,8 @@ function calculate_skillpoints(equipment, weapon) {
         if (setName) { // undefined/null means no set.
             const setCount = activeSetCounts.get(setName);
             if (setCount) {
-                const old_bonus = sets[setName].bonuses[setCount-1];
-                const new_bonus = sets[setName].bonuses[setCount];
+                const old_bonus = sets.get(setName).bonuses[setCount-1];
+                const new_bonus = sets.get(setName).bonuses[setCount];
                 //let skp_order = ["str","dex","int","def","agi"];
                 for (const i in skp_order) {
                     const set_delta = (new_bonus[skp_order[i]] || 0) - (old_bonus[skp_order[i]] || 0);
diff --git a/js/sq2bs.js b/js/sq2bs.js
deleted file mode 100644
index 8b97a88..0000000
--- a/js/sq2bs.js
+++ /dev/null
@@ -1,632 +0,0 @@
-let weapon_keys = ['dagger', 'wand', 'bow', 'relik', 'spear'];
-let armor_keys = ['helmet', 'chestplate', 'leggings', 'boots'];
-let skp_keys = ['str', 'dex', 'int', 'def', 'agi'];
-let accessory_keys= ['ring1', 'ring2', 'bracelet', 'necklace'];
-let powderable_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'weapon'];
-let equipment_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace', 'weapon'].concat(tome_keys);
-let powder_keys = ['e', 't', 'w', 'f', 'a'];
-
-let spell_disp = ['spell0-info', 'spell1-info', 'spell2-info', 'spell3-info'];
-let other_disp = ['build-order', 'set-info', 'int-info'];
-
-document.addEventListener('DOMContentLoaded', function() {
-
-    for (const eq of equipment_keys) {
-        document.querySelector("#"+eq+"-choice").setAttribute("oninput", "update_field('"+ eq +"'); calcBuildSchedule();");
-        document.querySelector("#"+eq+"-tooltip").setAttribute("onclick", "collapse_element('#"+ eq +"-tooltip');"); //toggle_plus_minus('" + eq + "-pm'); 
-    }
-
-    for (const eq of powderable_keys) {
-        document.querySelector("#"+eq+"-powder").setAttribute("oninput", "calcBuildSchedule(); update_field('"+ eq +"');");
-    }
-
-    for (const eq of tome_keys) {
-        document.querySelector("#" + eq + "-choice").setAttribute("oninput", "update_field('" + eq + "'); calcBuildSchedule();");
-        document.querySelector("#"+eq+"-tooltip").setAttribute("onclick", "collapse_element('#"+ eq +"-tooltip');");
-    }
-
-    for (const i of spell_disp) {
-        document.querySelector("#"+i+"Avg").setAttribute("onclick", "toggle_spell_tab('"+i+"')");
-    }
-
-    document.querySelector("#level-choice").setAttribute("oninput", "calcBuildSchedule()")
-    document.querySelector("#weapon-choice").setAttribute("oninput", document.querySelector("#weapon-choice").getAttribute("oninput") + "resetArmorPowderSpecials();");
-    // document.querySelector("#edit-IDs-button").setAttribute("onclick", "toggle_edit_id_tab()");
-
-    let skp_fields = document.getElementsByClassName("skp-update");
-    
-    for (i = 0; i < skp_fields.length; i++) {
-        skp_fields[i].setAttribute("oninput", "updateStatSchedule()");
-    }
-
-    let masonry = Macy({
-        container: "#masonry-container",
-        columns: 1,
-        mobileFirst: true,
-        breakAt: {
-            1200: 4,
-        },
-        margin: {
-            x: 20,
-            y: 20,
-        } 
-        
-    });
-
-    let search_masonry = Macy({
-        container: "#search-results",
-        columns: 1,
-        mobileFirst: true,
-        breakAt: {
-            1200: 4,
-        },
-        margin: {
-            x: 20,
-            y: 20,
-        }
-        
-    });
-
-    document.querySelector("#search-container").addEventListener("keyup", function(event) {
-        if (event.key === "Escape") {
-            document.querySelector("#search-container").style.display = "none";
-        };
-    });
-
-    construct_AT(document.getElementById("atree-ui"), atree_example);
-    document.getElementById("atree-dropdown").style.display = "none";
-});
-
-// phanta scheduler
-let calcBuildTask = null;
-let updateStatTask = null;
-let doSearchTask = null;
-
-function calcBuildSchedule(){
-    if (calcBuildTask !== null) {
-        clearTimeout(calcBuildTask);
-    }
-    calcBuildTask = setTimeout(function(){
-        calcBuildTask = null;
-        resetEditableIDs(); 
-        calculateBuild();
-    }, 500);
-}
-
-function updateStatSchedule(){
-    if (updateStatTask !== null) {
-        clearTimeout(updateStatTask);
-    }
-    updateStatTask = setTimeout(function(){
-        updateStatTask = null;
-        updateStats();
-    }, 500);
-}
-
-function doSearchSchedule(){
-    console.log("Search Schedule called");
-    if (doSearchTask !== null) {
-        clearTimeout(doSearchTask);
-    }
-    doSearchTask = setTimeout(function(){
-        doSearchTask = null;
-        doItemSearch();
-        window.dispatchEvent(new Event('resize'));
-    }, 500);
-}
-
-function sq2ResetFields(){
-    for (let i in powderInputs) {
-        setValue(powderInputs[i], "");
-    }
-    for (let i in equipmentInputs) {
-        setValue(equipmentInputs[i], "");
-    }
-
-    for (let i in tomeInputs) {
-        setValue(tomeInputs[i], "");
-    }
-    setValue("str-skp", "0");
-    setValue("dex-skp", "0");
-    setValue("int-skp", "0");
-    setValue("def-skp", "0");
-    setValue("agi-skp", "0");
-    setValue("level-choice", "106");
-    location.hash = "";
-    calculateBuild();
-}
-
-// equipment field dynamic styling
-function update_field(field) {
-    // built on the assumption of no one will type in CI/CR letter by letter
-    // resets 
-    document.querySelector("#"+field+"-choice").classList.remove("text-light", "is-invalid", 'Normal', 'Unique', 'Rare', 'Legendary', 'Fabled', 'Mythic', 'Set', 'Crafted', 'Custom');
-    document.querySelector("#"+field+"-choice").classList.add("text-light");
-    document.querySelector("#" + field + "-img").classList.remove('Normal-shadow', 'Unique-shadow', 'Rare-shadow', 'Legendary-shadow', 'Fabled-shadow', 'Mythic-shadow', 'Set-shadow', 'Crafted-shadow', 'Custom-shadow');
-
-    item = document.querySelector("#"+field+"-choice").value
-    let powder_slots;
-    let tier;
-    let category;
-    let type;
-
-    // get item info
-    if (item.slice(0, 3) == "CI-") {
-        item = getCustomFromHash(item);
-        powder_slots = item.statMap.get("slots");
-        tier = item.statMap.get("tier");
-        category = item.statMap.get("category");
-        type = item.statMap.get("type");
-    }
-    else if (item.slice(0, 3) == "CR-") {
-        item = getCraftFromHash(item);
-        powder_slots = item.statMap.get("slots");
-        tier = item.statMap.get("tier");
-        category = item.statMap.get("category");
-        type = item.statMap.get("type");
-    } 
-    else if (itemMap.get(item)) {
-        item = itemMap.get(item);
-        if (!item) {return false;}
-        powder_slots = item.slots;
-        tier = item.tier;
-        category = item.category;
-        type = item.type;
-    } 
-    else if (tomeMap.get(item)) {
-        tome = tomeMap.get(item);
-        if (!tome) {return false;}
-        powder_slots = 0;
-        tier = tome.tier;
-        category = tome.category;
-        type = tome.type;
-    }
-    else {
-        // item not found
-        document.querySelector("#"+field+"-choice").classList.add("text-light");
-        if (item) { document.querySelector("#"+field+"-choice").classList.add("is-invalid"); }
-
-        /*if (!accessory_keys.contains(type.toLowerCase())) {
-            document.querySelector("#"+type+"-powder").disabled = true;
-        }*/
-        return false;
-    }
-
-
-    if ((type != field.replace(/[0-9]/g, '')) && (category != field.replace(/[0-9]/g, ''))) {
-        document.querySelector("#"+field+"-choice").classList.add("text-light");
-        if (item) { document.querySelector("#"+field+"-choice").classList.add("is-invalid"); }
-
-        //document.querySelector("#"+equipment_keys[i]+"-powder").disabled = true;
-        return false;
-    }
-
-    // set item color
-    document.querySelector("#"+field+"-choice").classList.add(tier);
-    document.querySelector("#"+field+"-img").classList.add(tier + "-shadow");
-
-
-
-    if (powderable_keys.includes(field)) {
-        // set powder slots
-        document.querySelector("#"+field+"-powder").setAttribute("placeholder", powder_slots+" slots");
-
-        if (powder_slots == 0) {
-            document.querySelector("#"+field+"-powder").disabled = true;
-        } else {
-            document.querySelector("#"+field+"-powder").disabled = false;
-        }
-
-        // powder error handling
-        document.querySelector("#" + field + "-powder").classList.remove("is-invalid");
-        let powder_string = document.querySelector("#"+field+"-powder").value;
-
-        if (powder_string.length % 2 != 0 || powder_string.length / 2 > powder_slots) {
-            document.querySelector("#"+field+"-powder").classList.add("is-invalid");
-        } else {
-            for (i = 0; i < powder_string.length / 2; i++) {
-                if (powder_keys.includes(powder_string.substring(i*2, i*2+2).split("")[0]) == false || isNaN(powder_string.substring(i*2, i*2+2).split("")[1]) || parseInt(powder_string.substring(i*2, i*2+2).split("")[1]) < 1 || parseInt(powder_string.substring(i*2, i*2+2).split("")[1]) > 6) {
-                    document.querySelector("#"+field+"-powder").classList.add("is-invalid");
-                }
-            }
-        };
-    }
-
-    // set weapon img
-    if (category == 'weapon') {
-        document.querySelector("#weapon-img").setAttribute('src', '../media/items/new/generic-'+type+'.png');
-    }
-}
-/* tabulars | man i hate this code but too lazy to fix /shrug */
-
-let tabs = ['overall-stats', 'offensive-stats', 'defensive-stats'];
-
-function show_tab(tab) {
-    //console.log(itemFilters)
-
-    //hide all tabs, then show the tab of the div clicked and highlight the correct button
-    for (const i in tabs) {
-        document.querySelector("#" + tabs[i]).style.display = "none";
-        document.getElementById("tab-" + tabs[i].split("-")[0] + "-btn").classList.remove("selected-btn");
-    }
-    document.querySelector("#" + tab).style.display = "";
-    document.getElementById("tab-" + tab.split("-")[0] +  "-btn").classList.add("selected-btn");
-}
-
-function toggle_spell_tab(tab) {
-    let arrow_img = document.querySelector("#" + "arrow_" + tab + "Avg");
-    if (document.querySelector("#"+tab).style.display == "none") {
-        document.querySelector("#"+tab).style.display = "";
-        arrow_img.src = arrow_img.src.replace("down", "up");
-    } else {
-        document.querySelector("#"+tab).style.display = "none";
-        arrow_img.src = arrow_img.src.replace("up", "down");
-    }
-}
-
-function toggle_boost_tab(tab) {
-    for (const i of skp_keys) {
-        document.querySelector("#"+i+"-boost").style.display = "none";
-        document.getElementById(i + "-boost-tab").classList.remove("selected-btn");
-    }
-    document.querySelector("#"+tab+"-boost").style.display = "";
-    document.getElementById(tab + "-boost-tab").classList.add("selected-btn");
-
-}
-
-// toggle tab
-function toggle_tab(tab) {
-    if (document.querySelector("#"+tab).style.display == "none") {
-        document.querySelector("#"+tab).style.display = "";
-    } else {
-        document.querySelector("#"+tab).style.display = "none";
-    }
-}
-
-function collapse_element(elmnt) {
-    elem_list = document.querySelector(elmnt).children;
-    if (elem_list) {
-        for (elem of elem_list) {
-            if (elem.classList.contains("no-collapse")) { continue; }   
-            if (elem.style.display == "none") {
-                elem.style.display = "";
-            } else {
-                elem.style.display = "none";
-            }  
-        }
-    }
-    // macy quirk
-    window.dispatchEvent(new Event('resize'));
-    // weird bug where display: none overrides??
-    document.querySelector(elmnt).style.removeProperty('display');
-}
-
-// search misc
-function set_item(item) {
-    document.querySelector("#search-container").style.display = "none";
-    let type;
-    // if (!player_build) {return false;}
-    if (item.get("category") === "weapon") {
-        type = "weapon";
-    } else if (item.get("type") === "ring") {
-        if (!document.querySelector("#ring1-choice").value) {
-            type = "ring1";
-        } else {
-            type = "ring2";
-        }
-    } else {
-        type = item.get("type");
-    }
-    document.querySelector("#"+type+"-choice").value = item.get("displayName");
-    calcBuildSchedule();
-    update_field(type);
-}
-
-// disable boosts
-
-function reset_powder_specials() {
-    let specials = ["Quake", "Chain_Lightning", "Curse", "Courage", "Wind_Prison"]
-    for (const special of specials) {
-        for (i = 1; i < 6; i++) {
-            if (document.querySelector("#"+special+"-"+i).classList.contains("toggleOn")) {
-                document.querySelector("#"+special+"-"+i).classList.remove("toggleOn");
-            }
-        }
-    }
-}
-
-// autocomplete initialize
-function init_autocomplete() {
-    let dropdowns = new Map()
-    for (const eq of equipment_keys) {
-        if (tome_keys.includes(eq)) {
-            continue;
-        }
-        // build dropdown
-        let item_arr = [];
-        if (eq == 'weapon') {
-            for (const weaponType of weapon_keys) {
-                for (const weapon of itemLists.get(weaponType)) {
-                    let item_obj = itemMap.get(weapon);
-                    if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
-                        continue;
-                    }
-                    if (item_obj["name"] == 'No '+ eq.charAt(0).toUpperCase() + eq.slice(1)) {
-                        continue;
-                    }
-                    item_arr.push(weapon);
-                }
-            }
-        } else {
-            for (const item of itemLists.get(eq.replace(/[0-9]/g, ''))) {
-                let item_obj = itemMap.get(item);
-                if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
-                    continue;
-                }
-                if (item_obj["name"] == 'No '+ eq.charAt(0).toUpperCase() + eq.slice(1)) {
-                    continue;
-                }
-                item_arr.push(item)
-            }
-        }
-
-        // create dropdown
-        dropdowns.set(eq, new autoComplete({
-            data: {
-                src: item_arr
-            },
-            selector: "#"+ eq +"-choice",
-            wrapper: false,
-            resultsList: {
-                maxResults: 1000,
-                tabSelect: true,
-                noResults: true,
-                class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
-                element: (list, data) => {
-                    // dynamic result loc
-                    let position = document.getElementById(eq+'-dropdown').getBoundingClientRect();
-                    list.style.top = position.bottom + window.scrollY +"px";
-                    list.style.left = position.x+"px";
-                    list.style.width = position.width+"px";
-                    list.style.maxHeight = position.height * 2 +"px";
-
-                    if (!data.results.length) {
-                        message = document.createElement('li');
-                        message.classList.add('scaled-font');
-                        message.textContent = "No results found!";
-                        list.prepend(message);
-                    }
-                },
-            },
-            resultItem: {
-                class: "scaled-font search-item",
-                selected: "dark-5",
-                element: (item, data) => {
-                    item.classList.add(itemMap.get(data.value).tier);
-                },
-            },
-            events: {
-                input: {
-                    selection: (event) => {
-                        if (event.detail.selection.value) {
-                            event.target.value = event.detail.selection.value;
-                        }
-                        update_field(eq);
-                        calcBuildSchedule();
-                    },
-                },
-            }
-        }));
-    }
-
-    for (const eq of tome_keys) {
-        // build dropdown
-        let tome_arr = [];
-        for (const tome of tomeLists.get(eq.replace(/[0-9]/g, ''))) {
-            let tome_obj = tomeMap.get(tome);
-            if (tome_obj["restrict"] && tome_obj["restrict"] === "DEPRECATED") {
-                continue;
-            }
-            //this should suffice for tomes - jank
-            if (tome_obj["name"].includes('No ' + eq.charAt(0).toUpperCase())) {
-                continue;
-            }
-            let tome_name = tome;
-            tome_arr.push(tome_name);
-        }
-
-        // create dropdown
-        dropdowns.set(eq, new autoComplete({
-            data: {
-                src: tome_arr
-            },
-            selector: "#"+ eq +"-choice",
-            wrapper: false,
-            resultsList: {
-                maxResults: 1000,
-                tabSelect: true,
-                noResults: true,
-                class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
-                element: (list, data) => {
-                    // dynamic result loc
-                    let position = document.getElementById(eq+'-dropdown').getBoundingClientRect();
-                    list.style.top = position.bottom + window.scrollY +"px";
-                    list.style.left = position.x+"px";
-                    list.style.width = position.width+"px";
-                    list.style.maxHeight = position.height * 2 +"px";
-
-                    if (!data.results.length) {
-                        message = document.createElement('li');
-                        message.classList.add('scaled-font');
-                        message.textContent = "No results found!";
-                        list.prepend(message);
-                    }
-                },
-            },
-            resultItem: {
-                class: "scaled-font search-item",
-                selected: "dark-5",
-                element: (tome, data) => {
-                    tome.classList.add(tomeMap.get(data.value).tier);
-                },
-            },
-            events: {
-                input: {
-                    selection: (event) => {
-                        if (event.detail.selection.value) {
-                            event.target.value = event.detail.selection.value;
-                        }
-                        update_field(eq);
-                        calcBuildSchedule();
-                    },
-                },
-            }
-        }));
-    }
-
-    let filter_loc = ["filter1", "filter2", "filter3", "filter4"];
-    for (const i of filter_loc) {
-        dropdowns.set(i+"-choice", new autoComplete({
-            data: {
-                src: sq2ItemFilters,
-            },
-            selector: "#"+i+"-choice",
-            wrapper: false,
-            resultsList: {
-                tabSelect: true,
-                noResults: true,
-                class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
-                element: (list, data) => {
-                    // dynamic result loc
-                    console.log(i);
-                    list.style.zIndex = "100";
-                    let position = document.getElementById(i+"-dropdown").getBoundingClientRect();
-                    window_pos = document.getElementById("search-container").getBoundingClientRect();
-                    list.style.top = position.bottom - window_pos.top + 5 +"px";
-                    list.style.left = position.x - window_pos.x +"px";
-                    list.style.width = position.width+"px";
-
-                    if (!data.results.length) {
-                        message = document.createElement('li');
-                        message.classList.add('scaled-font');
-                        message.textContent = "No filters found!";
-                        list.prepend(message);
-                    }
-                },
-            },
-            resultItem: {
-                class: "scaled-font search-item",
-                selected: "dark-5",
-            },
-            events: {
-                input: {
-                    selection: (event) => {
-                        if (event.detail.selection.value) {
-                            event.target.value = event.detail.selection.value;
-                        }
-                        doSearchSchedule();
-                    },
-                },
-            }
-        }));
-    }
-}
-
-// atree parsing
-function construct_AT(elem, tree) {
-    for (let i = 0; i < tree.length; i++) {
-        let node = tree[i];
-        
-        // create rows if not exist
-        if (document.getElementById("atree-row-" + node.row) == null) {
-            for (let j = 0; j <= node.row; j++) {
-                if (document.getElementById("atree-row-" + j) == null) {
-                    let row = document.createElement('div');
-                    row.classList.add("row");
-                    row.id = "atree-row-" + j;
-                    row.style.height = elem.getBoundingClientRect().width / 5 + "px";
-
-
-                    for (let k = 0; k < 5; k++) {
-                        col = document.createElement('div');
-                        col.classList.add('col', 'px-0');
-                        row.appendChild(col);
-                    };
-                    elem.appendChild(row);
-                };
-            };
-        };
-
-        // create node
-        let node_elem = document.createElement('div')
-        node_elem.style = "background-image: url('" + node.image + "'); background-size: cover; width: 100%; height: 100%;";
-
-        if (node.connector && node.rotate != 0) {
-            node_elem.classList.add("rotate-" + node.rotate);
-        };
-
-        // add tooltip
-        if (!node.connector) {
-            node_elem.addEventListener('mouseover', function(e) {
-                if (e.target !== this) {return;}
-                let tooltip = this.children[0];
-                tooltip.style.top = this.getBoundingClientRect().bottom + window.scrollY * 1.02 + "px";
-                tooltip.style.left = this.parentElement.parentElement.getBoundingClientRect().left + (elem.getBoundingClientRect().width * .05 / 2) + "px";
-                tooltip.style.display = "block";
-            });
-
-            node_elem.addEventListener('mouseout', function(e) {
-                if (e.target !== this) {return;}
-                let tooltip = this.children[0];
-                tooltip.style.display = "none";
-            });
-
-
-
-            node_elem.classList.add("atree-node");
-
-            let active_tooltip = document.createElement('div');
-            active_tooltip.classList.add("rounded-bottom", "dark-7", "border");
-            active_tooltip.style.width = elem.getBoundingClientRect().width * .95 + "px";
-            active_tooltip.style.display = "none";
-
-            // tooltip text formatting
-
-            let active_tooltip_title = document.createElement('b');
-            active_tooltip_title.classList.add("scaled-font");
-            active_tooltip_title.textContent = node.title;
-
-            let active_tooltip_text = document.createElement('p');
-            active_tooltip_text.classList.add("scaled-font-sm");
-            active_tooltip_text.textContent = node.desc;
-
-            active_tooltip.appendChild(active_tooltip_title);
-            active_tooltip.appendChild(active_tooltip_text);
-
-            node_tooltip = active_tooltip.cloneNode(true);
-
-            active_tooltip.id = "atree-ab-" + node.title.replaceAll(" ", "");
-
-            node_tooltip.style.position = "absolute";
-            node_tooltip.style.zIndex = "100";
-
-            node_elem.appendChild(node_tooltip);
-            document.getElementById("atree-active").appendChild(active_tooltip);
-
-            node_elem.addEventListener('click', function(e) {
-                if (e.target !== this) {return;}
-                let tooltip = document.getElementById("atree-ab-" + node.title.replaceAll(" ", ""));
-                if (tooltip.style.display == "block") {
-                    tooltip.style.display = "none";
-                    this.classList.add("atree-node");
-                } 
-                else {
-                    tooltip.style.display = "block";
-                    this.classList.remove("atree-node");
-                }
-            });
-        };
-
-        document.getElementById("atree-row-" + node.row).children[node.col].appendChild(node_elem);
-    };
-};
diff --git a/js/sq2build.js b/js/sq2build.js
deleted file mode 100644
index 7551d34..0000000
--- a/js/sq2build.js
+++ /dev/null
@@ -1,692 +0,0 @@
-
-
-const classDefenseMultipliers = new Map([ ["relik",0.50], ["bow",0.60], ["wand", 0.80], ["dagger", 1.0], ["spear",1.20], ["sword", 1.10]]);
-
-/**
- * @description Error to catch items that don't exist.
- * @module ItemNotFound
- */
-class ItemNotFound {
-    /**
-     * @class
-     * @param {String} item the item name entered
-     * @param {String} type the type of item
-     * @param {Boolean} genElement whether to generate an element from inputs
-     * @param {String} override override for item type
-     */
-    constructor(item, type, genElement, override) {
-        /** 
-         * @public 
-         * @type {String}
-         */
-        this.message = `Cannot find ${override||type} named ${item}`;
-        if (genElement)
-            /** 
-             * @public 
-             * @type {Element}
-             */
-            this.element = document.getElementById(`${type}-choice`).parentElement.querySelectorAll("p.error")[0];
-        else
-            this.element = document.createElement("div");
-    }
-}
-
-/**
- * @description Error to catch incorrect input.
- * @module IncorrectInput 
- */
-class IncorrectInput {
-    /**
-     * @class
-     * @param {String} input the inputted text
-     * @param {String} format the correct format
-     * @param {String} sibling the id of the error node's sibling
-     */
-    constructor(input, format, sibling) {
-        /** 
-         * @public
-         * @type {String}
-         */
-        this.message = `${input} is incorrect. Example: ${format}`;
-        /**
-         * @public
-         * @type {String}
-         */
-        this.id = sibling;
-    }
-}
-
-/**
- * @description Error that inputs an array of items to generate errors of.
- * @module ListError
- * @extends Error
- */
-class ListError extends Error {
-    /**
-     * @class
-     * @param {Array} errors array of errors
-     */
-    constructor(errors) {
-        let ret = [];
-        if (typeof errors[0] == "string") {
-            super(errors[0]);
-        } else {
-            super(errors[0].message);
-        }
-        for (let i of errors) {
-            if (typeof i == "string") {
-                ret.push(new Error(i));
-            } else {
-                ret.push(i);
-            }
-        }
-        /**
-         * @public
-         * @type {Object[]}
-         */
-        this.errors = ret;
-    }
-}
-
-/*Class that represents a wynn player's build.
-*/
-class Build{
-    
-    /**
-     * @description Construct a build.
-     * @param {Number} level : Level of the player.
-     * @param {String[]} equipment : List of equipment names that make up the build.
-     *                    In order: boots, Chestplate, Leggings, Boots, Ring1, Ring2, Brace, Neck, Weapon.
-     * @param {Number[]} powders : Powder application. List of lists of integers (powder IDs).
-     *                  In order: boots, Chestplate, Leggings, Boots, Weapon.
-     * @param {Object[]} inputerrors : List of instances of error-like classes.
-     * 
-     * @param {Object[]} tomes: List of tomes.
-     *                      In order: 2x Weapon Mastery Tome, 4x Armor Mastery Tome, 1x Guild Tome.
-     *                      2x Slaying Mastery Tome, 2x Dungeoneering Mastery Tome, 2x Gathering Mastery Tome are in game, but do not have "useful" stats (those that affect damage calculations or building)
-     */
-    constructor(level,equipment, powders, externalStats, inputerrors=[], tomes){
-
-        let errors = inputerrors;
-        //this contains the Craft objects, if there are any crafted items. this.boots, etc. will contain the statMap of the Craft (which is built to be an expandedItem).
-        this.craftedItems = [];
-        this.customItems = [];
-        // NOTE: powders is just an array of arrays of powder IDs. Not powder objects.
-        this.powders = powders;
-        if(itemMap.get(equipment[0]) && itemMap.get(equipment[0]).type === "helmet") {
-            const helmet = itemMap.get(equipment[0]);
-            this.powders[0] = this.powders[0].slice(0,helmet.slots); 
-            this.helmet = expandItem(helmet, this.powders[0]);
-        } else {
-            try {
-                let helmet = getCustomFromHash(equipment[0]) ? getCustomFromHash(equipment[0]) : (getCraftFromHash(equipment[0]) ? getCraftFromHash(equipment[0]) : undefined);
-                if (helmet.statMap.get("type") !== "helmet") {
-                    throw new Error("Not a helmet");
-                }
-                this.powders[0] = this.powders[0].slice(0,helmet.statMap.get("slots")); 
-                helmet.statMap.set("powders",this.powders[0].slice());
-                this.helmet = helmet.statMap;
-                applyArmorPowders(this.helmet, this.powders[0]);
-                if (this.helmet.get("custom")) {
-                    this.customItems.push(helmet);
-                } else if (this.helmet.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(helmet);
-                }
-                
-            } catch (Error) {
-                const helmet = itemMap.get("No Helmet");
-                this.powders[0] = this.powders[0].slice(0,helmet.slots);
-                this.helmet = expandItem(helmet, this.powders[0]);
-                errors.push(new ItemNotFound(equipment[0], "helmet", true));
-            }
-        }
-        if(itemMap.get(equipment[1]) && itemMap.get(equipment[1]).type === "chestplate") {
-            const chestplate = itemMap.get(equipment[1]);
-            this.powders[1] = this.powders[1].slice(0,chestplate.slots); 
-            this.chestplate = expandItem(chestplate, this.powders[1]);
-        } else {
-            try {
-                let chestplate = getCustomFromHash(equipment[1]) ? getCustomFromHash(equipment[1]) : (getCraftFromHash(equipment[1]) ? getCraftFromHash(equipment[1]) : undefined);
-                if (chestplate.statMap.get("type") !== "chestplate") {
-                    throw new Error("Not a chestplate");
-                }
-                this.powders[1] = this.powders[1].slice(0,chestplate.statMap.get("slots"));
-                chestplate.statMap.set("powders",this.powders[1].slice());
-                this.chestplate = chestplate.statMap;
-                applyArmorPowders(this.chesplate, this.powders[1]);
-                if (this.chestplate.get("custom")) {
-                    this.customItems.push(chestplate);
-                } else if (this.chestplate.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(chestplate);
-                }
-            } catch (Error) {
-                console.log(Error);
-                const chestplate = itemMap.get("No Chestplate");
-                this.powders[1] = this.powders[1].slice(0,chestplate.slots); 
-                this.chestplate = expandItem(chestplate, this.powders[1]);
-                errors.push(new ItemNotFound(equipment[1], "chestplate", true));
-            }
-        }
-        if (itemMap.get(equipment[2]) && itemMap.get(equipment[2]).type === "leggings") {
-            const leggings = itemMap.get(equipment[2]);
-            this.powders[2] = this.powders[2].slice(0,leggings.slots); 
-            this.leggings = expandItem(leggings, this.powders[2]);
-        } else {
-            try {
-                let leggings = getCustomFromHash(equipment[2]) ? getCustomFromHash(equipment[2]) : (getCraftFromHash(equipment[2]) ? getCraftFromHash(equipment[2]) : undefined);
-                if (leggings.statMap.get("type") !== "leggings") {
-                    throw new Error("Not a leggings");
-                }
-                this.powders[2] = this.powders[2].slice(0,leggings.statMap.get("slots")); 
-                leggings.statMap.set("powders",this.powders[2].slice());
-                this.leggings = leggings.statMap;
-                applyArmorPowders(this.leggings, this.powders[2]);
-                if (this.leggings.get("custom")) {
-                    this.customItems.push(leggings);
-                } else if (this.leggings.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(leggings);
-                }
-            } catch (Error) {
-                const leggings = itemMap.get("No Leggings");
-                this.powders[2] = this.powders[2].slice(0,leggings.slots); 
-                this.leggings = expandItem(leggings, this.powders[2]);
-                errors.push(new ItemNotFound(equipment[2], "leggings", true));
-            }
-        }
-        if (itemMap.get(equipment[3]) && itemMap.get(equipment[3]).type === "boots") {
-            const boots = itemMap.get(equipment[3]);
-            this.powders[3] = this.powders[3].slice(0,boots.slots); 
-            this.boots = expandItem(boots, this.powders[3]);
-        } else {
-            try {
-                let boots = getCustomFromHash(equipment[3]) ? getCustomFromHash(equipment[3]) : (getCraftFromHash(equipment[3]) ? getCraftFromHash(equipment[3]) : undefined);
-                if (boots.statMap.get("type") !== "boots") {
-                    throw new Error("Not a boots");
-                }
-                this.powders[3] = this.powders[3].slice(0,boots.statMap.get("slots")); 
-                boots.statMap.set("powders",this.powders[3].slice());
-                this.boots = boots.statMap;
-                applyArmorPowders(this.boots, this.powders[3]);
-                if (this.boots.get("custom")) {
-                    this.customItems.push(boots);
-                } else if (this.boots.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(boots);
-                }
-            } catch (Error) {
-                const boots = itemMap.get("No Boots");
-                this.powders[3] = this.powders[3].slice(0,boots.slots); 
-                this.boots = expandItem(boots, this.powders[3]);
-                errors.push(new ItemNotFound(equipment[3], "boots", true));
-            }
-        }
-        if(itemMap.get(equipment[4]) && itemMap.get(equipment[4]).type === "ring") {
-            const ring = itemMap.get(equipment[4]);
-            this.ring1 = expandItem(ring, []);
-        }else{
-            try {
-                let ring = getCustomFromHash(equipment[4]) ? getCustomFromHash(equipment[4]) : (getCraftFromHash(equipment[4]) ? getCraftFromHash(equipment[4]) : undefined);
-                if (ring.statMap.get("type") !== "ring") {
-                    throw new Error("Not a ring");
-                }
-                this.ring1 = ring.statMap;
-                if (this.ring1.get("custom")) {
-                    this.customItems.push(ring);
-                } else if (this.ring1.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(ring);
-                }
-            } catch (Error) {
-                const ring = itemMap.get("No Ring 1");
-                this.ring1 = expandItem(ring, []);
-                errors.push(new ItemNotFound(equipment[4], "ring1", true, "ring"));
-            }
-        }
-        if(itemMap.get(equipment[5]) && itemMap.get(equipment[5]).type === "ring") {
-            const ring = itemMap.get(equipment[5]);
-            this.ring2 = expandItem(ring, []);
-        }else{
-            try {
-                let ring = getCustomFromHash(equipment[5]) ? getCustomFromHash(equipment[5]) : (getCraftFromHash(equipment[5]) ? getCraftFromHash(equipment[5]) : undefined);
-                if (ring.statMap.get("type") !== "ring") {
-                    throw new Error("Not a ring");
-                }
-                this.ring2 = ring.statMap;
-                if (this.ring2.get("custom")) {
-                    this.customItems.push(ring);
-                } else if (this.ring2.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(ring);
-                }
-            } catch (Error) {
-                const ring = itemMap.get("No Ring 2");
-                this.ring2 = expandItem(ring, []);
-                errors.push(new ItemNotFound(equipment[5], "ring2", true, "ring"));
-            }
-        }
-        if(itemMap.get(equipment[6]) && itemMap.get(equipment[6]).type === "bracelet") {
-            const bracelet = itemMap.get(equipment[6]);
-            this.bracelet = expandItem(bracelet, []);
-        }else{
-            try {
-                let bracelet = getCustomFromHash(equipment[6]) ? getCustomFromHash(equipment[6]) : (getCraftFromHash(equipment[6]) ? getCraftFromHash(equipment[6]) : undefined);
-                if (bracelet.statMap.get("type") !== "bracelet") {
-                    throw new Error("Not a bracelet");
-                }
-                this.bracelet = bracelet.statMap;
-                if (this.bracelet.get("custom")) {
-                    this.customItems.push(bracelet);
-                } else if (this.bracelet.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(bracelet);
-                }
-            } catch (Error) {
-                const bracelet = itemMap.get("No Bracelet");
-                this.bracelet = expandItem(bracelet, []);
-                errors.push(new ItemNotFound(equipment[6], "bracelet", true));
-            }
-        }
-        if(itemMap.get(equipment[7]) && itemMap.get(equipment[7]).type === "necklace") {
-            const necklace = itemMap.get(equipment[7]);
-            this.necklace = expandItem(necklace, []);
-        }else{
-            try {
-                let necklace = getCustomFromHash(equipment[7]) ? getCustomFromHash(equipment[7]) : (getCraftFromHash(equipment[7]) ? getCraftFromHash(equipment[7]) : undefined);
-                if (necklace.statMap.get("type") !== "necklace") {
-                    throw new Error("Not a necklace");
-                }
-                this.necklace = necklace.statMap;
-                if (this.necklace.get("custom")) {
-                    this.customItems.push(necklace);
-                } else if (this.necklace.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(necklace);
-                }
-            } catch (Error) {
-                const necklace = itemMap.get("No Necklace");
-                this.necklace = expandItem(necklace, []);
-                errors.push(new ItemNotFound(equipment[7], "necklace", true));
-            }
-        }
-        if(itemMap.get(equipment[8]) && itemMap.get(equipment[8]).category === "weapon") {
-            const weapon = itemMap.get(equipment[8]);
-            this.powders[4] = this.powders[4].slice(0,weapon.slots); 
-            this.weapon = expandItem(weapon, this.powders[4]);
-        }else{
-            try {
-                let weapon = getCustomFromHash(equipment[8]) ? getCustomFromHash(equipment[8]) : (getCraftFromHash(equipment[8]) ? getCraftFromHash(equipment[8]) : undefined);
-                if (weapon.statMap.get("category") !== "weapon") {
-                    throw new Error("Not a weapon");
-                }
-                this.weapon = weapon.statMap;
-                if (this.weapon.get("custom")) {
-                    this.customItems.push(weapon);
-                } else if (this.weapon.get("crafted")) { //customs can also be crafted, but custom takes priority.
-                    this.craftedItems.push(weapon);
-                }
-                this.powders[4] = this.powders[4].slice(0,this.weapon.get("slots")); 
-                this.weapon.set("powders",this.powders[4].slice());
-                // document.getElementsByClassName("powder-specials")[0].style.display = "grid";
-            } catch (Error) {
-                const weapon = itemMap.get("No Weapon");
-                this.powders[4] = this.powders[4].slice(0,weapon.slots); 
-                this.weapon = expandItem(weapon, this.powders[4]);
-                // document.getElementsByClassName("powder-specials")[0].style.display = "none";
-                errors.push(new ItemNotFound(equipment[8], "weapon", true));
-            }
-        }
-
-        //cannot craft tomes
-
-        if(tomeMap.get(tomes[0]) && tomeMap.get(tomes[0]).type === "weaponTome") {
-            const weaponTome1 = tomeMap.get(tomes[0]);
-            this.weaponTome1 = expandItem(weaponTome1, []);
-        } else {
-            try {
-                let weaponTome1 = getCustomFromHash(tomes[0]) ? getCustomFromHash(tomes[0]) : undefined;
-                if (weaponTome1.statMap.get("type") !== "weaponTome") {
-                    throw new Error("Not a Weapon Tome");
-                }
-                if (this.weaponTome1.get("custom")) {
-                    this.customItems.push(weaponTome1);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const weaponTome1 = tomeMap.get("No Weapon Tome");
-                this.weaponTome1 = expandItem(weaponTome1, []);
-                errors.push(new ItemNotFound(tomes[0], "weaponTome1", true));
-            }
-        }
-        if(tomeMap.get(tomes[1]) && tomeMap.get(tomes[1]).type === "weaponTome") {
-            const weaponTome2 = tomeMap.get(tomes[1]);
-            this.weaponTome2 = expandItem(weaponTome2, []);
-        } else {
-            try {
-                let weaponTome2 = getCustomFromHash(tomes[1]) ? getCustomFromHash(tomes[1]) : undefined;
-                if (weaponTome2.statMap.get("type") !== "weaponTome") {
-                    throw new Error("Not a Weapon Tome");
-                }
-                if (this.weaponTome2.get("custom")) {
-                    this.customItems.push(weaponTome2);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const weaponTome2 = tomeMap.get("No Weapon Tome");
-                this.weaponTome2 = expandItem(weaponTome2, []);
-                errors.push(new ItemNotFound(tomes[1], "weaponTome2", true));
-            }
-        }
-        if(tomeMap.get(tomes[2]) && tomeMap.get(tomes[2]).type === "armorTome") {
-            const armorTome1 = tomeMap.get(tomes[2]);
-            this.armorTome1 = expandItem(armorTome1, []);
-        } else {
-            try {
-                let armorTome1 = getCustomFromHash(tomes[2]) ? getCustomFromHash(tomes[2]) : undefined;
-                if (armorTome1.statMap.get("type") !== "armorTome") {
-                    throw new Error("Not an Armor Tome");
-                }
-                if (this.armorTome1.get("custom")) {
-                    this.customItems.push(armorTome1);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const armorTome1 = tomeMap.get("No Armor Tome");
-                this.armorTome1 = expandItem(armorTome1, []);
-                errors.push(new ItemNotFound(tomes[2], "armorTome1", true));
-            }
-        }
-        if(tomeMap.get(tomes[3]) && tomeMap.get(tomes[3]).type === "armorTome") {
-            const armorTome2 = tomeMap.get(tomes[3]);
-            this.armorTome2 = expandItem(armorTome2, []);
-        } else {
-            try {
-                let armorTome2 = getCustomFromHash(tomes[3]) ? getCustomFromHash(tomes[3]) : undefined;
-                if (armorTome2.statMap.get("type") !== "armorTome") {
-                    throw new Error("Not an Armor Tome");
-                }
-                if (this.armorTome2.get("custom")) {
-                    this.customItems.push(armorTome2);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const armorTome2 = tomeMap.get("No Armor Tome");
-                this.armorTome2 = expandItem(armorTome2, []);
-                errors.push(new ItemNotFound(tomes[3], "armorTome2", true));
-            }
-        }
-        if(tomeMap.get(tomes[4]) && tomeMap.get(tomes[4]).type === "armorTome") {
-            const armorTome3 = tomeMap.get(tomes[4]);
-            this.armorTome3 = expandItem(armorTome3, []);
-        } else {
-            try {
-                let armorTome3 = getCustomFromHash(tomes[4]) ? getCustomFromHash(tomes[4]) : undefined;
-                if (armorTome3.statMap.get("type") !== "armorTome") {
-                    throw new Error("Not an Armor Tome");
-                }
-                if (this.armorTome3.get("custom")) {
-                    this.customItems.push(armorTome3);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const armorTome3 = tomeMap.get("No Armor Tome");
-                this.armorTome3 = expandItem(armorTome3, []);
-                errors.push(new ItemNotFound(tomes[4], "armorTome3", true));
-            }
-        }
-        if(tomeMap.get(tomes[5]) && tomeMap.get(tomes[5]).type === "armorTome") {
-            const armorTome4 = tomeMap.get(tomes[5]);
-            this.armorTome4 = expandItem(armorTome4, []);
-        } else {
-            try {
-                let armorTome4 = getCustomFromHash(tomes[5]) ? getCustomFromHash(tomes[5]) : undefined;
-                if (armorTome4.statMap.get("type") !== "armorTome") {
-                    throw new Error("Not an Armor Tome");
-                }
-                if (this.armorTome4.get("custom")) {
-                    this.customItems.push(armorTome4);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const armorTome4 = tomeMap.get("No Armor Tome");
-                this.armorTome4 = expandItem(armorTome4, []);
-                errors.push(new ItemNotFound(tomes[5], "armorTome4", true));
-            }
-        }
-        if(tomeMap.get(tomes[6]) && tomeMap.get(tomes[6]).type === "guildTome") {
-            const guildTome1 = tomeMap.get(tomes[6]);
-            this.guildTome1 = expandItem(guildTome1, []);
-        } else {
-            try {
-                let guildTome1 = getCustomFromHash(tomes[6]) ? getCustomFromHash(tomes[6]) : undefined;
-                if (guildTome1.statMap.get("type") !== "guildTome1") {
-                    throw new Error("Not an Guild Tome");
-                }
-                if (this.guildTome1.get("custom")) {
-                    this.customItems.push(guildTome1);
-                } //can't craft tomes
-                
-            } catch (Error) {
-                const guildTome1 = tomeMap.get("No Guild Tome");
-                this.guildTome1 = expandItem(guildTome1, []);
-                errors.push(new ItemNotFound(tomes[6], "guildTome1", true));
-            }
-        }
-        
-        //console.log(this.craftedItems)
-
-        if (level < 1) { //Should these be constants?
-            this.level = 1;
-        } else if (level > 106) {
-            this.level = 106;
-        } else if (level <= 106 && level >= 1) {
-            this.level = level;
-        } else if (typeof level === "string") {
-            this.level = level;
-            errors.push(new IncorrectInput(level, "a number", "level-choice"));
-        } else {
-            errors.push("Level is not a string or number.");
-        }
-        document.getElementById("level-choice").value = this.level;
-
-        this.availableSkillpoints = levelToSkillPoints(this.level);
-        this.equipment = [ this.helmet, this.chestplate, this.leggings, this.boots, this.ring1, this.ring2, this.bracelet, this.necklace ];
-        this.tomes = [this.weaponTome1, this.weaponTome2, this.armorTome1, this.armorTome2, this.armorTome3, this.armorTome4, this.guildTome1];
-        this.items = this.equipment.concat([this.weapon]).concat(this.tomes);
-        // return [equip_order, best_skillpoints, final_skillpoints, best_total];
-        let result = calculate_skillpoints(this.equipment.concat(this.tomes), this.weapon);
-        console.log(result);
-        this.equip_order = result[0];
-        // How many skillpoints the player had to assign (5 number)
-        this.base_skillpoints = result[1];
-        // How many skillpoints the build ended up with (5 number)
-        this.total_skillpoints = result[2];
-        // How many skillpoints assigned (1 number, sum of base_skillpoints)
-        this.assigned_skillpoints = result[3];
-        this.activeSetCounts = result[4];
-        
-        // For strength boosts like warscream, vanish, etc.
-        this.damageMultiplier = 1.0;
-        this.defenseMultiplier = 1.0;
-
-        // For other external boosts ;-;
-        this.externalStats = externalStats;
-
-        this.initBuildStats();
-
-        // Remove every error before adding specific ones
-        for (let i of document.getElementsByClassName("error")) {
-            i.textContent = "";
-        }
-        this.errors = errors;
-        if (errors.length > 0) this.errored = true;
-    }  
-
-    /*Returns build in string format
-    */
-    toString(){
-        return [this.equipment,this.weapon,this.tomes].flat();
-    }
-
-    /* Getters */
-
-    getSpellCost(spellIdx, cost) {
-        return Math.max(1, this.getBaseSpellCost(spellIdx, cost));
-    }
-
-    getBaseSpellCost(spellIdx, cost) {
-        cost = Math.ceil(cost * (1 - skillPointsToPercentage(this.total_skillpoints[2])));
-        cost += this.statMap.get("spRaw"+spellIdx);
-        return Math.floor(cost * (1 + this.statMap.get("spPct"+spellIdx) / 100));
-    }
-    
-
-    /*  Get melee stats for build.
-        Returns an array in the order:
-    */
-    getMeleeStats(){
-        const stats = this.statMap;
-        if (this.weapon.get("tier") === "Crafted") {
-            stats.set("damageBases", [this.weapon.get("nDamBaseHigh"),this.weapon.get("eDamBaseHigh"),this.weapon.get("tDamBaseHigh"),this.weapon.get("wDamBaseHigh"),this.weapon.get("fDamBaseHigh"),this.weapon.get("aDamBaseHigh")]);
-        }
-        let adjAtkSpd = attackSpeeds.indexOf(stats.get("atkSpd")) + stats.get("atkTier");
-        if(adjAtkSpd > 6){
-            adjAtkSpd = 6;
-        }else if(adjAtkSpd < 0){
-            adjAtkSpd = 0;
-        }
-
-        let damage_mult = 1;
-        if (this.weapon.get("type") === "relik") {
-            damage_mult = 0.99; // CURSE YOU WYNNCRAFT
-            //One day we will create WynnWynn and no longer have shaman 99% melee injustice.
-            //In all seriousness 99% is because wynn uses 0.33 to estimate dividing the damage by 3 to split damage between 3 beams.
-        }
-        // 0spellmult for melee damage.
-        let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], stats.get("mdRaw"), stats.get("mdPct") + this.externalStats.get("mdPct"), 0, this.weapon, this.total_skillpoints, damage_mult * this.damageMultiplier, this.externalStats);
-        
-        let dex = this.total_skillpoints[1];
-
-        let totalDamNorm = results[0];
-        let totalDamCrit = results[1];
-        totalDamNorm.push(1-skillPointsToPercentage(dex));
-        totalDamCrit.push(skillPointsToPercentage(dex));
-        let damages_results = results[2];
-        
-        let singleHitTotal = ((totalDamNorm[0]+totalDamNorm[1])*(totalDamNorm[2])
-                            +(totalDamCrit[0]+totalDamCrit[1])*(totalDamCrit[2]))/2;
-
-        //Now do math
-        let normDPS = (totalDamNorm[0]+totalDamNorm[1])/2 * baseDamageMultiplier[adjAtkSpd];
-        let critDPS = (totalDamCrit[0]+totalDamCrit[1])/2 * baseDamageMultiplier[adjAtkSpd];
-        let avgDPS = (normDPS * (1 - skillPointsToPercentage(dex))) + (critDPS * (skillPointsToPercentage(dex)));
-        //[[n n n n] [e e e e] [t t t t] [w w w w] [f f f f] [a a a a] [lowtotal hightotal normalChance] [critlowtotal crithightotal critChance] normalDPS critCPS averageDPS adjAttackSpeed, singleHit] 
-        return damages_results.concat([totalDamNorm,totalDamCrit,normDPS,critDPS,avgDPS,adjAtkSpd, singleHitTotal]).concat(results[3]);
-    }
-
-    /*
-        Get all defensive stats for this build.
-    */
-    getDefenseStats(){
-        const stats = this.statMap;
-        let defenseStats = [];
-        let def_pct = skillPointsToPercentage(this.total_skillpoints[3]);
-        let agi_pct = skillPointsToPercentage(this.total_skillpoints[4]);
-        //total hp
-        let totalHp = stats.get("hp") + stats.get("hpBonus");
-        if (totalHp < 5) totalHp = 5;
-        defenseStats.push(totalHp);
-        //EHP
-        let ehp = [totalHp, totalHp];
-        let defMult = classDefenseMultipliers.get(this.weapon.get("type"));
-        ehp[0] /= ((1-def_pct)*(1-agi_pct)*(2-defMult)*(2-this.defenseMultiplier));         
-        ehp[1] /= ((1-def_pct)*(2-defMult)*(2-this.defenseMultiplier));    
-        defenseStats.push(ehp);
-        //HPR
-        let totalHpr = rawToPct(stats.get("hprRaw"), stats.get("hprPct")/100.);
-        defenseStats.push(totalHpr);
-        //EHPR
-        let ehpr = [totalHpr, totalHpr];
-        ehpr[0] /= ((1-def_pct)*(1-agi_pct)*(2-defMult)*(2-this.defenseMultiplier)); 
-        ehpr[1] /= ((1-def_pct)*(2-defMult)*(2-this.defenseMultiplier)); 
-        defenseStats.push(ehpr);
-        //skp stats
-        defenseStats.push([ (1 - ((1-def_pct) * (2 - this.defenseMultiplier)))*100, agi_pct*100]);
-        //eledefs - TODO POWDERS
-        let eledefs = [0, 0, 0, 0, 0];
-        for(const i in skp_elements){ //kinda jank but ok
-            eledefs[i] = rawToPct(stats.get(skp_elements[i] + "Def"), stats.get(skp_elements[i] + "DefPct")/100.);
-        }
-        defenseStats.push(eledefs);
-        
-        //[total hp, [ehp w/ agi, ehp w/o agi], total hpr, [ehpr w/ agi, ehpr w/o agi], [def%, agi%], [edef,tdef,wdef,fdef,adef]]
-        return defenseStats;
-    }
-
-    /*  Get all stats for this build. Stores in this.statMap.
-        @pre The build itself should be valid. No checking of validity of pieces is done here.
-    */
-    initBuildStats(){
-
-        let staticIDs = ["hp", "eDef", "tDef", "wDef", "fDef", "aDef", "str", "dex", "int", "def", "agi"];
-
-        //Create a map of this build's stats
-        let statMap = new Map();
-
-        for (const staticID of staticIDs) {
-            statMap.set(staticID, 0);
-        }
-        statMap.set("hp", levelToHPBase(this.level)); 
-
-        let major_ids = new Set();
-        for (const item of this.items){
-            for (let [id, value] of item.get("maxRolls")) {
-                if (staticIDs.includes(id)) {
-                    continue;
-                }
-                statMap.set(id,(statMap.get(id) || 0)+value);
-            }
-            for (const staticID of staticIDs) {
-                if (item.get(staticID)) {
-                    statMap.set(staticID, statMap.get(staticID) + item.get(staticID));
-                }
-            }
-            if (item.get("majorIds")) {
-                for (const major_id of item.get("majorIds")) {
-                    major_ids.add(major_id);
-                }
-            }
-        }
-        statMap.set("activeMajorIDs", major_ids);
-        for (const [setName, count] of this.activeSetCounts) {
-            const bonus = sets[setName].bonuses[count-1];
-            for (const id in bonus) {
-                if (skp_order.includes(id)) {
-                    // pass. Don't include skillpoints in ids
-                }
-                else {
-                    statMap.set(id,(statMap.get(id) || 0)+bonus[id]);
-                }
-            }
-        }
-        statMap.set("poisonPct", 100);
-
-        // The stuff relevant for damage calculation!!! @ferricles
-        statMap.set("atkSpd", this.weapon.get("atkSpd"));
-
-        for (const x of skp_elements) {
-            this.externalStats.set(x + "DamPct", 0);
-        }
-        this.externalStats.set("mdPct", 0);
-        this.externalStats.set("sdPct", 0);
-        this.externalStats.set("damageBonus", [0, 0, 0, 0, 0]);
-        this.externalStats.set("defBonus",[0, 0, 0, 0, 0]);
-        this.externalStats.set("poisonPct", 0);
-        this.statMap = statMap;
-
-        this.aggregateStats();
-    }
-
-    aggregateStats() {
-        let statMap = this.statMap;
-        statMap.set("damageRaw", [this.weapon.get("nDam"), this.weapon.get("eDam"), this.weapon.get("tDam"), this.weapon.get("wDam"), this.weapon.get("fDam"), this.weapon.get("aDam")]);
-        statMap.set("damageBonus", [statMap.get("eDamPct"), statMap.get("tDamPct"), statMap.get("wDamPct"), statMap.get("fDamPct"), statMap.get("aDamPct")]);
-        statMap.set("defRaw", [statMap.get("eDef"), statMap.get("tDef"), statMap.get("wDef"), statMap.get("fDef"), statMap.get("aDef")]);
-        statMap.set("defBonus", [statMap.get("eDefPct"), statMap.get("tDefPct"), statMap.get("wDefPct"), statMap.get("fDefPct"), statMap.get("aDefPct")]);
-        statMap.set("defMult", classDefenseMultipliers.get(this.weapon.get("type")));
-    }
-}
diff --git a/js/sq2builder.js b/js/sq2builder.js
deleted file mode 100644
index b758e3b..0000000
--- a/js/sq2builder.js
+++ /dev/null
@@ -1,1137 +0,0 @@
-const url_tag = location.hash.slice(1);
-// console.log(url_base);
-// console.log(url_tag);
-
-
-const BUILD_VERSION = "7.0.19";
-
-// function setTitle() {
-//     let text;
-//     if (url_base.includes("hppeng-wynn")) {
-//         text = "WynnBuilder UNSTABLE version "+BUILD_VERSION+" (db version "+DB_VERSION+")";
-//     }
-//     else {
-//         text = "WynnBuilder version "+BUILD_VERSION+" (db version "+DB_VERSION+")";
-//         document.getElementById("header").classList.add("funnynumber");
-//     }
-//     document.getElementById("header").textContent = text;
-// }
-// 
-// setTitle();
-
-let player_build;
-
-
-// THIS IS SUPER DANGEROUS, WE SHOULD NOT BE KEEPING THIS IN SO MANY PLACES
-let editable_item_fields = [ "sdPct", "sdRaw", "mdPct", "mdRaw", "poison", "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct", "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct", "hprRaw", "hprPct", "hpBonus", "atkTier", "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4" ];
-
-let editable_elems = [];
-
-for (let i of editable_item_fields) {
-    let elem = document.getElementById(i);
-    elem.addEventListener("change", (event) => {
-        elem.classList.add("highlight");
-    });
-    editable_elems.push(elem);
-}
-
-for (let i of skp_order) {
-    let elem = document.getElementById(i+"-skp");
-    elem.addEventListener("change", (event) => {
-        elem.classList.add("highlight");
-    });
-    editable_elems.push(elem);
-}
-
-function clear_highlights() {
-    for (let i of editable_elems) {
-        i.classList.remove("highlight");
-    }
-}
-
-
-let equipment_fields = [
-    "helmet",
-    "chestplate",
-    "leggings",
-    "boots",
-    "ring1",
-    "ring2",
-    "bracelet",
-    "necklace",
-    "weapon"
-];
-let tome_fields = [
-    "weaponTome1",
-    "weaponTome2",
-    "armorTome1",
-    "armorTome2",
-    "armorTome3",
-    "armorTome4",
-    "guildTome1",
-]
-let equipment_names = [
-    "Helmet",
-    "Chestplate",
-    "Leggings",
-    "Boots",
-    "Ring 1",
-    "Ring 2",
-    "Bracelet",
-    "Necklace",
-    "Weapon"
-];
-
-let tome_names = [
-    "Weapon Tome",
-    "Weapon Tome",
-    "Armor Tome",
-    "Armor Tome",
-    "Armor Tome",
-    "Armor Tome",
-    "Guild Tome",
-]
-let equipmentInputs = equipment_fields.map(x => x + "-choice");
-let buildFields = equipment_fields.map(x => x+"-tooltip").concat(tome_fields.map(x => x + "-tooltip"));
-let tomeInputs = tome_fields.map(x => x + "-choice");
-
-let powderInputs = [
-    "helmet-powder",
-    "chestplate-powder",
-    "leggings-powder",
-    "boots-powder",
-    "weapon-powder",
-];
-
-function getItemNameFromID(id) {
-    if (redirectMap.has(id)) {
-        return getItemNameFromID(redirectMap.get(id));
-    }
-    return idMap.get(id);
-}
-
-function getTomeNameFromID(id) {
-    if (tomeRedirectMap.has(id)) {
-        return getTomeNameFromID(tomeRedirectMap.get(id));
-    }
-    return tomeIDMap.get(id);
-}
-
-function parsePowdering(powder_info) {
-    // TODO: Make this run in linear instead of quadratic time... ew
-    let powdering = [];
-    for (let i = 0; i < 5; ++i) {
-        let powders = "";
-        let n_blocks = Base64.toInt(powder_info.charAt(0));
-        powder_info = powder_info.slice(1);
-        for (let j = 0; j < n_blocks; ++j) {
-            let block = powder_info.slice(0,5);
-            let six_powders = Base64.toInt(block);
-            for (let k = 0; k < 6 && six_powders != 0; ++k) {
-                powders += powderNames.get((six_powders & 0x1f) - 1);
-                six_powders >>>= 5;
-            }
-            powder_info = powder_info.slice(5);
-        }
-        powdering[i] = powders;
-    }
-    return [powdering, powder_info];
-}
-
-/*
- * Populate fields based on url, and calculate build.
- */
-function decodeBuild(url_tag) {
-    if (url_tag) {
-        //default values
-        let equipment = [null, null, null, null, null, null, null, null, null];
-        let tomes = [null, null, null, null, null, null, null];
-        let powdering = ["", "", "", "", ""];
-        let info = url_tag.split("_");
-        let version = info[0];
-        let save_skp = false;
-        let skillpoints = [0, 0, 0, 0, 0];
-        let level = 106;
-
-        version_number = parseInt(version)
-        //equipment (items)
-        // TODO: use filters
-        if (version_number < 4) {
-            let equipments = info[1];
-            for (let i = 0; i < 9; ++i ) {
-                let equipment_str = equipments.slice(i*3,i*3+3);
-                equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
-            }
-            info[1] = equipments.slice(27);
-        }
-        else if (version_number == 4) { 
-            let info_str = info[1];
-            let start_idx = 0;
-            for (let i = 0; i < 9; ++i ) {
-                if (info_str.charAt(start_idx) === "-") {
-                    equipment[i] = "CR-"+info_str.slice(start_idx+1, start_idx+18);
-                    start_idx += 18;
-                }
-                else {
-                    let equipment_str = info_str.slice(start_idx, start_idx+3);
-                    equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
-                    start_idx += 3;
-                }
-            }
-            info[1] = info_str.slice(start_idx);
-        }
-        else if (version_number <= 6) {
-            let info_str = info[1];
-            let start_idx = 0;
-            for (let i = 0; i < 9; ++i ) {
-                if (info_str.slice(start_idx,start_idx+3) === "CR-") {
-                    equipment[i] = info_str.slice(start_idx, start_idx+20);
-                    start_idx += 20;
-                } else if (info_str.slice(start_idx+3,start_idx+6) === "CI-") {
-                    let len = Base64.toInt(info_str.slice(start_idx,start_idx+3));
-                    equipment[i] = info_str.slice(start_idx+3,start_idx+3+len);
-                    start_idx += (3+len);
-                } else {
-                    let equipment_str = info_str.slice(start_idx, start_idx+3);
-                    equipment[i] = getItemNameFromID(Base64.toInt(equipment_str));
-                    start_idx += 3;
-                }
-            }
-            info[1] = info_str.slice(start_idx);
-        }
-        //constant in all versions
-        for (let i in equipment) {
-            setValue(equipmentInputs[i], equipment[i]);
-        }
-
-        //level, skill point assignments, and powdering
-        if (version_number == 1) {
-            let powder_info = info[1];
-            let res = parsePowdering(powder_info);
-            powdering = res[0];
-        } else if (version_number == 2) {
-            save_skp = true;
-            let skillpoint_info = info[1].slice(0, 10);
-            for (let i = 0; i < 5; ++i ) {
-                skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
-            }
-
-            let powder_info = info[1].slice(10);
-            let res = parsePowdering(powder_info);
-            powdering = res[0];
-        } else if (version_number <= 6){
-            level = Base64.toInt(info[1].slice(10,12));
-            setValue("level-choice",level);
-            save_skp = true;
-            let skillpoint_info = info[1].slice(0, 10);
-            for (let i = 0; i < 5; ++i ) {
-                skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
-            }
-
-            let powder_info = info[1].slice(12);
-
-            let res = parsePowdering(powder_info);
-            powdering = res[0];
-            info[1] = res[1];
-        }
-        // Tomes.
-        if (version_number == 6) {
-            //tome values do not appear in anything before v6.
-            for (let i = 0; i < 7; ++i) {
-                let tome_str = info[1].charAt(i);
-                setValue(tomeInputs[i], getTomeNameFromID(Base64.toInt(tome_str)));
-            }
-            info[1] = info[1].slice(7);
-        }
-
-        for (let i in powderInputs) {
-            setValue(powderInputs[i], powdering[i]);
-        }
-
-        calculateBuild(save_skp, skillpoints);
-    }
-}
-
-/*  Stores the entire build in a string using B64 encoding and adds it to the URL.
-*/
-function encodeBuild() {
-
-    if (player_build) {
-        let build_string;
-        
-        //V6 encoding - Tomes
-        build_version = 4;
-        build_string = "";
-        tome_string = "";
-
-        let crafted_idx = 0;
-        let custom_idx = 0;
-        for (const item of player_build.items) {
-            
-            if (item.get("custom")) {
-                let custom = "CI-"+encodeCustom(player_build.customItems[custom_idx],true);
-                build_string += Base64.fromIntN(custom.length, 3) + custom;
-                custom_idx += 1;
-                build_version = Math.max(build_version, 5);
-            } else if (item.get("crafted")) {
-                build_string += "CR-"+encodeCraft(player_build.craftedItems[crafted_idx]);
-                crafted_idx += 1;
-            } else if (item.get("category") === "tome") {
-                let tome_id = item.get("id");
-                if (tome_id <= 60) {
-                    // valid normal tome. ID 61-63 is for NONE tomes.
-                    build_version = Math.max(build_version, 6);
-                }
-                tome_string += Base64.fromIntN(tome_id, 1);
-            } else {
-                build_string += Base64.fromIntN(item.get("id"), 3);
-            }
-        }
-
-        for (const skp of skp_order) {
-            build_string += Base64.fromIntN(getValue(skp + "-skp"), 2); // Maximum skillpoints: 2048
-        }
-        build_string += Base64.fromIntN(player_build.level, 2);
-        for (const _powderset of player_build.powders) {
-            let n_bits = Math.ceil(_powderset.length / 6);
-            build_string += Base64.fromIntN(n_bits, 1); // Hard cap of 378 powders.
-            // Slice copy.
-            let powderset = _powderset.slice();
-            while (powderset.length != 0) {
-                let firstSix = powderset.slice(0,6).reverse();
-                let powder_hash = 0;
-                for (const powder of firstSix) {
-                    powder_hash = (powder_hash << 5) + 1 + powder; // LSB will be extracted first.
-                }
-                build_string += Base64.fromIntN(powder_hash, 5);
-                powderset = powderset.slice(6);
-            }
-        }
-        build_string += tome_string;
-
-        return build_version.toString() + "_" + build_string;
-    }
-}
-
-function calculateBuild(save_skp, skp){
-    try {
-        resetEditableIDs();
-        if (player_build) {
-            reset_powder_specials();
-            updateBoosts("skip", false);
-            updatePowderSpecials("skip", false);
-        }
-        let weaponName = getValue(equipmentInputs[8]);
-        //bruh @hpp
-        if (weaponName.startsWith("Morph-")) {
-            let equipment = [ "Morph-Stardust", "Morph-Steel", "Morph-Iron", "Morph-Gold", "Morph-Topaz", "Morph-Emerald", "Morph-Amethyst", "Morph-Ruby", weaponName.substring(6) ];
-            for (let i in equipment) {
-                setValue(equipmentInputs[i], equipment[i]);
-            }
-        }
-
-        //updatePowderSpecials("skip"); //jank pt 1
-        save_skp = (typeof save_skp !== 'undefined') ?  save_skp : false;
-        /*  TODO: implement level changing
-            Make this entire function prettier
-        */
-        let equipment = [ null, null, null, null, null, null, null, null, null ];
-        for (let i in equipment) {
-            let equip = getValue(equipmentInputs[i]).trim();
-            if (equip === "") {
-                equip = "No " + equipment_names[i]
-            }
-            else {
-                setValue(equipmentInputs[i], equip);
-            }
-            equipment[i] = equip;
-        }
-        let powderings = [];
-        let errors = [];
-        for (const i in powderInputs) {
-            // read in two characters at a time.
-            // TODO: make this more robust.
-            let input = getValue(powderInputs[i]).trim();
-            let powdering = [];
-            let errorederrors = [];
-            while (input) {
-                let first = input.slice(0, 2);
-                let powder = powderIDs.get(first);
-                if (powder === undefined) {
-                    errorederrors.push(first);
-                } else {
-                    powdering.push(powder);
-                }
-                input = input.slice(2);
-            }
-            if (errorederrors.length > 0) {
-                if (errorederrors.length > 1)
-                    errors.push(new IncorrectInput(errorederrors.join(""), "t6w6", powderInputs[i]));
-                else
-                    errors.push(new IncorrectInput(errorederrors[0], "t6 or e3", powderInputs[i]));
-            }
-            //console.log("POWDERING: " + powdering);
-            powderings.push(powdering);
-        }
-        let tomes = [ null, null, null, null, null, null, null];
-        for (let i in tomes) {
-            let equip = getValue(tomeInputs[i]).trim();
-            if (equip === "") {
-                equip = "No " + tome_names[i]
-            }
-            else {
-                setValue(tomeInputs[i], equip);
-            }
-            tomes[i] = equip;
-        }
-        
-
-        let level = document.getElementById("level-choice").value;
-        player_build = new Build(level, equipment, powderings, new Map(), errors, tomes);
-        console.log(player_build);
-
-        //isn't this deprecated?
-        for (let i of document.getElementsByClassName("hide-container-block")) {
-			i.style.display = "block";
-        }
-        for (let i of document.getElementsByClassName("hide-container-grid")) {
-			i.style.display = "grid";
-        }
-
-        console.log(player_build.toString());
-        displaysq2EquipOrder(document.getElementById("build-order"),player_build.equip_order);
-
-        const assigned = player_build.base_skillpoints;
-        const skillpoints = player_build.total_skillpoints;
-        for (let i in skp_order){ //big bren
-            setText(skp_order[i] + "-skp-base", "Original: " + skillpoints[i]);
-        }
-
-        if (save_skp) {
-            // TODO: reduce duplicated code, @updateStats
-            let skillpoints = player_build.total_skillpoints;
-            let delta_total = 0;
-            for (let i in skp_order) {
-                let manual_assigned = skp[i];
-                let delta = manual_assigned - skillpoints[i];
-                skillpoints[i] = manual_assigned;
-                player_build.base_skillpoints[i] += delta;
-                delta_total += delta;
-            }
-            player_build.assigned_skillpoints += delta_total;
-        }
-        
-        updateEditableIDs();
-        calculateBuildStats();
-        if (player_build.errored)
-            throw new ListError(player_build.errors);
-    }
-    catch (error) {
-        console.log(error);
-    }
-}
-
-function handleBuilderError(error) {
-    if (error instanceof ListError) {
-        for (let i of error.errors) {
-            if (i instanceof ItemNotFound) {
-                i.element.textContent = i.message;
-            } else if (i instanceof IncorrectInput) {
-                if (document.getElementById(i.id) !== null) {
-                    document.getElementById(i.id).parentElement.querySelectorAll("p.error")[0].textContent = i.message;
-                }
-            } else {
-                let msg = i.stack;
-                let lines = msg.split("\n");
-                let header = document.getElementById("header");
-                header.textContent = "";
-                for (const line of lines) {
-                    let p = document.createElement("p");
-                    p.classList.add("itemp");
-                    p.textContent = line;
-                    header.appendChild(p);
-                }
-                let p2 = document.createElement("p");
-                p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
-                header.appendChild(p2);
-            }
-        }
-    } else {
-        let msg = error.stack;
-        let lines = msg.split("\n");
-        let header = document.getElementById("header");
-        header.textContent = "";
-        for (const line of lines) {
-            let p = document.createElement("p");
-            p.classList.add("itemp");
-            p.textContent = line;
-            header.appendChild(p);
-        }
-        let p2 = document.createElement("p");
-        p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
-        header.appendChild(p2);
-    }
-}
-
-/* Updates all build statistics based on (for now) the skillpoint input fields and then calculates build stats.
-*/
-function updateStats() {
-    
-    let specialNames = ["Quake", "Chain_Lightning", "Curse", "Courage", "Wind_Prison"];
-    for (const sName of specialNames) {
-        for (let i = 1; i < 6; i++) {
-            let elem = document.getElementById(sName + "-" + i);
-            let name = sName.replace("_", " ");
-            if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
-                elem.classList.remove("toggleOn");
-                let special = powderSpecialStats[specialNames.indexOf(sName)];
-                console.log(special);
-                if (special["weaponSpecialEffects"].has("Damage Boost")) { 
-                    if (name === "Courage" || name === "Curse") { //courage is universal damage boost
-                        //player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
-                        player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                    }  else if (name === "Wind Prison") {
-                        player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
-                    }
-                }
-            }
-        }
-    }
-    
-
-    
-    let skillpoints = player_build.total_skillpoints;
-    let delta_total = 0;
-    for (let i in skp_order) {
-        let value = document.getElementById(skp_order[i] + "-skp").value;
-        if (value === ""){value = 0; setValue(skp_order[i] + "-skp", value)}
-        let manual_assigned = 0;
-        if (value.includes("+")) {
-            let skp = value.split("+");
-            for (const s of skp) {
-                manual_assigned += parseInt(s,10);
-            }
-        } else {
-            manual_assigned = parseInt(value,10);
-        }
-        let delta = manual_assigned - skillpoints[i];
-        skillpoints[i] = manual_assigned;
-        player_build.base_skillpoints[i] += delta;
-        delta_total += delta;
-    }
-    player_build.assigned_skillpoints += delta_total;
-    if(player_build){
-        updatePowderSpecials("skip", false);
-        updateArmorPowderSpecials("skip", false);
-        updateBoosts("skip", false);
-        for (let id of editable_item_fields) {
-            player_build.statMap.set(id, parseInt(getValue(id)));
-        }
-    }
-    player_build.aggregateStats();
-    console.log(player_build.statMap);
-    calculateBuildStats();
-}
-
- 
-/* Updates all IDs in the edit IDs section. Resets each input and original value text to the correct text according to the current build.
-*/
-function updateEditableIDs() {
-    if (player_build) {
-        for (const id of editable_item_fields) {
-            let edit_input = document.getElementById(id);
-            let val = player_build.statMap.get(id);
-            edit_input.value = val;
-            edit_input.placeholder = val;
-
-            let value_label = document.getElementById(id + "-base");
-            value_label.textContent = "Original Value: " + val;
-            //a hack to make resetting easier
-            value_label.value = val;
-        }
-    }
-}
-
-/* Resets all IDs in the edit IDs section to their "original" values. 
-*/
-function resetEditableIDs() {
-    if (player_build) {
-        for (const id of editable_item_fields) {
-            let edit_input = document.getElementById(id);
-            let value_label = document.getElementById(id + "-base");
-
-            edit_input.value = value_label.value;
-            edit_input.placeholder = value_label.value;
-        }
-    } else {
-        //no player build, reset to 0
-        for (const id of editable_item_fields) {
-            let edit_input = document.getElementById(id);
-
-            edit_input.value = 0;
-            edit_input.placeholder = 0;
-        }
-    }
-}
-
-/* Updates all spell boosts
-*/
-function updateBoosts(buttonId, recalcStats) {
-    let elem = document.getElementById(buttonId);
-    let name = buttonId.split("-")[0];
-    if(buttonId !== "skip") {
-        if (elem.classList.contains("toggleOn")) {
-            player_build.damageMultiplier -= damageMultipliers.get(name);
-            if (name === "warscream") {
-                player_build.defenseMultiplier -= .20;
-            }
-            if (name === "vanish") {
-                player_build.defenseMultiplier -= .15;
-            }
-            elem.classList.remove("toggleOn");
-        }else{
-            player_build.damageMultiplier += damageMultipliers.get(name);
-            if (name === "warscream") {
-                player_build.defenseMultiplier += .20;
-            }
-            if (name === "vanish") {
-                player_build.defenseMultiplier += .15;
-            }
-            elem.classList.add("toggleOn");
-        }
-        updatePowderSpecials("skip", false); //jank pt 1
-    } else {
-        for (const [key, value] of damageMultipliers) {
-            let elem = document.getElementById(key + "-boost")
-            if (elem.classList.contains("toggleOn")) {
-                elem.classList.remove("toggleOn");
-                player_build.damageMultiplier -= value;
-                if (key === "warscream") { player_build.defenseMultiplier -= .20 }
-                if (key === "vanish") { player_build.defenseMultiplier -= .15 }
-            }
-        }
-    }
-    if (recalcStats) {
-        calculateBuildStats();
-    }
-}
-
-/* Updates ACTIVE powder special boosts (weapons)
-*/
-function updatePowderSpecials(buttonId, recalcStats) {
-    //console.log(player_build.statMap);
-   
-    let name = (buttonId).split("-")[0];
-    let power = (buttonId).split("-")[1]; // [1, 5]
-    let specialNames = ["Quake", "Chain Lightning", "Curse", "Courage", "Wind Prison"];
-    let powderSpecials = []; // [ [special, power], [special, power]]
-    
-
-    if(name !== "skip"){
-        let elem = document.getElementById(buttonId);
-        if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
-            elem.classList.remove("toggleOn");
-            let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
-            if (special.weaponSpecialEffects.has("Damage Boost")) { 
-                name = name.replace("_", " ");
-                if (name === "Courage" || name === "Curse") { //courage and curse are universal damage boost
-                    player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    //poison?
-                } else if (name === "Wind Prison") {
-                    player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[power-1];
-                }
-            }
-        } else {
-            for (let i = 1;i < 6; i++) { //toggle all pressed buttons of the same powder special off
-                //name is same, power is i
-                if(document.getElementById(name.replace(" ", "_") + "-" + i).classList.contains("toggleOn")) {
-                    document.getElementById(name.replace(" ", "_") + "-" + i).classList.remove("toggleOn");
-                    let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
-                    if (special.weaponSpecialEffects.has("Damage Boost")) { 
-                        name = name.replace("_", " "); //might be redundant
-                        if (name === "Courage" || name === "Curse") { //courage is universal damage boost
-                            //player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
-                            player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                            player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                            player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                        } else if (name === "Wind Prison") {
-                            player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
-                            player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
-                        }
-                    }
-                }
-            }
-            //toggle the pressed button on
-            elem.classList.add("toggleOn"); 
-        }
-    }
-   
-    for (const sName of specialNames) {
-        for (let i = 1;i < 6; i++) {
-            if (document.getElementById(sName.replace(" ","_") + "-" + i).classList.contains("toggleOn")) {
-                let powderSpecial = powderSpecialStats[specialNames.indexOf(sName.replace("_"," "))]; 
-                powderSpecials.push([powderSpecial, i]);
-                break;
-            }   
-        }
-    }
-    
-
-    if (name !== "skip") {
-        let elem = document.getElementById(buttonId);
-        if (elem.classList.contains("toggleOn")) {
-            let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
-            if (special["weaponSpecialEffects"].has("Damage Boost")) { 
-                let name = special["weaponSpecialName"];
-                if (name === "Courage" || name === "Curse") { //courage and curse are is universal damage boost
-                    player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                } else if (name === "Wind Prison") {
-                    player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
-                    player_build.externalStats.get("damageBonus")[4] += special.weaponSpecialEffects.get("Damage Boost")[power-1];
-                }
-            }
-        }
-    }
-
-    if (recalcStats) {
-        calculateBuildStats();
-    }
-    displaysq2PowderSpecials(document.getElementById("powder-special-stats"), powderSpecials, player_build, true); 
-}
-
-
-/* Updates PASSIVE powder special boosts (armors)
-*/
-function updateArmorPowderSpecials(elem_id, recalc_stats) {
-    //we only update the powder special + external stats if the player has a build
-    if (elem_id !== "skip") {
-        if (player_build !== undefined && player_build.weapon !== undefined && player_build.weapon.get("name") !== "No Weapon") {
-            let wynn_elem = elem_id.split("_")[0]; //str, dex, int, def, agi
-
-            //update the label associated w/ the slider 
-            let elem = document.getElementById(elem_id);
-            let label = document.getElementById(elem_id + "_label");
-            let prev_label = document.getElementById(elem_id + "_prev");
-    
-            let value = elem.value;
-    
-            //for use in editing build stats
-            let prev_value = prev_label.value;
-            let value_diff = value - prev_value;
-    
-            //update the "previous" label
-            prev_label.value = value;
-    
-            label.textContent = label.textContent.split(":")[0] + ": " + value;
-            
-            let dmg_id = elem_chars[skp_names.indexOf(wynn_elem)] + "DamPct"; 
-            let new_dmgboost = player_build.externalStats.get(dmg_id) + value_diff;
-            
-            //update build external stats - the second one is the relevant one for damage calc purposes
-            player_build.externalStats.set(dmg_id, new_dmgboost);
-            player_build.externalStats.get("damageBonus")[skp_names.indexOf(wynn_elem)] = new_dmgboost;
-            
-            //update the slider's graphics
-            let bg_color = elem_colors[skp_names.indexOf(wynn_elem)];
-            let pct = Math.round(100 * value / powderSpecialStats[skp_names.indexOf(wynn_elem)].cap);
-            elem.style.background = `linear-gradient(to right, ${bg_color}, ${bg_color} ${pct}%, #AAAAAA ${pct}%, #AAAAAA 100%)`;
-
-        }
-    } else {
-        if (player_build !== undefined) {
-            for (let i = 0; i < skp_names.length; ++i) {
-                skp_name = skp_names[i];
-                skp_char = elem_chars[i];
-                player_build.externalStats.set(skp_char + "DamPct", player_build.externalStats.get(skp_char + "DamPct") - document.getElementById(skp_name+"_boost_armor").value);
-                player_build.externalStats.get("damageBonus")[i] -= document.getElementById(skp_name+"_boost_armor").value;
-            }
-        }
-    }
-    
-
-    if (recalc_stats && player_build) {
-        //calc build stats and display powder special
-        calculateBuildStats();
-        // displaysq2PowderSpecials(document.getElementById("powder-special-stats"), powderSpecials, player_build, true); 
-    }
-
-}
-
-function resetArmorPowderSpecials() {
-    for (const skp of skp_names) {
-        document.getElementById(skp + "_boost_armor").value = 0;
-        document.getElementById(skp + "_boost_armor_prev").value = 0;
-        document.getElementById(skp + "_boost_armor").style.background = `linear-gradient(to right, #AAAAAA, #AAAAAA 0%, #AAAAAA 100%)`;
-        document.getElementById(skp + "_boost_armor_label").textContent = `% ${capitalizeFirst(elem_names[skp_names.indexOf(skp)])} Damage Boost: 0`
-    }
-}
-
-/* Calculates all build statistics and updates the entire display.
-*/
-function calculateBuildStats() {
-    const assigned = player_build.base_skillpoints;
-    const skillpoints = player_build.total_skillpoints;
-    let skp_effects = ["% more damage dealt.","% chance to crit.","% spell cost reduction.","% less damage taken.","% chance to dodge."];
-    for (let i in skp_order){ //big bren
-        setText(skp_order[i] + "-skp-assign", "Assign: " + assigned[i]);
-        setValue(skp_order[i] + "-skp", skillpoints[i]);
-        let linebreak = document.createElement("br");
-        linebreak.classList.add("itemp");
-        document.getElementById(skp_order[i] + "-skp-label");
-        setText(skp_order[i] + "-skp-pct", (skillPointsToPercentage(skillpoints[i])*100).toFixed(1).concat(skp_effects[i]));
-        document.getElementById(skp_order[i]+"-warnings").textContent = ''
-        if (assigned[i] > 100) {
-            let skp_warning = document.createElement("p");
-            skp_warning.classList.add("warning");
-            skp_warning.classList.add("small-text")
-            skp_warning.textContent += "Cannot assign " + assigned[i] + " skillpoints in " + ["Strength","Dexterity","Intelligence","Defense","Agility"][i] + " manually.";
-            document.getElementById(skp_order[i]+"-warnings").textContent = ''
-            document.getElementById(skp_order[i]+"-warnings").appendChild(skp_warning);
-        }
-    }
-
-    let summarybox = document.getElementById("summary-box");
-    summarybox.textContent = "";
-    let skpRow = document.createElement("p");
-
-    let remainingSkp = document.createElement("p");
-    remainingSkp.classList.add("scaled-font");
-    let remainingSkpTitle = document.createElement("b");
-    remainingSkpTitle.textContent = "Assigned " + player_build.assigned_skillpoints + " skillpoints. Remaining skillpoints: ";
-    let remainingSkpContent = document.createElement("b");
-    remainingSkpContent.textContent = "" + (levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints);
-    remainingSkpContent.classList.add(levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints < 0 ? "negative" : "positive");
-
-    remainingSkp.appendChild(remainingSkpTitle);
-    remainingSkp.appendChild(remainingSkpContent);
-
-
-    summarybox.append(skpRow);
-    summarybox.append(remainingSkp);
-    if(player_build.assigned_skillpoints > levelToSkillPoints(player_build.level)){
-        let skpWarning = document.createElement("span");
-        //skpWarning.classList.add("itemp");
-        skpWarning.classList.add("warning");
-        skpWarning.textContent = "WARNING: Too many skillpoints need to be assigned!";
-        let skpCount = document.createElement("p");
-        skpCount.classList.add("warning");
-        skpCount.textContent = "For level " + (player_build.level>101 ? "101+" : player_build.level)  + ", there are only " + levelToSkillPoints(player_build.level) + " skill points available.";
-        summarybox.append(skpWarning);
-        summarybox.append(skpCount);
-    }
-    let lvlWarning;
-    for (const item of player_build.items) {
-        let item_lvl;
-        if (item.get("crafted")) {
-            //item_lvl = item.get("lvlLow") + "-" + item.get("lvl");
-            item_lvl = item.get("lvlLow");
-        }
-        else {
-            item_lvl = item.get("lvl");
-        }
-
-        if (player_build.level < item_lvl) {
-            if (!lvlWarning) {
-                lvlWarning = document.createElement("p");
-                lvlWarning.classList.add("itemp");
-                lvlWarning.classList.add("warning");
-                lvlWarning.textContent = "WARNING: A level " + player_build.level + " player cannot use some piece(s) of this build."
-            }
-            let baditem = document.createElement("p"); 
-                baditem.classList.add("nocolor");
-                baditem.classList.add("itemp"); 
-                baditem.textContent = item.get("displayName") + " requires level " + item.get("lvl") + " to use.";
-                lvlWarning.appendChild(baditem);
-        }
-    }
-    if(lvlWarning){
-        summarybox.append(lvlWarning);
-    }
-    for (const [setName, count] of player_build.activeSetCounts) {
-        const bonus = sets[setName].bonuses[count-1];
-        // console.log(setName);
-        if (bonus["illegal"]) {
-            let setWarning = document.createElement("p");
-            setWarning.classList.add("itemp");
-            setWarning.classList.add("warning");
-            setWarning.textContent = "WARNING: illegal item combination: " + setName
-            summarybox.append(setWarning);
-        }
-    }
-
-    for (let i in player_build.items) {
-        displaysq2ExpandedItem(player_build.items[i], buildFields[i]);
-        collapse_element("#"+equipment_keys[i]+"-tooltip");
-    }
-
-    displaysq2ArmorStats(player_build);
-    displaysq2BuildStats('overall-stats', player_build, build_all_display_commands);
-    displaysq2BuildStats("offensive-stats",player_build, build_offensive_display_commands);
-    displaysq2SetBonuses("set-info",player_build);
-    displaysq2WeaponStats(player_build);
-
-    let meleeStats = player_build.getMeleeStats();
-    displaysq2MeleeDamage(document.getElementById("build-melee-stats"), document.getElementById("build-melee-statsAvg"), meleeStats);
-
-    displaysq2DefenseStats(document.getElementById("defensive-stats"),player_build);
-
-    displaysq2PoisonDamage(document.getElementById("build-poison-stats"),player_build);
-
-    let spells = spell_table[player_build.weapon.get("type")];
-    for (let i = 0; i < 4; ++i) {
-        let parent_elem = document.getElementById("spell"+i+"-info");
-        let overallparent_elem = document.getElementById("spell"+i+"-infoAvg");
-        displaysq2SpellDamage(parent_elem, overallparent_elem, player_build, spells[i], i+1);
-    }
-
-    location.hash = encodeBuild();
-    clear_highlights();
-}
-
-function copyBuild() {
-    if (player_build) {
-        copyTextToClipboard(url_base+location.hash);
-        document.getElementById("copy-button").textContent = "Copied!";
-    }
-}
-
-function shareBuild() {
-    if (player_build) {
-        let text = url_base+location.hash+"\n"+
-            "WynnBuilder build:\n"+
-            "> "+player_build.helmet.get("displayName")+"\n"+
-            "> "+player_build.chestplate.get("displayName")+"\n"+
-            "> "+player_build.leggings.get("displayName")+"\n"+
-            "> "+player_build.boots.get("displayName")+"\n"+
-            "> "+player_build.ring1.get("displayName")+"\n"+
-            "> "+player_build.ring2.get("displayName")+"\n"+
-            "> "+player_build.bracelet.get("displayName")+"\n"+
-            "> "+player_build.necklace.get("displayName")+"\n"+
-            "> "+player_build.weapon.get("displayName")+" ["+player_build.weapon.get("powders").map(x => powderNames.get(x)).join("")+"]";
-        copyTextToClipboard(text);
-        document.getElementById("share-button").textContent = "Copied!";
-    }
-}
-
-function populateBuildList() {
-    const buildList = document.getElementById("build-choice");
-    const savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds"));
-
-    for (const buildName of Object.keys(savedBuilds).sort()) {
-        const buildOption = document.createElement("option");
-        buildOption.setAttribute("value", buildName);
-        buildList.appendChild(buildOption);
-    }
-}
-
-function saveBuild() {
-    if (player_build) {
-        const savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds"));
-        const saveName = document.getElementById("build-name").value;
-        const encodedBuild = encodeBuild();
-        if ((!Object.keys(savedBuilds).includes(saveName)
-                || document.getElementById("saved-error").textContent !== "") && encodedBuild !== "") {
-            savedBuilds[saveName] = encodedBuild.replace("#", "");
-            window.localStorage.setItem("builds", JSON.stringify(savedBuilds));
-
-            document.getElementById("saved-error").textContent = "";
-            document.getElementById("saved-build").textContent = "Build saved locally";
-            
-            const buildList = document.getElementById("build-choice");
-            const buildOption = document.createElement("option");
-            buildOption.setAttribute("value", saveName);
-            buildList.appendChild(buildOption);
-        } else {
-            document.getElementById("saved-build").textContent = "";
-            if (encodedBuild === "") {
-                document.getElementById("saved-error").textContent = "Empty build";
-            }
-            else {
-                document.getElementById("saved-error").textContent = "Exists. Overwrite?";
-            }
-        }
-    }
-}
-
-function loadBuild() {
-    let savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds"));
-    let saveName = document.getElementById("build-name").value;
-
-    if (Object.keys(savedBuilds).includes(saveName)) { 
-        decodeBuild(savedBuilds[saveName])
-        document.getElementById("loaded-error").textContent = "";
-        document.getElementById("loaded-build").textContent = "Build loaded";
-    } else {
-        document.getElementById("loaded-build").textContent = "";
-        document.getElementById("loaded-error").textContent = "Build doesn't exist";
-    }
-}
-
-function resetFields(){
-    for (let i in powderInputs) {
-        setValue(powderInputs[i], "");
-    }
-    for (let i in equipmentInputs) {
-        setValue(equipmentInputs[i], "");
-    }
-    setValue("str-skp", "0");
-    setValue("dex-skp", "0");
-    setValue("int-skp", "0");
-    setValue("def-skp", "0");
-    setValue("agi-skp", "0");
-    setValue("level-choice", "106");
-    location.hash = "";
-    calculateBuild();
-}
-
-function toggleID() {
-    let button = document.getElementById("show-id-button");
-    let targetDiv = document.getElementById("id-edit");
-    if (button.classList.contains("toggleOn")) { //toggle the pressed button off
-        targetDiv.style.display = "none";
-        button.classList.remove("toggleOn");
-    }
-    else {
-        targetDiv.style.display = "block";
-        button.classList.add("toggleOn");
-    }
-}
-
-function toggleButton(button_id) {
-    let button = document.getElementById(button_id);
-    if (button) {
-        if (button.classList.contains("toggleOn")) {
-            button.classList.remove("toggleOn");
-        } else {
-            button.classList.add("toggleOn");
-        }
-    }
-}
-
-function optimizeStrDex() {
-    if (!player_build) {
-        return;
-    }
-    const remaining = levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints;
-    const base_skillpoints = player_build.base_skillpoints;
-    const max_str_boost = 100 - base_skillpoints[0];
-    const max_dex_boost = 100 - base_skillpoints[1];
-    if (Math.min(remaining, max_str_boost, max_dex_boost) < 0) return; // Unwearable
-
-    const base_total_skillpoints = player_build.total_skillpoints;
-    let str_bonus = remaining;
-    let dex_bonus = 0;
-    let best_skillpoints = player_build.total_skillpoints;
-    let best_damage = 0;
-    for (let i = 0; i <= remaining; ++i) {
-        let total_skillpoints = base_total_skillpoints.slice();
-        total_skillpoints[0] += Math.min(max_str_boost, str_bonus);
-        total_skillpoints[1] += Math.min(max_dex_boost, dex_bonus);
-
-        // Calculate total 3rd spell damage
-        let spell = spell_table[player_build.weapon.get("type")][2];
-        const stats = player_build.statMap;
-        let critChance = skillPointsToPercentage(total_skillpoints[1]);
-        let save_damages = [];
-        let spell_parts;
-        if (spell.parts) {
-            spell_parts = spell.parts;
-        }
-        else {
-            spell_parts = spell.variants.DEFAULT;
-            for (const majorID of stats.get("activeMajorIDs")) {
-                if (majorID in spell.variants) {
-                    spell_parts = spell.variants[majorID];
-                    break;
-                }
-            }
-        }
-        let total_damage = 0;
-        for (const part of spell_parts) {
-            if (part.type === "damage") {
-                let _results = calculateSpellDamage(stats, part.conversion,
-                                        stats.get("sdRaw"), stats.get("sdPct") + player_build.externalStats.get("sdPct"), 
-                                        part.multiplier / 100, player_build.weapon, total_skillpoints,
-                                        player_build.damageMultiplier, player_build.externalStats);
-                let totalDamNormal = _results[0];
-                let totalDamCrit = _results[1];
-                let results = _results[2];
-                let tooltipinfo = _results[3];
-                
-                for (let i = 0; i < 6; ++i) {
-                    for (let j in results[i]) {
-                        results[i][j] = results[i][j].toFixed(2);
-                    }
-                }
-                let nonCritAverage = (totalDamNormal[0]+totalDamNormal[1])/2 || 0;
-                let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
-                let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
-
-                save_damages.push(averageDamage);
-                if (part.summary == true) {
-                    total_damage = averageDamage;
-                }
-            } else if (part.type === "total") {
-                total_damage = 0;
-                for (let i in part.factors) {
-                    total_damage += save_damages[i] * part.factors[i];
-                }
-            }
-        }        // END Calculate total 3rd spell damage (total_damage)
-        if (total_damage > best_damage) {
-            best_damage = total_damage;
-            best_skillpoints = total_skillpoints.slice();
-        }
-
-        str_bonus -= 1;
-        dex_bonus += 1;
-        
-    }
-    // TODO: reduce duplicated code, @calculateBuild
-    let skillpoints = player_build.total_skillpoints;
-    let delta_total = 0;
-    for (let i in skp_order) {
-        let manual_assigned = best_skillpoints[i];
-        let delta = manual_assigned - skillpoints[i];
-        skillpoints[i] = manual_assigned;
-        player_build.base_skillpoints[i] += delta;
-        delta_total += delta;
-    }
-    player_build.assigned_skillpoints += delta_total;
-        
-    try {
-        calculateBuildStats();
-        if (player_build.errored)
-            throw new ListError(player_build.errors);
-    }
-    catch (error) {
-        handleBuilderError(error);
-    }
-}
-
-// TODO: Learn and use await
-function init() {
-    console.log("builder.js init");
-    init_autocomplete();
-    decodeBuild(url_tag);
-    for (const i of equipment_keys) {
-        update_field(i);
-    }
-}
-function init2() {
-    load_ing_init(init);
-}
-function init3() {
-    load_tome_init(init2)
-}
-
-
-load_init(init3);
diff --git a/js/sq2display.js b/js/sq2display.js
deleted file mode 100644
index eef0ab9..0000000
--- a/js/sq2display.js
+++ /dev/null
@@ -1,2411 +0,0 @@
-function displaysq2BuildStats(parent_id,build,command_group){
-    // Commands to "script" the creation of nice formatting.
-    // #commands create a new element.
-    // !elemental is some janky hack for elemental damage.
-    // normals just display a thing.
-
-    let display_commands = command_group;
-    //console.log(display_commands);
-    
-    
-    let parent_div = document.getElementById(parent_id);
-    // Clear the parent div.
-    if (parent_div != null) {
-        setHTML(parent_id, "");
-    }
-
-    let stats = build.statMap;
-    //console.log(build.statMap);
-    
-    let active_elem;
-    let elemental_format = false;
-
-    //TODO this is put here for readability, consolidate with definition in build.js
-    let staticIDs = ["hp", "eDef", "tDef", "wDef", "fDef", "aDef"];
-
-    for (const command of display_commands) {
-        // style instructions
-        
-        if (command.charAt(0) === "#") {
-            if (command === "#defense-stats") {
-                displaysq2DefenseStats(parent_div, build, true);
-            }
-        }
-        if (command.charAt(0) === "!") {
-            // TODO: This is sooo incredibly janky.....
-            if (command === "!elemental") {
-                elemental_format = !elemental_format;
-            }
-        }
-
-        // id instruction
-        else {
-            let id = command;
-            if (stats.get(id) || build.externalStats.get(id)) {
-                let style = null;
-
-                // TODO: add pos and neg style
-                if (!staticIDs.includes(id)) {
-                    style = "positive";
-                    if (stats.get(id) < 0) {
-                        style = "negative";
-                    }
-                }
-
-                // ignore
-                let id_val = stats.get(id);
-                if (build.externalStats.has(id)) {
-                    id_val += build.externalStats.get(id);
-                }
-
-                if (reversedIDs.includes(id)) {
-                    style === "positive" ? style = "negative" : style = "positive"; 
-                }
-                if (id === "poison" && id_val > 0) {
-                    id_val = Math.ceil(id_val*build.statMap.get("poisonPct")/100);
-                }
-                displaysq2FixedID(parent_div, id, id_val, elemental_format, style);
-                if (id === "poison" && id_val > 0) {
-                    let row = document.createElement('div');
-                    row.classList.add("row")
-                    let value_elem = document.createElement('div');
-                    value_elem.classList.add('col');
-                    value_elem.classList.add('text-end');
-
-                    let prefix_elem = document.createElement('b');
-                    prefix_elem.textContent = "\u279C With Strength: ";
-                    let number_elem = document.createElement('b');
-                    number_elem.classList.add(style);
-                    number_elem.textContent = (id_val * (1+skillPointsToPercentage(build.total_skillpoints[0])) ).toFixed(0) + idSuffixes[id];
-                    value_elem.append(prefix_elem);
-                    value_elem.append(number_elem);
-                    row.appendChild(value_elem);
-
-                    parent_div.appendChild(row);
-                }
-                
-            // sp thingy
-            } else if (skp_order.includes(id)) {
-                let total_assigned = build.total_skillpoints[skp_order.indexOf(id)];
-                let base_assigned = build.base_skillpoints[skp_order.indexOf(id)];
-                let diff = total_assigned - base_assigned;
-                let style;
-                if (diff > 0) {
-                    style = "positive";
-                } else if (diff < 0) {
-                    style = "negative";
-                }
-                if (diff != 0) {
-                    displaysq2FixedID(parent_div, id, diff, false, style);
-                }
-            }
-        }
-    }
-}
-
-function displaysq2ExpandedItem(item, parent_id){
-    // Commands to "script" the creation of nice formatting.
-    // #commands create a new element.
-    // !elemental is some janky hack for elemental damage.
-    // normals just display a thing.
-    if (item.get("category") === "weapon") {
-        let stats = new Map();
-        stats.set("atkSpd", item.get("atkSpd"));
-        stats.set("damageBonus", [0, 0, 0, 0, 0]);
-
-        //SUPER JANK @HPP PLS FIX
-        let damage_keys = [ "nDam_", "eDam_", "tDam_", "wDam_", "fDam_", "aDam_" ];
-        if (item.get("tier") !== "Crafted") {
-            stats.set("damageRaw", [item.get("nDam"), item.get("eDam"), item.get("tDam"), item.get("wDam"), item.get("fDam"), item.get("aDam")]);
-            let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, item, [0, 0, 0, 0, 0], 1, undefined);
-            let damages = results[2];
-            let total_damage = 0;
-            for (const i in damage_keys) {
-                total_damage += damages[i][0] + damages[i][1];
-                item.set(damage_keys[i], damages[i][0]+"-"+damages[i][1]);
-            }
-            total_damage = total_damage / 2;
-            item.set("basedps", total_damage);
-            
-        } else {
-            stats.set("damageRaw", [item.get("nDamLow"), item.get("eDamLow"), item.get("tDamLow"), item.get("wDamLow"), item.get("fDamLow"), item.get("aDamLow")]);
-            stats.set("damageBases", [item.get("nDamBaseLow"),item.get("eDamBaseLow"),item.get("tDamBaseLow"),item.get("wDamBaseLow"),item.get("fDamBaseLow"),item.get("aDamBaseLow")]);
-            let resultsLow = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, item, [0, 0, 0, 0, 0], 1, undefined);
-            let damagesLow = resultsLow[2];
-            stats.set("damageRaw", [item.get("nDam"), item.get("eDam"), item.get("tDam"), item.get("wDam"), item.get("fDam"), item.get("aDam")]);
-            stats.set("damageBases", [item.get("nDamBaseHigh"),item.get("eDamBaseHigh"),item.get("tDamBaseHigh"),item.get("wDamBaseHigh"),item.get("fDamBaseHigh"),item.get("aDamBaseHigh")]);
-            let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, item, [0, 0, 0, 0, 0], 1, undefined);
-            let damages = results[2];
-            console.log(damages);
-            
-            let total_damage_min = 0;
-            let total_damage_max = 0;
-            for (const i in damage_keys) {
-                total_damage_min += damagesLow[i][0] + damagesLow[i][1];
-                total_damage_max += damages[i][0] + damages[i][1];
-                item.set(damage_keys[i], damagesLow[i][0]+"-"+damagesLow[i][1]+"\u279c"+damages[i][0]+"-"+damages[i][1]);
-            }
-            total_damage_min = total_damage_min / 2;
-            total_damage_max = total_damage_max / 2;
-            item.set("basedps", [total_damage_min, total_damage_max]);
-        }
-    } else if (item.get("category") === "armor") { 
-    }
-
-    let display_commands = sq2_item_display_commands;
-
-    // Clear the parent div.
-    setHTML(parent_id, "");
-    let parent_div = document.getElementById(parent_id);
-    parent_div.classList.add("border", "border-2", "border-dark");
-    
-    let fix_id = item.has("fixID") && item.get("fixID");
-    let elemental_format = false;
-    for (let i = 0; i < display_commands.length; i++) {
-        const command = display_commands[i];
-        if (command.charAt(0) === "!") {
-            // TODO: This is sooo incredibly janky.....
-            if (command === "!elemental") {
-                elemental_format = !elemental_format;
-            }
-            else if (command === "!spacer") {
-                let spacer = document.createElement('div');
-                spacer.classList.add("row", "my-2");
-                parent_div.appendChild(spacer);
-                continue;
-            }
-        }
-        else {
-            let id = command; 
-            if(nonRolledIDs.includes(id)){//nonRolledID & non-0/non-null/non-und ID
-                if (!item.get(id)) {
-                    if (! (item.get("crafted") && skp_order.includes(id) && 
-                            (item.get("maxRolls").get(id) || item.get("minRolls").get(id)))) {
-                        continue;
-                    }
-                }
-                if (id === "slots") {
-                    let p_elem = document.createElement("div");
-                    p_elem.classList.add("col");
-                    
-                    // PROPER POWDER DISPLAYING
-                    let numerals = new Map([[1, "I"], [2, "II"], [3, "III"], [4, "IV"], [5, "V"], [6, "VI"]]);
-
-                    let powderPrefix = document.createElement("b");
-                    powderPrefix.textContent = "Powder Slots: " + item.get(id) + " [";
-                    p_elem.appendChild(powderPrefix);
-                    
-                    let powders = item.get("powders");
-                    for (let i = 0; i < powders.length; i++) {
-                        let powder = document.createElement("b");
-                        powder.textContent = numerals.get((powders[i]%6)+1)+" ";
-                        powder.classList.add(damageClasses[Math.floor(powders[i]/6)+1]+"_powder");
-                        p_elem.appendChild(powder);
-                    }
-
-                    let powderSuffix = document.createElement("b");
-                    powderSuffix.textContent = "]";
-                    p_elem.appendChild(powderSuffix);
-                    parent_div.appendChild(p_elem);
-                } else if (id === "set") {
-                    if (item.get("hideSet")) { continue; }
-
-                    let p_elem = document.createElement("div");
-                    p_elem.classList.add("col");
-                    p_elem.textContent = "Set: " + item.get(id).toString();
-                    parent_div.appendChild(p_elem);
-                } else if (id === "majorIds") {
-                    //console.log(item.get(id));
-                    for (let majorID of item.get(id)) {
-                        let p_elem = document.createElement("div");
-                        p_elem.classList.add("col");
-
-                        let title_elem = document.createElement("b");
-                        let b_elem = document.createElement("b");
-                        if (majorID.includes(":")) {   
-                            let name = majorID.substring(0, majorID.indexOf(":")+1);
-                            let mid = majorID.substring(majorID.indexOf(":")+1);
-                            if (name.charAt(0) !== "+") {name = "+" + name}
-                            title_elem.classList.add("Legendary");
-                            title_elem.textContent = name;
-                            b_elem.classList.add("Crafted");
-                            b_elem.textContent = mid;
-                            p_elem.appendChild(title_elem);
-                            p_elem.appendChild(b_elem);
-                        } else {
-                            let name = item.get(id).toString()
-                            if (name.charAt(0) !== "+") {name = "+" + name}
-                            b_elem.classList.add("Legendary");
-                            b_elem.textContent = name;
-                            p_elem.appendChild(b_elem);
-                        }
-                        parent_div.appendChild(p_elem);
-                    }
-                } else if (id === "lvl" && item.get("tier") === "Crafted") {
-                    let p_elem = document.createElement("div");
-                    p_elem.classList.add("col");
-                    p_elem.textContent = "Combat Level Min: " + item.get("lvlLow") + "-" + item.get(id);
-                    parent_div.appendChild(p_elem);
-                } else if (id === "displayName") {
-                    let row = document.createElement("div");
-
-                    let a_elem = document.createElement("a");
-                    row.classList.add("row", "justify-content-center");
-                    a_elem.classList.add("col-auto", "text-center", "item-title", "p-0");
-                    a_elem.classList.add(item.has("tier") ? item.get("tier").replace(" ","") : "Normal");
-                    // a_elem.style.textGrow = 1;
-                    
-                    row.appendChild(a_elem);
-
-                    /* 
-                    FUNCTIONALITY FOR THIS FEATURE HAS SINCE BEEN REMOVED (WITH SQ2).
-                    IF WE WANT TO USE IT IN THE FUTURE, I'VE LEFT THE CODE TO ADD IT IN HERE
-                    */
-
-                    //allow the plus minus element to toggle upon click: ➕➖
-                    // let plusminus = document.createElement("div");
-                    // plusminus.id = parent_div.id.split("-")[0] + "-pm";
-                    // plusminus.classList.add("col", "plus_minus", "text_end");
-                    // plusminus.style.flexGrow = 0;
-                    // plusminus.textContent = "\u2795";
-                    // row.appendChild(plusminus);
-
-                    if (item.get("custom")) {
-                        a_elem.href = "../custom/#" + item.get("hash");
-                        a_elem.textContent = item.get("displayName");
-                    } else if (item.get("crafted")) {
-                        a_elem.href = "../crafter/#" + item.get("hash");
-                        a_elem.textContent = item.get(id);
-                    } else {
-                        a_elem.href = "../item/#" + item.get("displayName");
-                        a_elem.textContent = item.get("displayName");
-                    }
-                    parent_div.appendChild(row);
-
-                    let nolink_row = document.createElement("div");
-                    let p_elem = document.createElement("p");
-                    nolink_row.classList.add("row", "justify-content-center");
-                    nolink_row.style.display = "none";
-                    p_elem.classList.add("col-auto", "text-center", "item-title", "p-0");
-                    p_elem.classList.add(item.has("tier") ? item.get("tier").replace(" ","") : "Normal");
-                    if (item.get("custom")) {
-                        p_elem.textContent = item.get("displayName");
-                    } else if (item.get("crafted")) {
-                        p_elem.textContent = item.get(id);
-                    } else {
-                        p_elem.textContent = item.get("displayName");
-                    }
-                    
-                    nolink_row.appendChild(p_elem);
-                    parent_div.appendChild(nolink_row);
-
-                    let img = document.createElement("img");
-                    if (item && item.has("type")) {
-                        img.src = "../media/items/" + (newIcons ? "new/":"old/") + "generic-" + item.get("type") + ".png";
-                        img.alt = item.get("type");
-                        img.style = " z=index: 1; position: relative;";
-                        let container = document.createElement("div");
-                        
-                        let bckgrd = document.createElement("div");
-                        bckgrd.classList.add("col", "px-0", "d-flex", "align-items-center", "justify-content-center");// , "no-collapse");
-                        bckgrd.style = "border-radius: 50%;background-image: radial-gradient(closest-side, " + colorMap.get(item.get("tier")) + " 20%," + "hsl(0, 0%, 16%) 80%); margin-left: auto; margin-right: auto;"
-                        bckgrd.classList.add("scaled-bckgrd");
-                        parent_div.appendChild(container);
-                        container.appendChild(bckgrd);
-                        bckgrd.appendChild(img);
-                    }
-                } else {
-                    let p_elem;
-                    if ( !(item.get("tier") === "Crafted" && item.get("category") === "armor" && id === "hp") && (!skp_order.includes(id)) || (skp_order.includes(id) && item.get("tier") !== "Crafted" && parent_div.nodeName === "table") ) { //skp warp
-                        p_elem = displaysq2FixedID(parent_div, id, item.get(id), elemental_format);
-                    } else if (item.get("tier") === "Crafted" && item.get("category") === "armor" && id === "hp") {
-                        p_elem = displaysq2FixedID(parent_div, id, item.get(id+"Low")+"-"+item.get(id), elemental_format);
-                    }
-                    if (id === "lore") {
-                        p_elem.style = "font-style: italic";
-                    } else if (skp_order.includes(id)) { //id = str, dex, int, def, or agi
-                        if ( item.get("tier") !== "Crafted") {
-                            row = document.createElement("div");
-                            row.classList.add("col");
-                            
-                            let title = document.createElement("b");
-                            title.textContent = idPrefixes[id] + " ";
-                            let boost = document.createElement("b");
-                            if (item.get(id) < 0) {
-                                boost.classList.add("negative");
-                            } else { //boost = 0 SHOULD not come up
-                                boost.classList.add("positive");
-                            }
-                            boost.textContent = item.get(id);
-                            row.appendChild(title);
-                            row.appendChild(boost);
-                            parent_div.appendChild(row);
-                        } else if ( item.get("tier") === "Crafted") {
-                            let row = displaysq2RolledID(item, id, elemental_format);
-                            parent_div.appendChild(row);
-                        }
-                    } else if (id === "restrict") {
-                        p_elem.classList.add("restrict");
-                    }
-                }
-            }
-            else if ( rolledIDs.includes(id) &&
-                        ((item.get("maxRolls") && item.get("maxRolls").get(id))
-                        || (item.get("minRolls") && item.get("minRolls").get(id)))) {
-                let style = "positive";
-                if (item.get("minRolls").get(id) < 0) {
-                    style = "negative";
-                }
-                if(reversedIDs.includes(id)){
-                    style === "positive" ? style = "negative" : style = "positive"; 
-                }
-                if (fix_id) {
-                    p_elem = document.createElement("div");
-                    p_elem.classList.add("col", "text-nowrap");
-                    if (id == "dex") {
-                        console.log("dex activated at fix_id")
-                    }
-                    displaysq2FixedID(p_elem, id, item.get("minRolls").get(id), elemental_format, style);
-                    parent_div.appendChild(p_elem);
-                }
-                else {
-                    let row = displaysq2RolledID(item, id, elemental_format);
-                    parent_div.appendChild(row);
-                }
-            }else{
-              // :/  
-            }
-        }
-    }
-    //Show powder specials ;-;
-    let nonConsumables = ["relik", "wand", "bow", "spear", "dagger", "chestplate", "helmet", "leggings", "boots", "ring", "bracelet", "necklace"];
-    if(nonConsumables.includes(item.get("type"))) {
-        let powder_special = document.createElement("div");
-        powder_special.classList.add("col");
-        let powders = item.get("powders");
-        let element = "";
-        let power = 0;
-        for (let i = 0; i < powders.length; i++) {
-            let firstPowderType = skp_elements[Math.floor(powders[i]/6)];
-            if (element !== "") break;
-            else if (powders[i]%6 > 2) { //t4+
-                for (let j = i+1; j < powders.length; j++) {
-                    let currentPowderType = skp_elements[Math.floor(powders[j]/6)]
-                    if (powders[j] % 6 > 2 && firstPowderType === currentPowderType) {
-                        element = currentPowderType;
-                        power = Math.round(((powders[i] % 6 + powders[j] % 6 + 2) / 2 - 4) * 2);
-                        break;
-                    }
-                }
-            }
-        }
-        if (element !== "") {//powder special is "[e,t,w,f,a]+[0,1,2,3,4]"
-            let powderSpecial = powderSpecialStats[ skp_elements.indexOf(element)];
-            let specialSuffixes = new Map([ ["Duration", " sec"], ["Radius", " blocks"], ["Chains", ""], ["Damage", "%"], ["Damage Boost", "%"], ["Knockback", " blocks"] ]);
-            let specialTitle = document.createElement("span");
-            let specialEffects = document.createElement("span");
-            addClasses(specialTitle, [damageClasses[skp_elements.indexOf(element) + 1]]);
-            let effects;
-            if (item.get("category") === "weapon") {//weapon
-                effects = powderSpecial["weaponSpecialEffects"];
-                specialTitle.textContent = powderSpecial["weaponSpecialName"];
-            }else if (item.get("category") === "armor") {//armor
-                effects = powderSpecial["armorSpecialEffects"];
-                specialTitle.textContent += powderSpecial["armorSpecialName"] + ": ";
-            }
-            for (const [key,value] of effects.entries()) {
-                if (key !== "Description") {
-                    let effect = document.createElement("p");
-                    effect.classList.add("m-0");
-                    effect.textContent = key + ": " + value[power] + specialSuffixes.get(key);
-                    if(key === "Damage"){
-                        effect.textContent += elementIcons[skp_elements.indexOf(element)];
-                    }
-                    if (element === "w" && item.get("category") === "armor") {
-                        effect.textContent += " / Mana Used";
-                    }
-                    specialEffects.appendChild(effect);
-                }else{
-                    specialTitle.textContent += "[ " + effects.get("Description") + " ]"; 
-                }
-            }
-            powder_special.appendChild(specialTitle);
-            powder_special.appendChild(specialEffects);
-            parent_div.appendChild(powder_special);
-        }
-    }
-    
-    if(item.get("tier") && item.get("tier") === "Crafted") {
-        let dura_elem = document.createElement("div");
-        dura_elem.classList.add("col");
-        let dura = [];
-        let suffix = "";
-        if(nonConsumables.includes(item.get("type"))) {
-            dura = item.get("durability");
-            dura_elem.textContent = "Durability: "
-        } else {
-            dura = item.get("duration");
-            dura_elem.textContent = "Duration: "
-            suffix = " sec."
-            let charges = document.createElement("b");
-            charges.textContent = "Charges: " + item.get("charges");
-            parent_div.appendChild(charges);
-        }
-
-        if (typeof(dura) === "string") {
-            dura_elem.textContent += dura + suffix;
-        } else {
-            dura_elem.textContent += dura[0]+"-"+dura[1] + suffix;
-        }
-        parent_div.append(dura_elem);
-
-    }
-    //Show item tier
-    if (item.get("tier") && item.get("tier") !== " ") {
-        let item_desc_elem = document.createElement("div");
-        item_desc_elem.classList.add("col");
-        item_desc_elem.classList.add(item.get("tier"));
-        if (tome_types.includes(item.get("type"))) {
-            tome_type_map = new Map([["weaponTome", "Weapon Tome"],["armorTome", "Armor Tome"],["guildTome", "Guild Tome"]]);
-            item_desc_elem.textContent = item.get("tier")+" "+tome_type_map.get(item.get("type"));
-        } else {
-            item_desc_elem.textContent = item.get("tier")+" "+item.get("type");
-        }
-        parent_div.append(item_desc_elem);
-    }
-
-    //Show item hash if applicable
-    if (item.get("crafted") || item.get("custom")) {
-        let item_desc_elem = document.createElement("p");
-        item_desc_elem.classList.add('itemp');
-        item_desc_elem.style.maxWidth = "100%";
-        item_desc_elem.style.wordWrap = "break-word";
-        item_desc_elem.style.wordBreak = "break-word";
-        item_desc_elem.textContent = item.get("hash");
-        parent_div.append(item_desc_elem);
-    }
-
-    if (item.get("category") === "weapon") { 
-        let damage_mult = baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))];
-        let total_damages = item.get("basedps");
-        let base_dps_elem = document.createElement("p");
-        base_dps_elem.classList.add("left");
-        base_dps_elem.classList.add("itemp");
-        if (item.get("tier") === "Crafted") {
-            let base_dps_min = total_damages[0] * damage_mult;
-            let base_dps_max = total_damages[1] * damage_mult;
-
-        //    base_dps_elem.textContent = "Base DPS: "+base_dps_min.toFixed(3)+"\u279c"+base_dps_max.toFixed(3);
-           base_dps_elem.textContent = base_dps_min.toFixed(3)+"\u279c"+base_dps_max.toFixed(3);
-        }
-        else {
-            let bdps = total_damages * damage_mult;
-            base_dps_elem.textContent = (bdps ? bdps : 0);
-        }
-        parent_div.appendChild(document.createElement("p"));
-        parent_div.appendChild(base_dps_elem);
-    }
-}
-
-function displaysq2RolledID(item, id, elemental_format) {
-    let row = document.createElement('div');
-    row.classList.add('col');
-
-    let item_div = document.createElement('div');
-    item_div.classList.add('row');
-
-    let min_elem = document.createElement('div');
-    min_elem.classList.add('col', 'text-start');
-    min_elem.style.cssText += "flex-grow: 0";
-    let id_min = item.get("minRolls").get(id)
-    let style = id_min < 0 ? "negative" : "positive";
-    if(reversedIDs.includes(id)){
-        style === "positive" ? style = "negative" : style = "positive"; 
-    }
-    min_elem.classList.add(style);
-    min_elem.textContent = id_min + idSuffixes[id];
-    item_div.appendChild(min_elem);
-
-    let desc_elem = document.createElement('div');
-    desc_elem.classList.add('col', 'text-center');//, 'text-nowrap');
-    desc_elem.style.cssText += "flex-grow: 1";
-    //TODO elemental format jank
-    if (elemental_format) {
-        apply_sq2_elemental_format(desc_elem, id);
-    }
-    else {
-        desc_elem.textContent = idPrefixes[id];
-    }
-    item_div.appendChild(desc_elem);
-
-    let max_elem = document.createElement('div');
-    let id_max = item.get("maxRolls").get(id)
-    max_elem.classList.add('col', 'text-end');
-    max_elem.style.cssText += "flex-grow: 0";
-    style = id_max < 0 ? "negative" : "positive";
-    if (reversedIDs.includes(id)) {
-        style === "positive" ? style = "negative" : style = "positive"; 
-    }
-    max_elem.classList.add(style);
-    max_elem.textContent = id_max + idSuffixes[id];
-    item_div.appendChild(max_elem);
-    row.appendChild(item_div);
-    return row;
-}
-
-function displaysq2WeaponStats(build) {
-    // let base_damage = build.get('damageRaw');
-    let damage_keys = [ "nDam", "eDam", "tDam", "wDam", "fDam", "aDam" ];
-
-    // pP base calc (why do i still use pP)
-    let item = build.weapon;
-    let stats = new Map();
-    stats.set("atkSpd", item.get("atkSpd"));
-    stats.set("damageBonus", [0, 0, 0, 0, 0]);
-    stats.set("damageRaw", [item.get("nDam"), item.get("eDam"), item.get("tDam"), item.get("wDam"), item.get("fDam"), item.get("aDam")]);
-    
-    //needed for damage calc CR powders
-    if (build.weapon.get("tier") === "Crafted") {
-        stats.set("damageBases", [item.get("nDamBaseHigh"), item.get("eDamBaseHigh"), item.get("tDamBaseHigh"), item.get("wDamBaseHigh"), item.get("fDamBaseHigh"), item.get("aDamBaseHigh")]);
-    }
-
-    let results = calculateSpellDamage(stats, [100, 0, 0, 0, 0, 0], 0, 0, 0, build.weapon, [0, 0, 0, 0, 0], 1, undefined);
-    let powdered_base = results[2];
-
-    const powdered_map = new Map();
-    powdered_map.set('nDam', powdered_base[0][0]+'-'+powdered_base[0][1]);
-    powdered_map.set('eDam', powdered_base[1][0]+'-'+powdered_base[1][1]);
-    powdered_map.set('tDam', powdered_base[2][0]+'-'+powdered_base[2][1]);
-    powdered_map.set('wDam', powdered_base[3][0]+'-'+powdered_base[3][1]);
-    powdered_map.set('fDam', powdered_base[4][0]+'-'+powdered_base[4][1]);
-    powdered_map.set('aDam', powdered_base[5][0]+'-'+powdered_base[5][1]);
-
-    // display
-
-    //I think this is res's code? in any case it doesn't work - ferri
-    /* for (const i in damage_keys) {
-        document.getElementById(damage_keys[i]+"-base").textContent = powdered_map.get(damage_keys[i]);
-    } */ 
-
-    let tot = 0;
-    //sum up elemental damages to get sum of base dps's
-    for (let i = 0; i < 6; i++) {
-        tot += powdered_base[i][0] + powdered_base[i][1];
-    }
-    tot /= 2;
-    let dps = Math.max(0, Math.round(tot * baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))] )); //atkspeeds
-
-    // document.getElementById("weapon-dps").textContent = "base dps: " + (isNaN(dps) ? 0 : dps); 
-    document.getElementById("weapon-dps").textContent = (isNaN(dps) ? 0 : dps);
-    document.getElementById("weapon-lv").textContent = item.get("lvl"); 
-
-    if (item.get("type")) {
-        document.getElementById("weapon-img").src = "../media/items/" + (newIcons ? "new/":"old/") + "generic-" + item.get("type") + ".png";
-    }
-}
-
-function displaysq2FixedID(active, id, value, elemental_format, style) {
-    if (style) {
-        let row = document.createElement('div');
-        row.classList.add("row");
-        let desc_elem = document.createElement('div');
-        desc_elem.classList.add('col');
-        desc_elem.classList.add('text-start');
-
-        if (elemental_format) {
-            apply_sq2_elemental_format(desc_elem, id);
-        }
-        else {
-            desc_elem.textContent = idPrefixes[id];
-        }
-        row.appendChild(desc_elem);
-
-        let value_elem = document.createElement('div');
-        value_elem.classList.add('col');
-        value_elem.classList.add('text-end');
-        value_elem.classList.add(style);
-        value_elem.textContent = value + idSuffixes[id];
-        row.appendChild(value_elem);
-        active.appendChild(row);
-        return row;
-    }
-    else {
-        // HACK TO AVOID DISPLAYING ZERO DAMAGE! TODO
-        if (value === "0-0" || value === "0-0\u279c0-0") {
-            return;
-        }
-        let p_elem = document.createElement('div');
-        p_elem.classList.add('col');
-        if (elemental_format) {
-            apply_sq2_elemental_format(p_elem, id, value);
-        }
-        else {
-            p_elem.textContent = idPrefixes[id].concat(value, idSuffixes[id]);
-        }
-        active.appendChild(p_elem);
-        return p_elem;
-    }
-}
-
-function displaysq2PoisonDamage(overallparent_elem, build) {
-    overallparent_elem.textContent = "";
-
-    //Title
-    let title_elemavg = document.createElement("b");
-    title_elemavg.textContent = "Poison Stats";
-    overallparent_elem.append(title_elemavg);
-
-    let overallpoisonDamage = document.createElement("p");
-    let overallpoisonDamageFirst = document.createElement("span");
-    let overallpoisonDamageSecond = document.createElement("span");
-    let poison_tick = Math.ceil(build.statMap.get("poison") * (1+skillPointsToPercentage(build.total_skillpoints[0])) * (build.statMap.get("poisonPct") + build.externalStats.get("poisonPct"))/100 /3);
-    overallpoisonDamageFirst.textContent = "Poison Tick: ";
-    overallpoisonDamageSecond.textContent = Math.max(poison_tick,0);
-    overallpoisonDamageSecond.classList.add("Damage");
-
-    overallpoisonDamage.appendChild(overallpoisonDamageFirst);
-    overallpoisonDamage.appendChild(overallpoisonDamageSecond);
-    overallparent_elem.append(overallpoisonDamage);
-}
-
-function displaysq2MeleeDamage(parent_elem, overallparent_elem, meleeStats){
-    // console.log("Melee Stats");
-    // console.log(meleeStats);
-    let tooltipinfo = meleeStats[13];
-    let attackSpeeds = ["Super Slow", "Very Slow", "Slow", "Normal", "Fast", "Very Fast", "Super Fast"];
-    //let damagePrefixes = ["Neutral Damage: ","Earth Damage: ","Thunder Damage: ","Water Damage: ","Fire Damage: ","Air Damage: "];
-    parent_elem.textContent = "";
-    overallparent_elem.textContent = "";
-    const stats = meleeStats.slice();
-    
-    for (let i = 0; i < 6; ++i) {
-        for (let j in stats[i]) {
-            stats[i][j] = stats[i][j].toFixed(2);
-        }
-    }
-    for (let i = 6; i < 8; ++i) {
-        for (let j = 0; j < 2; j++) {
-            stats[i][j] = stats[i][j].toFixed(2);
-        }
-    }
-    for (let i = 8; i < 11; ++i){
-        stats[i] = stats[i].toFixed(2);
-    }
-    //tooltipelem, tooltiptext
-    let tooltip; let tooltiptext;
-    
-    //title
-    let title_elem = document.createElement("p");
-    title_elem.classList.add("title");
-    title_elem.textContent = "Melee Stats";
-    parent_elem.append(title_elem);
-    parent_elem.append(document.createElement("br"));
-
-    //overall title
-    let title_elemavg = document.createElement("b");
-    title_elemavg.textContent = "Melee Stats";
-    overallparent_elem.append(title_elemavg);
-    
-    //average DPS
-    let averageDamage = document.createElement("p");
-    averageDamage.classList.add("left");
-    averageDamage.textContent = "Average DPS: " + stats[10];
-    tooltiptext = `= ((${stats[8]} * ${(stats[6][2]).toFixed(2)}) + (${stats[9]} * ${(stats[7][2]).toFixed(2)}))`
-    tooltip = createTooltip(tooltip, "p", tooltiptext, averageDamage, ["melee-tooltip"]);
-    averageDamage.appendChild(tooltip);
-    parent_elem.append(averageDamage);
-
-    //overall average DPS
-    let overallaverageDamage = document.createElement("p");
-    let overallaverageDamageFirst = document.createElement("span");
-    overallaverageDamageFirst.textContent = "Average DPS: "
-
-    let overallaverageDamageSecond = document.createElement("span");
-    overallaverageDamageSecond.classList.add("Damage");
-    overallaverageDamageSecond.textContent = stats[10];
-    overallaverageDamage.appendChild(overallaverageDamageFirst);
-    overallaverageDamage.appendChild(overallaverageDamageSecond);
-
-    overallparent_elem.append(overallaverageDamage);
-    //overallparent_elem.append(document.createElement("br"));
-
-    //attack speed
-    let atkSpd = document.createElement("p");
-    atkSpd.classList.add("left");
-    atkSpd.textContent = "Attack Speed: " + attackSpeeds[stats[11]];
-    parent_elem.append(atkSpd);
-    parent_elem.append(document.createElement("br"));
-
-    //overall attack speed
-    let overallatkSpd = document.createElement("p");
-    let overallatkSpdFirst = document.createElement("span");
-    overallatkSpdFirst.textContent = "Attack Speed: ";
-    let overallatkSpdSecond = document.createElement("span");
-    overallatkSpdSecond.classList.add("Damage");
-    overallatkSpdSecond.textContent =  attackSpeeds[stats[11]];
-    overallatkSpd.appendChild(overallatkSpdFirst);
-    overallatkSpd.appendChild(overallatkSpdSecond);
-    overallparent_elem.append(overallatkSpd);
-
-    //Non-Crit: n->elem, total dmg, DPS
-    let nonCritStats = document.createElement("p");
-    nonCritStats.classList.add("left");
-    nonCritStats.textContent = "Non-Crit Stats: ";
-    nonCritStats.append(document.createElement("br"));
-    for (let i = 0; i < 6; i++){
-        if(stats[i][1] != 0){
-            let dmg = document.createElement("p");
-            dmg.textContent = stats[i][0] + " \u2013 " + stats[i][1];
-            dmg.classList.add(damageClasses[i]);
-            dmg.classList.add("itemp");
-            tooltiptext = tooltipinfo.get("damageformulas")[i].slice(0,2).join("\n");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, dmg, ["melee-tooltip"]);
-            nonCritStats.append(dmg);
-        }
-    }
-
-    let normalDamage = document.createElement("p");
-    normalDamage.textContent = "Total: " + stats[6][0] + " \u2013 " + stats[6][1];
-    let tooltiparr = ["Min: = ", "Max: = "]
-    let arr = []; let arr2 = [];
-    for (let i = 0; i < 6; i++) {
-        if (stats[i][0] != 0) {
-            arr.push(stats[i][0]);
-            arr2.push(stats[i][1]);
-        }
-    }
-    tooltiptext = tooltiparr[0] + arr.join(" + ") + "\n" + tooltiparr[1] + arr2.join(" + ");
-    tooltip = createTooltip(tooltip, "p", tooltiptext, normalDamage, ["melee-tooltip"]);
-    nonCritStats.append(normalDamage);
-
-    let normalDPS = document.createElement("p");
-    normalDPS.textContent = "Normal DPS: " + stats[8];
-    normalDPS.classList.add("tooltip");
-    tooltiptext = ` = ((${stats[6][0]} + ${stats[6][1]}) / 2) * ${baseDamageMultiplier[stats[11]]}`;
-    tooltip = createTooltip(tooltip, "p", tooltiptext, normalDPS, ["melee-tooltip"]);
-    nonCritStats.append(normalDPS);
-
-    //overall average DPS
-    let singleHitDamage = document.createElement("p");
-    let singleHitDamageFirst = document.createElement("span");
-    singleHitDamageFirst.textContent = "Single Hit Average: ";
-    let singleHitDamageSecond = document.createElement("span");
-    singleHitDamageSecond.classList.add("Damage");
-    singleHitDamageSecond.textContent = stats[12].toFixed(2);
-    tooltiptext = ` = ((${stats[6][0]} + ${stats[6][1]}) / 2) * ${stats[6][2].toFixed(2)} + ((${stats[7][0]} + ${stats[7][1]}) / 2) * ${stats[7][2].toFixed(2)}`;
-    // tooltip = createTooltip(tooltip, "p", tooltiptext, singleHitDamage, ["melee-tooltip", "summary-tooltip"]);
-
-    singleHitDamage.appendChild(singleHitDamageFirst);
-    singleHitDamage.appendChild(singleHitDamageSecond);
-    overallparent_elem.append(singleHitDamage);
-    
-    let normalChance = document.createElement("p");
-    normalChance.textContent = "Non-Crit Chance: " + (stats[6][2]*100).toFixed(2) + "%"; 
-    normalChance.append(document.createElement("br"));
-    normalChance.append(document.createElement("br"));
-    nonCritStats.append(normalChance);
-
-    parent_elem.append(nonCritStats);
-    parent_elem.append(document.createElement("br"));
-
-    //Crit: n->elem, total dmg, DPS
-    let critStats = document.createElement("p");
-    critStats.classList.add("left");
-    critStats.textContent = "Crit Stats: ";
-    critStats.append(document.createElement("br"));
-    for (let i = 0; i < 6; i++){
-        if(stats[i][3] != 0) {
-            dmg = document.createElement("p");
-            dmg.textContent = stats[i][2] + " \u2013 " + stats[i][3];
-            dmg.classList.add(damageClasses[i]);
-            dmg.classList.add("itemp");
-            tooltiptext = tooltipinfo.get("damageformulas")[i].slice(2,4).join("\n");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, dmg, ["melee-tooltip"]);
-            critStats.append(dmg);
-        }
-    }
-    let critDamage = document.createElement("p");
-    critDamage.textContent = "Total: " + stats[7][0] + " \u2013 " + stats[7][1];
-    tooltiparr = ["Min: = ", "Max: = "]
-    arr = []; arr2 = [];
-    for (let i = 0; i < 6; i++) {
-        if (stats[i][0] != 0) {
-            arr.push(stats[i][2]);
-            arr2.push(stats[i][3]);
-        }
-    }
-    tooltiptext = tooltiparr[0] + arr.join(" + ") + "\n" + tooltiparr[1] + arr2.join(" + ");
-    tooltip = createTooltip(tooltip, "p", tooltiptext, critDamage, ["melee-tooltip"]);
-    
-    critStats.append(critDamage);
-
-    let critDPS = document.createElement("p");
-    critDPS.textContent = "Crit DPS: " + stats[9];
-    tooltiptext = ` = ((${stats[7][0]} + ${stats[7][1]}) / 2) * ${baseDamageMultiplier[stats[11]]}`;
-    tooltip = createTooltip(tooltip, "p", tooltiptext, critDPS, ["melee-tooltip"]);
-    critStats.append(critDPS);
-
-    let critChance = document.createElement("p");
-    critChance.textContent = "Crit Chance: " + (stats[7][2]*100).toFixed(2) + "%";
-    critChance.append(document.createElement("br"));
-    critChance.append(document.createElement("br"));
-    critStats.append(critChance);
-
-    parent_elem.append(critStats);
-}
-
-function displaysq2ArmorStats(build) {
-    let armor_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace'];
-
-    for (const i in armor_keys) {
-        document.getElementById(armor_keys[i]+'-health').textContent = build[armor_keys[i]].get('hp');
-        document.getElementById(armor_keys[i]+'-lv').textContent = build[armor_keys[i]].get('lvl');
-    }
-}
-
-function displaysq2DefenseStats(parent_elem, build, insertSummary){
-    let defenseStats = build.getDefenseStats();
-    insertSummary = (typeof insertSummary !== 'undefined') ? insertSummary : false;
-    if (!insertSummary) {
-        parent_elem.textContent = "";
-    }
-    const stats = defenseStats.slice();    
-
-    // parent_elem.append(document.createElement("br"));
-    let statsTable = document.createElement("div");
-
-    //[total hp, ehp, total hpr, ehpr, [def%, agi%], [edef,tdef,wdef,fdef,adef]]
-    for(const i in stats){
-        if(typeof stats[i] === "number"){
-            stats[i] = stats[i].toFixed(2);
-        }else{
-            for(const j in stats[i]){
-                stats[i][j] = stats[i][j].toFixed(2);
-            }
-        }
-    }
-    
-    //total HP
-    let hpRow = document.createElement("div");
-    hpRow.classList.add('row');
-    let hp = document.createElement("div");
-    hp.classList.add('col');
-    hp.classList.add("Health");
-    hp.classList.add("text-start");
-    hp.textContent = "Total HP:";  
-    let boost = document.createElement("div");
-    boost.classList.add('col');
-    boost.textContent = stats[0];
-    boost.classList.add("text-end");
-    
-    hpRow.appendChild(hp);
-    hpRow.append(boost);
-
-    if (insertSummary) {
-        parent_elem.appendChild(hpRow);
-    } else {
-        statsTable.appendChild(hpRow);
-    }
-
-    let tooltip; let tooltiptext;
-
-    let defMult = build.statMap.get("defMult");
-    if (!defMult) {defMult = 1}
-
-    //EHP
-    let ehpRow = document.createElement("div");
-    ehpRow.classList.add("row");
-    let ehp = document.createElement("div");
-    ehp.classList.add("col");
-    ehp.classList.add("text-start");
-    ehp.textContent = "Effective HP:";
-
-    boost = document.createElement("div");
-    boost.textContent = stats[1][0];
-    boost.classList.add("col");
-    boost.classList.add("text-end");
-    tooltiptext = `= ${stats[0]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (1 - ${skillPointsToPercentage(build.total_skillpoints[4]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
-    // tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
-    ehpRow.appendChild(ehp);
-    ehpRow.append(boost);
-
-    if (insertSummary) {
-        parent_elem.appendChild(ehpRow)
-    } else {
-        statsTable.append(ehpRow);
-    }
-
-    ehpRow = document.createElement("div");
-    ehpRow.classList.add("row");
-    ehp = document.createElement("div");
-    ehp.classList.add("col");
-    ehp.classList.add("text-start");
-    ehp.textContent = "Effective HP (no agi):";
-
-    boost = document.createElement("div");
-    boost.textContent = stats[1][1];
-    boost.classList.add("col");
-    boost.classList.add("text-end");
-    tooltiptext = `= ${stats[0]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
-    // tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
-    ehpRow.appendChild(ehp);
-    ehpRow.append(boost);
-    statsTable.append(ehpRow);
-
-    //total HPR
-    let hprRow = document.createElement("div");
-    hprRow.classList.add("row")
-    let hpr = document.createElement("div");
-    hpr.classList.add("Health");
-    hpr.classList.add("col");
-    hpr.classList.add("text-start");
-    hpr.textContent = "HP Regen (Total):";
-    boost = document.createElement("div");
-    boost.textContent = stats[2];
-    boost.classList.add("col");
-    boost.classList.add("text-end");
-
-    hprRow.appendChild(hpr);
-    hprRow.appendChild(boost);
-
-    if (insertSummary) {
-        parent_elem.appendChild(hprRow);
-    } else {
-        statsTable.appendChild(hprRow);
-    }
-
-    //EHPR
-    let ehprRow = document.createElement("div");
-    ehprRow.classList.add("row")
-    let ehpr = document.createElement("div");
-    ehpr.classList.add("col");
-    ehpr.classList.add("text-start");
-    ehpr.textContent = "Effective HP Regen:";
-
-    boost = document.createElement("div");
-    boost.textContent = stats[3][0];
-    boost.classList.add("col");
-    boost.classList.add("text-end");
-    tooltiptext = `= ${stats[2]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (1 - ${skillPointsToPercentage(build.total_skillpoints[4]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
-    // tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
-    ehprRow.appendChild(ehpr);
-    ehprRow.append(boost);
-    statsTable.append(ehprRow);
-    /*
-    ehprRow = document.createElement("tr");
-    ehpr = document.createElement("td");
-    ehpr.classList.add("left");
-    ehpr.textContent = "Effective HP Regen (no agi):";
-
-    boost = document.createElement("td");
-    boost.textContent = stats[3][1];
-    boost.classList.add("right");
-
-    ehprRow.appendChild(ehpr);
-    ehprRow.append(boost);
-    statsTable.append(ehprRow); */
-
-    //eledefs
-    let eledefs = stats[5];
-    for (let i = 0; i < eledefs.length; i++){
-        let eledefElemRow = document.createElement("div");
-        eledefElemRow.classList.add("row")
-
-        let eledef = document.createElement("div");
-        eledef.classList.add("col");
-        eledef.classList.add("text-start");
-        let eledefTitle = document.createElement("span");
-        eledefTitle.textContent = damageClasses[i+1];
-        eledefTitle.classList.add(damageClasses[i+1]);
-
-        let defense = document.createElement("span");
-        defense.textContent = " Def (Total): ";
-
-        eledef.appendChild(eledefTitle);
-        eledef.appendChild(defense);
-        eledefElemRow.appendChild(eledef);
-
-        let boost = document.createElement("div");
-        boost.textContent = eledefs[i];
-        boost.classList.add(eledefs[i] >= 0 ? "positive" : "negative");
-        boost.classList.add("col");
-        boost.classList.add("text-end");
-
-        let defRaw = build.statMap.get("defRaw")[i];
-        let defPct = build.statMap.get("defBonus")[i]/100;
-        if (defRaw < 0) {
-            defPct >= 0 ? defPct = "- " + defPct: defPct = "+ " + defPct;
-            tooltiptext = `= min(0, ${defRaw} * (1 ${defPct}))`
-        } else {
-            defPct >= 0 ? defPct = "+ " + defPct: defPct = "- " + defPct;
-            tooltiptext = `= ${defRaw} * (1 ${defPct})`
-        }
-        // tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
-
-        eledefElemRow.appendChild(boost);
-        
-        if (insertSummary) {
-            parent_elem.appendChild(eledefElemRow);
-        } else {
-            statsTable.appendChild(eledefElemRow);
-        }
-    }
-
-    if (!insertSummary) {
-        //skp
-        let defRow = document.createElement("div");
-        defRow.classList.add("row");
-        let defElem = document.createElement("div");
-        defElem.classList.add("col");
-        defElem.classList.add("text-start");
-        defElem.textContent = "Damage Absorbed %:";
-        boost = document.createElement("div");
-        boost.classList.add("col");
-        boost.classList.add("text-end");
-        boost.textContent = stats[4][0] + "%";
-        defRow.appendChild(defElem);
-        defRow.appendChild(boost);
-        statsTable.append(defRow);
-
-        let agiRow = document.createElement("div");
-        agiRow.classList.add("row");
-        let agiElem = document.createElement("div");
-        agiElem.classList.add("col");
-        agiElem.classList.add("text-start");
-        agiElem.textContent = "Dodge Chance %:";
-        boost = document.createElement("div");
-        boost.classList.add("col");
-        boost.classList.add("text-end");
-        boost.textContent = stats[4][1] + "%";
-        agiRow.appendChild(agiElem);
-        agiRow.appendChild(boost);
-        statsTable.append(agiRow);
-    }
-
-    if (!insertSummary) {
-        parent_elem.append(statsTable);
-    }
-}
-
-function displaysq2PowderSpecials(parent_elem, powderSpecials, build, overall=false) {
-    parent_elem.textContent = ""
-    let title = document.createElement("b");
-    title.textContent = "Powder Specials";
-    parent_elem.appendChild(title);
-    let specials = powderSpecials.slice();
-    let stats = build.statMap;
-    let expandedStats = new Map();
-    //each entry of powderSpecials is [ps, power]
-    for (special of specials) {
-        //iterate through the special and display its effects.
-        let powder_special = document.createElement("p");
-        let specialSuffixes = new Map([ ["Duration", " sec"], ["Radius", " blocks"], ["Chains", ""], ["Damage", "%"], ["Damage Boost", "%"], ["Knockback", " blocks"] ]);
-        let specialTitle = document.createElement("p");
-        let specialEffects = document.createElement("p");
-        specialTitle.classList.add(damageClasses[powderSpecialStats.indexOf(special[0]) + 1]);
-        let effects = special[0]["weaponSpecialEffects"];
-        let power = special[1];
-        specialTitle.textContent = special[0]["weaponSpecialName"] + " " + Math.floor((power-1)*0.5 + 4) + (power % 2 == 0 ? ".5" : "");  
-
-        if (!overall || powderSpecialStats.indexOf(special[0]) == 2 || powderSpecialStats.indexOf(special[0]) == 3 || powderSpecialStats.indexOf(special[0]) == 4) {
-            for (const [key,value] of effects) {
-                let effect = document.createElement("p");
-                effect.textContent += key + ": " + value[power-1] + specialSuffixes.get(key);
-                if(key === "Damage"){
-                    effect.textContent += elementIcons[powderSpecialStats.indexOf(special[0])];
-                }
-                if(special[0]["weaponSpecialName"] === "Wind Prison" && key === "Damage Boost") {
-                    effect.textContent += " (only 1st hit)";
-                }
-                specialEffects.appendChild(effect);
-            }
-        }
-        powder_special.appendChild(specialTitle);
-        powder_special.appendChild(specialEffects);
-
-        //if this special is an instant-damage special (Quake, Chain Lightning, Courage Burst), display the damage.
-        let specialDamage = document.createElement("p");
-        // specialDamage.classList.add("item-margin");
-        let spells = spell_table["powder"];
-        if (powderSpecialStats.indexOf(special[0]) == 0 || powderSpecialStats.indexOf(special[0]) == 1 || powderSpecialStats.indexOf(special[0]) == 3) { //Quake, Chain Lightning, or Courage
-            let spell = (powderSpecialStats.indexOf(special[0]) == 3 ? spells[2] : spells[powderSpecialStats.indexOf(special[0])]);
-            let part = spell["parts"][0];
-            let _results = calculateSpellDamage(stats, part.conversion,
-                stats.get("mdRaw"), stats.get("mdPct") + build.externalStats.get("mdPct"), 
-                0, build.weapon, build.total_skillpoints, build.damageMultiplier * ((part.multiplier[power-1] / 100)), build.externalStats);//part.multiplier[power] / 100
-
-            let critChance = skillPointsToPercentage(build.total_skillpoints[1]);
-            let save_damages = [];
-            
-            let totalDamNormal = _results[0];
-            let totalDamCrit = _results[1];
-            let results = _results[2];
-            for (let i = 0; i < 6; ++i) {
-                for (let j in results[i]) {
-                    results[i][j] = results[i][j].toFixed(2);
-                }
-            }
-            let nonCritAverage = (totalDamNormal[0]+totalDamNormal[1])/2 || 0;
-            let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
-            let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
-
-            let averageWrap = document.createElement("p");
-            let averageLabel = document.createElement("span");
-            averageLabel.textContent = "Average: ";
-            
-            let averageLabelDmg = document.createElement("span");
-            averageLabelDmg.classList.add("Damage");
-            averageLabelDmg.textContent = averageDamage.toFixed(2);
-
-            averageWrap.appendChild(averageLabel);
-            averageWrap.appendChild(averageLabelDmg);
-            specialDamage.appendChild(averageWrap);
-            
-            if (!overall) {
-                let nonCritLabel = document.createElement("p");
-                nonCritLabel.textContent = "Non-Crit Average: "+nonCritAverage.toFixed(2);
-                nonCritLabel.classList.add("damageSubtitle");
-                nonCritLabel.classList.add("item-margin");
-                specialDamage.append(nonCritLabel);
-                
-                for (let i = 0; i < 6; i++){
-                    if (results[i][1] > 0){
-                        let p = document.createElement("p");
-                        p.classList.add("damagep");
-                        p.classList.add(damageClasses[i]);
-                        p.textContent = results[i][0]+"-"+results[i][1];
-                        specialDamage.append(p);
-                    }
-                }
-                let normalDamage = document.createElement("p");
-                normalDamage.textContent = "Total: " + totalDamNormal[0].toFixed(2) + "-" + totalDamNormal[1].toFixed(2);
-                normalDamage.classList.add("itemp");
-                specialDamage.append(normalDamage);
-
-                let nonCritChanceLabel = document.createElement("p");
-                nonCritChanceLabel.textContent = "Non-Crit Chance: " + ((1-critChance)*100).toFixed(2)  + "%";
-                specialDamage.append(nonCritChanceLabel);
-
-                let critLabel = document.createElement("p");
-                critLabel.textContent = "Crit Average: "+critAverage.toFixed(2);
-                critLabel.classList.add("damageSubtitle");
-                critLabel.classList.add("item-margin");
-                
-                specialDamage.append(critLabel);
-                for (let i = 0; i < 6; i++){
-                    if (results[i][1] > 0){
-                        let p = document.createElement("p");
-                        p.classList.add("damagep");
-                        p.classList.add(damageClasses[i]);
-                        p.textContent = results[i][2]+"-"+results[i][3];
-                        specialDamage.append(p);
-                    }
-                }
-                let critDamage = document.createElement("p");
-                critDamage.textContent = "Total: " + totalDamCrit[0].toFixed(2) + "-" + totalDamCrit[1].toFixed(2);
-                critDamage.classList.add("itemp");
-                specialDamage.append(critDamage);
-
-                let critChanceLabel = document.createElement("p");
-                critChanceLabel.textContent = "Crit Chance: " + (critChance*100).toFixed(2) + "%";
-                specialDamage.append(critChanceLabel);
-
-                save_damages.push(averageDamage);
-            }
-
-            powder_special.append(specialDamage);
-        } 
-
-        parent_elem.appendChild(powder_special);
-    }
-}
-
-function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, spellIdx) {
-    parent_elem.textContent = "";
-
-
-    let tooltip; let tooltiptext;
-    const stats = build.statMap;
-    let title_elem = document.createElement("p");
-
-    overallparent_elem.textContent = "";
-    let title_elemavg = document.createElement("b");
-
-    if (spellIdx != 0) {
-        let first = document.createElement("span");
-        first.textContent = spell.title + " (";
-        title_elem.appendChild(first.cloneNode(true)); //cloneNode is needed here.
-        title_elemavg.appendChild(first);
-
-        let second = document.createElement("span");
-        second.textContent = build.getSpellCost(spellIdx, spell.cost);
-        second.classList.add("Mana");
-
-        let int_redux = skillPointsToPercentage(build.total_skillpoints[2]).toFixed(2);
-        let spPct_redux = (build.statMap.get("spPct" + spellIdx)/100).toFixed(2);
-        let spRaw_redux = (build.statMap.get("spRaw" + spellIdx)).toFixed(2);
-        spPct_redux >= 0 ? spPct_redux = "+ " + spPct_redux : spPct_redux = "- " + Math.abs(spPct_redux);
-        spRaw_redux >= 0 ? spRaw_redux = "+ " + spRaw_redux : spRaw_redux = "- " + Math.abs(spRaw_redux);
-
-        // tooltiptext = `= max(1, floor((ceil(${spell.cost} * (1 - ${int_redux})) ${spRaw_redux}) * (1 ${spPct_redux})))`;
-        // tooltip = createTooltip(tooltip, "p", tooltiptext, second, ["spellcostcalc"]);
-        // second.appendChild(tooltip);
-        title_elem.appendChild(second.cloneNode(true));
-        title_elemavg.appendChild(second);
-        
-
-        let third = document.createElement("span");
-        third.textContent = ") [Base: " + build.getBaseSpellCost(spellIdx, spell.cost) + " ]";
-        title_elem.appendChild(third);
-        let third_summary = document.createElement("span");
-        third_summary.textContent = ")";
-        title_elemavg.appendChild(third_summary);
-    }
-    else {
-        title_elem.textContent = spell.title;
-        title_elemavg.textContent = spell.title;
-    }
-
-    parent_elem.append(title_elem);
-    overallparent_elem.append(title_elemavg);
-
-    overallparent_elem.append(displaysq2NextCosts(spell, build));
-
-
-    let critChance = skillPointsToPercentage(build.total_skillpoints[1]);
-
-    let save_damages = [];
-
-    let part_divavg = document.createElement("p");
-    overallparent_elem.append(part_divavg);
-
-    let spell_parts;
-    if (spell.parts) {
-        spell_parts = spell.parts;
-    }
-    else {
-        spell_parts = spell.variants.DEFAULT;
-        for (const majorID of stats.get("activeMajorIDs")) {
-            if (majorID in spell.variants) {
-                spell_parts = spell.variants[majorID];
-                break;
-            }
-        }
-    }
-    //console.log(spell_parts);
-
-    for (const part of spell_parts) {
-        let part_div = document.createElement("p");
-        parent_elem.append(part_div);
-
-        let subtitle_elem = document.createElement("p");
-        subtitle_elem.textContent = part.subtitle;
-        part_div.append(subtitle_elem);
-
-        if (part.type === "damage") {
-            //console.log(build.expandedStats);
-            let _results = calculateSpellDamage(stats, part.conversion,
-                                    stats.get("sdRaw") + stats.get("rainbowRaw"), stats.get("sdPct") + build.externalStats.get("sdPct"), 
-                                    part.multiplier / 100, build.weapon, build.total_skillpoints, build.damageMultiplier, build.externalStats);
-            let totalDamNormal = _results[0];
-            let totalDamCrit = _results[1];
-            let results = _results[2];
-            let tooltipinfo = _results[3];
-            
-            for (let i = 0; i < 6; ++i) {
-                for (let j in results[i]) {
-                    results[i][j] = results[i][j].toFixed(2);
-                }
-            }
-            let nonCritAverage = (totalDamNormal[0]+totalDamNormal[1])/2 || 0;
-            let critAverage = (totalDamCrit[0]+totalDamCrit[1])/2 || 0;
-            let averageDamage = (1-critChance)*nonCritAverage+critChance*critAverage || 0;
-
-            let averageLabel = document.createElement("p");
-            averageLabel.textContent = "Average: "+averageDamage.toFixed(2);
-            tooltiptext = ` = ((1 - ${critChance}) * ${nonCritAverage.toFixed(2)}) + (${critChance} * ${critAverage.toFixed(2)})`
-            // averageLabel.classList.add("damageSubtitle");
-            // tooltip = createTooltip(tooltip, "p", tooltiptext, averageLabel, ["spell-tooltip"]);
-            part_div.append(averageLabel);
-
-
-            if (part.summary == true) {
-                let overallaverageLabel = document.createElement("p");
-                let first = document.createElement("span");
-                let second = document.createElement("span");
-                first.textContent = part.subtitle + " Average: "; 
-                second.textContent = averageDamage.toFixed(2);
-                overallaverageLabel.appendChild(first);
-                overallaverageLabel.appendChild(second);
-                // tooltip = createTooltip(tooltip, "p", tooltiptext, overallaverageLabel, ["spell-tooltip", "summary-tooltip"]);
-                second.classList.add("Damage");
-                part_divavg.append(overallaverageLabel);
-            }
-            
-            function _damage_display(label_text, average, result_idx) {
-                let label = document.createElement("p");
-                label.textContent = label_text+average.toFixed(2);
-                part_div.append(label);
-                
-                let arrmin = [];
-                let arrmax = [];
-                for (let i = 0; i < 6; i++){
-                    if (results[i][1] != 0){
-                        let p = document.createElement("p");
-                        p.classList.add(damageClasses[i]);
-                        p.textContent = results[i][result_idx] + " \u2013 " + results[i][result_idx + 1];
-                        arrmin.push(results[i][result_idx]);
-                        arrmax.push(results[i][result_idx + 1]);
-                        part_div.append(p);
-                    }
-                }
-                tooltiptext = ` = ((${arrmin.join(" + ")}) + (${arrmax.join(" + ")})) / 2`;
-                // tooltip = createTooltip(tooltip, "p", tooltiptext, label, ["spell-tooltip"]);
-            }
-            _damage_display("Non-Crit Average: ", nonCritAverage, 0);
-            _damage_display("Crit Average: ", critAverage, 2);
-
-            save_damages.push(averageDamage);
-        } else if (part.type === "heal") {
-            let heal_amount = (part.strength * build.getDefenseStats()[0] * Math.max(0.5,Math.min(1.75, 1 + 0.5 * stats.get("wDamPct")/100))).toFixed(2);
-            tooltiptext = ` = ${part.strength} * ${build.getDefenseStats()[0]} * max(0.5, min(1.75, 1 + 0.5 * ${stats.get("wDamPct")/100}))`;
-            let healLabel = document.createElement("p");
-            healLabel.textContent = heal_amount;
-            // healLabel.classList.add("damagep");
-            // tooltip = createTooltip(tooltip, "p", tooltiptext, healLabel, ["spell-tooltip"]);
-            part_div.append(healLabel);
-            if (part.summary == true) {
-                let overallhealLabel = document.createElement("p");
-                let first = document.createElement("span");
-                let second = document.createElement("span");
-                first.textContent = part.subtitle + ": ";
-                second.textContent = heal_amount;
-                overallhealLabel.appendChild(first);
-                second.classList.add("Set");
-                overallhealLabel.appendChild(second);
-                part_divavg.append(overallhealLabel);
-            }
-        } else if (part.type === "total") {
-            let total_damage = 0;
-            tooltiptext = "";
-            for (let i in part.factors) {
-                total_damage += save_damages[i] * part.factors[i];
-            }
-
-            let dmgarr = part.factors.slice();
-            dmgarr = dmgarr.map(x => "(" + x + " * " + save_damages[dmgarr.indexOf(x)].toFixed(2) + ")");
-            tooltiptext = " = " + dmgarr.join(" + ");
-
-
-            let averageLabel = document.createElement("p");
-            averageLabel.textContent = "Average: "+total_damage.toFixed(2);
-            averageLabel.classList.add("damageSubtitle");
-            tooltip = createTooltip(tooltip, "p", tooltiptext, averageLabel, ["spell-tooltip"]);
-            part_div.append(averageLabel);
-
-            let overallaverageLabel = document.createElement("p");
-            let overallaverageLabelFirst = document.createElement("span");
-            let overallaverageLabelSecond = document.createElement("span");
-            overallaverageLabelFirst.textContent = "Average: ";
-            overallaverageLabelSecond.textContent = total_damage.toFixed(2);
-            overallaverageLabelSecond.classList.add("Damage");
-
-
-            overallaverageLabel.appendChild(overallaverageLabelFirst);
-            overallaverageLabel.appendChild(overallaverageLabelSecond);
-            part_divavg.append(overallaverageLabel);
-        }
-    }
-
-    //up and down arrow - done ugly
-    let arrow = document.createElement("img");
-    arrow.id = "arrow_" + overallparent_elem.id;
-    arrow.style.maxWidth = document.body.clientWidth > 900 ? "3rem" : "10rem";
-    arrow.src = "../media/icons/" + (newIcons ? "new" : "old") + "/toggle_down.png";
-    overallparent_elem.appendChild(arrow);
-}
-
-function displaysq2EquipOrder(parent_elem, buildOrder){
-    parent_elem.textContent = "";
-    const order = buildOrder.slice();
-    let title_elem = document.createElement("b");
-    title_elem.textContent = "Equip order ";
-    title_elem.classList.add("Normal", "text-center");
-    parent_elem.append(title_elem);
-    for (const item of order) {
-        let p_elem = document.createElement("b");
-        p_elem.textContent = item.get("displayName");
-        parent_elem.append(p_elem);
-    }
-}
-
-function displaysq2NextCosts(spell, build) { 
-    let int = build.total_skillpoints[2];
-    let spells = spell_table[build.weapon.get("type")];
-
-    let row = document.createElement("div");
-    row.classList.add("spellcost-tooltip");
-    let init_cost = document.createElement("b");
-    init_cost.textContent = build.getSpellCost(spells.indexOf(spell) + 1, spell.cost);
-    init_cost.classList.add("Mana");
-    let arrow = document.createElement("b");
-    arrow.textContent = "\u279C";
-    let next_cost = document.createElement("b");
-    next_cost.textContent = (init_cost.textContent === "1" ? 1 : build.getSpellCost(spells.indexOf(spell) + 1, spell.cost) - 1);
-    next_cost.classList.add("Mana");
-    let int_needed = document.createElement("b");
-    if (init_cost.textContent === "1") {
-        int_needed.textContent = ": n/a (+0)";
-    }else { //do math
-        let target = build.getSpellCost(spells.indexOf(spell) + 1, spell.cost) - 1;
-        let needed = int;
-        let noUpdate = false;
-        //forgive me... I couldn't inverse ceil, floor, and max.
-        while (build.getSpellCost(spells.indexOf(spell) + 1, spell.cost) > target) {
-            if(needed > 150) {
-                noUpdate = true;
-                break;
-            }
-            needed++;
-            build.total_skillpoints[2] = needed;
-        }
-        let missing = needed - int;  
-        //in rare circumstances, the next spell cost can jump.
-        if (noUpdate) {
-            next_cost.textContent = (init_cost.textContent === "1" ? 1 : build.getSpellCost(spells.indexOf(spell) + 1, spell.cost)-1); 
-        }else {
-            next_cost.textContent = (init_cost.textContent === "1" ? 1 : build.getSpellCost(spells.indexOf(spell) + 1, spell.cost)); 
-        }
-        
-        
-        build.total_skillpoints[2] = int;//forgive me pt 2
-        int_needed.textContent = ": " + (needed > 150 ? ">150" : needed) + " int (+" + (needed > 150 ? "n/a" : missing) + ")"; 
-    }
-    
-    // row.appendChild(init_cost);
-    row.appendChild(arrow);
-    row.appendChild(next_cost);
-    row.appendChild(int_needed);
-    return row;
-}
-
-function apply_sq2_elemental_format(p_elem, id, suffix) {
-    suffix = (typeof suffix !== 'undefined') ?  suffix : "";
-    // THIS IS SO JANK BUT IM TOO LAZY TO FIX IT TODO
-    let parts = idPrefixes[id].split(/ (.*)/);
-    let element_prefix = parts[0];
-    let desc = parts[1];
-    let i_elem = document.createElement('span');
-    i_elem.classList.add(element_prefix);
-    i_elem.textContent = element_prefix;
-    p_elem.appendChild(i_elem);
-
-    let i_elem2 = document.createElement('span');
-    i_elem2.textContent = " " + desc + suffix;
-    p_elem.appendChild(i_elem2);
-}
-
-function displaysq2SetBonuses(parent_id,build) {
-    setHTML(parent_id, "");
-    let parent_div = document.getElementById(parent_id);
-
-    let set_summary_elem = document.createElement('p');
-    set_summary_elem.classList.add('text-center');
-    set_summary_elem.textContent = "Set Bonuses";
-    parent_div.append(set_summary_elem);
-
-    for (const [setName, count] of build.activeSetCounts) {
-        const active_set = sets[setName];
-        if (active_set["hidden"]) { continue; }
-
-        let set_elem = document.createElement('p');
-        set_elem.id = "set-"+setName;
-        set_summary_elem.append(set_elem);
-        
-        const bonus = active_set.bonuses[count-1];
-        let mock_item = new Map();
-        mock_item.set("fixID", true);
-        mock_item.set("displayName", setName+" Set: "+count+"/"+sets[setName].items.length);
-        let mock_minRolls = new Map();
-        let mock_maxRolls = new Map();
-        mock_item.set("minRolls", mock_minRolls);
-        mock_item.set("maxRolls", mock_maxRolls);
-        for (const id in bonus) {
-            if (rolledIDs.includes(id)) {
-                mock_minRolls.set(id, bonus[id]);
-                mock_maxRolls.set(id, bonus[id]);
-            }
-            else {
-                mock_item.set(id, bonus[id]);
-            }
-        }
-        mock_item.set("powders", []);
-        displaysq2ExpandedItem(mock_item, set_elem.id);
-        console.log(mock_item);
-    }
-}
-
-function toggle_plus_minus(elem_id) {
-    let elem = document.getElementById(elem_id);
-    if (elem.classList.contains("plus_minus")) {
-        if (elem.textContent == "\u2795") {
-            elem.textContent = "\u2796";
-        } else if (elem.textContent == "\u2796"){
-            elem.textContent = "\u2795";
-        } else {
-            // ???? 
-        }
-    }
-}
-
-// updates the powders within this element.
-function updatePowders(elem_id) {
-    // let elem = document.getElementById(elem_id);
-    // for (let i = 0; i < elem.value.length - 1; i++) {
-    //     if ('etwfa'.includes(elem.value.charAt(i)) && elem.value.charAt(i + 1) >= '1' && elem.value.charAt(i + 1) <= '6') {
-    //         elem.value = elem.value.substring(0, i) + powder_chars['etwfa'.indexOf(elem.value.charAt(i))] + elem.value.substring(i + 2);
-    //     }
-    // }
-}
-
-/*
-*  Displays stats about a recipe that are NOT displayed in the craft stats. 
-*  Includes: mat name and amounts, ingred names in an "array" with ingred effectiveness
-*/
-function displaysq2RecipeStats(craft, parent_id) {
-    let elem = document.getElementById(parent_id);
-    if (!elem.classList.contains("col")) {
-        elem.classList.add("col");
-    }
-
-    //local vars 
-    elem.textContent = "";
-    recipe = craft["recipe"];
-    mat_tiers = craft["mat_tiers"];
-    ingreds = [];
-    for (const n of craft["ingreds"]) {
-        ingreds.push(n.get("name"));
-    }
-    let effectiveness = craft["statMap"].get("ingredEffectiveness");
-
-    let title = document.createElement("div");
-    title.classList.add("row", "box-title", "fw-bold", "justify-content-center");
-    title.textContent = "Recipe Stats";
-    elem.appendChild(title);
-
-    let mats = document.createElement("div");
-    mats.classList.add("row");
-    mats.textContent = "Crafting Materials: ";
-    elem.appendChild(mats);
-
-    for (let i = 0; i < 2; i++) {
-        let tier = mat_tiers[i];
-        let row = document.createElement("div");
-        row.classList.add("row", "px-0", "mx-0");
-        let b = document.createElement("div");
-        let mat = recipe.get("materials")[i];
-        b.textContent = "- " + mat.get("amount") + "x " + mat.get("item").split(" ").slice(1).join(" ");
-        b.classList.add("col");
-        row.appendChild(b);
-
-        let starsB = document.createElement("div");
-        starsB.classList.add("T1-bracket", "col-auto", "px-0");
-        starsB.textContent = "[";
-        row.appendChild(starsB);
-        for(let j = 0; j < 3; j ++) {
-            let star = document.createElement("div");
-            star.classList.add("col-auto", "px-0");
-            star.textContent = "\u272B";
-            if(j < tier) {
-                star.classList.add("T1");
-            } else {
-                star.classList.add("T0");
-            }
-            row.append(star);
-        }
-        let starsE = document.createElement("div");
-        starsE.classList.add("T1-bracket", "col-auto", "px-0");
-        starsE.textContent = "]";
-        row.appendChild(starsE);
-
-        elem.appendChild(row);
-    }
-
-    let ingredTable = document.createElement("div");
-    ingredTable.classList.add("row");
-
-    for (let i = 0; i < 3; i++) {
-        let row = document.createElement("div");
-        row.classList.add("row", "g-1", "justify-content-center");
-
-        
-        for (let j = 0; j < 2; j++) {
-            if (j == 1) {
-                let spacer = document.createElement("div");
-                spacer.classList.add("col-1");
-                row.appendChild(spacer);
-            } 
-            let ingredName = ingreds[2 * i + j];
-            let col = document.createElement("div");
-            col.classList.add("col-5", "rounded", "dark-6", "border", "border-3", "dark-shadow");
-
-            let temp_row = document.createElement("div");
-            temp_row.classList.add("row");
-            col.appendChild(temp_row);
-
-            let ingred_div = document.createElement("div");
-            ingred_div.classList.add("col");
-            ingred_div.textContent = ingredName;
-            temp_row.appendChild(ingred_div);
-
-            let eff_div = document.createElement("div");
-            eff_div.classList.add("col-auto");
-            let e = effectiveness[2 * i + j];
-            if (e > 0) {
-                eff_div.classList.add("positive");
-            } else if (e < 0) {
-                eff_div.classList.add("negative");
-            }
-            eff_div.textContent = "[" + e + "%]";
-
-            temp_row.appendChild(eff_div);
-
-            row.appendChild(col);
-        }
-        ingredTable.appendChild(row);
-    }
-    elem.appendChild(ingredTable);
-}
-
-/*
-* Displays an ingredient in item format. 
-* However, an ingredient is too far from a normal item to display as one.
-*/
-function displaysq2ExpandedIngredient(ingred, parent_id) {
-    let parent_elem = document.getElementById(parent_id);
-    parent_elem.textContent = "";
-    
-    let item_order = [
-        "dura",
-        "strReq",
-        "dexReq",
-        "intReq",
-        "defReq",
-        "agiReq"
-    ]
-    let consumable_order = [
-        "dura",
-        "charges"
-    ]
-    let posMods_order = [
-        "above",
-        "under",
-        "left",
-        "right",
-        "touching",
-        "notTouching"
-    ];
-    let id_display_order = [ 
-        "eDefPct", 
-        "tDefPct", 
-        "wDefPct", 
-        "fDefPct", 
-        "aDefPct", 
-        "eDamPct", 
-        "tDamPct", 
-        "wDamPct", 
-        "fDamPct", 
-        "aDamPct", 
-        "str", 
-        "dex", 
-        "int", 
-        "agi", 
-        "def",
-        "hpBonus",
-        "mr", 
-        "ms", 
-        "ls",
-        "hprRaw", 
-        "hprPct", 
-        "sdRaw", 
-        "sdPct", 
-        "mdRaw", 
-        "mdPct",  
-        "xpb",
-        "lb", 
-        "lq", 
-        "ref",  
-        "thorns", 
-        "expd", 
-        "spd", 
-        "atkTier", 
-        "poison",  
-        "spRegen", 
-        "eSteal", 
-        "spRaw1",
-        "spRaw2", 
-        "spRaw3", 
-        "spRaw4", 
-        "spPct1", 
-        "spPct2", 
-        "spPct3", 
-        "spPct4",
-        "jh", 
-        "sprint", 
-        "sprintReg", 
-        "gXp", 
-        "gSpd",
-    ];
-    let active_elem;
-    let elemental_format = false;
-    let style;
-    for (const command of sq2_ing_display_order) {
-        if (command.charAt(0) === "!") {
-            // TODO: This is sooo incredibly janky.....
-            if (command === "!elemental") {
-                elemental_format = !elemental_format;
-            }
-            else if (command === "!spacer") {
-                let spacer = document.createElement('div');
-                spacer.classList.add("row", "my-2");
-                parent_elem.appendChild(spacer);
-                continue;
-            }
-        } else {
-            let div = document.createElement("div");
-            div.classList.add("row");
-            if (command === "displayName") {
-                div.classList.add("box-title");
-                let title_elem = document.createElement("div");
-                title_elem.classList.add("col-auto", "justify-content-center", "pr-1");
-                title_elem.textContent = ingred.get("displayName");
-                div.appendChild(title_elem);
-
-                let tier = ingred.get("tier"); //tier in [0,3]
-                let begin = document.createElement("b");
-                begin.classList.add("T"+tier+"-bracket", "col-auto", "px-0");
-                begin.textContent = "[";
-                div.appendChild(begin);
-
-                for (let i = 0; i < 3; i++) {
-                    let tier_elem = document.createElement("b");
-                    if (i < tier) {
-                        tier_elem.classList.add("T"+tier);
-                    } else {
-                        tier_elem.classList.add("T0");
-                    }
-                    tier_elem.classList.add("px-0", "col-auto");
-                    tier_elem.textContent = "\u272B";
-                    div.appendChild(tier_elem);
-                }
-                let end = document.createElement("b");
-                end.classList.add("T"+tier+"-bracket", "px-0", "col-auto");
-                end.textContent = "]";
-                div.appendChild(end);   
-            }else if (command === "lvl") {
-                div.textContent = "Crafting Lvl Min: " + ingred.get("lvl");
-            }else if (command === "posMods") {
-                for (const [key,value] of ingred.get("posMods")) {
-                    let posModRow = document.createElement("div");
-                    posModRow.classList.add("row");
-                    if (value != 0) {
-                        let posMod = document.createElement("div");
-                        posMod.classList.add("col-auto");
-                        posMod.textContent = posModPrefixes[key];
-                        posModRow.appendChild(posMod);
-
-                        let val = document.createElement("div");
-                        val.classList.add("col-auto", "px-0");
-                        val.textContent = value + posModSuffixes[key];
-                        if(value > 0) {
-                            val.classList.add("positive");
-                        } else {
-                            val.classList.add("negative");
-                        }
-                        posModRow.appendChild(val);
-                        div.appendChild(posModRow);
-                    }
-                }
-            } else if (command === "itemIDs") { //dura, reqs
-                for (const [key,value] of ingred.get("itemIDs")) {
-                    let idRow = document.createElement("div");
-                    idRow.classList.add("row");                        
-                    if (value != 0) {
-                        let title = document.createElement("div");
-                        title.classList.add("col-auto");
-                        title.textContent = itemIDPrefixes[key];
-                        idRow.appendChild(title);
-                    }
-                    let desc = document.createElement("div");
-                    desc.classList.add("col-auto");
-                    if(value > 0) {
-                        if(key !== "dura") {
-                            desc.classList.add("negative");
-                        } else{
-                            desc.classList.add("positive");
-                        }
-                        desc.textContent = "+"+value;
-                    } else if (value < 0){
-                        if(key !== "dura") {
-                            desc.classList.add("positive");
-                        } else{
-                            desc.classList.add("negative");
-                        }
-                        desc.textContent = value; 
-                    }
-                    if(value != 0){
-                        idRow.appendChild(desc);
-                    }
-                    div.appendChild(idRow);
-                }
-            } else if (command === "consumableIDs") { //dura, charges
-                for (const [key,value] of ingred.get("consumableIDs")) {
-                    let idRow = document.createElement("div");
-                    idRow.classList.add("row");                        
-                    if (value != 0) {
-                        let title = document.createElement("div");
-                        title.classList.add("col-auto");
-                        title.textContent = consumableIDPrefixes[key];
-                        idRow.appendChild(title);
-                    }
-                    let desc = document.createElement("div");
-                    desc.classList.add("col-auto");
-                    if(value > 0) {
-                        desc.classList.add("positive");
-                        desc.textContent = "+"+value;
-                    } else if (value < 0){
-                        desc.classList.add("negative");
-                        desc.textContent = value; 
-                    }
-                    if(value != 0){
-                        idRow.appendChild(desc);
-                        let suffix = document.createElement("div");
-                        suffix.classList.add("col-auto");
-                        suffix.textContent = consumableIDSuffixes[key];
-                        idRow.appendChild(suffix);
-                    }
-                    div.appendChild(idRow);
-                }
-            }else if (command === "skills") {
-                let row = document.createElement("div");
-                row.classList.add("row");
-                let title = document.createElement("div");
-                title.classList.add("row");
-                title.textContent = "Used in:";
-                row.appendChild(title);
-                for(const skill of ingred.get("skills")) {
-                    let skill_div = document.createElement("div");
-                    skill_div.classList.add("row");
-                    skill_div.textContent = skill.charAt(0) + skill.substring(1).toLowerCase();
-                    row.appendChild(skill_div);
-                }
-                div.appendChild(row);
-            } else if (command === "ids") { //warp
-                for (let [key,value] of ingred.get("ids").get("maxRolls")) {
-                    if (value !== undefined && value != 0) {
-                        let row = displaysq2RolledID(ingred.get("ids"), key, elemental_format);
-                        row.classList.remove("col");
-                        row.classList.remove("col-12");
-                        div.appendChild(row);
-                    }
-                }
-            } else {//this shouldn't be happening        
-            }
-
-            parent_elem.appendChild(div);
-        }
-    }    
-}
-
-//TODO: translate the below to BS
-
-/** Displays Additional Info for 
- * 
- * @param {String} elemID - the parent element's id 
- * @param {Map} item - the statMap of the item
- * @returns 
- */
-function displaysq2AdditionalInfo(elemID, item) {
-    let parent_elem = document.getElementById(elemID);
-
-    let title = document.createElement("div");
-    title.classList.add("big-title", "justify-content-center");
-    title.textContent = "Additional Info";
-    parent_elem.appendChild(title);
-
-    let droptype_elem = document.createElement("div");
-    droptype_elem.classList.add("row");
-    droptype_elem.textContent = "Drop type: " + (item.has("drop") ? item.get("drop"): "NEVER");
-    parent_elem.appendChild(droptype_elem);
-
-    let warning_elem = document.createElement("div");
-    warning_elem.classList.add("row");
-    warning_elem.textContent = "This page is incomplete. Will work on it later.";
-    parent_elem.appendChild(warning_elem);
-
-    return;
-}
-
-/** Displays the ID costs of an item
- * 
- * @param {String} elemID - the id of the parent element.
- * @param {Map} item - the statMap of an item. 
- */
- function displaysq2IDCosts(elemID, item) {
-    let parent_elem = document.getElementById(elemID);
-    let tier = item.get("tier");
-    if ( (item.has("fixID") && item.get("fixID")) || ["Normal","Crafted","Custom","none", " ",].includes(item.get("tier"))) {
-        return;
-    } else {
-        /** Returns the number of inventory slots minimum an amount of emeralds would take up + the configuration of doing so.
-         * Returns an array of [invSpace, E, EB, LE, Stx LE]
-         * 
-         * @param {number} ems - the total numerical value of emeralds to compact.
-         */
-        function emsToInvSpace(ems) {
-            let stx = Math.floor(ems/262144);
-            ems -= stx*4096*64;
-            let LE = Math.floor(ems/4096);
-            ems -= LE*4096;
-            let EB = Math.floor(ems/64);
-            ems -= EB*64;
-            let e = ems;
-            return [ stx + Math.ceil(LE/64) + Math.ceil(EB/64) + Math.ceil(e/64) , e, EB, LE, stx];
-        }
-        /**
-         * 
-         * @param {String} tier - item tier
-         * @param {Number} lvl - item level 
-         */
-        function getIDCost(tier, lvl) {
-            switch (tier) {
-                case "Unique":
-                    return Math.round(0.5*lvl + 3);
-                case "Rare":
-                    return Math.round(1.2*lvl + 8);
-                case "Legendary":
-                    return Math.round(4.5*lvl + 12);
-                case "Fabled":
-                    return Math.round(12*lvl + 26);
-                case "Mythic":
-                    return Math.round(18*lvl + 90);
-                case "Set":
-                    return Math.round(1.5*lvl + 8)
-                default:
-                    return -1;
-            }
-        }
-
-        parent_elem.style = "display: visible";
-        let lvl = item.get("lvl");
-        if (typeof(lvl) === "string") { lvl = parseFloat(lvl); }
-        
-        let title_elem = document.createElement("div");
-        title_elem.classList.add("big-title", "justify-content-center", "Set");
-        title_elem.textContent = "Identification Costs";
-        parent_elem.appendChild(title_elem);
-
-        let grid_item = document.createElement("div");
-        grid_item.classList.add("row", "g-3");
-        parent_elem.appendChild(grid_item);
-
-        let IDcost = getIDCost(tier, lvl);
-        let initIDcost = IDcost;
-        let invSpace = emsToInvSpace(IDcost);
-        let rerolls = 0;
-
-        while(invSpace[0] <= 28 && IDcost > 0) {
-            let container_container = document.createElement("div");
-            container_container.classList.add("col-lg-3", "col-sm-12");
-
-            let container = document.createElement("div");
-            container.classList.add("col", "rounded", "border", "border-dark", "border-2");
-            
-            container_container.appendChild(container);
-
-            let container_title = document.createElement("div");
-            container_title.classList.add("row", "box-title", "justify-content-center");
-
-            if (rerolls == 0) {
-                container_title.textContent = "Initial ID Cost: ";
-            } else {
-                container_title.textContent = "Reroll to [" + (rerolls+1) + "] Cost:";
-            }
-            container.appendChild(container_title);
-            let total_cost_container = document.createElement("div");
-            total_cost_container.classList.add("row");
-            let total_cost_number = document.createElement("b");
-            total_cost_number.classList.add("Set", "fw-bold", "col-6", "text-end");
-            total_cost_number.textContent = IDcost + " ";
-            let total_cost_suffix = document.createElement("div");
-            total_cost_suffix.classList.add("col-6", "text-start");
-            total_cost_suffix.textContent = "emeralds."
-            total_cost_container.appendChild(total_cost_number);
-            total_cost_container.appendChild(total_cost_suffix);
-            container.appendChild(total_cost_container);
-
-            let OR = document.createElement("div");
-            OR.classList.add("row");
-            container.appendChild(OR);
-            let OR_text = document.createElement("div");
-            OR_text.classList.add("col", "text-center");
-            OR_text.textContent = "OR";
-            OR.appendChild(OR_text);
-
-            let esuffixes = ["", "emeralds.", "EB.", "LE.", "stacks of LE."];
-            for (let i = 4; i > 0; i--) {
-                let n_container = document.createElement("div");
-                n_container.classList.add("row");
-                let n_number = document.createElement("b");
-                n_number.classList.add("Set", "fw-bold", "col-6", "text-end");
-                n_number.textContent = invSpace[i] + " ";
-                let n_suffix = document.createElement("div");
-                n_suffix.classList.add("col-6", "text-start");
-                n_suffix.textContent = esuffixes[i];
-                n_container.appendChild(n_number);
-                n_container.appendChild(n_suffix);
-                container.appendChild(n_container);
-            }
-            grid_item.appendChild(container_container);
-            
-            rerolls += 1;
-            IDcost = Math.round(initIDcost * (5 ** rerolls));
-            invSpace = emsToInvSpace(IDcost);
-        }
-    }
-}
-
-/** Displays all set bonuses (0/n, 1/n, ... n/n) for a given set
- * 
- * @param {String} parent_id - id of the parent element
- * @param {String} setName - the name of the set
- */
- function displaysq2AllSetBonuses(parent_id, setName) {
-    let parent_elem = document.getElementById(parent_id);
-    parent_elem.style.display = ""; 
-    let set = sets[setName];
-    let title_elem = document.createElement("div");
-    title_elem.textContent = setName + " Set Bonuses";
-    title_elem.classList.add("Set", "big-title", "justify-content-center");
-    parent_elem.appendChild(title_elem);
-
-    let grid_elem = document.createElement("div");
-    grid_elem.classList.add("row");
-    parent_elem.appendChild(grid_elem);
-
-    for (let i = 0; i < set.items.length; i++) {
-        
-        let set_elem = document.createElement('div');
-        set_elem.classList.add("col-lg-3", "col-sm-12", "py-2", "my-1");
-        grid_elem.appendChild(set_elem);
-        const bonus = set.bonuses[i];
-
-        let set_elem_display = document.createElement("div");
-        set_elem_display.classList.add("rounded", "col", "g-0", "scaled-font", "border", "border-3", "border-dark", "dark-shadow", "dark-7", "p-3");
-        set_elem_display.id = "set-"+setName+"-"+i;
-        set_elem.appendChild(set_elem_display);
-
-        let mock_item = new Map();
-        mock_item.set("fixID", true);
-        mock_item.set("tier", "Set");
-        mock_item.set("displayName", setName+" Set: " + (i+1) + "/"+sets[setName].items.length);
-        // set_elem.textContent = mock_item.get("displayName");
-        let mock_minRolls = new Map();
-        let mock_maxRolls = new Map();
-        mock_item.set("minRolls", mock_minRolls);
-        mock_item.set("maxRolls", mock_maxRolls);
-        for (const id in bonus) {
-            if (rolledIDs.includes(id)) {
-                mock_minRolls.set(id, bonus[id]);
-                mock_maxRolls.set(id, bonus[id]);
-            }
-            else {
-                mock_item.set(id, bonus[id]);
-            }
-        }
-        mock_item.set("powders", []);
-        displaysq2ExpandedItem(mock_item, set_elem_display.id);
-    }
-
-}
-
-/** Displays the individual probabilities of each possible value of each rollable ID for this item.
- * 
- * @param {String} parent_id the document id of the parent element
- * @param {String} item expandedItem object
- * @param {String} amp the level of corkian amplifier used. 0 means no amp, 1 means Corkian Amplifier I, etc. [0,3]
- */
-function displaysq2IDProbabilities(parent_id, item, amp) {
-    if (item.has("fixID") && item.get("fixID")) {return}
-    let parent_elem = document.getElementById(parent_id);
-    parent_elem.style.display = "";
-    parent_elem.innerHTML = "";
-    let title_elem = document.createElement("div");
-    title_elem.textContent = "Identification Probabilities";
-    title_elem.classList.add("row", "Legendary", "big-title", "justify-content-center");
-    parent_elem.appendChild(title_elem);
-    
-    let disclaimer_elem = document.createElement("div");
-    disclaimer_elem.classList.add("row", "justify-content-center");
-    disclaimer_elem.textContent = "IDs are rolled on a uniform distribution. A chance of 0% means that either the minimum or maximum possible multiplier must be rolled to get this value."
-    parent_elem.appendChild(disclaimer_elem);
-
-    let amp_row = document.createElement("div");
-    amp_row.classList.add("row", "justify-content-center");
-    amp_row.id = "amp_row";
-    let amp_text = document.createElement("div");
-    amp_text.classList.add("col-lg-2", "col-sm-3");
-    amp_text.textContent = "Corkian Amplifier Used: "
-    amp_row.appendChild(amp_text);
-
-    let amp_1 = document.createElement("button");
-    amp_1.classList.add("col-lg-1", "col-sm-3", "border-dark", "text-light", "dark-5", "rounded", "scaled-font");
-    amp_1.id = "cork_amp_1";
-    amp_1.textContent = "I";
-    amp_row.appendChild(amp_1);
-    let amp_2 = document.createElement("button");
-    amp_2.classList.add("col-lg-1", "col-sm-3", "border-dark", "text-light", "dark-5", "rounded", "scaled-font");
-    amp_2.id = "cork_amp_2";
-    amp_2.textContent = "II";
-    amp_row.appendChild(amp_2);
-    let amp_3 = document.createElement("button");
-    amp_3.classList.add("col-lg-1", "col-sm-3", "border-dark", "text-light", "dark-5", "rounded", "scaled-font");
-    amp_3.id = "cork_amp_3";
-    amp_3.textContent = "III";
-    amp_row.appendChild(amp_3);
-    amp_1.addEventListener("click", (event) => {toggleAmps(1)});
-    amp_2.addEventListener("click", (event) => {toggleAmps(2)});
-    amp_3.addEventListener("click", (event) => {toggleAmps(3)});
-    parent_elem.appendChild(amp_row);
-    
-    if (amp != 0) {toggleButton("cork_amp_" + amp)}
-    
-    item_name = item.get("displayName");
-    for (const [id,val] of Object.entries(itemMap.get(item_name))) {
-        if (rolledIDs.includes(id)) {
-            let min = item.get("minRolls").get(id);
-            let max = item.get("maxRolls").get(id);
-
-            if (min != 0 || max != 0) {
-                //Apply corkian amps
-                if (val > 0) {
-                    let base = itemMap.get(item_name)[id];
-                    if (reversedIDs.includes(id)) {max = Math.max( Math.round((0.3 + 0.05*amp) * base), 1)} 
-                    else {min = Math.max( Math.round((0.3 + 0.05*amp) * base), 1)}
-                }
-
-                let row_elem = document.createElement("div");
-                row_elem.classList.add("row");
-                parent_elem.appendChild(row_elem);
-
-                let base_and_range = document.createElement("div");
-                base_and_range.classList.add("col-lg-4", "col-sm-12");
-
-
-                let base_elem = document.createElement("div");
-                let base_val = document.createElement("div");
-                base_elem.classList.add("row");
-                base_prefix = document.createElement("div");
-                base_prefix.classList.add("col-auto");
-                base_val.classList.add("col-auto");
-
-                base_prefix.textContent = idPrefixes[id] + "Base ";
-                base_val.textContent = val + idSuffixes[id];
-                if (val > 0 == !reversedIDs.includes(id)) {
-                    base_val.classList.add("positive");
-                } else if (val > 0 == reversedIDs.includes(id)) {
-                    base_val.classList.add("negative");
-                }
-                base_elem.appendChild(base_prefix);
-                base_elem.appendChild(base_val);
-
-                let range_elem = document.createElement("div");
-                range_elem.classList.add("row", "justify-content-center");
-
-                range_elem.textContent = "[ " + min + idSuffixes[id] + ", " + max + idSuffixes[id] + " ]";
-                if ( (min > 0 && max > 0 && !reversedIDs.includes(id)) || (min < 0 && max < 0 && reversedIDs.includes(id)) ) {
-                    range_elem.classList.add("positive");
-                } else if ( (min < 0 && max < 0 && !reversedIDs.includes(id)) || (min > 0 && max > 0 && reversedIDs.includes(id)) ) {
-                    range_elem.classList.add("negative");
-                }
-
-                base_and_range.appendChild(base_elem);
-                base_and_range.appendChild(range_elem);
-                row_elem.appendChild(base_and_range);
-                
-
-                let pdf_and_cdf = document.createElement("div");
-                pdf_and_cdf.classList.add("col-lg-4", "col-sm-12");
-
-                let pdf_elem = document.createElement("div");
-                pdf_elem.id = id + "-pdf";
-                let cdf_elem = document.createElement("div");
-                cdf_elem.id = id + "-cdf";
-                pdf_elem.classList.add("row");
-                cdf_elem.classList.add("row");
-
-                pdf_and_cdf.appendChild(pdf_elem);
-                pdf_and_cdf.appendChild(cdf_elem);
-                row_elem.appendChild(pdf_and_cdf);
-                
-                let input_sec = document.createElement("div");
-                input_sec.classList.add("col-lg-4", "col-sm-12");
-
-                let title_input_slider = document.createElement("input");
-                title_input_slider.classList.add("row");
-                title_input_slider.type = "range";
-                title_input_slider.id = id+"-slider";
-                if (!reversedIDs.includes(id)) {
-                    title_input_slider.step = 1;
-                    title_input_slider.min = `${min}`;
-                    title_input_slider.max = `${max}`;
-                    title_input_slider.value = `${max}`;
-                } else {
-                    title_input_slider.step = 1;
-                    title_input_slider.min = `${-1*min}`;
-                    title_input_slider.max = `${-1*max}`;
-                    title_input_slider.value = `${-1*max}`;
-                }
-                let title_input_textbox = document.createElement("input");
-                title_input_textbox.classList.add("row");
-                title_input_textbox.type = "text";
-                title_input_textbox.value = `${max}`;
-                title_input_textbox.id = id+"-textbox";
-                title_input_textbox.classList.add("rounded", "border", "border-dark", "border-2", "dark-5", "text-light");
-                input_sec.appendChild(title_input_slider);
-                input_sec.appendChild(title_input_textbox);
-
-                row_elem.appendChild(input_sec);
-
-                sq2StringPDF(id, max, val, amp); //val is base roll
-                sq2StringCDF(id, max, val, amp); //val is base roll
-                title_input_slider.addEventListener("change", (event) => {
-                    let id_name = event.target.id.split("-")[0];
-                    let textbox_elem = document.getElementById(id_name+"-textbox");
-
-                    if (reversedIDs.includes(id_name)) {
-                        if (event.target.value < -1*min) { event.target.value = -1*min}
-                        if (event.target.value > -1*max) { event.target.value = -1*max}
-                        sq2StringPDF(id_name, -1*event.target.value, val, amp); //val is base roll
-                        sq2StringCDF(id_name, -1*event.target.value, val, amp); //val is base roll
-                    } else {    
-                        if (event.target.value < min) { event.target.value = min}
-                        if (event.target.value > max) { event.target.value = max}
-                        sq2StringPDF(id_name, 1*event.target.value, val, amp); //val is base roll
-                        sq2StringCDF(id_name, 1*event.target.value, val, amp); //val is base roll
-                    }
-
-                    if (textbox_elem && textbox_elem.value !== event.target.value) {
-                        if (reversedIDs.includes(id_name)) {
-                            textbox_elem.value = -event.target.value;
-                        } else {
-                            textbox_elem.value = event.target.value;
-                        }
-                    }
-                    
-                    
-                });
-                title_input_textbox.addEventListener("change", (event) => {
-                    let id_name = event.target.id.split("-")[0];
-                    if (reversedIDs.includes(id_name)) {
-                        if (event.target.value > min) { event.target.value = min}
-                        if (event.target.value < max) { event.target.value = max}
-                    } else {    
-                        if (event.target.value < min) { event.target.value = min}
-                        if (event.target.value > max) { event.target.value = max}
-                    }
-                    let slider_elem = document.getElementById(id_name+"-slider");
-                    if (slider_elem.value !== event.target.value) {
-                        slider_elem.value = -event.target.value;    
-                    }
-
-                    sq2StringPDF(id_name, 1*event.target.value, val, amp); 
-                    sq2StringCDF(id_name, 1*event.target.value, val, amp); 
-                });
-            }
-        }
-    }
-}
-
-//helper functions. id - the string of the id's name, val - the value of the id, base - the base value of the item for this id
-function sq2StringPDF(id,val,base,amp) {
-    /** [0.3b,1.3b] positive normal
-     *  [1.3b,0.3b] positive reversed
-     *  [1.3b,0.7b] negative normal
-     *  [0.7b,1.3b] negative reversed
-     * 
-     *  [0.3, 1.3] minr, maxr [0.3b, 1.3b] min, max
-     *  the minr/maxr decimal roll that corresponds to val -> minround, maxround
-     */
-    let p; let min; let max; let minr; let maxr; let minround; let maxround;
-    if (base > 0) {
-        minr = 0.3 + 0.05*amp; maxr = 1.3;
-        min = Math.max(1, Math.round(minr*base)); max = Math.max(1, Math.round(maxr*base));
-        minround = (min == max) ? (minr) : ( Math.max(minr, (val-0.5) / base) );
-        maxround = (min == max) ? (maxr) : ( Math.min(maxr, (val+0.5) / base) );
-    } else {
-        minr = 1.3; maxr = 0.7;
-        min = Math.min(-1, Math.round(minr*base)); max = Math.min(-1, Math.round(maxr*base));
-        minround = (min == max) ? (minr) : ( Math.min(minr, (val-0.5) / base) );
-        maxround = (min == max) ? (maxr) : ( Math.max(maxr, (val+0.5) / base) );
-    }
-    
-    p = Math.abs(maxround-minround)/Math.abs(maxr-minr)*100;
-    p = p.toFixed(3);
-
-    let div1 = document.createElement("div");
-    div1.textContent = "Roll exactly ";
-    div1.classList.add("col-auto", "px-0");
-    let div2 = document.createElement("div");
-    div2.textContent = val + idSuffixes[id];
-    div2.classList.add("col-auto", "px-1");
-    if (val > 0 == !reversedIDs.includes(id)) {div2.classList.add("positive")}
-    if (val > 0 == reversedIDs.includes(id)) {div2.classList.add("negative")}
-    let div3 = document.createElement("div");
-    div3.textContent = ": " + p + "%";
-    div3.classList.add("col-auto", "px-0");
-    document.getElementById(id + "-pdf").innerHTML = "";
-    document.getElementById(id + "-pdf").appendChild(div1);
-    document.getElementById(id + "-pdf").appendChild(div2);
-    document.getElementById(id + "-pdf").appendChild(div3);
-}
-function sq2StringCDF(id,val,base,amp) {
-    let p; let min; let max; let minr; let maxr; let minround; let maxround;
-    if (base > 0) {
-        minr = 0.3 + 0.05*amp; maxr = 1.3;
-        min = Math.max(1, Math.round(minr*base)); max = Math.max(1, Math.round(maxr*base));
-        minround = (min == max) ? (minr) : ( Math.max(minr, (val-0.5) / base) );
-        maxround = (min == max) ? (maxr) : ( Math.min(maxr, (val+0.5) / base) );
-    } else {
-        minr = 1.3; maxr = 0.7;
-        min = Math.min(-1, Math.round(minr*base)); max = Math.min(-1, Math.round(maxr*base));
-        minround = (min == max) ? (minr) : ( Math.min(minr, (val-0.5) / base) );
-        maxround = (min == max) ? (maxr) : ( Math.max(maxr, (val+0.5) / base) );
-    }
-
-    if (reversedIDs.includes(id)) {
-        p = Math.abs(minr-maxround)/Math.abs(maxr-minr)*100;
-    } else {
-        p = Math.abs(maxr-minround)/Math.abs(maxr-minr)*100;
-    }
-    p = p.toFixed(3);
-    
-    let div1 = document.createElement("div");
-    div1.textContent = "Roll ";
-    div1.classList.add("col-auto", "px-0");
-    let div2 = document.createElement("div");
-    div2.textContent = val + idSuffixes[id];
-    div2.classList.add("col-auto", "px-1");
-    if (val > 0 == !reversedIDs.includes(id)) {div2.classList.add("positive")}
-    if (val > 0 == reversedIDs.includes(id)) {div2.classList.add("negative")}
-    let div3 = document.createElement("div");
-    div3.textContent= " or better: " + p + "%";
-    div3.classList.add("col-auto", "px-0");
-    document.getElementById(id + "-cdf").innerHTML = "";
-    document.getElementById(id + "-cdf").appendChild(div1);
-    document.getElementById(id + "-cdf").appendChild(div2);
-    document.getElementById(id + "-cdf").appendChild(div3);
-}
diff --git a/js/sq2display_constants.js b/js/sq2display_constants.js
deleted file mode 100644
index 6f352fd..0000000
--- a/js/sq2display_constants.js
+++ /dev/null
@@ -1,191 +0,0 @@
-let powder_chars = [
-    '\u2724',
-    '\u2726',
-    '\u2749',
-    '\u2739',
-    '\u274b'
-]
-let subscript_nums = [
-    '\u2081',
-    '\u2082',
-    '\u2083',
-    '\u2084',
-    '\u2085',
-    '\u2086',
-]
-
-let skp_names = [
-    'str',
-    'dex',
-    'int',
-    'def',
-    'agi'
-]
-
-let elem_chars = [
-    'e',
-    't',
-    'w',
-    'f',
-    'a'
-]
-
-let elem_names = [
-    'earth',
-    'thunder',
-    'water',
-    'fire',
-    'air'
-]
-
-let elem_colors = [
-    "#00AA00",
-    "#FFFF55",
-    "#55FFFF",
-    "#FF5555",
-    "#FFFFFF"
-]
-
-let item_types = [
-    "Helmet",
-    "Chestplate",
-    "Leggings",
-    "Boots",
-    "Ring",
-    "Bracelet",
-    "Necklace",
-    "Dagger",
-    "Spear",
-    "Wand",
-    "Relik",
-    "Bow",
-    "Potion",
-    "Scroll",
-    "Food",
-    "Weapon Tome",
-    "Armor Tome",
-    "Guild Tome"
-]
-
-let tome_types = ['weaponTome', 'armorTome', 'guildTome'];
-let tome_keys = ['weaponTome1', 'weaponTome2', 'armorTome1', 'armorTome2', 'armorTome3', 'armorTome4', 'guildTome1'];
-
-/*
- * Display commands
- */
-let build_all_display_commands = [
-    "#defense-stats",
-    "str", "dex", "int", "def", "agi",
-    "mr", "ms",
-    "hprRaw", "hprPct",
-    "sdRaw", "sdPct",
-    "mdRaw", "mdPct",
-    "ref", "thorns",
-    "ls",
-    "poison",
-    "expd",
-    "spd",
-    "atkTier",
-    "!elemental",
-    "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
-    "!elemental",
-    "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
-    "rainbowRaw",
-    "sprint", "sprintReg",
-    "jh",
-    "xpb", "lb", "lq",
-    "spRegen",
-    "eSteal",
-    "gXp", "gSpd",
-];
-
-let build_offensive_display_commands = [
-    "str", "dex", "int", "def", "agi",
-    "mr", "ms",
-    "sdRaw", "sdPct",
-    "mdRaw", "mdPct",
-    "ref", "thorns",
-    "ls",
-    "poison",
-    "expd",
-    "spd",
-    "atkTier",
-    "rainbowRaw",
-    "!elemental",
-    "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
-    "!elemental",
-    "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
-];
-
-let build_basic_display_commands = [
-    '#defense-stats',
-    // defense stats [hp, ehp, hpr, ]
-    // "sPot", // base * atkspd + spell raws
-    // melee potential
-    // "mPot", // melee% * (base * atkspd) + melee raws
-    "mr", "ms",
-    "ls",
-    "poison",
-    "spd",
-    "atkTier",
-]
-
-let sq2_item_display_commands = [
-    "displayName",
-    "atkSpd",
-    "!elemental",
-    "hp",
-    "nDam_", "fDam_", "wDam_", "aDam_", "tDam_", "eDam_",
-    "!spacer",
-    "fDef", "wDef", "aDef", "tDef", "eDef",
-    "!elemental",
-    "classReq",
-    "lvl",
-    "strReq", "dexReq", "intReq", "defReq","agiReq",
-    "!spacer",
-    "str", "dex", "int", "def", "agi",
-    "hpBonus",
-    "hprRaw", "hprPct",
-    "sdRaw", "sdPct",
-    "mdRaw", "mdPct",
-    "mr", "ms",
-    "ref", "thorns",
-    "ls",
-    "poison",
-    "expd",
-    "spd",
-    "atkTier",
-    "!elemental",
-    "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct",
-    "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct",
-    "!elemental",
-    "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4",
-    "rainbowRaw",
-    "sprint", "sprintReg",
-    "jh",
-    "xpb", "lb", "lq",
-    "spRegen",
-    "eSteal",
-    "gXp", "gSpd",
-    "majorIds",
-    "!spacer",
-    "slots",
-    "!spacer",
-    "set",
-    "lore",
-    "quest",
-    "restrict"
-];
-
-let sq2_ing_display_order = [
-    "displayName", //tier will be displayed w/ name
-    "!spacer",
-    "ids",
-    "!spacer",
-    "posMods",
-    "itemIDs",
-    "consumableIDs",
-    "!spacer",
-    "lvl",
-    "skills",
-]
\ No newline at end of file
diff --git a/js/sq2items.js b/js/sq2items.js
index 5aba33b..c3c7185 100644
--- a/js/sq2items.js
+++ b/js/sq2items.js
@@ -250,7 +250,7 @@ function resetItemSearch() {
 }
 
 function init_items() {
-    items_expanded = items.filter( (i) => !("remapID" in i) ).map( (i) => expandItem(i, []) );
+    items_expanded = items.filter( (i) => !("remapID" in i) ).map( (i) => expandItem(i) );
 }
 
 load_init(init_items);
diff --git a/js/utils.js b/js/utils.js
index 064473d..df2fbe7 100644
--- a/js/utils.js
+++ b/js/utils.js
@@ -1,32 +1,8 @@
 let getUrl = window.location;
 const url_base = getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
 
-const zip = (a, b) => a.map((k, i) => [k, b[i]]);
-
-//updates all the OGP tags for a webpage. Should be called when build changes
-function updateOGP() {
-    //update the embed URL
-    let url_elem = document.getElementById("ogp-url");
-    if (url_elem) {
-        url_elem.content = url_base+location.hash;
-    }
-
-    //update the embed text content
-    let build_elem = document.getElementById("ogp-build-list");
-    if (build_elem && player_build) {
-        let text = "WynnBuilder build:\n"+
-            "> "+player_build.helmet.get("displayName")+"\n"+
-            "> "+player_build.chestplate.get("displayName")+"\n"+
-            "> "+player_build.leggings.get("displayName")+"\n"+
-            "> "+player_build.boots.get("displayName")+"\n"+
-            "> "+player_build.ring1.get("displayName")+"\n"+
-            "> "+player_build.ring2.get("displayName")+"\n"+
-            "> "+player_build.bracelet.get("displayName")+"\n"+
-            "> "+player_build.necklace.get("displayName")+"\n"+
-            "> "+player_build.weapon.get("displayName")+" ["+player_build.weapon.get("powders").map(x => powderNames.get(x)).join("")+"]";
-        build_elem.content = text;
-    }
-}
+const zip2 = (a, b) => a.map((k, i) => [k, b[i]]);
+const zip3 = (a, b, c) => a.map((k, i) => [k, b[i], c[i]]);
 
 function clamp(num, low, high){
     return Math.min(Math.max(num, low), high);
@@ -101,7 +77,7 @@ function log(b, n) {
 // Base64.fromInt(-2147483648); // gives "200000"
 // Base64.toInt("200000"); // gives -2147483648
 Base64 = (function () {
-    var digitsStr = 
+    var digitsStr =
     //   0       8       16      24      32      40      48      56     63
     //   v       v       v       v       v       v       v       v      v
         "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz+-";
@@ -153,7 +129,7 @@ Base64 = (function () {
 
 
 /** A class used to represent an arbitrary length bit vector. Very useful for encoding and decoding.
- * 
+ *
  */
  class BitVector {
 
@@ -161,7 +137,7 @@ Base64 = (function () {
      * @class
      * @param {String | Number} data - The data to append.
      * @param {Number} length - A set length for the data. Ignored if data is a string.
-     * 
+     *
      * The structure of the Uint32Array should be [[last, ..., first], ..., [last, ..., first], [empty space, last, ..., first]]
      */
     constructor(data, length) {
@@ -194,7 +170,7 @@ Base64 = (function () {
             }
 
             //convert to int just in case
-            data = Math.round(data); 
+            data = Math.round(data);
 
             //range of numbers that won't fit in a uint32
             if (data > 2**32 - 1 || data < -(2 ** 32 - 1)) {
@@ -210,23 +186,23 @@ Base64 = (function () {
     }
 
     /** Return value of bit at index idx.
-     * 
+     *
      * @param {Number} idx - The index to read
-     * 
+     *
      * @returns The bit value at position idx
      */
     read_bit(idx) {
         if (idx < 0 || idx >= this.length) {
-            throw new RangeError("Cannot read bit outside the range of the BitVector.");
+            throw new RangeError("Cannot read bit outside the range of the BitVector. ("+idx+" > "+this.length+")");
         }
-        return ((this.bits[Math.floor(idx / 32)] & (1 << (idx % 32))) == 0 ? 0 : 1);
+        return ((this.bits[Math.floor(idx / 32)] & (1 << idx)) == 0 ? 0 : 1);
     }
 
     /** Returns an integer value (if possible) made from the range of bits [start, end). Undefined behavior if the range to read is too big.
-     * 
+     *
      * @param {Number} start - The index to start slicing from. Inclusive.
      * @param {Number} end - The index to end slicing at. Exclusive.
-     * 
+     *
      * @returns An integer representation of the sliced bits.
      */
     slice(start, end) {
@@ -252,7 +228,7 @@ Base64 = (function () {
             res = (this.bits[int_idx] & ((~0) << (start))) >>> (start_pos);
             res |= (this.bits[int_idx + 1] & ~((~0) << (end))) << (32 - start_pos);
         }
-        
+
         return res;
 
         // General code - slow
@@ -262,7 +238,7 @@ Base64 = (function () {
     }
 
     /** Assign bit at index idx to 1.
-     * 
+     *
      * @param {Number} idx - The index to set.
      */
     set_bit(idx) {
@@ -271,9 +247,9 @@ Base64 = (function () {
         }
         this.bits[Math.floor(idx / 32)] |= (1 << idx % 32);
     }
-    
+
     /** Assign bit at index idx to 0.
-     * 
+     *
      * @param {Number} idx - The index to clear.
      */
     clear_bit(idx) {
@@ -283,8 +259,8 @@ Base64 = (function () {
         this.bits[Math.floor(idx / 32)] &= ~(1 << idx % 32);
     }
 
-    /** Creates a string version of the bit vector in B64. Does not keep the order of elements a sensible human readable format.  
-     * 
+    /** Creates a string version of the bit vector in B64. Does not keep the order of elements a sensible human readable format.
+     *
      * @returns A b64 string representation of the BitVector.
      */
     toB64() {
@@ -297,12 +273,12 @@ Base64 = (function () {
             b64_str += Base64.fromIntV(this.slice(i, i + 6), 1);
             i += 6;
         }
-        
+
         return b64_str;
     }
 
     /** Returns a BitVector in bitstring format. Probably only useful for dev debugging.
-     * 
+     *
      * @returns A bit string representation of the BitVector. Goes from higher-indexed bits to lower-indexed bits. (n ... 0)
      */
     toString() {
@@ -314,7 +290,7 @@ Base64 = (function () {
     }
 
      /** Returns a BitVector in bitstring format. Probably only useful for dev debugging.
-     * 
+     *
      * @returns A bit string representation of the BitVector. Goes from lower-indexed bits to higher-indexed bits. (0 ... n)
      */
     toStringR() {
@@ -326,7 +302,7 @@ Base64 = (function () {
     }
 
     /** Appends data to the BitVector.
-     * 
+     *
      * @param {Number | String} data - The data to append.
      * @param {Number} length - The length, in bits, of the new data. This is ignored if data is a string. Defaults to 32 for numbers.
      */
@@ -506,7 +482,7 @@ function randomColor() {
 
 /**
  * Generates a random color, but lightning must be relatively high (>0.5).
- * 
+ *
  * @returns a random color in RGB 6-bit form.
  */
 function randomColorLight() {
@@ -514,7 +490,7 @@ function randomColorLight() {
 }
 
 /** Generates a random color given HSL restrictions.
- * 
+ *
  * @returns a random color in RGB 6-bit form.
  */
 function randomColorHSL(h,s,l) {
@@ -566,8 +542,8 @@ function randomColorHSL(h,s,l) {
     return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
 }
 
-/** Creates a tooltip. 
- * 
+/** Creates a tooltip.
+ *
  * @param {DOM Element} elem - the element to make a tooltip
  * @param {String} element_type - the HTML element type that the tooltiptext should be.
  * @param {String} tooltiptext - the text to display in the tooltip.
@@ -598,7 +574,7 @@ function createTooltip(elem, element_type, tooltiptext, parent, classList) {
 }
 
 /** A generic function that toggles the on and off state of a button.
- * 
+ *
  * @param {String} button_id - the id name of the button.
  */
 function toggleButton(button_id) {
@@ -642,8 +618,8 @@ function addClasses(elem, classes) {
     return elem;
 }
 
-/** A utility function that reloads the page forcefully. 
- * 
+/** A utility function that reloads the page forcefully.
+ *
  */
 async function hardReload() {
     //https://gist.github.com/rmehner/b9a41d9f659c9b1c3340
@@ -657,3 +633,127 @@ async function hardReload() {
 function capitalizeFirst(str) {
     return str[0].toUpperCase() + str.substring(1);
 }
+
+/** https://stackoverflow.com/questions/16839698/jquery-getscript-alternative-in-native-javascript
+ *  If we ever want to write something that needs to import other js files
+ */
+const getScript = url => new Promise((resolve, reject) => {
+    const script = document.createElement('script');
+    script.src = url;
+    script.async = true;
+
+    script.onerror = reject;
+
+    script.onload = script.onreadystatechange = function () {
+        const loadState = this.readyState;
+
+        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
+
+        script.onload = script.onreadystatechange = null;
+
+        resolve();
+    }
+
+    document.head.appendChild(script);
+})
+
+/*
+GENERIC TEST FUNCTIONS
+*/
+/** The generic assert function. Fails on all "false-y" values. Useful for non-object equality checks, boolean value checks, and existence checks.
+ *
+ * @param {*} arg - argument to assert.
+ * @param {String} msg - the error message to throw.
+ */
+ function assert(arg, msg) {
+    if (!arg) {
+        throw new Error(msg ? msg : "Assert failed.");
+    }
+}
+
+/** Asserts object equality of the 2 parameters. For loose and strict asserts, use assert().
+ *
+ * @param {*} arg1 - first argument to compare.
+ * @param {*} arg2 - second argument to compare.
+ * @param {String} msg - the error message to throw.
+ */
+function assert_equals(arg1, arg2, msg) {
+    if (!Object.is(arg1, arg2)) {
+        throw new Error(msg ? msg : "Assert Equals failed. " + arg1 + " is not " + arg2 + ".");
+    }
+}
+
+/** Asserts object inequality of the 2 parameters. For loose and strict asserts, use assert().
+ *
+ * @param {*} arg1 - first argument to compare.
+ * @param {*} arg2 - second argument to compare.
+ * @param {String} msg - the error message to throw.
+ */
+ function assert_not_equals(arg1, arg2, msg) {
+    if (Object.is(arg1, arg2)) {
+        throw new Error(msg ? msg : "Assert Not Equals failed. " + arg1 + " is " + arg2 + ".");
+    }
+}
+
+/** Asserts proximity between 2 arguments. Should be used for any floating point datatype.
+ *
+ * @param {*} arg1 - first argument to compare.
+ * @param {*} arg2 - second argument to compare.
+ * @param {Number} epsilon - the margin of error (<= del difference is ok). Defaults to -1E5.
+ * @param {String} msg - the error message to throw.
+ */
+function assert_near(arg1, arg2, epsilon = 1E-5, msg) {
+    if (Math.abs(arg1 - arg2) > epsilon) {
+        throw new Error(msg ? msg : "Assert Near failed. " + arg1 + " is not within " + epsilon + " of " + arg2 + ".");
+    }
+}
+
+/** Asserts that the input argument is null.
+ *
+ * @param {*} arg - the argument to test for null.
+ * @param {String} msg - the error message to throw.
+ */
+function assert_null(arg, msg) {
+    if (arg !== null) {
+        throw new Error(msg ? msg : "Assert Near failed. " + arg + " is not null.");
+    }
+}
+
+/** Asserts that the input argument is undefined.
+ *
+ * @param {*} arg - the argument to test for undefined.
+ * @param {String} msg - the error message to throw.
+ */
+ function assert_undefined(arg, msg) {
+    if (arg !== undefined) {
+        throw new Error(msg ? msg : "Assert Near failed. " + arg + " is not undefined.");
+    }
+}
+
+/** Asserts that there is an error when a callback function is run.
+ *
+ * @param {Function} func_binding - a function binding to run. Can be passed in with func.bind(null, arg1, ..., argn)
+ * @param {String} msg - the error message to throw.
+ */
+function assert_error(func_binding, msg) {
+    try {
+        func_binding();
+    } catch (err) {
+        return;
+    }
+    throw new Error(msg ? msg : "Function didn't throw an error.");
+}
+
+/**
+ * Deep copy object/array of basic types.
+ */
+function deepcopy(obj) {
+    if (typeof(obj) !== 'object' || obj === null) { // null or value type
+        return obj;
+    }
+    let ret = Array.isArray(obj) ? [] : {};
+    for (let key in obj) {
+        ret[key] = deepcopy(obj[key]);
+    }
+    return ret;
+}
diff --git a/media/atree/connect_angle.png b/media/atree/connect_angle.png
index 3ea2c16..b1b03fd 100644
Binary files a/media/atree/connect_angle.png and b/media/atree/connect_angle.png differ
diff --git a/media/atree/connect_c.png b/media/atree/connect_c.png
new file mode 100644
index 0000000..cc5022b
Binary files /dev/null and b/media/atree/connect_c.png differ
diff --git a/media/atree/connect_line.png b/media/atree/connect_line.png
index d96094a..41ee507 100644
Binary files a/media/atree/connect_line.png and b/media/atree/connect_line.png differ
diff --git a/media/atree/connect_t.png b/media/atree/connect_t.png
new file mode 100644
index 0000000..9acedd6
Binary files /dev/null and b/media/atree/connect_t.png differ
diff --git a/media/atree/highlight_angle.png b/media/atree/highlight_angle.png
new file mode 100644
index 0000000..accb200
Binary files /dev/null and b/media/atree/highlight_angle.png differ
diff --git a/media/atree/highlight_c.png b/media/atree/highlight_c.png
new file mode 100644
index 0000000..1aa028d
Binary files /dev/null and b/media/atree/highlight_c.png differ
diff --git a/media/atree/highlight_c_2_a.png b/media/atree/highlight_c_2_a.png
new file mode 100644
index 0000000..c7d3f89
Binary files /dev/null and b/media/atree/highlight_c_2_a.png differ
diff --git a/media/atree/highlight_c_2_l.png b/media/atree/highlight_c_2_l.png
new file mode 100644
index 0000000..b522cf5
Binary files /dev/null and b/media/atree/highlight_c_2_l.png differ
diff --git a/media/atree/highlight_c_3.png b/media/atree/highlight_c_3.png
new file mode 100644
index 0000000..546bd34
Binary files /dev/null and b/media/atree/highlight_c_3.png differ
diff --git a/media/atree/highlight_line.png b/media/atree/highlight_line.png
new file mode 100644
index 0000000..f4ab69f
Binary files /dev/null and b/media/atree/highlight_line.png differ
diff --git a/media/atree/highlight_t_2_a.png b/media/atree/highlight_t_2_a.png
new file mode 100644
index 0000000..e6cd87a
Binary files /dev/null and b/media/atree/highlight_t_2_a.png differ
diff --git a/media/atree/highlight_t_2_l.png b/media/atree/highlight_t_2_l.png
new file mode 100644
index 0000000..b52a8d7
Binary files /dev/null and b/media/atree/highlight_t_2_l.png differ
diff --git a/media/atree/highlight_t_3.png b/media/atree/highlight_t_3.png
new file mode 100644
index 0000000..153c85e
Binary files /dev/null and b/media/atree/highlight_t_3.png differ
diff --git a/media/atree/node-blocked.png b/media/atree/node-blocked.png
new file mode 100644
index 0000000..42892b6
Binary files /dev/null and b/media/atree/node-blocked.png differ
diff --git a/media/atree/node-selected.png b/media/atree/node-selected.png
new file mode 100644
index 0000000..f67fef9
Binary files /dev/null and b/media/atree/node-selected.png differ
diff --git a/media/atree/node.png b/media/atree/node.png
index e0da27e..e37bf89 100644
Binary files a/media/atree/node.png and b/media/atree/node.png differ
diff --git a/media/atree/node_0.png b/media/atree/node_0.png
new file mode 100644
index 0000000..538b41a
Binary files /dev/null and b/media/atree/node_0.png differ
diff --git a/media/atree/node_0_blocked.png b/media/atree/node_0_blocked.png
new file mode 100644
index 0000000..e62898d
Binary files /dev/null and b/media/atree/node_0_blocked.png differ
diff --git a/media/atree/node_1.png b/media/atree/node_1.png
new file mode 100644
index 0000000..2e1ea97
Binary files /dev/null and b/media/atree/node_1.png differ
diff --git a/media/atree/node_1_blocked.png b/media/atree/node_1_blocked.png
new file mode 100644
index 0000000..f7b0e5a
Binary files /dev/null and b/media/atree/node_1_blocked.png differ
diff --git a/media/atree/node_2.png b/media/atree/node_2.png
new file mode 100644
index 0000000..de7be26
Binary files /dev/null and b/media/atree/node_2.png differ
diff --git a/media/atree/node_2_blocked.png b/media/atree/node_2_blocked.png
new file mode 100644
index 0000000..97bcb14
Binary files /dev/null and b/media/atree/node_2_blocked.png differ
diff --git a/media/atree/node_3.png b/media/atree/node_3.png
new file mode 100644
index 0000000..b55c896
Binary files /dev/null and b/media/atree/node_3.png differ
diff --git a/media/atree/node_3_blocked.png b/media/atree/node_3_blocked.png
new file mode 100644
index 0000000..26f82cd
Binary files /dev/null and b/media/atree/node_3_blocked.png differ
diff --git a/media/atree/node_4.png b/media/atree/node_4.png
new file mode 100644
index 0000000..be8c287
Binary files /dev/null and b/media/atree/node_4.png differ
diff --git a/media/atree/node_4_blocked.png b/media/atree/node_4_blocked.png
new file mode 100644
index 0000000..d859252
Binary files /dev/null and b/media/atree/node_4_blocked.png differ
diff --git a/media/atree/node_highlight.png b/media/atree/node_highlight.png
new file mode 100644
index 0000000..76fa3f8
Binary files /dev/null and b/media/atree/node_highlight.png differ
diff --git a/media/audio/bruh_sound_effect.mp3 b/media/audio/bruh_sound_effect.mp3
new file mode 100644
index 0000000..2b245a3
Binary files /dev/null and b/media/audio/bruh_sound_effect.mp3 differ
diff --git a/py_script/README.md b/py_script/README.md
index 656b911..89a1feb 100644
--- a/py_script/README.md
+++ b/py_script/README.md
@@ -1,8 +1,6 @@
 Process for getting new data:
 
-1. run `python3 dump.py`. This will overwrite `dump.json` and `../ingreds.json`
-2. Copy `../old clean.json` or `../compress.json` into `updated.json`
-3. Run `python3 transform_merge.py`
-4. Run `python3 ing_transform_combine.py`
-5. Check validity (json differ or whatever)
-6. Copy `clean.json` and `compress.json` into toplevel for usage
+1. Get new data from API with `get.py`
+2. Clean the data (may have to do manually) with the `process` related py files
+3. Check validity (json differ or whatever)
+4. Create clean and compress versions and copy them into toplevel for usage (can use `clean_json.py` and `compress_json.py` for this).
diff --git a/py_script/atree-convertID.py b/py_script/atree-convertID.py
new file mode 100644
index 0000000..6328f53
--- /dev/null
+++ b/py_script/atree-convertID.py
@@ -0,0 +1,66 @@
+"""
+Generate a JSON Ability Tree [atree_constants_idfied.json] with:
+ - All references replaced by numerical IDs
+given a JSON Ability Tree with reference as string AND a JSON Ability Names to IDs.
+"""
+import json
+
+# Ability names to IDs data
+with open("atree_ids.json") as f:
+    id_data = json.loads(f.read())
+
+# Ability tree data with reference as string
+with open("atree_constants.json") as f:
+    atree_data = json.loads(f.read())
+
+def translate_id(id_data, atree_data):
+    for _class, info in atree_data.items():
+        def translate(path, ref):
+            ref_dict = info
+            for x in path:
+                ref_dict = ref_dict[x]
+            ref_dict[ref] = id_data[_class][ref_dict[ref]]
+        
+        for abil in range(len(info)):
+            info[abil]["id"] = id_data[_class][info[abil]["display_name"]]
+            for ref in range(len(info[abil]["parents"])):
+                translate([abil, "parents"], ref)
+
+            for ref in range(len(info[abil]["dependencies"])):
+                translate([abil, "dependencies"], ref)
+
+            for ref in range(len(info[abil]["blockers"])):
+                translate([abil, "blockers"], ref)
+
+            if "base_abil" in info[abil]:
+                base_abil_name = info[abil]["base_abil"]
+                if base_abil_name in id_data[_class]:
+                    translate([abil], "base_abil")
+
+            if "effects" not in info[abil]:
+                print("WARNING: abil missing 'effects' tag")
+                print(info[abil])
+                info[abil]["effects"] = []
+            for effect in info[abil]["effects"]:
+                if effect["type"] == "raw_stat":
+                    for bonus in effect["bonuses"]:
+                        if "abil" in bonus and bonus["abil"] in id_data[_class]:
+                            bonus["abil"] = id_data[_class][bonus["abil"]]
+
+                elif effect["type"] == "stat_scaling":
+                    if "inputs" in effect:  # Might not exist for sliders
+                        for _input in effect["inputs"]:
+                            if "abil" in _input and _input["abil"] in id_data[_class]:
+                                _input["abil"] = id_data[_class][_input["abil"]]
+                    if isinstance(effect["output"], list):
+                        for output in effect["output"]:
+                            if "abil" in output and output["abil"] in id_data[_class]:
+                                output["abil"] = id_data[_class][output["abil"]]
+                    else:
+                        if "abil" in effect["output"] and effect["output"]["abil"] in id_data[_class]:
+                            effect["output"]["abil"] = id_data[_class][effect["output"]["abil"]]
+
+translate_id(id_data, atree_data)
+
+with open('atree_constants_idfied.json', 'w', encoding='utf-8') as abil_dest:
+    json.dump(atree_data, abil_dest, ensure_ascii=False, indent=4)
diff --git a/py_script/atree-generateID.py b/py_script/atree-generateID.py
new file mode 100644
index 0000000..0f06ce3
--- /dev/null
+++ b/py_script/atree-generateID.py
@@ -0,0 +1,79 @@
+"""
+Generate a minified JSON Ability Tree [atree_constants_min.json] AND a minified .js form [atree_constants_min.js] of the Ability Tree with:
+ - All references replaced by numerical IDs
+ - Extra JSON File with Class: [Original name as key and Assigned IDs as value].
+given [atree_constants.js] .js form of the Ability Tree with reference as string.
+"""
+import json
+
+def translate_id(id_data, atree_data):
+    for _class, info in atree_data.items():
+        def translate(path, ref):
+            ref_dict = info
+            for x in path:
+                ref_dict = ref_dict[x]
+            ref_dict[ref] = id_data[_class][ref_dict[ref]]
+        
+        for abil in range(len(info)):
+            info[abil]["id"] = id_data[_class][info[abil]["display_name"]]
+            for ref in range(len(info[abil]["parents"])):
+                translate([abil, "parents"], ref)
+
+            for ref in range(len(info[abil]["dependencies"])):
+                translate([abil, "dependencies"], ref)
+
+            for ref in range(len(info[abil]["blockers"])):
+                translate([abil, "blockers"], ref)
+
+            if "base_abil" in info[abil]:
+                base_abil_name = info[abil]["base_abil"]
+                if base_abil_name in id_data[_class]:
+                    translate([abil], "base_abil")
+
+            if "effects" not in info[abil]:
+                print("WARNING: abil missing 'effects' tag")
+                print(info[abil])
+                info[abil]["effects"] = []
+            for effect in info[abil]["effects"]:
+                if effect["type"] == "raw_stat":
+                    for bonus in effect["bonuses"]:
+                        if "abil" in bonus and bonus["abil"] in id_data[_class]:
+                            bonus["abil"] = id_data[_class][bonus["abil"]]
+
+                elif effect["type"] == "stat_scaling":
+                    if "inputs" in effect:  # Might not exist for sliders
+                        for _input in effect["inputs"]:
+                            if "abil" in _input and _input["abil"] in id_data[_class]:
+                                _input["abil"] = id_data[_class][_input["abil"]]
+                    if isinstance(effect["output"], list):
+                        for output in effect["output"]:
+                            if "abil" in output and output["abil"] in id_data[_class]:
+                                output["abil"] = id_data[_class][output["abil"]]
+                    else:
+                        if "abil" in effect["output"] and effect["output"]["abil"] in id_data[_class]:
+                            effect["output"]["abil"] = id_data[_class][effect["output"]["abil"]]
+
+abilDict = {}
+with open("atree_constants.js") as f:
+    data = f.read()
+    data = data.replace("const atrees = ", "")
+    data = json.loads(data)
+    for classType, info in data.items():
+        _id = 0
+        abilDict[classType] = {}
+        for abil in info:
+            abilDict[classType][abil["display_name"]] = _id
+            _id += 1
+
+    with open("atree_ids.json", "w", encoding='utf-8') as id_dest:
+        json.dump(abilDict, id_dest, ensure_ascii=False, indent=4)
+
+    translate_id(abilDict, data)
+
+    data_str = json.dumps(data, ensure_ascii=False, separators=(',', ':'))
+    data_str = "const atrees=" + data_str
+    with open('atree_constants_min.js', 'w', encoding='utf-8') as abil_dest:
+        abil_dest.write(data_str)
+    
+    with open('atree_constants_min.json', 'w', encoding='utf-8') as json_dest:
+        json.dump(data, json_dest, ensure_ascii=False, separators=(',', ':'))
diff --git a/py_script/atree-ids.json b/py_script/atree-ids.json
new file mode 100644
index 0000000..16db827
--- /dev/null
+++ b/py_script/atree-ids.json
@@ -0,0 +1,146 @@
+{
+    "Archer": {
+        "Arrow Shield": 1,
+        "Escape": 2,
+        "Arrow Bomb": 3,
+        "Heart Shatter": 4,
+        "Fire Creep": 5,
+        "Bryophyte Roots": 6,
+        "Nimble String": 7,
+        "Arrow Storm": 8,
+        "Guardian Angels": 9,
+        "Windy Feet": 10,
+        "Basaltic Trap": 11,
+        "Windstorm": 12,
+        "Grappling Hook": 13,
+        "Implosion": 14,
+        "Twain's Arc": 15,
+        "Fierce Stomp": 16,
+        "Scorched Earth": 17,
+        "Leap": 18,
+        "Shocking Bomb": 19,
+        "Mana Trap": 20,
+        "Escape Artist": 21,
+        "Initiator": 22,
+        "Call of the Hound": 23,
+        "Arrow Hurricane": 24,
+        "Geyser Stomp": 25,
+        "Crepuscular Ray": 26,
+        "Grape Bomb": 27,
+        "Tangled Traps": 28,
+        "Snow Storm": 29,
+        "All-Seeing Panoptes": 30,
+        "Minefield": 31,
+        "Bow Proficiency I": 32,
+        "Cheaper Arrow Bomb": 33,
+        "Cheaper Arrow Storm": 34,
+        "Cheaper Escape": 35,
+        "Earth Mastery": 36,
+        "Thunder Mastery": 37,
+        "Water Mastery": 38,
+        "Air Mastery": 39,
+        "Fire Mastery": 40,
+        "More Shields": 41,
+        "Stormy Feet": 42,
+        "Refined Gunpowder": 43,
+        "More Traps": 44,
+        "Better Arrow Shield": 45,
+        "Better Leap": 46,
+        "Better Guardian Angels": 47,
+        "Cheaper Arrow Storm (2)": 48,
+        "Precise Shot": 49,
+        "Cheaper Arrow Shield": 50,
+        "Rocket Jump": 51,
+        "Cheaper Escape (2)": 52,
+        "Stronger Hook": 53,
+        "Cheaper Arrow Bomb (2)": 54,
+        "Bouncing Bomb": 55,
+        "Homing Shots": 56,
+        "Shrapnel Bomb": 57,
+        "Elusive": 58,
+        "Double Shots": 59,
+        "Triple Shots": 60,
+        "Power Shots": 61,
+        "Focus": 62,
+        "More Focus": 63,
+        "More Focus (2)": 64,
+        "Traveler": 65,
+        "Patient Hunter": 66,
+        "Stronger Patient Hunter": 67,
+        "Frenzy": 68,
+        "Phantom Ray": 69,
+        "Arrow Rain": 70,
+        "Decimator": 71
+    },
+    "Warrior": {
+        "Bash": 1,
+        "Spear Proficiency 1": 2,
+        "Cheaper Bash": 3,
+        "Double Bash": 4,
+        "Charge": 5,
+        "Heavy Impact": 6,
+        "Vehement": 7,
+        "Tougher Skin": 8,
+        "Uppercut": 9,
+        "Cheaper Charge": 10,
+        "War Scream": 11,
+        "Earth Mastery": 12,
+        "Thunder Mastery": 13,
+        "Water Mastery": 14,
+        "Air Mastery": 15,
+        "Fire Mastery": 16,
+        "Quadruple Bash": 17,
+        "Fireworks": 18,
+        "Half-Moon Swipe": 19,
+        "Flyby Jab": 20,
+        "Flaming Uppercut": 21,
+        "Iron Lungs": 22,
+        "Generalist": 23,
+        "Counter": 24,
+        "Mantle of the Bovemists": 25,
+        "Bak'al's Grasp": 26,
+        "Spear Proficiency 2": 27,
+        "Cheaper Uppercut": 28,
+        "Aerodynamics": 29,
+        "Provoke": 30,
+        "Precise Strikes": 31,
+        "Air Shout": 32,
+        "Enraged Blow": 33,
+        "Flying Kick": 34,
+        "Stronger Mantle": 35,
+        "Manachism": 36,
+        "Boiling Blood": 37,
+        "Ragnarokkr": 38,
+        "Ambidextrous": 39,
+        "Burning Heart": 40,
+        "Stronger Bash": 41,
+        "Intoxicating Blood": 42,
+        "Comet": 43,
+        "Collide": 44,
+        "Rejuvenating Skin": 45,
+        "Uncontainable Corruption": 46,
+        "Radiant Devotee": 47,
+        "Whirlwind Strike": 48,
+        "Mythril Skin": 49,
+        "Armour Breaker": 50,
+        "Shield Strike": 51,
+        "Sparkling Hope": 52,
+        "Massive Bash": 53,
+        "Tempest": 54,
+        "Spirit of the Rabbit": 55,
+        "Massacre": 56,
+        "Axe Kick": 57,
+        "Radiance": 58,
+        "Cheaper Bash 2": 59,
+        "Cheaper War Scream": 60,
+        "Discombobulate": 61,
+        "Thunderclap": 62,
+        "Cyclone": 63,
+        "Second Chance": 64,
+        "Blood Pact": 65,
+        "Haemorrhage": 66,
+        "Brink of Madness": 67,
+        "Cheaper Uppercut 2": 68,
+        "Martyr": 69
+    }
+}
\ No newline at end of file
diff --git a/py_script/atree-parse.json b/py_script/atree-parse.json
new file mode 100644
index 0000000..7eabec7
--- /dev/null
+++ b/py_script/atree-parse.json
@@ -0,0 +1,4967 @@
+{
+  "Archer": [
+      {
+          "display_name": "Arrow Shield",
+          "desc": "Create a shield around you that deal damage and knockback mobs when triggered. (2 Charges)",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              60,
+              34
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 9,
+              "col": 6
+          },
+          "properties": {
+              "duration": 60
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Arrow Shield",
+                  "cost": 30,
+                  "display_text": "Max Damage",
+                  "base_spell": 4,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "",
+                  "parts": [
+                      {
+                          "name": "Shield Damage",
+                          "type": "damage",
+                          "multipliers": [
+                              90,
+                              0,
+                              0,
+                              0,
+                              0,
+                              10
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Shield Damage": 2
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 0
+      },
+      {
+          "display_name": "Escape",
+          "desc": "Throw yourself backward to avoid danger. (Hold shift while escaping to cancel)",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              3
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 7,
+              "col": 4
+          },
+          "properties": {
+              "aoe": 0,
+              "range": 0
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Escape",
+                  "cost": 25,
+                  "display_text": "Max Damage",
+                  "base_spell": 2,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "None",
+                          "type": "damage",
+                          "multipliers": [
+                              0,
+                              0,
+                              0,
+                              0,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "None": 0
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 1
+      },
+      {
+          "display_name": "Arrow Bomb",
+          "desc": "Throw a long-range arrow that explodes and deal high damage in a large area. (Self-damage for 25% of your DPS)",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 0,
+              "col": 4
+          },
+          "properties": {
+              "aoe": 4.5,
+              "range": 26
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Arrow Bomb",
+                  "cost": 50,
+                  "display_text": "Average Damage",
+                  "base_spell": 3,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "Arrow Bomb",
+                          "type": "damage",
+                          "multipliers": [
+                              160,
+                              0,
+                              0,
+                              0,
+                              20,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Arrow Bomb": 1
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 2
+      },
+      {
+          "display_name": "Heart Shatter",
+          "desc": "If you hit a mob directly with Arrow Bomb, shatter its heart and deal bonus damage.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              31
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 4,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Arrow Bomb",
+                  "cost": 0,
+                  "multipliers": [
+                      100,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              },
+              {}
+          ],
+          "id": 3
+      },
+      {
+          "display_name": "Fire Creep",
+          "desc": "Arrow Bomb will leak a trail of fire for 6s, Damaging enemies that walk into it every 0.4s.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              68,
+              86,
+              5
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 16,
+              "col": 6
+          },
+          "properties": {
+              "aoe": 0.8,
+              "duration": 6
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Fire Creep",
+                  "cost": 0,
+                  "multipliers": [
+                      30,
+                      0,
+                      0,
+                      0,
+                      20,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Fire Creep": 15
+                  }
+              }
+          ],
+          "id": 4
+      },
+      {
+          "display_name": "Bryophyte Roots",
+          "desc": "When you hit an enemy with Arrow Storm, create an area that slows them down and deals damage every 0.4s.",
+          "archetype": "Trapper",
+          "archetype_req": 1,
+          "parents": [
+              4,
+              82
+          ],
+          "dependencies": [
+              7
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 16,
+              "col": 8
+          },
+          "properties": {
+              "aoe": 2,
+              "duration": 5,
+              "slowness": 0.4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Bryophyte Roots",
+                  "cost": 0,
+                  "multipliers": [
+                      40,
+                      20,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 5
+      },
+      {
+          "display_name": "Nimble String",
+          "desc": "Arrow Storm throw out +8 arrows per stream and shoot twice as fast.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              83,
+              69
+          ],
+          "dependencies": [
+              7
+          ],
+          "blockers": [
+              68
+          ],
+          "cost": 2,
+          "display": {
+              "row": 15,
+              "col": 2
+          },
+          "properties": {
+              "shootspeed": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Single Arrow",
+                  "cost": 0,
+                  "multipliers": [
+                      -15,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Single Stream",
+                  "cost": 0,
+                  "hits": {
+                      "Single Arrow": 8
+                  }
+              }
+          ],
+          "id": 6
+      },
+      {
+          "display_name": "Arrow Storm",
+          "desc": "Shoot two stream of 8 arrows, dealing significant damage to close mobs and pushing them back.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              58,
+              34
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 9,
+              "col": 2
+          },
+          "properties": {
+              "aoe": 0,
+              "range": 16
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Arrow Storm",
+                  "cost": 40,
+                  "display_text": "Max Damage",
+                  "base_spell": 1,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "Single Arrow",
+                          "type": "damage",
+                          "multipliers": [
+                              30,
+                              0,
+                              10,
+                              0,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Single Stream",
+                          "type": "total",
+                          "hits": {
+                              "Single Arrow": 8
+                          }
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Single Stream": 2
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 7
+      },
+      {
+          "display_name": "Guardian Angels",
+          "desc": "Your protective arrows from Arrow Shield will become sentient bows, dealing damage up to 8 times each to nearby enemies. (Arrow Shield will no longer push nearby enemies)",
+          "archetype": "Boltslinger",
+          "archetype_req": 3,
+          "parents": [
+              59,
+              67
+          ],
+          "dependencies": [
+              0
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 19,
+              "col": 1
+          },
+          "properties": {
+              "range": 4,
+              "duration": 60,
+              "shots": 8,
+              "count": 2
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Guardian Angels",
+                  "cost": 30,
+                  "display_text": "Total Damage Average",
+                  "base_spell": 4,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "Single Arrow",
+                          "type": "damage",
+                          "multipliers": [
+                              40,
+                              0,
+                              0,
+                              0,
+                              0,
+                              20
+                          ]
+                      },
+                      {
+                          "name": "Single Bow",
+                          "type": "total",
+                          "hits": {
+                              "Single Arrow": 8
+                          }
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Single Bow": 2
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 8
+      },
+      {
+          "display_name": "Windy Feet",
+          "base_abil": "Escape",
+          "desc": "When casting Escape, give speed to yourself and nearby allies.",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              7
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 10,
+              "col": 1
+          },
+          "properties": {
+              "aoe": 8,
+              "duration": 120
+          },
+          "type": "stat_bonus",
+          "bonuses": [
+              {
+                  "type": "stat",
+                  "name": "spd",
+                  "value": 20
+              }
+          ],
+          "id": 9
+      },
+      {
+          "display_name": "Basaltic Trap",
+          "desc": "When you hit the ground with Arrow Bomb, leave a Trap that damages enemies. (Max 2 Traps)",
+          "archetype": "Trapper",
+          "archetype_req": 2,
+          "parents": [
+              5
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 19,
+              "col": 8
+          },
+          "properties": {
+              "aoe": 7,
+              "traps": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Basaltic Trap",
+                  "cost": 0,
+                  "multipliers": [
+                      140,
+                      30,
+                      0,
+                      0,
+                      30,
+                      0
+                  ]
+              }
+          ],
+          "id": 10
+      },
+      {
+          "display_name": "Windstorm",
+          "desc": "Arrow Storm shoot +1 stream of arrows, effectively doubling its damage.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              8,
+              33
+          ],
+          "dependencies": [],
+          "blockers": [
+              68
+          ],
+          "cost": 2,
+          "display": {
+              "row": 21,
+              "col": 1
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Single Arrow",
+                  "cost": 0,
+                  "multipliers": [
+                      -11,
+                      0,
+                      -7,
+                      0,
+                      0,
+                      3
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Single Stream": 1
+                  }
+              }
+          ],
+          "id": 11
+      },
+      {
+          "display_name": "Grappling Hook",
+          "base_abil": "Escape",
+          "desc": "When casting Escape, throw a hook that pulls you when hitting a block. If you hit an enemy, pull them towards you instead. (Escape will not throw you backward anymore)",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              61,
+              40,
+              33
+          ],
+          "dependencies": [],
+          "blockers": [
+              20
+          ],
+          "cost": 2,
+          "display": {
+              "row": 21,
+              "col": 5
+          },
+          "properties": {
+              "range": 20
+          },
+          "effects": [],
+          "id": 12
+      },
+      {
+          "display_name": "Implosion",
+          "desc": "Arrow bomb will pull enemies towards you. If a trap is nearby, it will pull them towards it instead. Increase Heart Shatter's damage.",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              12,
+              40
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 22,
+              "col": 6
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Arrow Bomb",
+                  "cost": 0,
+                  "multipliers": [
+                      40,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 13
+      },
+      {
+          "display_name": "Twain's Arc",
+          "desc": "When you have 2+ Focus, holding shift will summon the Twain's Arc. Charge it up to shoot a destructive long-range beam. (Damage is dealt as Main Attack Damage)",
+          "archetype": "Sharpshooter",
+          "archetype_req": 4,
+          "parents": [
+              62,
+              64
+          ],
+          "dependencies": [
+              61
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 25,
+              "col": 4
+          },
+          "properties": {
+              "range": 64,
+              "focusReq": 2
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Twain's Arc",
+                  "cost": 0,
+                  "display_text": "Twain's Arc",
+                  "base_spell": 5,
+                  "spell_type": "damage",
+                  "scaling": "melee",
+                  "display": "Twain's Arc Damage",
+                  "parts": [
+                      {
+                          "name": "Twain's Arc Damage",
+                          "type": "damage",
+                          "multipliers": [
+                              200,
+                              0,
+                              0,
+                              0,
+                              0,
+                              0
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 14
+      },
+      {
+          "display_name": "Fierce Stomp",
+          "desc": "When using Escape, hold shift to quickly drop down and deal damage.",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              42,
+              64
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 26,
+              "col": 1
+          },
+          "properties": {
+              "aoe": 4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Fierce Stomp",
+                  "cost": 0,
+                  "multipliers": [
+                      100,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Fierce Stomp": 1
+                  }
+              }
+          ],
+          "id": 15
+      },
+      {
+          "display_name": "Scorched Earth",
+          "desc": "Fire Creep become much stronger.",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              14
+          ],
+          "dependencies": [
+              4
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 26,
+              "col": 5
+          },
+          "properties": {
+              "duration": 2,
+              "aoe": 0.4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Fire Creep",
+                  "cost": 0,
+                  "multipliers": [
+                      10,
+                      0,
+                      0,
+                      0,
+                      5,
+                      0
+                  ]
+              }
+          ],
+          "id": 16
+      },
+      {
+          "display_name": "Leap",
+          "desc": "When you double tap jump, leap foward. (2s Cooldown)",
+          "archetype": "Boltslinger",
+          "archetype_req": 5,
+          "parents": [
+              42,
+              55
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 28,
+              "col": 0
+          },
+          "properties": {
+              "cooldown": 2
+          },
+          "effects": [],
+          "id": 17
+      },
+      {
+          "display_name": "Shocking Bomb",
+          "desc": "Arrow Bomb will not be affected by gravity, and all damage conversions become Thunder.",
+          "archetype": "Sharpshooter",
+          "archetype_req": 5,
+          "parents": [
+              14,
+              44,
+              55
+          ],
+          "dependencies": [
+              2
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 28,
+              "col": 4
+          },
+          "properties": {
+              "gravity": 0
+          },
+          "effects": [
+              {
+                  "type": "convert_spell_conv",
+                  "target_part": "all",
+                  "conversion": "thunder"
+              }
+          ],
+          "id": 18
+      },
+      {
+          "display_name": "Mana Trap",
+          "desc": "Your Traps will give you 4 Mana per second when you stay close to them.",
+          "archetype": "Trapper",
+          "archetype_req": 5,
+          "parents": [
+              43,
+              44
+          ],
+          "dependencies": [
+              4
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 28,
+              "col": 8
+          },
+          "properties": {
+              "range": 12,
+              "manaRegen": 4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Basaltic Trap",
+                  "cost": 10,
+                  "multipliers": [
+                      0,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 19
+      },
+      {
+          "display_name": "Escape Artist",
+          "desc": "When casting Escape, release 100 arrows towards the ground.",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              46,
+              17
+          ],
+          "dependencies": [],
+          "blockers": [
+              12
+          ],
+          "cost": 2,
+          "display": {
+              "row": 31,
+              "col": 0
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Escape Artist",
+                  "cost": 0,
+                  "multipliers": [
+                      30,
+                      0,
+                      10,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 20
+      },
+      {
+          "display_name": "Initiator",
+          "desc": "If you do not damage an enemy for 5s or more, your next sucessful hit will deal +50% damage and add +1 Focus.",
+          "archetype": "Sharpshooter",
+          "archetype_req": 5,
+          "parents": [
+              18,
+              44,
+              47
+          ],
+          "dependencies": [
+              61
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 31,
+              "col": 5
+          },
+          "properties": {
+              "focus": 1,
+              "timer": 5
+          },
+          "type": "stat_bonus",
+          "bonuses": [
+              {
+                  "type": "stat",
+                  "name": "damPct",
+                  "value": 50
+              }
+          ],
+          "id": 21
+      },
+      {
+          "display_name": "Call of the Hound",
+          "desc": "Arrow Shield summon a Hound that will attack and drag aggressive enemies towards your traps.",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              21,
+              47
+          ],
+          "dependencies": [
+              0
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 32,
+              "col": 7
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Call of the Hound",
+                  "cost": 0,
+                  "multipliers": [
+                      40,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 22
+      },
+      {
+          "display_name": "Arrow Hurricane",
+          "desc": "Arrow Storm will shoot +2 stream of arrows.",
+          "archetype": "Boltslinger",
+          "archetype_req": 8,
+          "parents": [
+              48,
+              20
+          ],
+          "dependencies": [],
+          "blockers": [
+              68
+          ],
+          "cost": 2,
+          "display": {
+              "row": 33,
+              "col": 0
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Single Stream": 2
+                  }
+              }
+          ],
+          "id": 23
+      },
+      {
+          "display_name": "Geyser Stomp",
+          "desc": "Fierce Stomp will create geysers, dealing more damage and vertical knockback.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              56
+          ],
+          "dependencies": [
+              15
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 37,
+              "col": 1
+          },
+          "properties": {
+              "aoe": 1
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Fierce Stomp",
+                  "cost": 0,
+                  "multipliers": [
+                      0,
+                      0,
+                      0,
+                      50,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 24
+      },
+      {
+          "display_name": "Crepuscular Ray",
+          "desc": "If you have 5 Focus, casting Arrow Storm will make you levitate and shoot 20 homing arrows per second until you run out of Focus. While in that state, you will lose 1 Focus per second.",
+          "archetype": "Sharpshooter",
+          "archetype_req": 10,
+          "parents": [
+              49
+          ],
+          "dependencies": [
+              7
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 37,
+              "col": 4
+          },
+          "properties": {
+              "focusReq": 5,
+              "focusRegen": -1
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Crepuscular Ray",
+                  "base_spell": 5,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "One Focus",
+                  "cost": 0,
+                  "parts": [
+                      {
+                          "name": "Single Arrow",
+                          "type": "damage",
+                          "multipliers": [
+                              10,
+                              0,
+                              0,
+                              5,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "One Focus",
+                          "type": "total",
+                          "hits": {
+                              "Single Arrow": 20
+                          }
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "One Focus": 7
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 25
+      },
+      {
+          "display_name": "Grape Bomb",
+          "desc": "Arrow bomb will throw 3 additional smaller bombs when exploding.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              51
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 37,
+              "col": 7
+          },
+          "properties": {
+              "miniBombs": 3,
+              "aoe": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Grape Bomb",
+                  "cost": 0,
+                  "multipliers": [
+                      30,
+                      0,
+                      0,
+                      0,
+                      10,
+                      0
+                  ]
+              }
+          ],
+          "id": 26
+      },
+      {
+          "display_name": "Tangled Traps",
+          "desc": "Your Traps will be connected by a rope that deals damage to enemies every 0.2s.",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              26
+          ],
+          "dependencies": [
+              10
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 38,
+              "col": 6
+          },
+          "properties": {
+              "attackSpeed": 0.2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Tangled Traps",
+                  "cost": 0,
+                  "multipliers": [
+                      20,
+                      0,
+                      0,
+                      0,
+                      0,
+                      20
+                  ]
+              }
+          ],
+          "id": 27
+      },
+      {
+          "display_name": "Snow Storm",
+          "desc": "Enemies near you will be slowed down.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              24,
+              63
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 39,
+              "col": 2
+          },
+          "properties": {
+              "range": 2.5,
+              "slowness": 0.3
+          },
+          "id": 28
+      },
+      {
+          "display_name": "All-Seeing Panoptes",
+          "desc": "Your bows from Guardian Angels become all-seeing, increasing their range, damage and letting them shoot up to +5 times each.",
+          "archetype": "Boltslinger",
+          "archetype_req": 11,
+          "parents": [
+              28
+          ],
+          "dependencies": [
+              8
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 40,
+              "col": 1
+          },
+          "properties": {
+              "range": 10,
+              "shots": 5
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Single Arrow",
+                  "cost": 0,
+                  "multipliers": [
+                      0,
+                      0,
+                      0,
+                      0,
+                      20,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Single Bow",
+                  "cost": 0,
+                  "hits": {
+                      "Single Arrow": 5
+                  }
+              }
+          ],
+          "id": 29
+      },
+      {
+          "display_name": "Minefield",
+          "desc": "Allow you to place +6 Traps, but with reduced damage and range.",
+          "archetype": "Trapper",
+          "archetype_req": 10,
+          "parents": [
+              26,
+              53
+          ],
+          "dependencies": [
+              10
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 40,
+              "col": 7
+          },
+          "properties": {
+              "aoe": -2,
+              "traps": 6
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Basaltic Trap",
+                  "cost": 0,
+                  "multipliers": [
+                      -80,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 30
+      },
+      {
+          "display_name": "Bow Proficiency I",
+          "desc": "Improve your Main Attack's damage and range when using a bow.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              2
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 2,
+              "col": 4
+          },
+          "properties": {
+              "mainAtk_range": 6
+          },
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "mdPct",
+                          "value": 5
+                      }
+                  ]
+              }
+          ],
+          "id": 31
+      },
+      {
+          "display_name": "Cheaper Arrow Bomb",
+          "desc": "Reduce the Mana cost of Arrow Bomb.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              31
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 2,
+              "col": 6
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "cost": -10
+              }
+          ],
+          "id": 32
+      },
+      {
+          "display_name": "Cheaper Arrow Storm",
+          "desc": "Reduce the Mana cost of Arrow Storm.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              12,
+              11,
+              61
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 21,
+              "col": 3
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "cost": -5
+              }
+          ],
+          "id": 33
+      },
+      {
+          "display_name": "Cheaper Escape",
+          "desc": "Reduce the Mana cost of Escape.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              7,
+              0
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 9,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "cost": -5
+              }
+          ],
+          "id": 34
+      },
+      {
+          "display_name": "Earth Mastery",
+          "desc": "Increases your base damage from all Earth attacks",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              0
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 13,
+              "col": 8
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "eDamPct",
+                          "value": 20
+                      },
+                      {
+                          "type": "stat",
+                          "name": "eDam",
+                          "value": [
+                              2,
+                              4
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 82
+      },
+      {
+          "display_name": "Thunder Mastery",
+          "desc": "Increases your base damage from all Thunder attacks",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              7,
+              86,
+              34
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 13,
+              "col": 2
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "tDamPct",
+                          "value": 10
+                      },
+                      {
+                          "type": "stat",
+                          "name": "tDam",
+                          "value": [
+                              1,
+                              8
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 83
+      },
+      {
+          "display_name": "Water Mastery",
+          "desc": "Increases your base damage from all Water attacks",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              34,
+              83,
+              86
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 14,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "wDamPct",
+                          "value": 15
+                      },
+                      {
+                          "type": "stat",
+                          "name": "wDam",
+                          "value": [
+                              2,
+                              4
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 84
+      },
+      {
+          "display_name": "Air Mastery",
+          "desc": "Increases base damage from all Air attacks",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              7
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 13,
+              "col": 0
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "aDamPct",
+                          "value": 15
+                      },
+                      {
+                          "type": "stat",
+                          "name": "aDam",
+                          "value": [
+                              3,
+                              4
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 85
+      },
+      {
+          "display_name": "Fire Mastery",
+          "desc": "Increases base damage from all Earth attacks",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              83,
+              0,
+              34
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 13,
+              "col": 6
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "fDamPct",
+                          "value": 15
+                      },
+                      {
+                          "type": "stat",
+                          "name": "fDam",
+                          "value": [
+                              3,
+                              5
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 86
+      },
+      {
+          "display_name": "More Shields",
+          "desc": "Give +2 charges to Arrow Shield.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              12,
+              10
+          ],
+          "dependencies": [
+              0
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 21,
+              "col": 7
+          },
+          "properties": {
+              "shieldCharges": 2
+          },
+          "id": 40
+      },
+      {
+          "display_name": "Stormy Feet",
+          "desc": "Windy Feet will last longer and add more speed.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              11
+          ],
+          "dependencies": [
+              9
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 23,
+              "col": 1
+          },
+          "properties": {
+              "duration": 60
+          },
+          "effects": [
+              {
+                  "type": "stat_bonus",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "spdPct",
+                          "value": 20
+                      }
+                  ]
+              }
+          ],
+          "id": 41
+      },
+      {
+          "display_name": "Refined Gunpowder",
+          "desc": "Increase the damage of Arrow Bomb.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              11
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 25,
+              "col": 0
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Arrow Bomb",
+                  "cost": 0,
+                  "multipliers": [
+                      50,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 42
+      },
+      {
+          "display_name": "More Traps",
+          "desc": "Increase the maximum amount of active Traps you can have by +2.",
+          "archetype": "Trapper",
+          "archetype_req": 10,
+          "parents": [
+              54
+          ],
+          "dependencies": [
+              10
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 26,
+              "col": 8
+          },
+          "properties": {
+              "traps": 2
+          },
+          "id": 43
+      },
+      {
+          "display_name": "Better Arrow Shield",
+          "desc": "Arrow Shield will gain additional area of effect, knockback and damage.",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              19,
+              18,
+              14
+          ],
+          "dependencies": [
+              0
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 28,
+              "col": 6
+          },
+          "properties": {
+              "aoe": 1
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Arrow Shield",
+                  "multipliers": [
+                      40,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 44
+      },
+      {
+          "display_name": "Better Leap",
+          "desc": "Reduce leap's cooldown by 1s.",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              17,
+              55
+          ],
+          "dependencies": [
+              17
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 29,
+              "col": 1
+          },
+          "properties": {
+              "cooldown": -1
+          },
+          "id": 45
+      },
+      {
+          "display_name": "Better Guardian Angels",
+          "desc": "Your Guardian Angels can shoot +4 arrows before disappearing.",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              20,
+              55
+          ],
+          "dependencies": [
+              8
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 31,
+              "col": 2
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Single Bow",
+                  "cost": 0,
+                  "hits": {
+                      "Single Arrow": 4
+                  }
+              }
+          ],
+          "id": 46
+      },
+      {
+          "display_name": "Cheaper Arrow Storm (2)",
+          "desc": "Reduce the Mana cost of Arrow Storm.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              21,
+              19
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 31,
+              "col": 8
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "cost": -5
+              }
+          ],
+          "id": 47
+      },
+      {
+          "display_name": "Precise Shot",
+          "desc": "+30% Critical Hit Damage",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              46,
+              49,
+              23
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 33,
+              "col": 2
+          },
+          "properties": {
+              "mainAtk_range": 6
+          },
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "mdCritPct",
+                          "value": 30
+                      }
+                  ]
+              }
+          ],
+          "id": 48
+      },
+      {
+          "display_name": "Cheaper Arrow Shield",
+          "desc": "Reduce the Mana cost of Arrow Shield.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              48,
+              21
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 33,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "cost": -5
+              }
+          ],
+          "id": 49
+      },
+      {
+          "display_name": "Rocket Jump",
+          "desc": "Arrow Bomb's self-damage will knockback you farther away.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              47,
+              21
+          ],
+          "dependencies": [
+              2
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 33,
+              "col": 6
+          },
+          "properties": {},
+          "id": 50
+      },
+      {
+          "display_name": "Cheaper Escape (2)",
+          "desc": "Reduce the Mana cost of Escape.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              22,
+              70
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 34,
+              "col": 7
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "cost": -5
+              }
+          ],
+          "id": 51
+      },
+      {
+          "display_name": "Stronger Hook",
+          "desc": "Increase your Grappling Hook's range, speed and strength.",
+          "archetype": "Trapper",
+          "archetype_req": 5,
+          "parents": [
+              51
+          ],
+          "dependencies": [
+              12
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 35,
+              "col": 8
+          },
+          "properties": {
+              "range": 8
+          },
+          "id": 52
+      },
+      {
+          "display_name": "Cheaper Arrow Bomb (2)",
+          "desc": "Reduce the Mana cost of Arrow Bomb.",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              63,
+              30
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 40,
+              "col": 5
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "cost": -5
+              }
+          ],
+          "id": 53
+      },
+      {
+          "display_name": "Bouncing Bomb",
+          "desc": "Arrow Bomb will bounce once when hitting a block or enemy",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              40
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 25,
+              "col": 7
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Arrow Bomb": 2
+                  }
+              }
+          ],
+          "id": 54
+      },
+      {
+          "display_name": "Homing Shots",
+          "desc": "Your Main Attack arrows will follow nearby enemies and not be affected by gravity",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              17,
+              18
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 28,
+              "col": 2
+          },
+          "properties": {},
+          "effects": [],
+          "id": 55
+      },
+      {
+          "display_name": "Shrapnel Bomb",
+          "desc": "Arrow Bomb's explosion will fling 15 shrapnel, dealing damage in a large area",
+          "archetype": "Boltslinger",
+          "archetype_req": 8,
+          "parents": [
+              23,
+              48
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 34,
+              "col": 1
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Shrapnel Bomb",
+                  "cost": 0,
+                  "multipliers": [
+                      40,
+                      0,
+                      0,
+                      0,
+                      20,
+                      0
+                  ]
+              }
+          ],
+          "id": 56
+      },
+      {
+          "display_name": "Elusive",
+          "desc": "If you do not get hit for 8+ seconds, become immune to self-damage and remove Arrow Storm's recoil. (Dodging counts as not getting hit)",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              24
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 38,
+              "col": 0
+          },
+          "properties": {},
+          "effects": [],
+          "id": 57
+      },
+      {
+          "display_name": "Double Shots",
+          "desc": "Double Main Attack arrows, but they deal -30% damage per arrow (harder to hit far enemies)",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              1
+          ],
+          "dependencies": [],
+          "blockers": [
+              60
+          ],
+          "cost": 1,
+          "display": {
+              "row": 7,
+              "col": 2
+          },
+          "properties": {
+              "arrow": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 0,
+                  "target_part": "Melee Damage",
+                  "cost": 0,
+                  "multipliers": 0.7
+              }
+          ],
+          "id": 58
+      },
+      {
+          "display_name": "Triple Shots",
+          "desc": "Triple Main Attack arrows, but they deal -20% damage per arrow",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              69,
+              67
+          ],
+          "dependencies": [
+              58
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 17,
+              "col": 0
+          },
+          "properties": {
+              "arrow": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 0,
+                  "target_part": "Melee Damage",
+                  "cost": 0,
+                  "multipliers": 0.7
+              }
+          ],
+          "id": 59
+      },
+      {
+          "display_name": "Power Shots",
+          "desc": "Main Attack arrows have increased speed and knockback",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              1
+          ],
+          "dependencies": [],
+          "blockers": [
+              58
+          ],
+          "cost": 1,
+          "display": {
+              "row": 7,
+              "col": 6
+          },
+          "properties": {},
+          "effects": [],
+          "id": 60
+      },
+      {
+          "display_name": "Focus",
+          "desc": "When hitting an aggressive mob 5+ blocks away, gain +1 Focus (Max 3). Resets if you miss once",
+          "archetype": "Sharpshooter",
+          "archetype_req": 2,
+          "parents": [
+              68
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 19,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Focus",
+                  "output": {
+                      "type": "stat",
+                      "abil_name": "Focus",
+                      "name": "dmgPct"
+                  },
+                  "scaling": [
+                      35
+                  ],
+                  "max": 3
+              }
+          ],
+          "id": 61
+      },
+      {
+          "display_name": "More Focus",
+          "desc": "Add +2 max Focus",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              33,
+              12
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 22,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Focus",
+                  "output": {
+                      "type": "stat",
+                      "abil_name": "Focus",
+                      "name": "dmgPct"
+                  },
+                  "scaling": [
+                      35
+                  ],
+                  "max": 5
+              }
+          ],
+          "id": 62
+      },
+      {
+          "display_name": "More Focus (2)",
+          "desc": "Add +2 max Focus",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              25,
+              28
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 39,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Focus",
+                  "output": {
+                      "type": "stat",
+                      "abil_name": "Focus",
+                      "name": "dmgPct"
+                  },
+                  "scaling": [
+                      35
+                  ],
+                  "max": 7
+              }
+          ],
+          "id": 63
+      },
+      {
+          "display_name": "Traveler",
+          "desc": "For every 1% Walk Speed you have from items, gain +1 Raw Spell Damage (Max 100)",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              42,
+              14
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 25,
+              "col": 2
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": false,
+                  "inputs": [
+                      {
+                          "type": "stat",
+                          "name": "spd"
+                      }
+                  ],
+                  "output": {
+                      "type": "stat",
+                      "name": "sdRaw"
+                  },
+                  "scaling": [
+                      1
+                  ],
+                  "max": 100
+              }
+          ],
+          "id": 64
+      },
+      {
+          "display_name": "Patient Hunter",
+          "desc": "Your Traps will deal +20% more damage for every second they are active (Max +80%)",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              40
+          ],
+          "dependencies": [
+              10
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 22,
+              "col": 8
+          },
+          "properties": {
+              "max": 80
+          },
+          "effects": [],
+          "id": 65
+      },
+      {
+          "display_name": "Stronger Patient Hunter",
+          "desc": "Add +80% Max Damage to Patient Hunter",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              26
+          ],
+          "dependencies": [
+              65
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 38,
+              "col": 8
+          },
+          "properties": {
+              "max": 80
+          },
+          "effects": [],
+          "id": 66
+      },
+      {
+          "display_name": "Frenzy",
+          "desc": "Every time you hit an enemy, briefly gain +6% Walk Speed (Max 200%). Decay -40% of the bonus every second",
+          "archetype": "Boltslinger",
+          "archetype_req": 0,
+          "parents": [
+              59,
+              6
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 17,
+              "col": 2
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Hits dealt",
+                  "output": {
+                      "type": "stat",
+                      "name": "spd"
+                  },
+                  "scaling": [
+                      6
+                  ],
+                  "max": 200
+              }
+          ],
+          "id": 67
+      },
+      {
+          "display_name": "Phantom Ray",
+          "desc": "Condense Arrow Storm into a single ray that damages enemies 10 times per second",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              84,
+              4
+          ],
+          "dependencies": [
+              7
+          ],
+          "blockers": [
+              11,
+              6,
+              23
+          ],
+          "cost": 2,
+          "display": {
+              "row": 16,
+              "col": 4
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Phantom Ray",
+                  "cost": 40,
+                  "display_text": "Max Damage",
+                  "base_spell": 1,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "Single Arrow",
+                          "type": "damage",
+                          "multipliers": [
+                              25,
+                              0,
+                              5,
+                              0,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Single Arrow": 16
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 68
+      },
+      {
+          "display_name": "Arrow Rain",
+          "desc": "When Arrow Shield loses its last charge, unleash 200 arrows raining down on enemies",
+          "archetype": "Trapper",
+          "archetype_req": 0,
+          "parents": [
+              6,
+              85
+          ],
+          "dependencies": [
+              0
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 15,
+              "col": 0
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Arrow Rain",
+                  "cost": 0,
+                  "multipliers": [
+                      120,
+                      0,
+                      0,
+                      0,
+                      0,
+                      80
+                  ]
+              }
+          ],
+          "id": 69
+      },
+      {
+          "display_name": "Decimator",
+          "desc": "Phantom Ray will increase its damage by 10% everytime you do not miss with it (Max 50%)",
+          "archetype": "Sharpshooter",
+          "archetype_req": 0,
+          "parents": [
+              49
+          ],
+          "dependencies": [
+              68
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 34,
+              "col": 5
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Phantom Ray hits",
+                  "output": {
+                      "type": "stat",
+                      "name": "PhRayDmg"
+                  },
+                  "scaling": 10,
+                  "max": 50
+              }
+          ],
+          "id": 70
+      }
+  ],
+  "Warrior": [
+      {
+          "display_name": "Bash",
+          "desc": "Violently bash the ground, dealing high damage in a large area",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 0,
+              "col": 4,
+              "icon": "node_4"
+          },
+          "properties": {
+              "aoe": 4,
+              "range": 3
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Bash",
+                  "cost": 45,
+                  "display_text": "Total Damage Average",
+                  "base_spell": 1,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "Single Hit",
+                          "type": "damage",
+                          "multipliers": [
+                              130,
+                              20,
+                              0,
+                              0,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Single Hit": 1
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 71
+      },
+      {
+          "display_name": "Spear Proficiency 1",
+          "desc": "Improve your Main Attack's damage and range w/ spear",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              71
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 2,
+              "col": 4,
+              "icon": "node_0"
+          },
+          "properties": {
+              "melee_range": 1
+          },
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "mdPct",
+                          "value": 5
+                      }
+                  ]
+              }
+          ],
+          "id": 72
+      },
+      {
+          "display_name": "Cheaper Bash",
+          "desc": "Reduce the Mana cost of Bash",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              72
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 2,
+              "col": 2,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "cost": -10
+              }
+          ],
+          "id": 73
+      },
+      {
+          "display_name": "Double Bash",
+          "desc": "Bash will hit a second time at a farther range",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              72
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 4,
+              "col": 4,
+              "icon": "node_1"
+          },
+          "properties": {
+              "range": 3
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "name": "Single Hit",
+                      "value": 1
+                  }
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Single Hit",
+                  "cost": 0,
+                  "multipliers": [
+                      -50,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 74
+      },
+      {
+          "display_name": "Charge",
+          "desc": "Charge forward at high speed (hold shift to cancel)",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              74
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 6,
+              "col": 4,
+              "icon": "node_4"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Charge",
+                  "cost": 25,
+                  "display_text": "Total Damage Average",
+                  "base_spell": 2,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage",
+                  "parts": [
+                      {
+                          "name": "None",
+                          "type": "damage",
+                          "multipliers": [
+                              0,
+                              0,
+                              0,
+                              0,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "None": 0
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 75
+      },
+      {
+          "display_name": "Heavy Impact",
+          "desc": "After using Charge, violently crash down into the ground and deal damage",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              79
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 9,
+              "col": 1,
+              "icon": "node_1"
+          },
+          "properties": {
+              "aoe": 4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Heavy Impact",
+                  "cost": 0,
+                  "multipliers": [
+                      100,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 76
+      },
+      {
+          "display_name": "Vehement",
+          "desc": "For every 1% or 1 Raw Main Attack Damage you have from items, gain +2% Walk Speed (Max 20%)",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              75
+          ],
+          "dependencies": [],
+          "blockers": [
+              78
+          ],
+          "cost": 1,
+          "display": {
+              "row": 6,
+              "col": 2,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": false,
+                  "inputs": [
+                      {
+                          "type": "stat",
+                          "name": "mdPct"
+                      },
+                      {
+                          "type": "stat",
+                          "name": "mdRaw"
+                      }
+                  ],
+                  "output": {
+                      "type": "stat",
+                      "name": "spd"
+                  },
+                  "scaling": [
+                      1,
+                      1
+                  ],
+                  "max": 20
+              }
+          ],
+          "id": 77
+      },
+      {
+          "display_name": "Tougher Skin",
+          "desc": "Harden your skin and become permanently +5% more resistant\nFor every 1% or 1 Raw Heath Regen you have from items, gain +10 Health (Max 100)",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              75
+          ],
+          "dependencies": [],
+          "blockers": [
+              77
+          ],
+          "cost": 1,
+          "display": {
+              "row": 6,
+              "col": 6,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "baseResist",
+                          "value": "5"
+                      }
+                  ]
+              },
+              {
+                  "type": "stat_scaling",
+                  "slider": false,
+                  "inputs": [
+                      {
+                          "type": "stat",
+                          "name": "hprRaw"
+                      },
+                      {
+                          "type": "stat",
+                          "name": "hprPct"
+                      }
+                  ],
+                  "output": {
+                      "type": "stat",
+                      "name": "hpBonus"
+                  },
+                  "scaling": [
+                      10,
+                      10
+                  ],
+                  "max": 100
+              }
+          ],
+          "id": 78
+      },
+      {
+          "display_name": "Uppercut",
+          "desc": "Rocket enemies in the air and deal massive damage",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              77
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 8,
+              "col": 2,
+              "icon": "node_4"
+          },
+          "properties": {
+              "aoe": 3,
+              "range": 5
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "Uppercut",
+                  "cost": 45,
+                  "display_text": "Total Damage Average",
+                  "base_spell": 3,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "total",
+                  "parts": [
+                      {
+                          "name": "Uppercut",
+                          "type": "damage",
+                          "multipliers": [
+                              150,
+                              50,
+                              50,
+                              0,
+                              0,
+                              0
+                          ]
+                      },
+                      {
+                          "name": "Total Damage",
+                          "type": "total",
+                          "hits": {
+                              "Uppercut": 1
+                          }
+                      }
+                  ]
+              }
+          ],
+          "id": 79
+      },
+      {
+          "display_name": "Cheaper Charge",
+          "desc": "Reduce the Mana cost of Charge",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              79,
+              81
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 8,
+              "col": 4,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "cost": -5
+              }
+          ],
+          "id": 80
+      },
+      {
+          "display_name": "War Scream",
+          "desc": "Emit a terrorizing roar that deals damage, pull nearby enemies, and add damage resistance to yourself and allies",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              78
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 8,
+              "col": 6,
+              "icon": "node_4"
+          },
+          "properties": {
+              "duration": 30,
+              "aoe": 12,
+              "defense_bonus": 10
+          },
+          "effects": [
+              {
+                  "type": "replace_spell",
+                  "name": "War Scream",
+                  "cost": 35,
+                  "display_text": "War Scream",
+                  "base_spell": 4,
+                  "spell_type": "damage",
+                  "scaling": "spell",
+                  "display": "Total Damage Average",
+                  "parts": [
+                      {
+                          "name": "War Scream",
+                          "type": "damage",
+                          "multipliers": [
+                              50,
+                              0,
+                              0,
+                              0,
+                              50,
+                              0
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 81
+      },
+      {
+          "display_name": "Earth Mastery",
+          "desc": "Increases base damage from all Earth attacks",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              79
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 10,
+              "col": 0,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "eDamPct",
+                          "value": 20
+                      },
+                      {
+                          "type": "stat",
+                          "name": "eDam",
+                          "value": [
+                              2,
+                              4
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 82
+      },
+      {
+          "display_name": "Thunder Mastery",
+          "desc": "Increases base damage from all Thunder attacks",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              79,
+              85,
+              80
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 10,
+              "col": 2,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "tDamPct",
+                          "value": 10
+                      },
+                      {
+                          "type": "stat",
+                          "name": "tDam",
+                          "value": [
+                              1,
+                              8
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 83
+      },
+      {
+          "display_name": "Water Mastery",
+          "desc": "Increases base damage from all Water attacks",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              80,
+              83,
+              85
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 11,
+              "col": 4,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "wDamPct",
+                          "value": 15
+                      },
+                      {
+                          "type": "stat",
+                          "name": "wDam",
+                          "value": [
+                              2,
+                              4
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 84
+      },
+      {
+          "display_name": "Air Mastery",
+          "desc": "Increases base damage from all Air attacks",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              81,
+              83,
+              80
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 10,
+              "col": 6,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "aDamPct",
+                          "value": 15
+                      },
+                      {
+                          "type": "stat",
+                          "name": "aDam",
+                          "value": [
+                              3,
+                              4
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 85
+      },
+      {
+          "display_name": "Fire Mastery",
+          "desc": "Increases base damage from all Earth attacks",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              81
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 10,
+              "col": 8,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "fDamPct",
+                          "value": 15
+                      },
+                      {
+                          "type": "stat",
+                          "name": "fDam",
+                          "value": [
+                              3,
+                              5
+                          ]
+                      }
+                  ]
+              }
+          ],
+          "id": 86
+      },
+      {
+          "display_name": "Quadruple Bash",
+          "desc": "Bash will hit 4 times at an even larger range",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              82,
+              88
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 12,
+              "col": 0,
+              "icon": "node_1"
+          },
+          "properties": {
+              "range": 6
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Single Hit": 2
+                  }
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Single Hit",
+                  "cost": 0,
+                  "multipliers": [
+                      -20,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 87
+      },
+      {
+          "display_name": "Fireworks",
+          "desc": "Mobs hit by Uppercut will explode mid-air and receive additional damage",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              83,
+              87
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 12,
+              "col": 2,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Fireworks",
+                  "cost": 0,
+                  "multipliers": [
+                      80,
+                      0,
+                      20,
+                      0,
+                      0,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Fireworks": 1
+                  }
+              }
+          ],
+          "id": 88
+      },
+      {
+          "display_name": "Half-Moon Swipe",
+          "desc": "Uppercut will deal a footsweep attack at a longer and wider angle. All elemental conversions become Water",
+          "archetype": "Battle Monk",
+          "archetype_req": 1,
+          "parents": [
+              84
+          ],
+          "dependencies": [
+              79
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 13,
+              "col": 4,
+              "icon": "node_1"
+          },
+          "properties": {
+              "range": 4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Uppercut",
+                  "cost": -10,
+                  "multipliers": [
+                      -70,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              },
+              {
+                  "type": "convert_spell_conv",
+                  "target_part": "all",
+                  "conversion": "water"
+              }
+          ],
+          "id": 89
+      },
+      {
+          "display_name": "Flyby Jab",
+          "desc": "Damage enemies in your way when using Charge",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              85,
+              91
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 12,
+              "col": 6,
+              "icon": "node_1"
+          },
+          "properties": {
+              "aoe": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Flyby Jab",
+                  "cost": 0,
+                  "multipliers": [
+                      20,
+                      0,
+                      0,
+                      0,
+                      0,
+                      40
+                  ]
+              }
+          ],
+          "id": 90
+      },
+      {
+          "display_name": "Flaming Uppercut",
+          "desc": "Uppercut will light mobs on fire, dealing damage every 0.6 seconds",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              86,
+              90
+          ],
+          "dependencies": [
+              79
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 12,
+              "col": 8,
+              "icon": "node_1"
+          },
+          "properties": {
+              "duration": 3,
+              "tick": 0.6
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Flaming Uppercut",
+                  "cost": 0,
+                  "multipliers": [
+                      0,
+                      0,
+                      0,
+                      0,
+                      50,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Flaming Uppercut Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Flaming Uppercut": 5
+                  }
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Flaming Uppercut": 5
+                  }
+              }
+          ],
+          "id": 91
+      },
+      {
+          "display_name": "Iron Lungs",
+          "desc": "War Scream deals more damage",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              90,
+              91
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 13,
+              "col": 7,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "War Scream",
+                  "cost": 0,
+                  "multipliers": [
+                      30,
+                      0,
+                      0,
+                      0,
+                      0,
+                      30
+                  ]
+              }
+          ],
+          "id": 92
+      },
+      {
+          "display_name": "Generalist",
+          "desc": "After casting 3 different spells in a row, your next spell will cost 5 mana",
+          "archetype": "Battle Monk",
+          "archetype_req": 3,
+          "parents": [
+              94
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 15,
+              "col": 2,
+              "icon": "node_3"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 93
+      },
+      {
+          "display_name": "Counter",
+          "desc": "When dodging a nearby enemy attack, get 30% chance to instantly attack back",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              89
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 15,
+              "col": 4,
+              "icon": "node_1"
+          },
+          "properties": {
+              "chance": 30
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 5,
+                  "target_part": "Counter",
+                  "cost": 0,
+                  "multipliers": [
+                      60,
+                      0,
+                      20,
+                      0,
+                      0,
+                      20
+                  ]
+              }
+          ],
+          "id": 94
+      },
+      {
+          "display_name": "Mantle of the Bovemists",
+          "desc": "When casting War Scream, create a holy shield around you that reduces all incoming damage by 70% for 3 hits (20s cooldown)",
+          "archetype": "Paladin",
+          "archetype_req": 3,
+          "parents": [
+              92
+          ],
+          "dependencies": [
+              81
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 15,
+              "col": 7,
+              "icon": "node_3"
+          },
+          "properties": {
+              "mantle_charge": 3
+          },
+          "effects": [],
+          "id": 95
+      },
+      {
+          "display_name": "Bak'al's Grasp",
+          "desc": "After casting War Scream, become Corrupted (15s Cooldown). You cannot heal while in that state\n\nWhile Corrupted, every 2% of Health you lose will add +4 Raw Damage to your attacks (Max 120)",
+          "archetype": "Fallen",
+          "archetype_req": 2,
+          "parents": [
+              87,
+              88
+          ],
+          "dependencies": [
+              81
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 16,
+              "col": 1,
+              "icon": "node_3"
+          },
+          "properties": {
+              "cooldown": 15
+          },
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Corrupted",
+                  "output": {
+                      "type": "stat",
+                      "name": "raw"
+                  },
+                  "scaling": [
+                      4
+                  ],
+                  "slider_step": 2,
+                  "max": 120
+              }
+          ],
+          "id": 96
+      },
+      {
+          "display_name": "Spear Proficiency 2",
+          "desc": "Improve your Main Attack's damage and range w/ spear",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              96,
+              98
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 17,
+              "col": 0,
+              "icon": "node_0"
+          },
+          "properties": {
+              "melee_range": 1
+          },
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "mdPct",
+                          "value": 5
+                      }
+                  ]
+              }
+          ],
+          "id": 97
+      },
+      {
+          "display_name": "Cheaper Uppercut",
+          "desc": "Reduce the Mana Cost of Uppercut",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              97,
+              99,
+              94
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 17,
+              "col": 3,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "cost": -5
+              }
+          ],
+          "id": 98
+      },
+      {
+          "display_name": "Aerodynamics",
+          "desc": "During Charge, you can steer and change direction",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              98,
+              100
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 17,
+              "col": 5,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 99
+      },
+      {
+          "display_name": "Provoke",
+          "desc": "Mobs damaged by War Scream will target only you for at least 5s \n\nReduce the Mana cost of War Scream",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              99,
+              95
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 17,
+              "col": 7,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "cost": -5
+              }
+          ],
+          "id": 100
+      },
+      {
+          "display_name": "Precise Strikes",
+          "desc": "+30% Critical Hit Damage",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              98,
+              97
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 18,
+              "col": 2,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "critDmg",
+                          "value": 30
+                      }
+                  ]
+              }
+          ],
+          "id": 101
+      },
+      {
+          "display_name": "Air Shout",
+          "desc": "War Scream will fire a projectile that can go through walls and deal damage multiple times",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              99,
+              100
+          ],
+          "dependencies": [
+              81
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 18,
+              "col": 6,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Air Shout",
+                  "cost": 0,
+                  "multipliers": [
+                      20,
+                      0,
+                      0,
+                      0,
+                      0,
+                      5
+                  ]
+              }
+          ],
+          "id": 102
+      },
+      {
+          "display_name": "Enraged Blow",
+          "desc": "While Corriupted, every 1% of Health you lose will increase your damage by +2% (Max 200%)",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              97
+          ],
+          "dependencies": [
+              96
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 20,
+              "col": 0,
+              "icon": "node_2"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": false,
+                  "inputs": [
+                      {
+                          "type": "stat",
+                          "name": "hpBonus"
+                      }
+                  ],
+                  "output": {
+                      "type": "stat",
+                      "name": "dmgPct"
+                  },
+                  "scaling": [
+                      2
+                  ],
+                  "max": 200
+              }
+          ],
+          "id": 103
+      },
+      {
+          "display_name": "Flying Kick",
+          "desc": "When using Charge, mobs hit will halt your momentum and get knocked back",
+          "archetype": "Battle Monk",
+          "archetype_req": 1,
+          "parents": [
+              98,
+              105
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 20,
+              "col": 3,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Flying Kick",
+                  "cost": 0,
+                  "multipliers": [
+                      120,
+                      0,
+                      0,
+                      10,
+                      0,
+                      20
+                  ]
+              }
+          ],
+          "id": 104
+      },
+      {
+          "display_name": "Stronger Mantle",
+          "desc": "Add +2 additional charges to Mantle of the Bovemists",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              106,
+              104
+          ],
+          "dependencies": [
+              95
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 20,
+              "col": 6,
+              "icon": "node_0"
+          },
+          "properties": {
+              "mantle_charge": 2
+          },
+          "effects": [],
+          "id": 105
+      },
+      {
+          "display_name": "Manachism",
+          "desc": "If you receive a hit that's less than 5% of your max HP, gain 10 Mana (1s Cooldown)",
+          "archetype": "Paladin",
+          "archetype_req": 3,
+          "parents": [
+              105,
+              100
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 20,
+              "col": 8,
+              "icon": "node_2"
+          },
+          "properties": {
+              "cooldown": 1
+          },
+          "effects": [],
+          "id": 106
+      },
+      {
+          "display_name": "Boiling Blood",
+          "desc": "Bash leaves a trail of boiling blood behind its first explosion, slowing down and damaging enemies above it every 0.4 seconds",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              103,
+              108
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 22,
+              "col": 0,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Boiling Blood",
+                  "cost": 0,
+                  "multipliers": [
+                      25,
+                      0,
+                      0,
+                      0,
+                      5,
+                      0
+                  ]
+              }
+          ],
+          "id": 107
+      },
+      {
+          "display_name": "Ragnarokkr",
+          "desc": "War Scream become deafening, increasing its range and giving damage bonus to players",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              107,
+              104
+          ],
+          "dependencies": [
+              81
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 22,
+              "col": 2,
+              "icon": "node_2"
+          },
+          "properties": {
+              "damage_bonus": 30,
+              "aoe": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "cost": 10
+              }
+          ],
+          "id": 108
+      },
+      {
+          "display_name": "Ambidextrous",
+          "desc": "Increase your chance to attack with Counter by +30%",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              104,
+              105,
+              110
+          ],
+          "dependencies": [
+              94
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 22,
+              "col": 4,
+              "icon": "node_0"
+          },
+          "properties": {
+              "chance": 30
+          },
+          "effects": [],
+          "id": 109
+      },
+      {
+          "display_name": "Burning Heart",
+          "desc": "For every 100 Health Bonus you have from item IDs, gain +2% Fire Damage (Max 100%)",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              109,
+              111
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 22,
+              "col": 6,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": false,
+                  "inputs": [
+                      {
+                          "type": "stat",
+                          "name": "hpBonus"
+                      }
+                  ],
+                  "output": {
+                      "type": "stat",
+                      "name": "fDamPct"
+                  },
+                  "scaling": [
+                      2
+                  ],
+                  "max": 100,
+                  "slider_step": 100
+              }
+          ],
+          "id": 110
+      },
+      {
+          "display_name": "Stronger Bash",
+          "desc": "Increase the damage of Bash",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              110,
+              106
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 22,
+              "col": 8,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "target_part": "Single Hit",
+                  "cost": 0,
+                  "multipliers": [
+                      30,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 111
+      },
+      {
+          "display_name": "Intoxicating Blood",
+          "desc": "After leaving Corrupted, gain 2% of the health lost back for each enemy killed while Corrupted",
+          "archetype": "Fallen",
+          "archetype_req": 5,
+          "parents": [
+              108,
+              107
+          ],
+          "dependencies": [
+              96
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 23,
+              "col": 1,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 112
+      },
+      {
+          "display_name": "Comet",
+          "desc": "After being hit by Fireworks, enemies will crash into the ground and receive more damage",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              108
+          ],
+          "dependencies": [
+              88
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 24,
+              "col": 2,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Comet",
+                  "cost": 0,
+                  "multipliers": [
+                      80,
+                      20,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Comet": 1
+                  }
+              }
+          ],
+          "id": 113
+      },
+      {
+          "display_name": "Collide",
+          "desc": "Mobs thrown into walls from Flying Kick will explode and receive additonal damage",
+          "archetype": "Battle Monk",
+          "archetype_req": 4,
+          "parents": [
+              109,
+              110
+          ],
+          "dependencies": [
+              104
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 23,
+              "col": 5,
+              "icon": "node_1"
+          },
+          "properties": {
+              "aoe": 4
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "target_part": "Collide",
+                  "cost": 0,
+                  "multipliers": [
+                      100,
+                      0,
+                      0,
+                      0,
+                      50,
+                      0
+                  ]
+              }
+          ],
+          "id": 114
+      },
+      {
+          "display_name": "Rejuvenating Skin",
+          "desc": "Regain back 30% of the damage you take as healing over 30s",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              110,
+              111
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 23,
+              "col": 7,
+              "icon": "node_3"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 115
+      },
+      {
+          "display_name": "Uncontainable Corruption",
+          "desc": "Reduce the cooldown of Bak'al's Grasp by -5s, and increase the raw damage gained for every 2% of health lost by +1",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              107,
+              117
+          ],
+          "dependencies": [
+              96
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 26,
+              "col": 0,
+              "icon": "node_0"
+          },
+          "properties": {
+              "cooldown": -5
+          },
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Corrupted",
+                  "output": {
+                      "type": "stat",
+                      "name": "raw"
+                  },
+                  "scaling": [
+                      1
+                  ],
+                  "slider_step": 2,
+                  "max": 50
+              }
+          ],
+          "id": 116
+      },
+      {
+          "display_name": "Radiant Devotee",
+          "desc": "For every 4% Reflection you have from items, gain +1/5s Mana Regen (Max 10/5s)",
+          "archetype": "Battle Monk",
+          "archetype_req": 1,
+          "parents": [
+              118,
+              116
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 26,
+              "col": 2,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "inputs": [
+                      {
+                          "type": "stat",
+                          "name": "ref"
+                      }
+                  ],
+                  "output": {
+                      "type": "stat",
+                      "name": "mr"
+                  },
+                  "scaling": [
+                      1
+                  ],
+                  "max": 10,
+                  "slider_step": 4
+              }
+          ],
+          "id": 117
+      },
+      {
+          "display_name": "Whirlwind Strike",
+          "desc": "Uppercut will create a strong gust of air, launching you upward with enemies (Hold shift to stay grounded)",
+          "archetype": "Battle Monk",
+          "archetype_req": 5,
+          "parents": [
+              109,
+              117
+          ],
+          "dependencies": [
+              79
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 26,
+              "col": 4,
+              "icon": "node_1"
+          },
+          "properties": {
+              "range": 2
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Uppercut",
+                  "cost": 0,
+                  "multipliers": [
+                      0,
+                      0,
+                      0,
+                      0,
+                      0,
+                      50
+                  ]
+              }
+          ],
+          "id": 118
+      },
+      {
+          "display_name": "Mythril Skin",
+          "desc": "Gain +5% Base Resistance and become immune to knockback",
+          "archetype": "Paladin",
+          "archetype_req": 6,
+          "parents": [
+              115
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 26,
+              "col": 7,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "baseResist",
+                          "value": 5
+                      }
+                  ]
+              }
+          ],
+          "id": 119
+      },
+      {
+          "display_name": "Armour Breaker",
+          "desc": "While Corrupted, losing 30% Health will make your next Uppercut destroy enemies' defense, rendering them weaker to damage",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              116,
+              117
+          ],
+          "dependencies": [
+              96
+          ],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 27,
+              "col": 1,
+              "icon": "node_2"
+          },
+          "properties": {
+              "duration": 5
+          },
+          "effects": [],
+          "id": 120
+      },
+      {
+          "display_name": "Shield Strike",
+          "desc": "When your Mantle of the Bovemist loses all charges, deal damage around you for each Mantle individually lost",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              119,
+              122
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 27,
+              "col": 6,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 5,
+                  "target_part": "Shield Strike",
+                  "cost": 0,
+                  "multipliers": [
+                      60,
+                      0,
+                      20,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 121
+      },
+      {
+          "display_name": "Sparkling Hope",
+          "desc": "Everytime you heal 5% of your max health, deal damage to all nearby enemies",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              119
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 27,
+              "col": 8,
+              "icon": "node_2"
+          },
+          "properties": {
+              "aoe": 6
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 5,
+                  "target_part": "Sparkling Hope",
+                  "cost": 0,
+                  "multipliers": [
+                      10,
+                      0,
+                      5,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 122
+      },
+      {
+          "display_name": "Massive Bash",
+          "desc": "While Corrupted, every 3% Health you lose will add +1 AoE to Bash (Max 10)",
+          "archetype": "Fallen",
+          "archetype_req": 8,
+          "parents": [
+              124,
+              116
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 28,
+              "col": 0,
+              "icon": "node_2"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Corrupted",
+                  "output": {
+                      "type": "stat",
+                      "name": "bashAoE"
+                  },
+                  "scaling": [
+                      1
+                  ],
+                  "max": 10,
+                  "slider_step": 3
+              }
+          ],
+          "id": 123
+      },
+      {
+          "display_name": "Tempest",
+          "desc": "War Scream will ripple the ground and deal damage 3 times in a large area",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              123,
+              125
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 28,
+              "col": 2,
+              "icon": "node_1"
+          },
+          "properties": {
+              "aoe": 16
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Tempest",
+                  "cost": "0",
+                  "multipliers": [
+                      30,
+                      10,
+                      0,
+                      0,
+                      0,
+                      10
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Tempest Total Damage",
+                  "cost": "0",
+                  "hits": {
+                      "Tempest": 3
+                  }
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Total Damage",
+                  "cost": "0",
+                  "hits": {
+                      "Tempest": 3
+                  }
+              }
+          ],
+          "id": 124
+      },
+      {
+          "display_name": "Spirit of the Rabbit",
+          "desc": "Reduce the Mana cost of Charge and increase your Walk Speed by +20%",
+          "archetype": "Battle Monk",
+          "archetype_req": 5,
+          "parents": [
+              124,
+              118
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 28,
+              "col": 4,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 2,
+                  "cost": -5
+              },
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "stat",
+                          "name": "spd",
+                          "value": 20
+                      }
+                  ]
+              }
+          ],
+          "id": 125
+      },
+      {
+          "display_name": "Massacre",
+          "desc": "While Corrupted, if your effective attack speed is Slow or lower, hitting an enemy with your Main Attack will add +1% to your Corrupted bar",
+          "archetype": "Fallen",
+          "archetype_req": 5,
+          "parents": [
+              124,
+              123
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 29,
+              "col": 1,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 126
+      },
+      {
+          "display_name": "Axe Kick",
+          "desc": "Increase the damage of Uppercut, but also increase its mana cost",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              124,
+              125
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 29,
+              "col": 3,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "target_part": "Uppercut",
+                  "cost": 10,
+                  "multipliers": [
+                      100,
+                      0,
+                      0,
+                      0,
+                      0,
+                      0
+                  ]
+              }
+          ],
+          "id": 127
+      },
+      {
+          "display_name": "Radiance",
+          "desc": "Bash will buff your allies' positive IDs. (15s Cooldown)",
+          "archetype": "Paladin",
+          "archetype_req": 2,
+          "parents": [
+              125,
+              129
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 29,
+              "col": 5,
+              "icon": "node_2"
+          },
+          "properties": {
+              "cooldown": 15
+          },
+          "effects": [],
+          "id": 128
+      },
+      {
+          "display_name": "Cheaper Bash 2",
+          "desc": "Reduce the Mana cost of Bash",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              128,
+              121,
+              122
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 29,
+              "col": 7,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 1,
+                  "cost": -5
+              }
+          ],
+          "id": 129
+      },
+      {
+          "display_name": "Cheaper War Scream",
+          "desc": "Reduce the Mana cost of War Scream",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              123
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 31,
+              "col": 0,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "cost": -5
+              }
+          ],
+          "id": 130
+      },
+      {
+          "display_name": "Discombobulate",
+          "desc": "Every time you hit an enemy, briefly increase your elemental damage dealt to them by +2 (Additive, Max +50). This bonus decays -5 every second",
+          "archetype": "Battle Monk",
+          "archetype_req": 12,
+          "parents": [
+              133
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 31,
+              "col": 2,
+              "icon": "node_3"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "stat_scaling",
+                  "slider": true,
+                  "slider_name": "Hits dealt",
+                  "output": {
+                      "type": "stat",
+                      "name": "rainrawButDifferent"
+                  },
+                  "scaling": [
+                      2
+                  ],
+                  "max": 50
+              }
+          ],
+          "id": 131
+      },
+      {
+          "display_name": "Thunderclap",
+          "desc": "Bash will cast at the player's position and gain additional AoE.\n\n All elemental conversions become Thunder",
+          "archetype": "Battle Monk",
+          "archetype_req": 8,
+          "parents": [
+              133
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 32,
+              "col": 5,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "convert_spell_conv",
+                  "target_part": "all",
+                  "conversion": "thunder"
+              },
+              {
+                  "type": "raw_stat",
+                  "bonuses": [
+                      {
+                          "type": "prop",
+                          "abil_name": "Bash",
+                          "name": "aoe",
+                          "value": 3
+                      }
+                  ]
+              }
+          ],
+          "id": 132
+      },
+      {
+          "display_name": "Cyclone",
+          "desc": "After casting War Scream, envelop yourself with a vortex that damages nearby enemies every 0.5s",
+          "archetype": "Battle Monk",
+          "archetype_req": 0,
+          "parents": [
+              125
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 31,
+              "col": 4,
+              "icon": "node_1"
+          },
+          "properties": {
+              "aoe": 4,
+              "duration": 20
+          },
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Cyclone",
+                  "cost": 0,
+                  "multipliers": [
+                      10,
+                      0,
+                      0,
+                      0,
+                      5,
+                      10
+                  ]
+              },
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 4,
+                  "target_part": "Cyclone Total Damage",
+                  "cost": 0,
+                  "hits": {
+                      "Cyclone": 40
+                  }
+              }
+          ],
+          "id": 133
+      },
+      {
+          "display_name": "Second Chance",
+          "desc": "When you receive a fatal blow, survive and regain 30% of your Health (10m Cooldown)",
+          "archetype": "Paladin",
+          "archetype_req": 12,
+          "parents": [
+              129
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 32,
+              "col": 7,
+              "icon": "node_3"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 134
+      },
+      {
+          "display_name": "Blood Pact",
+          "desc": "If you do not have enough mana to cast a spell, spend health instead (1% health per mana)",
+          "archetype": "",
+          "archetype_req": 10,
+          "parents": [
+              130
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 34,
+              "col": 1,
+              "icon": "node_3"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 135
+      },
+      {
+          "display_name": "Haemorrhage",
+          "desc": "Reduce Blood Pact's health cost. (0.5% health per mana)",
+          "archetype": "Fallen",
+          "archetype_req": 0,
+          "parents": [
+              135
+          ],
+          "dependencies": [
+              135
+          ],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 35,
+              "col": 2,
+              "icon": "node_1"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 136
+      },
+      {
+          "display_name": "Brink of Madness",
+          "desc": "If your health is 25% full or less, gain +40% Resistance",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              135,
+              138
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 35,
+              "col": 4,
+              "icon": "node_2"
+          },
+          "properties": {},
+          "effects": [],
+          "id": 137
+      },
+      {
+          "display_name": "Cheaper Uppercut 2",
+          "desc": "Reduce the Mana cost of Uppercut",
+          "archetype": "",
+          "archetype_req": 0,
+          "parents": [
+              134,
+              137
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 1,
+          "display": {
+              "row": 35,
+              "col": 6,
+              "icon": "node_0"
+          },
+          "properties": {},
+          "effects": [
+              {
+                  "type": "add_spell_prop",
+                  "base_spell": 3,
+                  "cost": -5
+              }
+          ],
+          "id": 138
+      },
+      {
+          "display_name": "Martyr",
+          "desc": "When you receive a fatal blow, all nearby allies become invincible",
+          "archetype": "Paladin",
+          "archetype_req": 0,
+          "parents": [
+              134
+          ],
+          "dependencies": [],
+          "blockers": [],
+          "cost": 2,
+          "display": {
+              "row": 35,
+              "col": 8,
+              "icon": "node_1"
+          },
+          "properties": {
+              "duration": 3,
+              "aoe": 12
+          },
+          "effects": [],
+          "id": 139
+      }
+  ]
+}
\ No newline at end of file
diff --git a/py_script/ci_parse.py b/py_script/ci_parse.py
index fc1772a..6318069 100644
--- a/py_script/ci_parse.py
+++ b/py_script/ci_parse.py
@@ -1,3 +1,5 @@
+#parses all CI and creates a json file with all of them
+
 import os
 import re
 
diff --git a/py_script/ci_scrape.py b/py_script/ci_scrape.py
index a4ed7c6..92ab880 100644
--- a/py_script/ci_scrape.py
+++ b/py_script/ci_scrape.py
@@ -1,3 +1,5 @@
+#looks like something that hpp does with curl
+
 import os
 
 with open("ci.txt.2") as infile:
diff --git a/py_script/clean_json.py b/py_script/clean_json.py
new file mode 100644
index 0000000..56894db
--- /dev/null
+++ b/py_script/clean_json.py
@@ -0,0 +1,19 @@
+'''
+A generic file used for turning a json into a "clean" version of itself (human-friendly whitespace).
+Clean files are useful for human reading and dev debugging.
+
+
+Usage: python clean_json.py [infile rel path] [outfile rel path]
+'''
+
+if __name__ == "__main__":
+    import json
+    import argparse
+
+    parser = argparse.ArgumentParser(description="Pull data from wynn API.")
+    parser.add_argument('infile', help='input file to read data from')
+    parser.add_argument('outfile', help='output file to dump clean data into')
+    args = parser.parse_args()
+
+    infile, outfile = args.infile, args.outfile
+    json.dump(json.load(open(infile)), open(outfile, "w"), indent = 2)
diff --git a/py_script/compress_json.py b/py_script/compress_json.py
index c4d4899..030f739 100644
--- a/py_script/compress_json.py
+++ b/py_script/compress_json.py
@@ -1,8 +1,18 @@
-import sys
-import json
-infile = sys.argv[1]
-outfile = sys.argv[2]
-if len(sys.argv) > 3 and sys.argv[3] == "decompress":
-    json.dump(json.load(open(infile)), open(outfile, "w"), indent=4)
-else:
+'''
+A generic file used for turning a json into a compressed version of itself (minimal whitespaces).
+Compressed files are useful for lowering the amount of data sent.
+
+Usage: python compress_json.py [infile rel path] [outfile rel path]
+'''
+
+if __name__ == "__main__":
+    import json
+    import argparse
+
+    parser = argparse.ArgumentParser(description="Pull data from wynn API.")
+    parser.add_argument('infile', help='input file to read data from')
+    parser.add_argument('outfile', help='output file to dump clean data into')
+    args = parser.parse_args()
+
+    infile, outfile = args.infile, args.outfile
     json.dump(json.load(open(infile)), open(outfile, "w"))
diff --git a/py_script/dump.py b/py_script/dump.py
deleted file mode 100644
index d649c7e..0000000
--- a/py_script/dump.py
+++ /dev/null
@@ -1,22 +0,0 @@
-import requests
-import json
-import numpy as np
-
-response = requests.get("https://api.wynncraft.com/public_api.php?action=itemDB&category=all")
-
-with open("dump.json", "w") as outfile:
-    outfile.write(json.dumps(response.json()))
-
-arr = np.array([])
-for i in range(4):
-    response = requests.get("https://api.wynncraft.com/v2/ingredient/search/tier/" + str(i))
-    arr = np.append(arr, np.array(response.json()['data']))
-
-with open("../ingreds.json", "w") as outfile:
-    outfile.write(json.dumps(list(arr)))
-
-with open("../ingreds_compress.json", "w") as outfile:
-    outfile.write(json.dumps(list(arr)))
-
-with open("../ingreds_clean.json", "w") as outfile:
-    json.dump(list(arr), outfile, indent = 2) #needs further cleaning
diff --git a/py_script/get.py b/py_script/get.py
new file mode 100644
index 0000000..9cf48a0
--- /dev/null
+++ b/py_script/get.py
@@ -0,0 +1,65 @@
+"""
+Used to GET data from the Wynncraft API. Has shorthand options and allows 
+for requesting from a specific url.
+
+Usage: python get.py [url or command] [outfile rel path]
+
+Relevant page: https://docs.wynncraft.com/
+"""
+
+import argparse
+import json
+
+import numpy as np
+import requests
+
+parser = argparse.ArgumentParser(description="Pull data from wynn API.")
+parser.add_argument('target', help='an API page, or preset [items, ings, recipes, terrs, maploc]')
+parser.add_argument('outfile', help='output file to dump results into')
+args = parser.parse_args()
+
+req, outfile = args.target, args.outfile
+
+CURR_WYNN_VERS = 2.0
+
+#default to empty file output
+response = {} 
+
+if req.lower() == "items":
+    response = requests.get("https://api.wynncraft.com/public_api.php?action=itemDB&category=all")
+elif req.lower() == "ings":
+    response = {"ings":[]}
+    for i in range(4):
+        response['ings'].extend(requests.get("https://api.wynncraft.com/v2/ingredient/search/tier/" + str(i)).json()['data'])
+elif req.lower() == "recipes":
+    temp = requests.get("https://api.wynncraft.com/v2/recipe/list")
+    response = {"recipes":[]}
+    for i in range(len(temp['data'])):
+        response["recipes"].extend(requests.get("https://api.wynncraft.com/v2/recipe/get/" + temp['data'][i]).json()['data'])
+        print("" + str(i) + " / " + str(len(temp['data'])))
+elif req.lower() == "terrs":
+    response = requests.get("https://api.wynncraft.com/public_api.php?action=territoryList").json()['territories']
+    delkeys = ["territory","acquired","attacker"]
+    for t in response:
+        for key in delkeys:
+            del response[t][key]
+        response[t]["neighbors"] = []
+
+    #Dependency on a third-party manually-collected data source. May not update in sync with API.
+    terr_data = requests.get("https://gist.githubusercontent.com/kristofbolyai/87ae828ecc740424c0f4b3749b2287ed/raw/0735f2e8bb2d2177ba0e7e96ade421621070a236/territories.json").json()
+    for t in data:
+        response[t]["neighbors"] = data[t]["Routes"]
+        response[t]["resources"] = data[t]["Resources"]
+        response[t]["storage"] = data[t]["Storage"]
+        response[t]["emeralds"] = data[t]["Emeralds"]
+        response[t]["doubleemeralds"] = data[t]["DoubleEmerald"]
+        response[t]["doubleresource"] = data[t]["DoubleResource"]
+
+elif req.lower() == "maploc":
+    response = requests.get('https://api.wynncraft.com/public_api.php?action=mapLocations')
+else:
+    response = requests.get(req)
+
+response['version'] = CURR_WYNN_VERS
+
+json.dump(response, open(outfile, "w+"))
diff --git a/py_script/id_map.json b/py_script/id_map.json
index 4fd47dd..aedceff 100644
--- a/py_script/id_map.json
+++ b/py_script/id_map.json
@@ -3646,5 +3646,11 @@
   "Narcissist": 3648,
   "Mask of the Spirits": 3649,
   "Inhibitor": 3650,
-  "Spear of Testiness": 3651
-}
+  "Spear of Testiness": 3651,
+  "Blue Wynnter Sweater": 3648,
+  "Green Wynnter Sweater": 3649,
+  "Purple Wynnter Sweater": 3650,
+  "Red Wynnter Sweater": 3651,
+  "Snowtread Boots": 3652,
+  "White Wynnter Sweater": 3653
+}
\ No newline at end of file
diff --git a/py_script/image_get.py b/py_script/image_get.py
index ebe22a3..9e3eced 100644
--- a/py_script/image_get.py
+++ b/py_script/image_get.py
@@ -1,3 +1,7 @@
+"""
+Used for grabbing image files at some point. Not used recently.
+"""
+
 import os
 import json
 
diff --git a/ing_map.json b/py_script/ing_map.json
similarity index 100%
rename from ing_map.json
rename to py_script/ing_map.json
diff --git a/py_script/json_diff.py b/py_script/json_diff.py
index 6e47cea..11ce04e 100644
--- a/py_script/json_diff.py
+++ b/py_script/json_diff.py
@@ -1,4 +1,8 @@
-"""Json diff checker for manual testing."""
+"""
+Json diff checker for manual testing - mainly debug
+
+
+"""
 
 import argparse
 import json
diff --git a/py_script/parse_log.py b/py_script/parse_log.py
index cc2b6ed..946da03 100644
--- a/py_script/parse_log.py
+++ b/py_script/parse_log.py
@@ -1,3 +1,9 @@
+"""
+Used to parse a changelog at some point in the past. Could be used in the future.
+
+Not a typically used file
+"""
+
 import json
 import difflib
 
diff --git a/py_script/parse_set_individual.py b/py_script/parse_set_individual.py
index 4b8d012..972506f 100644
--- a/py_script/parse_set_individual.py
+++ b/py_script/parse_set_individual.py
@@ -1,3 +1,9 @@
+"""
+Parses a set from a single file.
+
+Usage: python parse_set_individual.py [infile]
+"""
+
 import sys
 
 set_infile = sys.argv[1]
diff --git a/py_script/parse_sets.py b/py_script/parse_sets.py
deleted file mode 100644
index bb61088..0000000
--- a/py_script/parse_sets.py
+++ /dev/null
@@ -1,4 +0,0 @@
-with open("sets.txt", "r") as setsFile:
-    sets_split = (x.split("'", 2)[1][2:] for x in setsFile.read().split("a href=")[1:])
-    with open("sets_list.txt", "w") as outFile:
-        outFile.write("\n".join(sets_split))
diff --git a/py_script/plot_dps.py b/py_script/plot_dps.py
index 5768f1d..4c8b33c 100644
--- a/py_script/plot_dps.py
+++ b/py_script/plot_dps.py
@@ -1,3 +1,7 @@
+"""
+Generates data for dps_vis
+"""
+
 import matplotlib.pyplot as plt
 import json
 import numpy as np
diff --git a/py_script/ing_transform_combine.py b/py_script/process_ings.py
similarity index 86%
rename from py_script/ing_transform_combine.py
rename to py_script/process_ings.py
index 0dd7491..e1ebe8c 100644
--- a/py_script/ing_transform_combine.py
+++ b/py_script/process_ings.py
@@ -1,15 +1,30 @@
+"""
+Used to process the raw data about ingredients pulled from the API.
 
+Usage: 
+- python process_ings.py [infile] [outfile] 
+OR
+- python process_ings.py [infile and outfile]
+"""
 
 import json
-
-with open("../ingreds.json", "r") as infile:
-    ing_data = json.loads(infile.read())
-ings = ing_data
-#this data does not have request :)
-
+import sys
 import os
-if os.path.exists("../ing_map.json"):
-    with open("../ing_map.json","r") as ing_mapfile:
+import base64
+import argparse
+
+parser = argparse.ArgumentParser(description="Process raw pulled ingredient data.")
+parser.add_argument('infile', help='input file to read data from')
+parser.add_argument('outfile', help='output file to dump clean data into')
+args = parser.parse_args()
+infile, outfile = args.infile, args.outfile
+
+with open(infile, "r") as in_file:
+    ing_data = json.loads(in_file.read())
+ings = ing_data['ings']
+
+if os.path.exists("ing_map.json"):
+    with open("ing_map.json","r") as ing_mapfile:
         ing_map = json.load(ing_mapfile)
 else:
     ing_map = {ing["name"]: i for i, ing in enumerate(ings)}
@@ -146,8 +161,6 @@ ing_delete_keys = [
     "skin"
 ]
 
-print("loaded all files.")
-
 for ing in ings:
     for key in ing_delete_keys:
         if key in ing:
@@ -202,13 +215,10 @@ for ing in ings:
         print(f'New Ingred: {ing["name"]}')
     ing["id"] = ing_map[ing["name"]]
 
-
-with open("../ingreds_clean.json", "w") as outfile:
-    json.dump(ing_data, outfile, indent = 2)
-with open("../ingreds_compress.json", "w") as outfile:
-    json.dump(ing_data, outfile)
-with open("../ing_map.json", "w") as ing_mapfile:
+#save ing ids
+with open("ing_map.json", "w+") as ing_mapfile:
     json.dump(ing_map, ing_mapfile, indent = 2)
 
-
-print('All ing jsons updated.')
+#save ings
+with open(outfile, "w+") as out_file:
+    json.dump(ing_data, out_file)
diff --git a/py_script/transform_preserve.py b/py_script/process_items.py
similarity index 76%
rename from py_script/transform_preserve.py
rename to py_script/process_items.py
index 66c415f..2001271 100644
--- a/py_script/transform_preserve.py
+++ b/py_script/process_items.py
@@ -1,44 +1,35 @@
 """
+Used to process the raw item data pulled from the API.
 
-NOTE!!!!!!!
+Usage: 
+- python process_items.py [infile] [outfile] 
+OR
+- python process_items.py [infile and outfile]
 
-DEMON TIDE 1.20 IS HARD CODED!
-
-AMBIVALENCE IS REMOVED!
 
+NOTE: id_map.json is due for change. Should be updated manually when Wynn2.0/corresponding WB version drops.
 """
 
 import json
+import sys
+import os
+import base64
+import argparse
 
-with open("dump.json", "r") as infile:
-    data = json.load(infile)
+parser = argparse.ArgumentParser(description="Process raw pulled item data.")
+parser.add_argument('infile', help='input file to read data from')
+parser.add_argument('outfile', help='output file to dump clean data into')
+args = parser.parse_args()
+infile, outfile = args.infile, args.outfile
+
+with open(infile, "r") as in_file:
+    data = json.loads(in_file.read())
 
-with open("updated.json", "r") as oldfile:
-    old_data = json.load(oldfile)
 
 items = data["items"]
-old_items = old_data["items"]
 if "request" in data:
     del data["request"]
 
-# import os
-# sets = dict()
-# for filename in os.listdir('sets'):
-#     if "json" not in filename:
-#         continue
-#     set_name = filename[1:].split(".")[0].replace("+", " ").replace("%27", "'")
-#     with open("sets/"+filename) as set_info:
-#         set_obj = json.load(set_info)
-#         for item in set_obj["items"]:
-#             item_set_map[item] = set_name
-#         sets[set_name] = set_obj
-# 
-# data["sets"] = sets
-data["sets"] = old_data["sets"]
-item_set_map = dict()
-for set_name, set_data in data["sets"].items():
-    for item_name in set_data["items"]:
-        item_set_map[item_name] = set_name
 
 translate_mappings = {
     #"name": "name",
@@ -141,7 +132,12 @@ delete_keys = [
     #"material"
 ]
 
+with open("../clean.json", "r") as oldfile:
+    old_data = json.load(oldfile)
+old_items = old_data['items']
 id_map = {item["name"]: item["id"] for item in old_items}
+with open("id_map.json", "r") as idmap_file:
+    id_map = json.load(idmap_file)
 used_ids = set([v for k, v in id_map.items()])
 max_id = 0
 
@@ -150,8 +146,8 @@ known_item_names = set()
 for item in items:
     known_item_names.add(item["name"])
 
-old_items_map = dict()
 remap_items = []
+old_items_map = dict()
 for item in old_items:
     if "remapID" in item:
         remap_items.append(item)
@@ -186,16 +182,18 @@ for item in items:
         item_name = item["displayName"]
     else:
         item_name = item["name"]
-    if item_name in item_set_map:
-        item["set"] = item_set_map[item_name]
-        if item["name"] in old_items_map:
-            old_item = old_items_map[item["name"]]
-            if "hideSet" in old_item:
-                item["hideSet"] = old_item["hideSet"]
 
 items.extend(remap_items)
 
-with open("clean.json", "w") as outfile:
-    json.dump(data, outfile, indent=2)
-with open("compress.json", "w") as outfile:
-    json.dump(data, outfile)
+#write items back into data
+data["items"] = items
+
+#save id map
+with open("id_map.json","w") as id_mapfile:
+    json.dump(id_map, id_mapfile, indent=2)
+
+
+#write the data back to the outfile
+with open(outfile, "w+") as out_file:
+    json.dump(data, out_file)
+
diff --git a/py_script/process_recipes.py b/py_script/process_recipes.py
new file mode 100644
index 0000000..f2b13f5
--- /dev/null
+++ b/py_script/process_recipes.py
@@ -0,0 +1,59 @@
+"""
+Used to process the raw data about crafting recipes pulled from the API.
+
+Usage: 
+- python process_recipes.py [infile] [outfile] 
+OR
+- python process_recipes.py [infile and outfile]
+"""
+
+import json
+import sys
+import os
+import base64
+import argparse
+
+parser = argparse.ArgumentParser(description="Process raw pulled recipe data.")
+parser.add_argument('infile', help='input file to read data from')
+parser.add_argument('outfile', help='output file to dump clean data into')
+args = parser.parse_args()
+infile, outfile = args.infile, args.outfile
+
+with open(infile, "r") as in_file:
+    recipe_data = json.loads(in_file.read())
+recipes = recipe_data["recipes"]
+
+if os.path.exists("recipe_map.json"):
+    with open("recipe_map.json","r") as recipe_mapfile:
+        recipe_map = json.load(recipe_mapfile)
+else:
+    recipe_map = {recipe["name"]: i for i, recipe in enumerate(recipes)}
+
+recipe_translate_mappings = { 
+    "level" : "lvl",
+    "id" : "name",
+}
+recipe_delete_keys = [ #lol
+
+]
+
+for recipe in recipes:
+    for key in recipe_delete_keys:
+        if key in recipe:
+            del recipe[key]
+    for k, v in recipe_translate_mappings.items():
+        if k in recipe:
+            recipe[v] = recipe[k]
+            del recipe[k]
+    if not (recipe["name"] in recipe_map):
+        recipe_map[recipe["name"]] = len(recipe_map)
+        print(f'New Recipe: {recipe["name"]}')
+    recipe["id"] = recipe_map[recipe["name"]]
+
+#save recipe id map
+with open("recipe_map.json", "w") as recipe_mapfile:
+    json.dump(recipe_map, recipe_mapfile, indent = 2)
+
+#save recipe data
+with open(outfile, "w+") as out_file:
+    json.dump(recipe_data, out_file)
\ No newline at end of file
diff --git a/recipe_map.json b/py_script/recipe_map.json
similarity index 100%
rename from recipe_map.json
rename to py_script/recipe_map.json
diff --git a/py_script/recipe_transform_combine.py b/py_script/recipe_transform_combine.py
deleted file mode 100644
index 334df84..0000000
--- a/py_script/recipe_transform_combine.py
+++ /dev/null
@@ -1,46 +0,0 @@
-
-import os
-
-with open("../recipes_compress.json", "r") as infile:
-    recipe_data = json.loads(infile.read())
-recipes = recipe_data["recipes"]
-
-if os.path.exists("recipe_map.json"):
-    with open("recipe_map.json","r") as recipe_mapfile:
-        recipe_map = json.load(recipe_mapfile)
-else:
-    recipe_map = {recipe["name"]: i for i, recipe in enumerate(recipes)}
-
-recipe_translate_mappings = { 
-    "level" : "lvl",
-    "id" : "name",
-}
-recipe_delete_keys = [ #lol
-
-]
-
-print("loaded all files.")
-
-for recipe in recipes:
-    for key in recipe_delete_keys:
-        if key in recipe:
-            del recipe[key]
-    for k, v in recipe_translate_mappings.items():
-        if k in recipe:
-            recipe[v] = recipe[k]
-            del recipe[k]
-    if not (recipe["name"] in recipe_map):
-        recipe_map[recipe["name"]] = len(recipe_map)
-        print(f'New Recipe: {recipe["name"]}')
-    recipe["id"] = recipe_map[recipe["name"]]
-
-
-with open("../recipes_clean.json", "w") as outfile:
-    json.dump(recipe_data, outfile, indent = 2)
-with open("../recipes_compress.json", "w") as outfile:
-    json.dump(recipe_data, outfile)
-with open("../recipe_map.json", "w") as recipe_mapfile:
-    json.dump(recipe_map,recipe_mapfile,indent = 2)
-
-
-print('All ing jsons updated.')
\ No newline at end of file
diff --git a/py_script/recipes.py b/py_script/recipes.py
deleted file mode 100644
index 91d9e63..0000000
--- a/py_script/recipes.py
+++ /dev/null
@@ -1,33 +0,0 @@
-import requests
-import json
-import time
-'''
-response = requests.get("https://api.wynncraft.com/v2/recipe/list")
-with open("mats.json", "w") as outfile:
-    outfile.write(json.dumps(response.json()))'''
-
-recipes = ["Boots-3-5", "Boots-5-7", "Bow-1-3", "Boots-7-9", "Bow-3-5", "Bow-5-7", "Bow-7-9", "Bracelet-3-5", "Bracelet-5-7", "Bracelet-1-3", "Chestplate-1-3", "Chestplate-3-5", "Chestplate-7-9", "Chestplate-5-7", "Dagger-1-3", "Dagger-3-5", "Dagger-5-7", "Bracelet-7-9", "Dagger-7-9", "Food-3-5", "Food-1-3", "Food-5-7", "Food-7-9", "Helmet-1-3", "Helmet-3-5", "Helmet-7-9", "Helmet-5-7", "Necklace-3-5", "Necklace-1-3", "Necklace-7-9", "Necklace-5-7", "Pants-1-3", "Pants-3-5", "Pants-5-7", "Pants-7-9", "Potion-1-3", "Potion-3-5", "Potion-5-7", "Relik-1-3", "Potion-7-9", "Relik-5-7", "Relik-3-5", "Relik-7-9", "Boots-1-3", "Ring-3-5", "Ring-5-7", "Ring-7-9", "Scroll-1-3", "Scroll-3-5", "Scroll-5-7", "Scroll-7-9", "Spear-1-3", "Spear-3-5", "Spear-5-7", "Spear-7-9", "Wand-1-3", "Wand-3-5", "Wand-5-7", "Wand-7-9", "Boots-10-13", "Boots-13-15", "Boots-15-17", "Boots-17-19", "Bow-10-13", "Bow-13-15", "Bracelet-10-13", "Bracelet-13-15", "Bracelet-15-17", "Bow-17-19", "Bracelet-17-19", "Chestplate-10-13", "Chestplate-13-15", "Chestplate-15-17", "Bow-15-17", "Dagger-10-13", "Dagger-13-15", "Chestplate-17-19", "Dagger-17-19", "Food-13-15", "Food-15-17", "Food-10-13", "Food-17-19", "Helmet-10-13", "Helmet-13-15", "Helmet-15-17", "Helmet-17-19", "Necklace-10-13", "Dagger-15-17", "Necklace-15-17", "Necklace-17-19", "Pants-10-13", "Pants-13-15", "Pants-15-17", "Pants-17-19", "Potion-10-13", "Potion-13-15", "Potion-15-17", "Relik-10-13", "Relik-13-15", "Relik-15-17", "Relik-17-19", "Ring-10-13", "Ring-13-15", "Ring-15-17", "Ring-17-19", "Scroll-10-13", "Potion-17-19", "Scroll-13-15", "Scroll-15-17", "Spear-10-13", "Scroll-17-19", "Spear-13-15", "Spear-15-17", "Spear-17-19", "Wand-10-13", "Wand-13-15", "Wand-15-17", "Wand-17-19", "Boots-20-23", "Boots-23-25", "Boots-25-27", "Bow-23-25", "Bow-20-23", "Boots-27-29", "Bow-25-27", "Bow-27-29", "Bracelet-20-23", "Bracelet-23-25", "Bracelet-25-27", "Bracelet-27-29", "Chestplate-23-25", "Chestplate-25-27", "Chestplate-20-23", "Chestplate-27-29", "Dagger-20-23", "Dagger-23-25", "Dagger-25-27", "Dagger-27-29", "Food-20-23", "Food-25-27", "Food-27-29", "Helmet-20-23", "Food-23-25", "Helmet-23-25", "Helmet-27-29", "Helmet-25-27", "Necklace-20-23", "Necklace-23-25", "Necklace-27-29", "Pants-20-23", "Necklace-25-27", "Pants-23-25", "Pants-25-27", "Pants-27-29", "Potion-20-23", "Potion-23-25", "Potion-27-29", "Potion-25-27", "Relik-20-23", "Relik-23-25", "Relik-25-27", "Relik-27-29", "Ring-20-23", "Ring-23-25", "Ring-25-27", "Ring-27-29", "Scroll-20-23", "Scroll-23-25", "Scroll-25-27", "Scroll-27-29", "Spear-20-23", "Spear-23-25", "Spear-25-27", "Spear-27-29", "Wand-20-23", "Wand-23-25", "Wand-25-27", "Wand-27-29", "Boots-30-33", "Boots-33-35", "Boots-35-37", "Boots-37-39", "Bow-30-33", "Bow-33-35", "Bow-35-37", "Necklace-13-15", "Bow-37-39", "Bracelet-30-33", "Bracelet-33-35", "Bracelet-35-37", "Bracelet-37-39", "Chestplate-30-33", "Chestplate-35-37", "Chestplate-33-35", "Dagger-30-33", "Chestplate-37-39", "Dagger-35-37", "Dagger-37-39", "Food-30-33", "Dagger-33-35", "Food-33-35", "Food-35-37", "Food-37-39", "Helmet-30-33", "Helmet-33-35", "Helmet-35-37", "Helmet-37-39", "Necklace-30-33", "Necklace-33-35", "Necklace-35-37", "Necklace-37-39", "Pants-33-35", "Pants-30-33", "Pants-35-37", "Pants-37-39", "Potion-30-33", "Potion-33-35", "Potion-35-37", "Potion-37-39", "Relik-30-33", "Relik-33-35", "Relik-35-37", "Ring-30-33", "Relik-37-39", "Ring-33-35", "Ring-35-37", "Ring-37-39", "Scroll-30-33", "Scroll-33-35", "Scroll-35-37", "Scroll-37-39", "Spear-30-33", "Spear-33-35", "Spear-35-37", "Spear-37-39", "Wand-30-33", "Wand-33-35", "Wand-35-37", "Boots-40-43", "Wand-37-39", "Boots-45-47", "Boots-47-49", "Boots-43-45", "Bow-40-43", "Bow-47-49", "Bow-43-45", "Bracelet-40-43", "Bow-45-47", "Bracelet-45-47", "Bracelet-47-49", "Chestplate-43-45", "Bracelet-43-45", "Chestplate-40-43", "Chestplate-45-47", "Dagger-40-43", "Chestplate-47-49", "Dagger-43-45", "Dagger-47-49", "Dagger-45-47", "Food-40-43", "Food-43-45", "Food-45-47", "Food-47-49", "Helmet-40-43", "Helmet-43-45", "Helmet-45-47", "Necklace-40-43", "Necklace-43-45", "Necklace-45-47", "Helmet-47-49", "Necklace-47-49", "Pants-40-43", "Pants-43-45", "Pants-45-47", "Pants-47-49", "Potion-43-45", "Potion-45-47", "Relik-40-43", "Potion-47-49", "Potion-40-43", "Relik-45-47", "Ring-40-43", "Relik-43-45", "Ring-45-47", "Relik-47-49", "Ring-43-45", "Ring-47-49", "Scroll-40-43", "Scroll-43-45", "Scroll-45-47", "Scroll-47-49", "Spear-43-45", "Spear-40-43", "Spear-45-47", "Spear-47-49", "Wand-40-43", "Wand-43-45", "Wand-45-47", "Wand-47-49", "Boots-50-53", "Boots-53-55", "Boots-55-57", "Boots-57-59", "Bow-50-53", "Bow-55-57", "Bow-53-55", "Bow-57-59", "Bracelet-50-53", "Bracelet-53-55", "Bracelet-55-57", "Bracelet-57-59", "Chestplate-50-53", "Chestplate-53-55", "Chestplate-55-57", "Chestplate-57-59", "Dagger-50-53", "Dagger-53-55", "Dagger-55-57", "Food-50-53", "Food-53-55", "Food-55-57", "Dagger-57-59", "Food-57-59", "Helmet-50-53", "Helmet-53-55", "Helmet-55-57", "Helmet-57-59", "Necklace-50-53", "Necklace-57-59", "Necklace-53-55", "Necklace-55-57", "Pants-53-55", "Pants-55-57", "Pants-57-59", "Potion-53-55", "Potion-50-53", "Potion-55-57", "Relik-50-53", "Pants-50-53", "Relik-53-55", "Potion-57-59", "Relik-55-57", "Relik-57-59", "Ring-50-53", "Ring-53-55", "Ring-55-57", "Ring-57-59", "Scroll-50-53", "Scroll-53-55", "Scroll-57-59", "Scroll-55-57", "Spear-50-53", "Spear-53-55", "Spear-55-57", "Wand-50-53", "Spear-57-59", "Wand-55-57", "Wand-53-55", "Wand-57-59", "Boots-60-63", "Boots-65-67", "Boots-63-65", "Boots-67-69", "Bow-60-63", "Bow-63-65", "Bow-67-69", "Bow-65-67", "Bracelet-63-65", "Bracelet-60-63", "Bracelet-65-67", "Bracelet-67-69", "Chestplate-63-65", "Chestplate-60-63", "Chestplate-65-67", "Chestplate-67-69", "Dagger-60-63", "Dagger-63-65", "Dagger-65-67", "Dagger-67-69", "Food-60-63", "Food-63-65", "Food-67-69", "Helmet-60-63", "Helmet-63-65", "Food-65-67", "Helmet-65-67", "Helmet-67-69", "Necklace-60-63", "Necklace-63-65", "Necklace-65-67", "Necklace-67-69", "Pants-63-65", "Pants-60-63", "Pants-65-67", "Pants-67-69", "Potion-60-63", "Potion-63-65", "Potion-67-69", "Relik-63-65", "Relik-65-67", "Potion-65-67", "Relik-67-69", "Relik-60-63", "Ring-60-63", "Ring-65-67", "Ring-63-65", "Ring-67-69", "Scroll-60-63", "Scroll-63-65", "Scroll-67-69", "Scroll-65-67", "Spear-63-65", "Spear-60-63", "Spear-67-69", "Wand-60-63", "Wand-63-65", "Spear-65-67", "Wand-65-67", "Wand-67-69", "Boots-70-73", "Boots-73-75", "Boots-77-79", "Boots-75-77", "Bow-75-77", "Bow-73-75", "Bracelet-70-73", "Bow-77-79", "Bracelet-73-75", "Bow-70-73", "Bracelet-75-77", "Chestplate-70-73", "Bracelet-77-79", "Chestplate-73-75", "Chestplate-75-77", "Chestplate-77-79", "Dagger-70-73", "Dagger-73-75", "Dagger-75-77", "Food-70-73", "Dagger-77-79", "Food-73-75", "Food-75-77", "Food-77-79", "Helmet-70-73", "Helmet-73-75", "Helmet-75-77", "Helmet-77-79", "Necklace-70-73", "Necklace-73-75", "Necklace-75-77", "Necklace-77-79", "Pants-73-75", "Pants-75-77", "Pants-77-79", "Pants-70-73", "Potion-70-73", "Potion-73-75", "Potion-75-77", "Potion-77-79", "Relik-70-73", "Relik-73-75", "Relik-75-77", "Relik-77-79", "Ring-70-73", "Ring-73-75", "Ring-75-77", "Ring-77-79", "Scroll-70-73", "Scroll-73-75", "Scroll-75-77", "Scroll-77-79", "Spear-70-73", "Spear-73-75", "Spear-75-77", "Spear-77-79", "Wand-70-73", "Wand-73-75", "Wand-75-77", "Wand-77-79", "Boots-80-83", "Boots-83-85", "Boots-85-87", "Boots-87-89", "Bow-83-85", "Bow-85-87", "Bow-80-83", "Bracelet-83-85", "Bracelet-80-83", "Bracelet-85-87", "Bow-87-89", "Bracelet-87-89", "Chestplate-80-83", "Chestplate-83-85", "Chestplate-85-87", "Chestplate-87-89", "Dagger-83-85", "Dagger-80-83", "Dagger-85-87", "Dagger-87-89", "Food-83-85", "Food-80-83", "Food-85-87", "Food-87-89", "Helmet-80-83", "Helmet-83-85", "Helmet-85-87", "Helmet-87-89", "Necklace-80-83", "Necklace-83-85", "Necklace-85-87", "Necklace-87-89", "Pants-80-83", "Pants-83-85", "Pants-85-87", "Pants-87-89", "Potion-80-83", "Potion-83-85", "Potion-85-87", "Potion-87-89", "Relik-80-83", "Relik-83-85", "Relik-85-87", "Ring-83-85", "Relik-87-89", "Ring-85-87", "Ring-80-83", "Ring-87-89", "Scroll-80-83", "Scroll-85-87", "Scroll-83-85", "Spear-80-83", "Scroll-87-89", "Spear-85-87", "Wand-80-83", "Spear-87-89", "Wand-83-85", "Wand-85-87", "Wand-87-89", "Spear-83-85", "Boots-93-95", "Boots-95-97", "Boots-90-93", "Boots-97-99", "Bow-90-93", "Bow-93-95", "Bow-95-97", "Bow-97-99", "Bracelet-90-93", "Bracelet-93-95", "Bracelet-97-99", "Chestplate-90-93", "Chestplate-93-95", "Bracelet-95-97", "Chestplate-95-97", "Ring-1-3", "Chestplate-97-99", "Dagger-93-95", "Dagger-90-93", "Dagger-95-97", "Dagger-97-99", "Food-90-93", "Food-93-95", "Food-95-97", "Food-97-99", "Helmet-90-93", "Helmet-93-95", "Helmet-95-97", "Helmet-97-99", "Necklace-93-95", "Necklace-95-97", "Necklace-97-99", "Pants-90-93", "Necklace-90-93", "Pants-93-95", "Pants-97-99", "Potion-90-93", "Potion-93-95", "Potion-95-97", "Relik-90-93", "Potion-97-99", "Relik-93-95", "Relik-95-97", "Ring-90-93", "Ring-95-97", "Ring-93-95", "Scroll-90-93", "Scroll-93-95", "Ring-97-99", "Scroll-95-97", "Spear-90-93", "Spear-93-95", "Spear-95-97", "Spear-97-99", "Relik-97-99", "Pants-95-97", "Wand-90-93", "Scroll-97-99", "Wand-93-95", "Wand-95-97", "Wand-97-99", "Boots-100-103", "Bow-100-103", "Bracelet-100-103", "Chestplate-100-103", "Dagger-100-103", "Necklace-100-103", "Potion-100-103", "Relik-100-103", "Ring-100-103", "Scroll-100-103", "Spear-100-103", "Pants-100-103", "Boots-103-105", "Bow-103-105", "Bracelet-103-105", "Chestplate-103-105", "Dagger-103-105", "Food-103-105", "Helmet-103-105", "Food-100-103", "Pants-103-105", "Potion-103-105", "Relik-103-105", "Wand-100-103", "Ring-103-105", "Necklace-103-105", "Scroll-103-105", "Spear-103-105", "Wand-103-105", "Helmet-100-103"]
-#recipes = ["Boots-3-5", "Boots-5-7", "Bow-1-3", "Boots-7-9", "Bow-3-5", "Bow-5-7", "Bow-7-9", "Bracelet-3-5", "Bracelet-5-7", "Bracelet-1-3", "Chestplate-1-3", "Chestplate-3-5", "Chestplate-7-9", "Chestplate-5-7", "Dagger-1-3", "Dagger-3-5", "Dagger-5-7", "Bracelet-7-9", "Dagger-7-9", "Food-3-5", "Food-1-3", "Food-5-7", "Food-7-9", "Helmet-1-3", "Helmet-3-5", "Helmet-7-9", "Helmet-5-7", "Necklace-3-5", "Necklace-1-3", "Necklace-7-9", "Necklace-5-7", "Pants-1-3", "Pants-3-5", "Pants-5-7", "Pants-7-9", "Potion-1-3", "Potion-3-5", "Potion-5-7", "Relik-1-3", "Potion-7-9", "Relik-5-7", "Relik-3-5", "Relik-7-9", "Boots-1-3", "Ring-3-5", "Ring-5-7", "Ring-7-9", "Scroll-1-3", "Scroll-3-5", "Scroll-5-7", "Scroll-7-9", "Spear-1-3", "Spear-3-5", "Spear-5-7", "Spear-7-9", "Wand-1-3", "Wand-3-5", "Wand-5-7", "Wand-7-9", "Boots-10-13", "Boots-13-15", "Boots-15-17", "Boots-17-19", "Bow-10-13", "Bow-13-15", "Bracelet-10-13", "Bracelet-13-15", "Bracelet-15-17", "Bow-17-19", "Bracelet-17-19", "Chestplate-10-13", "Chestplate-13-15", "Chestplate-15-17", "Bow-15-17", "Dagger-10-13", "Dagger-13-15", "Chestplate-17-19", "Dagger-17-19", "Food-13-15", "Food-15-17", "Food-10-13", "Food-17-19", "Helmet-10-13", "Helmet-13-15", "Helmet-15-17", "Helmet-17-19", "Necklace-10-13", "Dagger-15-17", "Necklace-15-17", "Necklace-17-19", "Pants-10-13", "Pants-13-15", "Pants-15-17", "Pants-17-19", "Potion-10-13", "Potion-13-15", "Potion-15-17", "Relik-10-13", "Relik-13-15", "Relik-15-17", "Relik-17-19", "Ring-10-13", "Ring-13-15", "Ring-15-17", "Ring-17-19", "Scroll-10-13", "Potion-17-19", "Scroll-13-15", "Scroll-15-17", "Spear-10-13", "Scroll-17-19", "Spear-13-15", "Spear-15-17", "Spear-17-19", "Wand-10-13", "Wand-13-15", "Wand-15-17", "Wand-17-19", "Boots-20-23", "Boots-23-25", "Boots-25-27", "Bow-23-25", "Bow-20-23", "Boots-27-29", "Bow-25-27", "Bow-27-29", "Bracelet-20-23", "Bracelet-23-25", "Bracelet-25-27", "Bracelet-27-29", "Chestplate-23-25", "Chestplate-25-27", "Chestplate-20-23", "Chestplate-27-29", "Dagger-20-23", "Dagger-23-25", "Dagger-25-27", "Dagger-27-29", "Food-20-23", "Food-25-27", "Food-27-29", "Helmet-20-23", "Food-23-25", "Helmet-23-25", "Helmet-27-29", "Helmet-25-27", "Necklace-20-23", "Necklace-23-25", "Necklace-27-29", "Pants-20-23", "Necklace-25-27", "Pants-23-25", "Pants-25-27", "Pants-27-29", "Potion-20-23", "Potion-23-25", "Potion-27-29", "Potion-25-27", "Relik-20-23", "Relik-23-25", "Relik-25-27", "Relik-27-29", "Ring-20-23", "Ring-23-25", "Ring-25-27", "Ring-27-29", "Scroll-20-23", "Scroll-23-25", "Scroll-25-27", "Scroll-27-29", "Spear-20-23", "Spear-23-25", "Spear-25-27", "Spear-27-29", "Wand-20-23", "Wand-23-25", "Wand-25-27", "Wand-27-29", "Boots-30-33", "Boots-33-35", "Dagger-33-35", "Food-33-35", "Food-35-37", "Food-37-39", "Helmet-30-33", "Helmet-33-35", "Helmet-35-37", "Helmet-37-39", "Necklace-30-33", "Necklace-33-35", "Necklace-35-37", "Necklace-37-39", "Pants-33-35", "Pants-30-33", "Pants-35-37", "Pants-37-39", "Potion-30-33", "Potion-33-35", "Potion-35-37", "Potion-37-39", "Relik-30-33", "Relik-33-35", "Relik-35-37", "Ring-30-33", "Relik-37-39", "Ring-33-35", "Ring-35-37", "Ring-37-39", "Scroll-30-33", "Scroll-33-35", "Scroll-35-37", "Scroll-37-39", "Spear-30-33", "Spear-33-35", "Spear-35-37", "Spear-37-39", "Wand-30-33", "Wand-33-35", "Wand-35-37", "Boots-40-43", "Wand-37-39", "Boots-45-47", "Boots-47-49", "Boots-43-45", "Bow-40-43", "Bow-47-49", "Bow-43-45", "Bracelet-40-43", "Bow-45-47", "Bracelet-45-47", "Bracelet-47-49", "Chestplate-43-45", "Bracelet-43-45", "Chestplate-40-43", "Chestplate-45-47", "Dagger-40-43", "Chestplate-47-49", "Dagger-43-45", "Dagger-47-49", "Dagger-45-47", "Food-40-43", "Food-43-45", "Food-45-47", "Food-47-49", "Helmet-40-43", "Helmet-43-45", "Helmet-45-47", "Necklace-40-43", "Necklace-43-45", "Necklace-45-47", "Helmet-47-49", "Necklace-47-49", "Pants-40-43", "Pants-43-45", "Pants-45-47", "Pants-47-49", "Potion-43-45", "Potion-45-47", "Relik-40-43", "Potion-47-49", "Potion-40-43", "Relik-45-47", "Ring-40-43", "Relik-43-45", "Ring-45-47", "Relik-47-49", "Ring-43-45", "Ring-47-49", "Scroll-40-43", "Scroll-43-45", "Scroll-45-47", "Scroll-47-49", "Spear-43-45", "Spear-40-43", "Spear-45-47", "Spear-47-49", "Wand-40-43", "Wand-43-45", "Wand-45-47", "Wand-47-49", "Boots-50-53", "Boots-53-55", "Boots-55-57", "Boots-57-59", "Bow-50-53", "Bow-55-57", "Bow-53-55", "Bow-57-59", "Bracelet-50-53", "Bracelet-53-55", "Bracelet-55-57", "Bracelet-57-59", "Chestplate-50-53", "Chestplate-53-55", "Chestplate-55-57", "Chestplate-57-59", "Dagger-50-53", "Dagger-53-55", "Dagger-55-57", "Food-50-53", "Food-53-55", "Food-55-57", "Dagger-57-59", "Food-57-59", "Helmet-50-53", "Helmet-53-55", "Helmet-55-57", "Helmet-57-59", "Necklace-50-53", "Necklace-57-59", "Necklace-53-55", "Necklace-55-57", "Pants-53-55", "Pants-55-57", "Pants-57-59", "Potion-53-55", "Potion-50-53", "Potion-55-57", "Relik-50-53", "Pants-50-53", "Relik-53-55", "Potion-57-59", "Relik-55-57", "Relik-57-59", "Ring-50-53", "Ring-53-55", "Ring-55-57", "Ring-57-59", "Scroll-50-53", "Scroll-53-55", "Scroll-57-59", "Scroll-55-57", "Spear-50-53", "Spear-53-55", "Spear-55-57", "Wand-50-53", "Spear-57-59", "Wand-55-57", "Wand-53-55", "Wand-57-59", "Boots-60-63", "Boots-65-67", "Boots-63-65", "Boots-67-69", "Bow-60-63", "Bow-63-65", "Bow-67-69", "Bow-65-67", "Bracelet-63-65", "Bracelet-60-63", "Bracelet-65-67", "Bracelet-67-69", "Chestplate-63-65", "Chestplate-60-63", "Chestplate-65-67", "Chestplate-67-69", "Dagger-60-63", "Dagger-63-65", "Dagger-65-67", "Dagger-67-69", "Spear-60-63", "Spear-67-69", "Wand-60-63", "Wand-63-65", "Spear-65-67", "Wand-65-67", "Wand-67-69", "Boots-70-73", "Boots-73-75", "Boots-77-79", "Boots-75-77", "Bow-75-77", "Bow-73-75", "Bracelet-70-73", "Bow-77-79", "Bracelet-73-75", "Bow-70-73", "Bracelet-75-77", "Chestplate-70-73", "Bracelet-77-79", "Chestplate-73-75", "Chestplate-75-77", "Chestplate-77-79", "Dagger-70-73", "Dagger-73-75", "Dagger-75-77", "Food-70-73", "Dagger-77-79", "Food-73-75", "Food-75-77", "Food-77-79", "Helmet-70-73", "Helmet-73-75", "Helmet-75-77", "Helmet-77-79", "Necklace-70-73", "Necklace-73-75", "Necklace-75-77", "Necklace-77-79", "Pants-73-75", "Pants-75-77", "Pants-77-79", "Pants-70-73", "Potion-70-73", "Potion-73-75", "Potion-75-77", "Potion-77-79", "Relik-70-73", "Relik-73-75", "Relik-75-77", "Relik-77-79", "Ring-70-73", "Ring-73-75", "Ring-75-77", "Ring-77-79", "Scroll-70-73", "Scroll-73-75", "Scroll-75-77", "Scroll-77-79", "Spear-70-73", "Spear-73-75", "Spear-75-77", "Spear-77-79", "Wand-70-73", "Wand-73-75", "Wand-75-77", "Wand-77-79", "Boots-80-83", "Boots-83-85", "Boots-85-87", "Boots-87-89", "Bow-83-85", "Bow-85-87", "Bow-80-83", "Bracelet-83-85", "Bracelet-80-83", "Bracelet-85-87", "Bow-87-89", "Bracelet-87-89", "Chestplate-80-83", "Chestplate-83-85", "Chestplate-85-87", "Chestplate-87-89", "Dagger-83-85", "Dagger-80-83", "Dagger-85-87", "Dagger-87-89", "Food-83-85", "Food-80-83", "Food-85-87", "Food-87-89", "Helmet-80-83", "Helmet-83-85", "Helmet-85-87", "Helmet-87-89", "Necklace-80-83", "Necklace-83-85", "Necklace-85-87", "Necklace-87-89", "Pants-80-83", "Pants-83-85", "Pants-85-87", "Pants-87-89", "Potion-80-83", "Potion-83-85", "Potion-85-87", "Potion-87-89", "Relik-80-83", "Relik-83-85", "Relik-85-87", "Ring-83-85", "Relik-87-89", "Ring-85-87", "Ring-80-83", "Ring-87-89", "Scroll-80-83", "Scroll-85-87", "Scroll-83-85", "Spear-80-83", "Scroll-87-89", "Spear-85-87", "Wand-80-83", "Spear-87-89", "Wand-83-85", "Wand-85-87", "Wand-87-89", "Spear-83-85", "Boots-93-95", "Boots-95-97", "Boots-90-93", "Boots-97-99", "Bow-90-93", "Bow-93-95", "Bow-95-97", "Bow-97-99", "Bracelet-90-93", "Bracelet-93-95", "Bracelet-97-99", "Chestplate-90-93", "Chestplate-93-95", "Bracelet-95-97", "Chestplate-95-97", "Ring-1-3", "Chestplate-97-99", "Dagger-93-95", "Dagger-90-93", "Dagger-95-97", "Dagger-97-99", "Food-90-93", "Food-93-95", "Food-95-97", "Food-97-99", "Helmet-90-93", "Helmet-93-95", "Helmet-95-97", "Helmet-97-99", "Necklace-93-95", "Necklace-95-97", "Necklace-97-99", "Pants-90-93", "Necklace-90-93", "Pants-93-95", "Pants-97-99", "Potion-90-93", "Potion-93-95", "Potion-95-97", "Relik-90-93", "Potion-97-99", "Relik-93-95", "Relik-95-97", "Ring-90-93", "Ring-95-97", "Ring-93-95", "Scroll-90-93", "Scroll-93-95", "Ring-97-99", "Scroll-95-97", "Spear-90-93", "Spear-93-95", "Spear-95-97", "Spear-97-99", "Relik-97-99", "Pants-95-97", "Wand-90-93", "Scroll-97-99", "Wand-93-95", "Wand-95-97", "Wand-97-99", "Boots-100-103", "Bow-100-103", "Bracelet-100-103", "Chestplate-100-103", "Dagger-100-103", "Necklace-100-103", "Potion-100-103", "Relik-100-103", "Ring-100-103", "Scroll-100-103", "Spear-100-103", "Pants-100-103", "Boots-103-105", "Bow-103-105", "Bracelet-103-105", "Chestplate-103-105", "Dagger-103-105", "Food-103-105", "Helmet-103-105", "Food-100-103", "Pants-103-105", "Potion-103-105", "Relik-103-105", "Wand-100-103", "Ring-103-105", "Necklace-103-105", "Scroll-103-105", "Spear-103-105", "Wand-103-105", "Helmet-100-103"]
-
-arr = []
-fail = []
-data = []
-
-'''for i in range(330,len(recipes)):
-    response = requests.get("https://api.wynncraft.com/v2/recipe/get/" + recipes[i])
-    if("message" in response.json()):
-        print("failed to get " + recipes[i])
-        fail.append(recipes[i])
-    else: 
-        arr.append(response.json())
-    time.sleep(0.2)
-
-with open("temp.json", "w") as outfile:
-    json.dump(arr,outfile)'''
-
-
-with open("mats_clean.json", "w") as outfile:
-    json.dump(arr,outfile,indent = 2)
-
-with open("mats_compress.json", "w") as outfile:
-    json.dump(arr,outfile)
\ No newline at end of file
diff --git a/py_script/script.py b/py_script/script.py
deleted file mode 100644
index e90655d..0000000
--- a/py_script/script.py
+++ /dev/null
@@ -1,9 +0,0 @@
-import requests
-import json
-response = requests.get("https://api.wynncraft.com/public_api.php?action=itemDB&search=atlas").json()
-atlas = response['items'][0]
-
-with open('test.json',"w") as outfile:
-    json.dump(atlas, outfile, indent = 2)
-
-print(atlas)
diff --git a/py_script/sets/_Adventurer%27s.json b/py_script/sets/_Adventurer%27s.json
deleted file mode 100644
index f50d86c..0000000
--- a/py_script/sets/_Adventurer%27s.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "items": [
-    "Adventurer's Cap",
-    "Adventurer's Boots",
-    "Adventurer's Pants",
-    "Adventurer's Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "sdPct": 4,
-      "mdPct": 4,
-      "xpb": 10,
-      "lb": 5,
-      "spd": 2,
-      "hpBonus": 15,
-      "spRegen": 5
-    },
-    {
-      "sdPct": 12,
-      "mdPct": 12,
-      "xpb": 20,
-      "lb": 10,
-      "spd": 5,
-      "hpBonus": 40,
-      "spRegen": 15
-    },
-    {
-      "mr": 2,
-      "sdPct": 25,
-      "mdPct": 25,
-      "xpb": 50,
-      "lb": 30,
-      "spd": 15,
-      "hpBonus": 175,
-      "spRegen": 50
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Air+Relic.json b/py_script/sets/_Air+Relic.json
deleted file mode 100644
index 77e7e65..0000000
--- a/py_script/sets/_Air+Relic.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "items": [
-    "Air Relic Helmet",
-    "Air Relic Boots",
-    "Air Relic Leggings",
-    "Air Relic Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 5,
-      "lb": 10,
-      "spd": 10,
-      "hpBonus": 60
-    },
-    {
-      "xpb": 10,
-      "lb": 25,
-      "spd": 20,
-      "hpBonus": 190
-    },
-    {
-      "xpb": 25,
-      "lb": 50,
-      "agi": 20,
-      "spd": 60,
-      "hpBonus": 400
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Bandit%27s.json b/py_script/sets/_Bandit%27s.json
deleted file mode 100644
index 3632ce1..0000000
--- a/py_script/sets/_Bandit%27s.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "items": [
-    "Bandit's Locket",
-    "Bandit's Bangle",
-    "Bandit's Knuckle",
-    "Bandit's Ring"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 3,
-      "lb": 4,
-      "eSteal": 1
-    },
-    {
-      "xpb": 7,
-      "lb": 9,
-      "eSteal": 3
-    },
-    {
-      "xpb": 12,
-      "lb": 15,
-      "eSteal": 6
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Beachside.json b/py_script/sets/_Beachside.json
deleted file mode 100644
index a54b31e..0000000
--- a/py_script/sets/_Beachside.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Beachside Headwrap",
-    "Beachside Conch"
-  ],
-  "bonuses": [
-    {},
-    {
-      "lb": 20,
-      "wDamPct": 35,
-      "wDefPct": 25
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Bear.json b/py_script/sets/_Bear.json
deleted file mode 100644
index ee929ed..0000000
--- a/py_script/sets/_Bear.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "items": [
-    "Bear Mask",
-    "Bear Head",
-    "Bear Body"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mdPct": 14,
-      "hpBonus": 30,
-      "mdRaw": 20
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Black+Catalyst.json b/py_script/sets/_Black+Catalyst.json
deleted file mode 100644
index 2495417..0000000
--- a/py_script/sets/_Black+Catalyst.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "items": [
-    "Black Catalyst"
-  ],
-  "bonuses": [
-    {
-      "xpb": -5
-    },
-    {
-      "mr": 1,
-      "sdPct": 10,
-      "xpb": 30,
-      "expd": 10,
-      "hpBonus": 325,
-      "spRegen": 10,
-      "sdRaw": 90
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Black.json b/py_script/sets/_Black.json
deleted file mode 100644
index 0229629..0000000
--- a/py_script/sets/_Black.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "items": [
-    "Black Cap",
-    "Black Boots",
-    "Black Pants",
-    "Black Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "ms": 1,
-      "dex": 2,
-      "sdRaw": 15,
-      "mdRaw": 5
-    },
-    {
-      "ms": 1,
-      "dex": 6,
-      "sdRaw": 35,
-      "mdRaw": 10
-    },
-    {
-      "ms": 3,
-      "dex": 20,
-      "sdRaw": 65,
-      "mdRaw": 70
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Blue+Team.json b/py_script/sets/_Blue+Team.json
deleted file mode 100644
index 8afc872..0000000
--- a/py_script/sets/_Blue+Team.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Blue Team Boots",
-    "Blue Team Leggings",
-    "Blue Team Chestplate",
-    "Blue Team Helmet"
-  ],
-  "bonuses": [
-    {},
-    {},
-    {},
-    {}
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Bony.json b/py_script/sets/_Bony.json
deleted file mode 100644
index faa887b..0000000
--- a/py_script/sets/_Bony.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Bony Circlet",
-    "Bony Bow"
-  ],
-  "bonuses": [
-    {},
-    {
-      "agi": 8,
-      "mdRaw": 45,
-      "aDamPct": 15
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Builder%27s.json b/py_script/sets/_Builder%27s.json
deleted file mode 100644
index c5ca2cc..0000000
--- a/py_script/sets/_Builder%27s.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "items": [
-    "Builder's Helmet",
-    "Builder's Boots",
-    "Builder's Trousers",
-    "Builder's Breastplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 5
-    },
-    {
-      "xpb": 10
-    },
-    {
-      "xpb": 15
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Champion.json b/py_script/sets/_Champion.json
deleted file mode 100644
index ab4161f..0000000
--- a/py_script/sets/_Champion.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "items": [
-    "Champion Helmet",
-    "Champion Boots",
-    "Champion Leggings",
-    "Champion Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {},
-    {},
-    {
-      "mr": 5,
-      "sdPct": 75,
-      "mdPct": 75,
-      "ms": 5,
-      "ls": 400,
-      "hprRaw": 600
-    }
-  ]
-}
diff --git a/py_script/sets/_Clock.json b/py_script/sets/_Clock.json
deleted file mode 100644
index 1d1f5a4..0000000
--- a/py_script/sets/_Clock.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "items": [
-    "Clock Helm",
-    "Clock Amulet",
-    "Watch Bracelet",
-    "Clockwork Ring",
-    "Time Ring",
-    "Clock Boots",
-    "Clock Leggings",
-    "Clock Mail"
-  ],
-  "bonuses": [
-    {},
-    {
-      "fDamPct": 15,
-      "wDamPct": 6,
-      "aDamPct": 5,
-      "tDamPct": 18,
-      "eDamPct": 8
-    },
-    {
-      "fDamPct": 14,
-      "wDamPct": 12,
-      "aDamPct": 13
-    },
-    {
-      "fDamPct": 13,
-      "wDamPct": 18,
-      "aDamPct": 20,
-      "tDamPct": 18,
-      "eDamPct": 14
-    },
-    {
-      "fDamPct": 12,
-      "wDamPct": 24,
-      "aDamPct": 28
-    },
-    {
-      "fDamPct": 11,
-      "wDamPct": 24,
-      "aDamPct": 24,
-      "tDamPct": 18,
-      "eDamPct": 22
-    },
-    {
-      "fDamPct": 10,
-      "wDamPct": 24,
-      "aDamPct": 19
-    },
-    {
-      "fDamPct": 9,
-      "wDamPct": 24,
-      "aDamPct": 14,
-      "tDamPct": 18,
-      "eDamPct": 34
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Corrupted+Nii.json b/py_script/sets/_Corrupted+Nii.json
deleted file mode 100644
index 359d0cd..0000000
--- a/py_script/sets/_Corrupted+Nii.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "items": [
-    "Corrupted Nii Mukluk",
-    "Corrupted Nii Plate",
-    "Corrupted Nii Shako"
-  ],
-  "bonuses": [
-    {},
-    {
-      "int": 3,
-      "def": 3,
-      "hprRaw": 60
-    },
-    {
-      "mr": 4,
-      "int": 15,
-      "def": 15,
-      "hpBonus": 1500,
-      "hprRaw": 270,
-      "fDefPct": 60,
-      "wDefPct": 60
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Corrupted+Uth.json b/py_script/sets/_Corrupted+Uth.json
deleted file mode 100644
index 9430139..0000000
--- a/py_script/sets/_Corrupted+Uth.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "items": [
-    "Corrupted Uth Sandals",
-    "Corrupted Uth Belt",
-    "Corrupted Uth Plume"
-  ],
-  "bonuses": [
-    {},
-    {
-      "ls": 125,
-      "agi": 3,
-      "def": 3
-    },
-    {
-      "ls": 375,
-      "ref": 70,
-      "agi": 15,
-      "def": 15,
-      "thorns": 70,
-      "fDefPct": 75,
-      "aDefPct": 75
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Cosmic.json b/py_script/sets/_Cosmic.json
deleted file mode 100644
index 3e6e0c7..0000000
--- a/py_script/sets/_Cosmic.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "items": [
-    "Cosmic Visor",
-    "Cosmic Walkers",
-    "Cosmic Ward",
-    "Cosmic Vest"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 15,
-      "lb": 15,
-      "ref": 5,
-      "spRegen": 15,
-      "fDefPct": 10,
-      "wDefPct": 10,
-      "aDefPct": 10,
-      "tDefPct": 10,
-      "eDefPct": 10
-    },
-    {
-      "xpb": 35,
-      "lb": 35,
-      "ref": 15,
-      "spRegen": 35,
-      "fDefPct": 20,
-      "wDefPct": 20,
-      "aDefPct": 20,
-      "tDefPct": 20,
-      "eDefPct": 20
-    },
-    {
-      "xpb": 50,
-      "lb": 50,
-      "ref": 30,
-      "spRegen": 50,
-      "fDefPct": 30,
-      "wDefPct": 30,
-      "aDefPct": 30,
-      "tDefPct": 30,
-      "eDefPct": 30
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Earth+Relic.json b/py_script/sets/_Earth+Relic.json
deleted file mode 100644
index 1a29526..0000000
--- a/py_script/sets/_Earth+Relic.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "items": [
-    "Earth Relic Helmet",
-    "Earth Relic Boots",
-    "Earth Relic Leggings",
-    "Earth Relic Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mdPct": 10,
-      "xpb": 5,
-      "lb": 10,
-      "hpBonus": 65
-    },
-    {
-      "mdPct": 20,
-      "xpb": 10,
-      "lb": 25,
-      "hpBonus": 200
-    },
-    {
-      "mdPct": 45,
-      "xpb": 25,
-      "lb": 50,
-      "str": 20,
-      "hpBonus": 425
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Elf.json b/py_script/sets/_Elf.json
deleted file mode 100644
index 2d82b67..0000000
--- a/py_script/sets/_Elf.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "items": [
-    "Elf Cap",
-    "Elf Shoes",
-    "Elf Pants",
-    "Elf Robe"
-  ],
-  "bonuses": [
-    {},
-    {
-      "hprPct": 10,
-      "lb": 8,
-      "agi": 5,
-      "def": 5,
-      "spd": 6
-    },
-    {
-      "hprPct": 20,
-      "lb": 16,
-      "agi": 7,
-      "def": 7,
-      "spd": 14
-    },
-    {
-      "hprPct": 45,
-      "lb": 32,
-      "agi": 10,
-      "def": 10,
-      "spd": 20,
-      "hprRaw": 45
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Fire+Relic.json b/py_script/sets/_Fire+Relic.json
deleted file mode 100644
index bd38ca6..0000000
--- a/py_script/sets/_Fire+Relic.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "items": [
-    "Fire Relic Helmet",
-    "Fire Relic Boots",
-    "Fire Relic Leggings",
-    "Fire Relic Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 5,
-      "lb": 10,
-      "hpBonus": 90,
-      "hprRaw": 12
-    },
-    {
-      "xpb": 10,
-      "lb": 25,
-      "hpBonus": 270,
-      "hprRaw": 40
-    },
-    {
-      "xpb": 25,
-      "lb": 50,
-      "def": 20,
-      "hpBonus": 570,
-      "hprRaw": 100
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Flashfire.json b/py_script/sets/_Flashfire.json
deleted file mode 100644
index 1b5732d..0000000
--- a/py_script/sets/_Flashfire.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "items": [
-    "Flashfire Gauntlet",
-    "Flashfire Knuckle"
-  ],
-  "bonuses": [
-    {},
-    {
-      "spd": 8,
-      "atkTier": 1,
-      "wDamPct": -15,
-      "wDefPct": -15
-    },
-    {
-      "spd": 16,
-      "atkTier": 1,
-      "fDamPct": 12,
-      "wDamPct": -15,
-      "wDefPct": -15
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_GM%27s.json b/py_script/sets/_GM%27s.json
deleted file mode 100644
index dd60ee3..0000000
--- a/py_script/sets/_GM%27s.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "items": [
-    "GM's Helmet",
-    "GM's Boots",
-    "GM's Trousers",
-    "GM's Breastplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 5
-    },
-    {
-      "xpb": 10
-    },
-    {
-      "xpb": 15
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Ghostly.json b/py_script/sets/_Ghostly.json
deleted file mode 100644
index 7f59dfb..0000000
--- a/py_script/sets/_Ghostly.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "items": [
-    "Ghostly Cap",
-    "Ghostly Boots",
-    "Ghostly Pants",
-    "Ghostly Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mr": -1,
-      "ms": 2,
-      "sdRaw": 35,
-      "wDamPct": 5,
-      "tDamPct": 5,
-      "eDamPct": -34
-    },
-    {
-      "mr": -2,
-      "ms": 4,
-      "sdRaw": 100,
-      "wDamPct": 10,
-      "tDamPct": 10,
-      "eDamPct": -67
-    },
-    {
-      "mr": -3,
-      "ms": 6,
-      "sdRaw": 195,
-      "wDamPct": 25,
-      "tDamPct": 25,
-      "eDamPct": -100
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Goblin.json b/py_script/sets/_Goblin.json
deleted file mode 100644
index 7217dbd..0000000
--- a/py_script/sets/_Goblin.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "items": [
-    "Goblin Hood",
-    "Goblin Runners",
-    "Goblin Cloak"
-  ],
-  "bonuses": [
-    {
-      "sdPct": -6,
-      "mdPct": -6,
-      "sdRaw": 15,
-      "mdRaw": 10
-    },
-    {
-      "sdPct": -12,
-      "mdPct": -12,
-      "ls": 22,
-      "sdRaw": 55,
-      "mdRaw": 45
-    },
-    {
-      "sdPct": -23,
-      "mdPct": -23,
-      "ls": 51,
-      "ms": 2,
-      "sdRaw": 130,
-      "mdRaw": 105
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Hallowynn+2016.json b/py_script/sets/_Hallowynn+2016.json
deleted file mode 100644
index bc95522..0000000
--- a/py_script/sets/_Hallowynn+2016.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Treat",
-    "Trick"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 15,
-      "spRegen": 10,
-      "eSteal": 5
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Horse.json b/py_script/sets/_Horse.json
deleted file mode 100644
index 6cf44a5..0000000
--- a/py_script/sets/_Horse.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "items": [
-    "Horse Mask",
-    "Horse Hoof"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mdPct": 11,
-      "xpb": 10,
-      "spd": 20,
-      "aDamPct": 15,
-      "eDamPct": 15
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Jester.json b/py_script/sets/_Jester.json
deleted file mode 100644
index bdcb2e8..0000000
--- a/py_script/sets/_Jester.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "items": [
-    "Jester Necklace",
-    "Jester Bracelet",
-    "Jester Ring"
-  ],
-  "bonuses": [
-    {
-      "xpb": -25,
-      "lb": -25
-    },
-    {
-      "xpb": -50,
-      "lb": -50,
-      "spd": -10,
-      "hpBonus": 300,
-      "sdRaw": -110,
-      "mdRaw": 60
-    },
-    {
-      "xpb": -75,
-      "lb": -75,
-      "spd": 5,
-      "hpBonus": -150,
-      "sdRaw": 100,
-      "mdRaw": -75
-    },
-    {
-      "xpb": -100,
-      "lb": -100,
-      "spd": 5,
-      "hpBonus": -150,
-      "sdRaw": 100,
-      "mdRaw": -75
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Kaerynn%27s.json b/py_script/sets/_Kaerynn%27s.json
deleted file mode 100644
index d186b83..0000000
--- a/py_script/sets/_Kaerynn%27s.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "items": [
-    "Kaerynn's Mind",
-    "Kaerynn's Body"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mr": 2,
-      "xpb": 12,
-      "str": 4,
-      "hpBonus": 400,
-      "sdRaw": 100,
-      "mdRaw": 50
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Leaf.json b/py_script/sets/_Leaf.json
deleted file mode 100644
index 8343c5c..0000000
--- a/py_script/sets/_Leaf.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "items": [
-    "Leaf Cap",
-    "Leaf Boots",
-    "Leaf Pants",
-    "Leaf Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "hprPct": 5,
-      "thorns": 7,
-      "hpBonus": 10,
-      "hprRaw": 1
-    },
-    {
-      "hprPct": 12,
-      "thorns": 18,
-      "hpBonus": 20,
-      "hprRaw": 3
-    },
-    {
-      "hprPct": 25,
-      "thorns": 35,
-      "hpBonus": 60,
-      "hprRaw": 7
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Morph.json b/py_script/sets/_Morph.json
deleted file mode 100644
index ba1dc87..0000000
--- a/py_script/sets/_Morph.json
+++ /dev/null
@@ -1,73 +0,0 @@
-{
-  "items": [
-    "Morph-Stardust",
-    "Morph-Ruby",
-    "Morph-Amethyst",
-    "Morph-Emerald",
-    "Morph-Topaz",
-    "Morph-Gold",
-    "Morph-Iron",
-    "Morph-Steel"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 5,
-      "lb": 5
-    },
-    {
-      "mr": 1,
-      "xpb": 10,
-      "lb": 10,
-      "spRaw2": -1,
-      "hpBonus": 125
-    },
-    {
-      "mr": 1,
-      "xpb": 15,
-      "lb": 15,
-      "spRaw2": -1,
-      "hpBonus": 425
-    },
-    {
-      "mr": 2,
-      "xpb": 35,
-      "lb": 35,
-      "hpBonus": 1325,
-      "spRaw2": -1,
-      "spRaw4": -1
-    },
-    {
-      "mr": 2,
-      "xpb": 55,
-      "lb": 55,
-      "hpBonus": 2575,
-      "spRaw2": -1,
-      "spRaw4": -1
-    },
-    {
-      "mr": 3,
-      "xpb": 80,
-      "lb": 80,
-      "hpBonus": 4450,
-      "spRaw1": -1,
-      "spRaw2": -1,
-      "spRaw4": -1
-    },
-    {
-      "mr": 4,
-      "xpb": 100,
-      "lb": 100,
-      "str": 15,
-      "dex": 15,
-      "int": 15,
-      "agi": 15,
-      "def": 15,
-      "hpBonus": 6800,
-      "spRaw1": -1,
-      "spRaw2": -1,
-      "spRaw3": -1,
-      "spRaw4": -1
-    }
-  ]
-}
diff --git a/py_script/sets/_Nether.json b/py_script/sets/_Nether.json
deleted file mode 100644
index fa32664..0000000
--- a/py_script/sets/_Nether.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "items": [
-    "Nether Cap",
-    "Nether Boots",
-    "Nether Pants",
-    "Nether Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "ls": 5,
-      "expd": 2,
-      "hprRaw": -1,
-      "fDamPct": 2,
-      "wDamPct": -10
-    },
-    {
-      "ls": 15,
-      "expd": 10,
-      "hprRaw": -2,
-      "fDamPct": 8,
-      "wDamPct": -25
-    },
-    {
-      "ls": 50,
-      "def": 15,
-      "expd": 60,
-      "hprRaw": -20,
-      "fDamPct": 42,
-      "wDamPct": -45
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Outlaw.json b/py_script/sets/_Outlaw.json
deleted file mode 100644
index c6d49e0..0000000
--- a/py_script/sets/_Outlaw.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "items": [
-    "Outlaw Cap",
-    "Outlaw Boots",
-    "Outlaw Pants",
-    "Outlaw Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "ls": 11,
-      "xpb": 5,
-      "agi": 4,
-      "eSteal": 2
-    },
-    {
-      "ls": 22,
-      "xpb": 10,
-      "agi": 8,
-      "eSteal": 4
-    },
-    {
-      "ls": 45,
-      "xpb": 25,
-      "agi": 28,
-      "eSteal": 8
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Pigman.json b/py_script/sets/_Pigman.json
deleted file mode 100644
index 670b4b1..0000000
--- a/py_script/sets/_Pigman.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "items": [
-    "Pigman Helmet",
-    "Pigman Battle Hammer"
-  ],
-  "bonuses": [
-    {},
-    {
-      "str": 20,
-      "eDamPct": 40
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Red+Team.json b/py_script/sets/_Red+Team.json
deleted file mode 100644
index c2a3602..0000000
--- a/py_script/sets/_Red+Team.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Red Team Boots",
-    "Red Team Leggings",
-    "Red Team Chestplate",
-    "Red Team Helmet"
-  ],
-  "bonuses": [
-    {},
-    {},
-    {},
-    {}
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Relic.json b/py_script/sets/_Relic.json
deleted file mode 100644
index 0c371cd..0000000
--- a/py_script/sets/_Relic.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "items": [
-    "Relic Helmet",
-    "Relic Boots",
-    "Relic Leggings",
-    "Relic Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 10,
-      "lb": 10,
-      "hpBonus": 65,
-      "fDamPct": 5,
-      "wDamPct": 5,
-      "aDamPct": 5,
-      "tDamPct": 5,
-      "eDamPct": 5
-    },
-    {
-      "xpb": 25,
-      "lb": 25,
-      "hpBonus": 200,
-      "fDamPct": 12,
-      "wDamPct": 12,
-      "aDamPct": 12,
-      "tDamPct": 12,
-      "eDamPct": 12
-    },
-    {
-      "xpb": 50,
-      "lb": 50,
-      "str": 8,
-      "dex": 8,
-      "int": 8,
-      "agi": 8,
-      "def": 8,
-      "hpBonus": 425,
-      "fDamPct": 25,
-      "wDamPct": 25,
-      "aDamPct": 25,
-      "tDamPct": 25,
-      "eDamPct": 25
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Saint%27s.json b/py_script/sets/_Saint%27s.json
deleted file mode 100644
index 99f5173..0000000
--- a/py_script/sets/_Saint%27s.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "items": [
-    "Saint's Shawl",
-    "Saint's Sandals",
-    "Saint's Leggings",
-    "Saint's Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mr": 1,
-      "sdPct": -5,
-      "mdPct": -10,
-      "def": 5,
-      "spRegen": 5,
-      "wDamPct": 10,
-      "aDamPct": 10
-    },
-    {
-      "mr": 3,
-      "sdPct": -10,
-      "mdPct": -20,
-      "def": 10,
-      "spRegen": 10,
-      "wDamPct": 20,
-      "aDamPct": 20
-    },
-    {
-      "mr": 5,
-      "sdPct": -15,
-      "mdPct": -35,
-      "def": 30,
-      "spRegen": 100,
-      "wDamPct": 35,
-      "aDamPct": 35
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Silverfish.json b/py_script/sets/_Silverfish.json
deleted file mode 100644
index fa7d63a..0000000
--- a/py_script/sets/_Silverfish.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "items": [
-    "Silverfish Helm",
-    "Silverfish Boots"
-  ],
-  "bonuses": [
-    {
-      "spd": 5
-    },
-    {
-      "agi": 10,
-      "thorns": 20,
-      "spd": 20,
-      "poison": 290
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Skien%27s.json b/py_script/sets/_Skien%27s.json
deleted file mode 100644
index 3eed0fb..0000000
--- a/py_script/sets/_Skien%27s.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "items": [
-    "Skien Boots",
-    "Skien Leggings",
-    "Skien's Fatigues"
-  ],
-  "bonuses": [
-    {},
-    {
-      "sdPct": -10,
-      "mdPct": 12,
-      "sdRaw": -40,
-      "mdRaw": 30
-    },
-    {
-      "sdPct": -35,
-      "mdPct": 30,
-      "dex": 15,
-      "spd": 8,
-      "sdRaw": -90,
-      "mdRaw": 125
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Slime.json b/py_script/sets/_Slime.json
deleted file mode 100644
index 342bf61..0000000
--- a/py_script/sets/_Slime.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "items": [
-    "Slime Boots",
-    "Slime Plate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "hprPct": 35,
-      "thorns": 15,
-      "spd": -6,
-      "poison": 300,
-      "hpBonus": 600,
-      "jh": 1
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Snail.json b/py_script/sets/_Snail.json
deleted file mode 100644
index 260ba13..0000000
--- a/py_script/sets/_Snail.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "items": [
-    "Snail Helm",
-    "Snail Boots",
-    "Snail Leggings",
-    "Snail Mail"
-  ],
-  "bonuses": [
-    {},
-    {
-      "str": 7,
-      "agi": -5,
-      "thorns": 10,
-      "spd": -5,
-      "poison": 880,
-      "hpBonus": 1100,
-      "hprRaw": 125
-    },
-    {
-      "str": 14,
-      "agi": -10,
-      "thorns": 20,
-      "spd": -10,
-      "poison": 2650,
-      "hpBonus": 2675,
-      "hprRaw": 275
-    },
-    {
-      "str": 21,
-      "agi": -15,
-      "thorns": 40,
-      "spd": -15,
-      "poison": 5500,
-      "hpBonus": 5500,
-      "hprRaw": 575
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Snow.json b/py_script/sets/_Snow.json
deleted file mode 100644
index 6272591..0000000
--- a/py_script/sets/_Snow.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "items": [
-    "Snow Helmet",
-    "Snow Boots",
-    "Snow Pants",
-    "Snow Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "hprPct": -10,
-      "mr": 1,
-      "sdPct": 4,
-      "ref": 10,
-      "thorns": 8
-    },
-    {
-      "hprPct": -20,
-      "mr": 2,
-      "sdPct": 12,
-      "ref": 30,
-      "thorns": 24
-    },
-    {
-      "hprPct": -35,
-      "mr": 4,
-      "sdPct": 28,
-      "ref": 70,
-      "thorns": 55
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Spider.json b/py_script/sets/_Spider.json
deleted file mode 100644
index 9d0062d..0000000
--- a/py_script/sets/_Spider.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "items": [
-    "Spinneret",
-    "Abdomen",
-    "Cephalothorax"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 10,
-      "dex": 2,
-      "agi": 2,
-      "spd": 7,
-      "poison": 35
-    },
-    {
-      "xpb": 25,
-      "dex": 6,
-      "agi": 6,
-      "spd": 19,
-      "poison": 130
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Spore.json b/py_script/sets/_Spore.json
deleted file mode 100644
index 1f32c8c..0000000
--- a/py_script/sets/_Spore.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Spore Cap",
-    "Spore Shortsword"
-  ],
-  "bonuses": [
-    {},
-    {
-      "ls": 20,
-      "expd": 20,
-      "poison": 70
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Thanos+Legionnaire.json b/py_script/sets/_Thanos+Legionnaire.json
deleted file mode 100644
index 6ee1a85..0000000
--- a/py_script/sets/_Thanos+Legionnaire.json
+++ /dev/null
@@ -1,42 +0,0 @@
-{
-  "items": [
-    "Thanos Legionnaire Helm",
-    "Thanos Legionnaire Greaves",
-    "Thanos Legionnaire Leggings",
-    "Thanos Legionnaire Plate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "str": 1,
-      "dex": -1,
-      "int": -1,
-      "agi": 1,
-      "def": 1,
-      "spd": 2,
-      "hprRaw": 60,
-      "mdRaw": 60
-    },
-    {
-      "str": 4,
-      "dex": -4,
-      "int": -4,
-      "agi": 4,
-      "def": 4,
-      "spd": 8,
-      "hprRaw": 180,
-      "mdRaw": 180
-    },
-    {
-      "str": 15,
-      "dex": -15,
-      "int": -15,
-      "agi": 15,
-      "def": 15,
-      "spd": 20,
-      "atkTier": 1,
-      "hprRaw": 480,
-      "mdRaw": 480
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Thunder+Relic.json b/py_script/sets/_Thunder+Relic.json
deleted file mode 100644
index 8ae5909..0000000
--- a/py_script/sets/_Thunder+Relic.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "items": [
-    "Thunder Relic Helmet",
-    "Thunder Relic Boots",
-    "Thunder Relic Leggings",
-    "Thunder Relic Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 5,
-      "lb": 10,
-      "hpBonus": 55,
-      "mdRaw": 12
-    },
-    {
-      "xpb": 10,
-      "lb": 25,
-      "hpBonus": 180,
-      "mdRaw": 32
-    },
-    {
-      "xpb": 25,
-      "lb": 50,
-      "dex": 20,
-      "hpBonus": 380,
-      "mdRaw": 105
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Tribal.json b/py_script/sets/_Tribal.json
deleted file mode 100644
index 8532af9..0000000
--- a/py_script/sets/_Tribal.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "items": [
-    "Tribal Cap",
-    "Tribal Boots",
-    "Tribal Pants",
-    "Tribal Tunic"
-  ],
-  "bonuses": [
-    {},
-    {
-      "str": 2,
-      "spd": 5
-    },
-    {
-      "str": 5,
-      "agi": 2,
-      "spd": 10
-    },
-    {
-      "sdPct": -15,
-      "str": 10,
-      "agi": 5,
-      "spd": 15,
-      "atkTier": 1
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Ultramarine.json b/py_script/sets/_Ultramarine.json
deleted file mode 100644
index 52e625f..0000000
--- a/py_script/sets/_Ultramarine.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "items": [
-    "Ultramarine Crown",
-    "Ultramarine Boots",
-    "Ultramarine Belt",
-    "Ultramarine Cape"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mr": 2,
-      "mdPct": -24,
-      "int": 5,
-      "wDamPct": 10,
-      "tDamPct": -8,
-      "wDefPct": 16
-    },
-    {
-      "mr": 5,
-      "mdPct": -54,
-      "int": 15,
-      "wDamPct": 20,
-      "tDamPct": -18,
-      "wDefPct": 36
-    },
-    {
-      "mr": 8,
-      "mdPct": -90,
-      "int": 25,
-      "wDamPct": 40,
-      "tDamPct": -30,
-      "wDefPct": 56
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Veekhat%27s.json b/py_script/sets/_Veekhat%27s.json
deleted file mode 100644
index 64277ab..0000000
--- a/py_script/sets/_Veekhat%27s.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "items": [
-    "Veekhat's Horns",
-    "Veekhat's Udders"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mdPct": 30,
-      "ms": 2,
-      "spd": 25,
-      "spPct2": -40
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Vexing.json b/py_script/sets/_Vexing.json
deleted file mode 100644
index d51746d..0000000
--- a/py_script/sets/_Vexing.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "items": [
-    "Mask of the Dark Vexations",
-    "Staff of the Dark Vexations"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mr": 2,
-      "sdPct": 15,
-      "mdPct": -15,
-      "sdRaw": 30,
-      "spPct2": -50
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Villager.json b/py_script/sets/_Villager.json
deleted file mode 100644
index c6dd53d..0000000
--- a/py_script/sets/_Villager.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "items": [
-    "Villager Pants",
-    "Villager Mail"
-  ],
-  "bonuses": [
-    {},
-    {
-      "xpb": 20,
-      "lb": 60,
-      "eSteal": 8
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Visceral.json b/py_script/sets/_Visceral.json
deleted file mode 100644
index bd5683f..0000000
--- a/py_script/sets/_Visceral.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "items": [
-    "Visceral Skullcap",
-    "Visceral Toe",
-    "Visceral Legs",
-    "Visceral Chest"
-  ],
-  "bonuses": [
-    {},
-    {
-      "hprPct": 30,
-      "mdPct": 10,
-      "ls": 45,
-      "hpBonus": -1000,
-      "hprRaw": 35,
-      "mdRaw": 40
-    },
-    {
-      "hprPct": 100,
-      "mdPct": 25,
-      "ls": 90,
-      "hpBonus": -2500,
-      "hprRaw": 75,
-      "mdRaw": 80
-    },
-    {
-      "hprPct": 350,
-      "mdPct": 50,
-      "ls": 180,
-      "hpBonus": -4000,
-      "hprRaw": 145,
-      "mdRaw": 165
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/sets/_Water+Relic.json b/py_script/sets/_Water+Relic.json
deleted file mode 100644
index f900450..0000000
--- a/py_script/sets/_Water+Relic.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "items": [
-    "Water Relic Helmet",
-    "Water Relic Boots",
-    "Water Relic Leggings",
-    "Water Relic Chestplate"
-  ],
-  "bonuses": [
-    {},
-    {
-      "mr": 1,
-      "xpb": 5,
-      "lb": 10,
-      "hpBonus": 55
-    },
-    {
-      "mr": 2,
-      "xpb": 10,
-      "lb": 25,
-      "hpBonus": 170
-    },
-    {
-      "mr": 4,
-      "xpb": 25,
-      "lb": 50,
-      "int": 20,
-      "hpBonus": 360
-    }
-  ]
-}
\ No newline at end of file
diff --git a/py_script/skillpoint_test.py b/py_script/skillpoint_test.py
index 9cdc68d..6c395b2 100644
--- a/py_script/skillpoint_test.py
+++ b/py_script/skillpoint_test.py
@@ -1,3 +1,8 @@
+"""
+An old script used for testing skillpoint assignment algorithms. Not used commonly.
+"""
+
+
 import json
 import math
 import copy
@@ -7,7 +12,7 @@ with open("clean.json") as infile:
 
 def clean_item(item):
     if not "displayName" in item:
-        item["displayName"] = item["name"];
+        item["displayName"] = item["name"]
     return item
 
 items = data["items"]
diff --git a/py_script/terrs.py b/py_script/terrs.py
deleted file mode 100644
index 942c320..0000000
--- a/py_script/terrs.py
+++ /dev/null
@@ -1,63 +0,0 @@
-import requests
-import json
-import time
-
-#used for requesting the api
-'''response = requests.get("https://api.wynncraft.com/public_api.php?action=territoryList")
-with open("terrs.json", "w") as outfile:
-    outfile.write(json.dumps(response.json()))'''
-
-#used for cleaning the data
-'''with open("terrs.json", "r") as infile:
-    data = json.load(infile)
-
-data = data["territories"]
-delkeys = ["territory","acquired","attacker"]
-
-for t in data:
-    for key in delkeys:
-        del data[t][key]
-    data[t]["neighbors"] = []
-
-
-with open("terrs_compress.json", "w") as outfile:
-    json.dump(data,outfile)
-with open("terrs_clean.json", "w") as outfile:
-    json.dump(data,outfile,indent = 2)'''
-
-#used for pushing data to compress (edit in clean, move to compress)
-'''with open("terrs.json", "r") as infile:
-    data = json.load(infile)["territories"]'''
-
-'''with open("terrs_clean.json", "r") as infile:
-    newdata = json.load(infile)'''
-
-'''for t in newdata:
-    del newdata[t]["attacker"]
-    del newdata[t]["acquired"]'''
-    
-
-'''response = requests.get("https://gist.githubusercontent.com/kristofbolyai/87ae828ecc740424c0f4b3749b2287ed/raw/0735f2e8bb2d2177ba0e7e96ade421621070a236/territories.json").json()
-for t in data:
-    data[t]["neighbors"] = response[t]["Routes"]
-    data[t]["resources"] = response[t]["Resources"]
-    data[t]["storage"] = response[t]["Storage"]
-    data[t]["emeralds"] = response[t]["Emeralds"]
-    data[t]["doubleemeralds"] = response[t]["DoubleEmerald"]
-    data[t]["doubleresource"] = response[t]["DoubleResource"]'''
-
-'''with open("terrs_clean.json", "w") as outfile:
-    json.dump(newdata,outfile,indent=2) 
-
-with open("terrs_compress.json", "w") as outfile:
-    json.dump(newdata,outfile)'''
-
-response = requests.get('https://api.wynncraft.com/public_api.php?action=mapLocations').json()
-del response["request"]
-
-with open("maploc.json", "w") as outfile:
-    json.dump(response, outfile)
-with open("maploc_clean.json", "w") as outfile:
-    json.dump(response, outfile, indent = 2)
-with open("maploc_compress.json", "w") as outfile:
-    json.dump(response, outfile)
\ No newline at end of file
diff --git a/textures/items/boots/boots--chain.png b/py_script/textures/items/boots/boots--chain.png
similarity index 100%
rename from textures/items/boots/boots--chain.png
rename to py_script/textures/items/boots/boots--chain.png
diff --git a/textures/items/boots/boots--diamond.png b/py_script/textures/items/boots/boots--diamond.png
similarity index 100%
rename from textures/items/boots/boots--diamond.png
rename to py_script/textures/items/boots/boots--diamond.png
diff --git a/textures/items/boots/boots--golden.png b/py_script/textures/items/boots/boots--golden.png
similarity index 100%
rename from textures/items/boots/boots--golden.png
rename to py_script/textures/items/boots/boots--golden.png
diff --git a/textures/items/boots/boots--iron.png b/py_script/textures/items/boots/boots--iron.png
similarity index 100%
rename from textures/items/boots/boots--iron.png
rename to py_script/textures/items/boots/boots--iron.png
diff --git a/textures/items/boots/boots--leather.png b/py_script/textures/items/boots/boots--leather.png
similarity index 100%
rename from textures/items/boots/boots--leather.png
rename to py_script/textures/items/boots/boots--leather.png
diff --git a/textures/items/bow/bow--air1.png b/py_script/textures/items/bow/bow--air1.png
similarity index 100%
rename from textures/items/bow/bow--air1.png
rename to py_script/textures/items/bow/bow--air1.png
diff --git a/textures/items/bow/bow--air2.png b/py_script/textures/items/bow/bow--air2.png
similarity index 100%
rename from textures/items/bow/bow--air2.png
rename to py_script/textures/items/bow/bow--air2.png
diff --git a/textures/items/bow/bow--air3.png b/py_script/textures/items/bow/bow--air3.png
similarity index 100%
rename from textures/items/bow/bow--air3.png
rename to py_script/textures/items/bow/bow--air3.png
diff --git a/textures/items/bow/bow--default1.png b/py_script/textures/items/bow/bow--default1.png
similarity index 100%
rename from textures/items/bow/bow--default1.png
rename to py_script/textures/items/bow/bow--default1.png
diff --git a/textures/items/bow/bow--default2.png b/py_script/textures/items/bow/bow--default2.png
similarity index 100%
rename from textures/items/bow/bow--default2.png
rename to py_script/textures/items/bow/bow--default2.png
diff --git a/textures/items/bow/bow--earth1.png b/py_script/textures/items/bow/bow--earth1.png
similarity index 100%
rename from textures/items/bow/bow--earth1.png
rename to py_script/textures/items/bow/bow--earth1.png
diff --git a/textures/items/bow/bow--earth2.png b/py_script/textures/items/bow/bow--earth2.png
similarity index 100%
rename from textures/items/bow/bow--earth2.png
rename to py_script/textures/items/bow/bow--earth2.png
diff --git a/textures/items/bow/bow--earth3.png b/py_script/textures/items/bow/bow--earth3.png
similarity index 100%
rename from textures/items/bow/bow--earth3.png
rename to py_script/textures/items/bow/bow--earth3.png
diff --git a/textures/items/bow/bow--fire1.png b/py_script/textures/items/bow/bow--fire1.png
similarity index 100%
rename from textures/items/bow/bow--fire1.png
rename to py_script/textures/items/bow/bow--fire1.png
diff --git a/textures/items/bow/bow--fire2.png b/py_script/textures/items/bow/bow--fire2.png
similarity index 100%
rename from textures/items/bow/bow--fire2.png
rename to py_script/textures/items/bow/bow--fire2.png
diff --git a/textures/items/bow/bow--fire3.png b/py_script/textures/items/bow/bow--fire3.png
similarity index 100%
rename from textures/items/bow/bow--fire3.png
rename to py_script/textures/items/bow/bow--fire3.png
diff --git a/textures/items/bow/bow--generic1.png b/py_script/textures/items/bow/bow--generic1.png
similarity index 100%
rename from textures/items/bow/bow--generic1.png
rename to py_script/textures/items/bow/bow--generic1.png
diff --git a/textures/items/bow/bow--generic2.png b/py_script/textures/items/bow/bow--generic2.png
similarity index 100%
rename from textures/items/bow/bow--generic2.png
rename to py_script/textures/items/bow/bow--generic2.png
diff --git a/textures/items/bow/bow--generic3.png b/py_script/textures/items/bow/bow--generic3.png
similarity index 100%
rename from textures/items/bow/bow--generic3.png
rename to py_script/textures/items/bow/bow--generic3.png
diff --git a/textures/items/bow/bow--thunder1.png b/py_script/textures/items/bow/bow--thunder1.png
similarity index 100%
rename from textures/items/bow/bow--thunder1.png
rename to py_script/textures/items/bow/bow--thunder1.png
diff --git a/textures/items/bow/bow--thunder2.png b/py_script/textures/items/bow/bow--thunder2.png
similarity index 100%
rename from textures/items/bow/bow--thunder2.png
rename to py_script/textures/items/bow/bow--thunder2.png
diff --git a/textures/items/bow/bow--thunder3.png b/py_script/textures/items/bow/bow--thunder3.png
similarity index 100%
rename from textures/items/bow/bow--thunder3.png
rename to py_script/textures/items/bow/bow--thunder3.png
diff --git a/textures/items/bow/bow--water1.png b/py_script/textures/items/bow/bow--water1.png
similarity index 100%
rename from textures/items/bow/bow--water1.png
rename to py_script/textures/items/bow/bow--water1.png
diff --git a/textures/items/bow/bow--water2.png b/py_script/textures/items/bow/bow--water2.png
similarity index 100%
rename from textures/items/bow/bow--water2.png
rename to py_script/textures/items/bow/bow--water2.png
diff --git a/textures/items/bow/bow--water3.png b/py_script/textures/items/bow/bow--water3.png
similarity index 100%
rename from textures/items/bow/bow--water3.png
rename to py_script/textures/items/bow/bow--water3.png
diff --git a/textures/items/chestplate/chestplate--chain.png b/py_script/textures/items/chestplate/chestplate--chain.png
similarity index 100%
rename from textures/items/chestplate/chestplate--chain.png
rename to py_script/textures/items/chestplate/chestplate--chain.png
diff --git a/textures/items/chestplate/chestplate--diamond.png b/py_script/textures/items/chestplate/chestplate--diamond.png
similarity index 100%
rename from textures/items/chestplate/chestplate--diamond.png
rename to py_script/textures/items/chestplate/chestplate--diamond.png
diff --git a/textures/items/chestplate/chestplate--golden.png b/py_script/textures/items/chestplate/chestplate--golden.png
similarity index 100%
rename from textures/items/chestplate/chestplate--golden.png
rename to py_script/textures/items/chestplate/chestplate--golden.png
diff --git a/textures/items/chestplate/chestplate--iron.png b/py_script/textures/items/chestplate/chestplate--iron.png
similarity index 100%
rename from textures/items/chestplate/chestplate--iron.png
rename to py_script/textures/items/chestplate/chestplate--iron.png
diff --git a/textures/items/chestplate/chestplate--leather.png b/py_script/textures/items/chestplate/chestplate--leather.png
similarity index 100%
rename from textures/items/chestplate/chestplate--leather.png
rename to py_script/textures/items/chestplate/chestplate--leather.png
diff --git a/textures/items/dagger/dagger--air1.png b/py_script/textures/items/dagger/dagger--air1.png
similarity index 100%
rename from textures/items/dagger/dagger--air1.png
rename to py_script/textures/items/dagger/dagger--air1.png
diff --git a/textures/items/dagger/dagger--air2.png b/py_script/textures/items/dagger/dagger--air2.png
similarity index 100%
rename from textures/items/dagger/dagger--air2.png
rename to py_script/textures/items/dagger/dagger--air2.png
diff --git a/textures/items/dagger/dagger--air3.png b/py_script/textures/items/dagger/dagger--air3.png
similarity index 100%
rename from textures/items/dagger/dagger--air3.png
rename to py_script/textures/items/dagger/dagger--air3.png
diff --git a/textures/items/dagger/dagger--default1.png b/py_script/textures/items/dagger/dagger--default1.png
similarity index 100%
rename from textures/items/dagger/dagger--default1.png
rename to py_script/textures/items/dagger/dagger--default1.png
diff --git a/textures/items/dagger/dagger--default2.png b/py_script/textures/items/dagger/dagger--default2.png
similarity index 100%
rename from textures/items/dagger/dagger--default2.png
rename to py_script/textures/items/dagger/dagger--default2.png
diff --git a/textures/items/dagger/dagger--earth1.png b/py_script/textures/items/dagger/dagger--earth1.png
similarity index 100%
rename from textures/items/dagger/dagger--earth1.png
rename to py_script/textures/items/dagger/dagger--earth1.png
diff --git a/textures/items/dagger/dagger--earth2.png b/py_script/textures/items/dagger/dagger--earth2.png
similarity index 100%
rename from textures/items/dagger/dagger--earth2.png
rename to py_script/textures/items/dagger/dagger--earth2.png
diff --git a/textures/items/dagger/dagger--earth3.png b/py_script/textures/items/dagger/dagger--earth3.png
similarity index 100%
rename from textures/items/dagger/dagger--earth3.png
rename to py_script/textures/items/dagger/dagger--earth3.png
diff --git a/textures/items/dagger/dagger--fire1.png b/py_script/textures/items/dagger/dagger--fire1.png
similarity index 100%
rename from textures/items/dagger/dagger--fire1.png
rename to py_script/textures/items/dagger/dagger--fire1.png
diff --git a/textures/items/dagger/dagger--fire2.png b/py_script/textures/items/dagger/dagger--fire2.png
similarity index 100%
rename from textures/items/dagger/dagger--fire2.png
rename to py_script/textures/items/dagger/dagger--fire2.png
diff --git a/textures/items/dagger/dagger--fire3.png b/py_script/textures/items/dagger/dagger--fire3.png
similarity index 100%
rename from textures/items/dagger/dagger--fire3.png
rename to py_script/textures/items/dagger/dagger--fire3.png
diff --git a/textures/items/dagger/dagger--generic1.png b/py_script/textures/items/dagger/dagger--generic1.png
similarity index 100%
rename from textures/items/dagger/dagger--generic1.png
rename to py_script/textures/items/dagger/dagger--generic1.png
diff --git a/textures/items/dagger/dagger--generic2.png b/py_script/textures/items/dagger/dagger--generic2.png
similarity index 100%
rename from textures/items/dagger/dagger--generic2.png
rename to py_script/textures/items/dagger/dagger--generic2.png
diff --git a/textures/items/dagger/dagger--generic3.png b/py_script/textures/items/dagger/dagger--generic3.png
similarity index 100%
rename from textures/items/dagger/dagger--generic3.png
rename to py_script/textures/items/dagger/dagger--generic3.png
diff --git a/textures/items/dagger/dagger--thunder1.png b/py_script/textures/items/dagger/dagger--thunder1.png
similarity index 100%
rename from textures/items/dagger/dagger--thunder1.png
rename to py_script/textures/items/dagger/dagger--thunder1.png
diff --git a/textures/items/dagger/dagger--thunder2.png b/py_script/textures/items/dagger/dagger--thunder2.png
similarity index 100%
rename from textures/items/dagger/dagger--thunder2.png
rename to py_script/textures/items/dagger/dagger--thunder2.png
diff --git a/textures/items/dagger/dagger--thunder3.png b/py_script/textures/items/dagger/dagger--thunder3.png
similarity index 100%
rename from textures/items/dagger/dagger--thunder3.png
rename to py_script/textures/items/dagger/dagger--thunder3.png
diff --git a/textures/items/dagger/dagger--water1.png b/py_script/textures/items/dagger/dagger--water1.png
similarity index 100%
rename from textures/items/dagger/dagger--water1.png
rename to py_script/textures/items/dagger/dagger--water1.png
diff --git a/textures/items/dagger/dagger--water2.png b/py_script/textures/items/dagger/dagger--water2.png
similarity index 100%
rename from textures/items/dagger/dagger--water2.png
rename to py_script/textures/items/dagger/dagger--water2.png
diff --git a/textures/items/dagger/dagger--water3.png b/py_script/textures/items/dagger/dagger--water3.png
similarity index 100%
rename from textures/items/dagger/dagger--water3.png
rename to py_script/textures/items/dagger/dagger--water3.png
diff --git a/textures/items/helmet/helmet--chain.png b/py_script/textures/items/helmet/helmet--chain.png
similarity index 100%
rename from textures/items/helmet/helmet--chain.png
rename to py_script/textures/items/helmet/helmet--chain.png
diff --git a/textures/items/helmet/helmet--diamond.png b/py_script/textures/items/helmet/helmet--diamond.png
similarity index 100%
rename from textures/items/helmet/helmet--diamond.png
rename to py_script/textures/items/helmet/helmet--diamond.png
diff --git a/textures/items/helmet/helmet--golden.png b/py_script/textures/items/helmet/helmet--golden.png
similarity index 100%
rename from textures/items/helmet/helmet--golden.png
rename to py_script/textures/items/helmet/helmet--golden.png
diff --git a/textures/items/helmet/helmet--iron.png b/py_script/textures/items/helmet/helmet--iron.png
similarity index 100%
rename from textures/items/helmet/helmet--iron.png
rename to py_script/textures/items/helmet/helmet--iron.png
diff --git a/textures/items/helmet/helmet--leather.png b/py_script/textures/items/helmet/helmet--leather.png
similarity index 100%
rename from textures/items/helmet/helmet--leather.png
rename to py_script/textures/items/helmet/helmet--leather.png
diff --git a/textures/items/leggings/leggings--chain.png b/py_script/textures/items/leggings/leggings--chain.png
similarity index 100%
rename from textures/items/leggings/leggings--chain.png
rename to py_script/textures/items/leggings/leggings--chain.png
diff --git a/textures/items/leggings/leggings--diamond.png b/py_script/textures/items/leggings/leggings--diamond.png
similarity index 100%
rename from textures/items/leggings/leggings--diamond.png
rename to py_script/textures/items/leggings/leggings--diamond.png
diff --git a/textures/items/leggings/leggings--golden.png b/py_script/textures/items/leggings/leggings--golden.png
similarity index 100%
rename from textures/items/leggings/leggings--golden.png
rename to py_script/textures/items/leggings/leggings--golden.png
diff --git a/textures/items/leggings/leggings--iron.png b/py_script/textures/items/leggings/leggings--iron.png
similarity index 100%
rename from textures/items/leggings/leggings--iron.png
rename to py_script/textures/items/leggings/leggings--iron.png
diff --git a/textures/items/leggings/leggings--leather.png b/py_script/textures/items/leggings/leggings--leather.png
similarity index 100%
rename from textures/items/leggings/leggings--leather.png
rename to py_script/textures/items/leggings/leggings--leather.png
diff --git a/textures/items/relik/relik--air1.png b/py_script/textures/items/relik/relik--air1.png
similarity index 100%
rename from textures/items/relik/relik--air1.png
rename to py_script/textures/items/relik/relik--air1.png
diff --git a/textures/items/relik/relik--air2.png b/py_script/textures/items/relik/relik--air2.png
similarity index 100%
rename from textures/items/relik/relik--air2.png
rename to py_script/textures/items/relik/relik--air2.png
diff --git a/textures/items/relik/relik--air3.png b/py_script/textures/items/relik/relik--air3.png
similarity index 100%
rename from textures/items/relik/relik--air3.png
rename to py_script/textures/items/relik/relik--air3.png
diff --git a/textures/items/relik/relik--default1.png b/py_script/textures/items/relik/relik--default1.png
similarity index 100%
rename from textures/items/relik/relik--default1.png
rename to py_script/textures/items/relik/relik--default1.png
diff --git a/textures/items/relik/relik--default2.png b/py_script/textures/items/relik/relik--default2.png
similarity index 100%
rename from textures/items/relik/relik--default2.png
rename to py_script/textures/items/relik/relik--default2.png
diff --git a/textures/items/relik/relik--earth1.png b/py_script/textures/items/relik/relik--earth1.png
similarity index 100%
rename from textures/items/relik/relik--earth1.png
rename to py_script/textures/items/relik/relik--earth1.png
diff --git a/textures/items/relik/relik--earth2.png b/py_script/textures/items/relik/relik--earth2.png
similarity index 100%
rename from textures/items/relik/relik--earth2.png
rename to py_script/textures/items/relik/relik--earth2.png
diff --git a/textures/items/relik/relik--earth3.png b/py_script/textures/items/relik/relik--earth3.png
similarity index 100%
rename from textures/items/relik/relik--earth3.png
rename to py_script/textures/items/relik/relik--earth3.png
diff --git a/textures/items/relik/relik--fire1.png b/py_script/textures/items/relik/relik--fire1.png
similarity index 100%
rename from textures/items/relik/relik--fire1.png
rename to py_script/textures/items/relik/relik--fire1.png
diff --git a/textures/items/relik/relik--fire2.png b/py_script/textures/items/relik/relik--fire2.png
similarity index 100%
rename from textures/items/relik/relik--fire2.png
rename to py_script/textures/items/relik/relik--fire2.png
diff --git a/textures/items/relik/relik--fire3.png b/py_script/textures/items/relik/relik--fire3.png
similarity index 100%
rename from textures/items/relik/relik--fire3.png
rename to py_script/textures/items/relik/relik--fire3.png
diff --git a/textures/items/relik/relik--generic1.png b/py_script/textures/items/relik/relik--generic1.png
similarity index 100%
rename from textures/items/relik/relik--generic1.png
rename to py_script/textures/items/relik/relik--generic1.png
diff --git a/textures/items/relik/relik--generic2.png b/py_script/textures/items/relik/relik--generic2.png
similarity index 100%
rename from textures/items/relik/relik--generic2.png
rename to py_script/textures/items/relik/relik--generic2.png
diff --git a/textures/items/relik/relik--generic3.png b/py_script/textures/items/relik/relik--generic3.png
similarity index 99%
rename from textures/items/relik/relik--generic3.png
rename to py_script/textures/items/relik/relik--generic3.png
index fe68d65..a4530e4 100644
--- a/textures/items/relik/relik--generic3.png
+++ b/py_script/textures/items/relik/relik--generic3.png
@@ -2,7 +2,7 @@
 <html style="height:100%">
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<title> 404 Not Found
+<title> 404 Not Found
 </title></head>
 <body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
 <div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
diff --git a/textures/items/relik/relik--thunder1.png b/py_script/textures/items/relik/relik--thunder1.png
similarity index 100%
rename from textures/items/relik/relik--thunder1.png
rename to py_script/textures/items/relik/relik--thunder1.png
diff --git a/textures/items/relik/relik--thunder2.png b/py_script/textures/items/relik/relik--thunder2.png
similarity index 100%
rename from textures/items/relik/relik--thunder2.png
rename to py_script/textures/items/relik/relik--thunder2.png
diff --git a/textures/items/relik/relik--thunder3.png b/py_script/textures/items/relik/relik--thunder3.png
similarity index 100%
rename from textures/items/relik/relik--thunder3.png
rename to py_script/textures/items/relik/relik--thunder3.png
diff --git a/textures/items/relik/relik--water1.png b/py_script/textures/items/relik/relik--water1.png
similarity index 99%
rename from textures/items/relik/relik--water1.png
rename to py_script/textures/items/relik/relik--water1.png
index fe68d65..a4530e4 100644
--- a/textures/items/relik/relik--water1.png
+++ b/py_script/textures/items/relik/relik--water1.png
@@ -2,7 +2,7 @@
 <html style="height:100%">
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<title> 404 Not Found
+<title> 404 Not Found
 </title></head>
 <body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
 <div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
diff --git a/textures/items/relik/relik--water2.png b/py_script/textures/items/relik/relik--water2.png
similarity index 99%
rename from textures/items/relik/relik--water2.png
rename to py_script/textures/items/relik/relik--water2.png
index fe68d65..a4530e4 100644
--- a/textures/items/relik/relik--water2.png
+++ b/py_script/textures/items/relik/relik--water2.png
@@ -2,7 +2,7 @@
 <html style="height:100%">
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<title> 404 Not Found
+<title> 404 Not Found
 </title></head>
 <body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
 <div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
diff --git a/textures/items/relik/relik--water3.png b/py_script/textures/items/relik/relik--water3.png
similarity index 99%
rename from textures/items/relik/relik--water3.png
rename to py_script/textures/items/relik/relik--water3.png
index fe68d65..a4530e4 100644
--- a/textures/items/relik/relik--water3.png
+++ b/py_script/textures/items/relik/relik--water3.png
@@ -2,7 +2,7 @@
 <html style="height:100%">
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<title> 404 Not Found
+<title> 404 Not Found
 </title></head>
 <body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
 <div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
diff --git a/textures/items/spear/spear--air1.png b/py_script/textures/items/spear/spear--air1.png
similarity index 100%
rename from textures/items/spear/spear--air1.png
rename to py_script/textures/items/spear/spear--air1.png
diff --git a/textures/items/spear/spear--air2.png b/py_script/textures/items/spear/spear--air2.png
similarity index 100%
rename from textures/items/spear/spear--air2.png
rename to py_script/textures/items/spear/spear--air2.png
diff --git a/textures/items/spear/spear--air3.png b/py_script/textures/items/spear/spear--air3.png
similarity index 100%
rename from textures/items/spear/spear--air3.png
rename to py_script/textures/items/spear/spear--air3.png
diff --git a/textures/items/spear/spear--default1.png b/py_script/textures/items/spear/spear--default1.png
similarity index 100%
rename from textures/items/spear/spear--default1.png
rename to py_script/textures/items/spear/spear--default1.png
diff --git a/textures/items/spear/spear--default2.png b/py_script/textures/items/spear/spear--default2.png
similarity index 100%
rename from textures/items/spear/spear--default2.png
rename to py_script/textures/items/spear/spear--default2.png
diff --git a/textures/items/spear/spear--earth1.png b/py_script/textures/items/spear/spear--earth1.png
similarity index 100%
rename from textures/items/spear/spear--earth1.png
rename to py_script/textures/items/spear/spear--earth1.png
diff --git a/textures/items/spear/spear--earth2.png b/py_script/textures/items/spear/spear--earth2.png
similarity index 100%
rename from textures/items/spear/spear--earth2.png
rename to py_script/textures/items/spear/spear--earth2.png
diff --git a/textures/items/spear/spear--earth3.png b/py_script/textures/items/spear/spear--earth3.png
similarity index 100%
rename from textures/items/spear/spear--earth3.png
rename to py_script/textures/items/spear/spear--earth3.png
diff --git a/textures/items/spear/spear--fire1.png b/py_script/textures/items/spear/spear--fire1.png
similarity index 100%
rename from textures/items/spear/spear--fire1.png
rename to py_script/textures/items/spear/spear--fire1.png
diff --git a/textures/items/spear/spear--fire2.png b/py_script/textures/items/spear/spear--fire2.png
similarity index 100%
rename from textures/items/spear/spear--fire2.png
rename to py_script/textures/items/spear/spear--fire2.png
diff --git a/textures/items/spear/spear--fire3.png b/py_script/textures/items/spear/spear--fire3.png
similarity index 100%
rename from textures/items/spear/spear--fire3.png
rename to py_script/textures/items/spear/spear--fire3.png
diff --git a/textures/items/spear/spear--generic1.png b/py_script/textures/items/spear/spear--generic1.png
similarity index 100%
rename from textures/items/spear/spear--generic1.png
rename to py_script/textures/items/spear/spear--generic1.png
diff --git a/textures/items/spear/spear--generic2.png b/py_script/textures/items/spear/spear--generic2.png
similarity index 100%
rename from textures/items/spear/spear--generic2.png
rename to py_script/textures/items/spear/spear--generic2.png
diff --git a/textures/items/spear/spear--generic3.png b/py_script/textures/items/spear/spear--generic3.png
similarity index 100%
rename from textures/items/spear/spear--generic3.png
rename to py_script/textures/items/spear/spear--generic3.png
diff --git a/textures/items/spear/spear--thunder1.png b/py_script/textures/items/spear/spear--thunder1.png
similarity index 100%
rename from textures/items/spear/spear--thunder1.png
rename to py_script/textures/items/spear/spear--thunder1.png
diff --git a/textures/items/spear/spear--thunder2.png b/py_script/textures/items/spear/spear--thunder2.png
similarity index 100%
rename from textures/items/spear/spear--thunder2.png
rename to py_script/textures/items/spear/spear--thunder2.png
diff --git a/textures/items/spear/spear--thunder3.png b/py_script/textures/items/spear/spear--thunder3.png
similarity index 100%
rename from textures/items/spear/spear--thunder3.png
rename to py_script/textures/items/spear/spear--thunder3.png
diff --git a/textures/items/spear/spear--water1.png b/py_script/textures/items/spear/spear--water1.png
similarity index 100%
rename from textures/items/spear/spear--water1.png
rename to py_script/textures/items/spear/spear--water1.png
diff --git a/textures/items/spear/spear--water2.png b/py_script/textures/items/spear/spear--water2.png
similarity index 100%
rename from textures/items/spear/spear--water2.png
rename to py_script/textures/items/spear/spear--water2.png
diff --git a/textures/items/spear/spear--water3.png b/py_script/textures/items/spear/spear--water3.png
similarity index 100%
rename from textures/items/spear/spear--water3.png
rename to py_script/textures/items/spear/spear--water3.png
diff --git a/textures/items/wand/wand--air1.png b/py_script/textures/items/wand/wand--air1.png
similarity index 100%
rename from textures/items/wand/wand--air1.png
rename to py_script/textures/items/wand/wand--air1.png
diff --git a/textures/items/wand/wand--air2.png b/py_script/textures/items/wand/wand--air2.png
similarity index 100%
rename from textures/items/wand/wand--air2.png
rename to py_script/textures/items/wand/wand--air2.png
diff --git a/textures/items/wand/wand--air3.png b/py_script/textures/items/wand/wand--air3.png
similarity index 100%
rename from textures/items/wand/wand--air3.png
rename to py_script/textures/items/wand/wand--air3.png
diff --git a/textures/items/wand/wand--default1.png b/py_script/textures/items/wand/wand--default1.png
similarity index 100%
rename from textures/items/wand/wand--default1.png
rename to py_script/textures/items/wand/wand--default1.png
diff --git a/textures/items/wand/wand--default2.png b/py_script/textures/items/wand/wand--default2.png
similarity index 100%
rename from textures/items/wand/wand--default2.png
rename to py_script/textures/items/wand/wand--default2.png
diff --git a/textures/items/wand/wand--earth1.png b/py_script/textures/items/wand/wand--earth1.png
similarity index 100%
rename from textures/items/wand/wand--earth1.png
rename to py_script/textures/items/wand/wand--earth1.png
diff --git a/textures/items/wand/wand--earth2.png b/py_script/textures/items/wand/wand--earth2.png
similarity index 100%
rename from textures/items/wand/wand--earth2.png
rename to py_script/textures/items/wand/wand--earth2.png
diff --git a/textures/items/wand/wand--earth3.png b/py_script/textures/items/wand/wand--earth3.png
similarity index 100%
rename from textures/items/wand/wand--earth3.png
rename to py_script/textures/items/wand/wand--earth3.png
diff --git a/textures/items/wand/wand--fire1.png b/py_script/textures/items/wand/wand--fire1.png
similarity index 100%
rename from textures/items/wand/wand--fire1.png
rename to py_script/textures/items/wand/wand--fire1.png
diff --git a/textures/items/wand/wand--fire2.png b/py_script/textures/items/wand/wand--fire2.png
similarity index 100%
rename from textures/items/wand/wand--fire2.png
rename to py_script/textures/items/wand/wand--fire2.png
diff --git a/textures/items/wand/wand--fire3.png b/py_script/textures/items/wand/wand--fire3.png
similarity index 100%
rename from textures/items/wand/wand--fire3.png
rename to py_script/textures/items/wand/wand--fire3.png
diff --git a/textures/items/wand/wand--generic1.png b/py_script/textures/items/wand/wand--generic1.png
similarity index 100%
rename from textures/items/wand/wand--generic1.png
rename to py_script/textures/items/wand/wand--generic1.png
diff --git a/textures/items/wand/wand--generic2.png b/py_script/textures/items/wand/wand--generic2.png
similarity index 100%
rename from textures/items/wand/wand--generic2.png
rename to py_script/textures/items/wand/wand--generic2.png
diff --git a/textures/items/wand/wand--generic3.png b/py_script/textures/items/wand/wand--generic3.png
similarity index 99%
rename from textures/items/wand/wand--generic3.png
rename to py_script/textures/items/wand/wand--generic3.png
index fe68d65..a4530e4 100644
--- a/textures/items/wand/wand--generic3.png
+++ b/py_script/textures/items/wand/wand--generic3.png
@@ -2,7 +2,7 @@
 <html style="height:100%">
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<title> 404 Not Found
+<title> 404 Not Found
 </title></head>
 <body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
 <div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
diff --git a/textures/items/wand/wand--thunder1.png b/py_script/textures/items/wand/wand--thunder1.png
similarity index 100%
rename from textures/items/wand/wand--thunder1.png
rename to py_script/textures/items/wand/wand--thunder1.png
diff --git a/textures/items/wand/wand--thunder2.png b/py_script/textures/items/wand/wand--thunder2.png
similarity index 100%
rename from textures/items/wand/wand--thunder2.png
rename to py_script/textures/items/wand/wand--thunder2.png
diff --git a/textures/items/wand/wand--thunder3.png b/py_script/textures/items/wand/wand--thunder3.png
similarity index 100%
rename from textures/items/wand/wand--thunder3.png
rename to py_script/textures/items/wand/wand--thunder3.png
diff --git a/textures/items/wand/wand--water1.png b/py_script/textures/items/wand/wand--water1.png
similarity index 100%
rename from textures/items/wand/wand--water1.png
rename to py_script/textures/items/wand/wand--water1.png
diff --git a/textures/items/wand/wand--water2.png b/py_script/textures/items/wand/wand--water2.png
similarity index 100%
rename from textures/items/wand/wand--water2.png
rename to py_script/textures/items/wand/wand--water2.png
diff --git a/textures/items/wand/wand--water3.png b/py_script/textures/items/wand/wand--water3.png
similarity index 100%
rename from textures/items/wand/wand--water3.png
rename to py_script/textures/items/wand/wand--water3.png
diff --git a/textures/powder/dye_powder_cyan.png b/py_script/textures/powder/dye_powder_cyan.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_cyan.png
rename to py_script/textures/powder/dye_powder_cyan.png
diff --git a/textures/powder/dye_powder_gray.png b/py_script/textures/powder/dye_powder_gray.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_gray.png
rename to py_script/textures/powder/dye_powder_gray.png
diff --git a/textures/powder/dye_powder_green.png b/py_script/textures/powder/dye_powder_green.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_green.png
rename to py_script/textures/powder/dye_powder_green.png
diff --git a/textures/powder/dye_powder_light_blue.png b/py_script/textures/powder/dye_powder_light_blue.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_light_blue.png
rename to py_script/textures/powder/dye_powder_light_blue.png
diff --git a/textures/powder/dye_powder_lime.png b/py_script/textures/powder/dye_powder_lime.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_lime.png
rename to py_script/textures/powder/dye_powder_lime.png
diff --git a/textures/powder/dye_powder_orange.png b/py_script/textures/powder/dye_powder_orange.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_orange.png
rename to py_script/textures/powder/dye_powder_orange.png
diff --git a/textures/powder/dye_powder_pink.png b/py_script/textures/powder/dye_powder_pink.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_pink.png
rename to py_script/textures/powder/dye_powder_pink.png
diff --git a/textures/powder/dye_powder_red.png b/py_script/textures/powder/dye_powder_red.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_red.png
rename to py_script/textures/powder/dye_powder_red.png
diff --git a/textures/powder/dye_powder_silver.png b/py_script/textures/powder/dye_powder_silver.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_silver.png
rename to py_script/textures/powder/dye_powder_silver.png
diff --git a/textures/powder/dye_powder_yellow.png b/py_script/textures/powder/dye_powder_yellow.png
old mode 100755
new mode 100644
similarity index 100%
rename from textures/powder/dye_powder_yellow.png
rename to py_script/textures/powder/dye_powder_yellow.png
diff --git a/py_script/transform_combine.py b/py_script/transform_combine.py
deleted file mode 100644
index 4662416..0000000
--- a/py_script/transform_combine.py
+++ /dev/null
@@ -1,179 +0,0 @@
-"""
-
-NOTE!!!!!!!
-
-DEMON TIDE 1.20 IS HARD CODED!
-
-AMBIVALENCE IS REMOVED!
-
-"""
-
-import json
-
-with open("dump.json", "r") as infile:
-    data = json.loads(infile.read())
-
-items = data["items"]
-if "request" in data:
-    del data["request"]
-
-import os
-sets = dict()
-item_set_map = dict()
-for filename in os.listdir('sets'):
-    if "json" not in filename:
-        continue
-    set_name = filename[1:].split(".")[0].replace("+", " ").replace("%27", "'")
-    with open("sets/"+filename) as set_info:
-        set_obj = json.load(set_info)
-        for item in set_obj["items"]:
-            item_set_map[item] = set_name
-        sets[set_name] = set_obj
-
-data["sets"] = sets
-
-translate_mappings = {
-    #"name": "name",
-    #"displayName": "displayName",
-    #"tier": "tier",
-    #"set": "set",
-    "sockets": "slots",
-    #"type": "type",
-    #"armorType": "armorType", (deleted)
-    #"armorColor": "color", (deleted)
-    #"addedLore": "lore", (deleted)
-    #"material": "material", (deleted)
-    "dropType": "drop",
-    #"quest": "quest",
-    "restrictions": "restrict",
-    "damage": "nDam",
-    "fireDamage": "fDam",
-    "waterDamage": "wDam",
-    "airDamage": "aDam",
-    "thunderDamage": "tDam",
-    "earthDamage": "eDam",
-    "attackSpeed": "atkSpd",
-    "health": "hp",
-    "fireDefense": "fDef",
-    "waterDefense": "wDef",
-    "airDefense": "aDef",
-    "thunderDefense": "tDef",
-    "earthDefense": "eDef",
-    "level": "lvl",
-    "classRequirement": "classReq",
-    "strength": "strReq",
-    "dexterity": "dexReq",
-    "intelligence": "intReq",
-    "agility": "agiReq",
-    "defense": "defReq",
-    "healthRegen": "hprPct",
-    "manaRegen": "mr",
-    "spellDamage": "sdPct",
-    "damageBonus": "mdPct",
-    "lifeSteal": "ls",
-    "manaSteal": "ms",
-    "xpBonus": "xpb",
-    "lootBonus": "lb",
-    "reflection": "ref",
-    "strengthPoints": "str",
-    "dexterityPoints": "dex",
-    "intelligencePoints": "int",
-    "agilityPoints": "agi",
-    "defensePoints": "def",
-    #"thorns": "thorns",
-    "exploding": "expd",
-    "speed": "spd",
-    "attackSpeedBonus": "atkTier",
-    #"poison": "poison",
-    "healthBonus": "hpBonus",
-    "soulPoints": "spRegen",
-    "emeraldStealing": "eSteal",
-    "healthRegenRaw": "hprRaw",
-    "spellDamageRaw": "sdRaw",
-    "damageBonusRaw": "mdRaw",
-    "bonusFireDamage": "fDamPct",
-    "bonusWaterDamage": "wDamPct",
-    "bonusAirDamage": "aDamPct",
-    "bonusThunderDamage": "tDamPct",
-    "bonusEarthDamage": "eDamPct",
-    "bonusFireDefense": "fDefPct",
-    "bonusWaterDefense": "wDefPct",
-    "bonusAirDefense": "aDefPct",
-    "bonusThunderDefense": "tDefPct",
-    "bonusEarthDefense": "eDefPct",
-    "accessoryType": "type",
-    "identified": "fixID",
-    #"skin": "skin",
-    #"category": "category",
-
-    "spellCostPct1": "spPct1",
-    "spellCostRaw1": "spRaw1",
-    "spellCostPct2": "spPct2",
-    "spellCostRaw2": "spRaw2",
-    "spellCostPct3": "spPct3",
-    "spellCostRaw3": "spRaw3",
-    "spellCostPct4": "spPct4",
-    "spellCostRaw4": "spRaw4",
-
-    "rainbowSpellDamageRaw": "rainbowRaw",
-    #"sprint": "sprint",
-    "sprintRegen": "sprintReg",
-    "jumpHeight": "jh",
-    "lootQuality": "lq",
-
-    "gatherXpBonus": "gXp",
-    "gatherSpeed": "gSpd",
-}
-
-delete_keys = [
-    "addedLore",
-    #"skin",
-    "armorType",
-    "armorColor",
-    "material"
-]
-
-import os
-if os.path.exists("id_map.json"):
-    with open("id_map.json","r") as id_mapfile:
-        id_map = json.load(id_mapfile)
-else:
-    id_map = {item["name"]: i for i, item in enumerate(items)}
-        
-
-texture_names = []
-
-import base64
-for item in items:
-    for key in delete_keys:
-        if key in item:
-            del item[key]
-
-    for k in list(item.keys()):
-        if (item[k] == 0 or item[k] is None):
-            del item[k]
-
-    for k, v in translate_mappings.items():
-        if k in item:
-            item[v] = item[k]
-            del item[k]
-
-    if not (item["name"] in id_map):
-        id_map[item["name"]] = len(id_map)
-        print(f'New item: {item["name"]}')
-    item["id"] = id_map[item["name"]]
-
-    item["type"] = item["type"].lower()
-    if item["name"] in item_set_map:
-        item["set"] = item_set_map[item["name"]]
-
-#with open("1_20_ci.json", "r") as ci_file:
-#    ci_items = json.load(ci_file)
-#    items.extend(ci_items)
-
-with open("id_map.json","w") as id_mapfile:
-    json.dump(id_map, id_mapfile, indent=2)
-with open("clean.json", "w") as outfile:
-    json.dump(data, outfile, indent=2)
-with open("compress.json", "w") as outfile:
-    json.dump(data, outfile)
diff --git a/py_script/transform_merge.py b/py_script/transform_merge.py
deleted file mode 100644
index 49a962d..0000000
--- a/py_script/transform_merge.py
+++ /dev/null
@@ -1,214 +0,0 @@
-"""
-
-NOTE!!!!!!!
-
-DEMON TIDE 1.20 IS HARD CODED!
-
-AMBIVALENCE IS REMOVED!
-
-"""
-
-import json
-import os 
-
-with open("dump.json", "r") as infile:
-    data = json.load(infile)
-
-with open("updated.json", "r") as oldfile:
-    old_data = json.load(oldfile)
-
-items = data["items"]
-old_items = old_data["items"]
-old_tomes = old_data["tomes"]
-if "request" in data:
-    del data["request"]
-
-#this script does not change sets or tomes. use the dedicated set and tome update scripts to update.
-data["sets"] = old_data["sets"]
-data["tomes"] = old_data["tomes"]
-
-item_set_map = dict()
-for set_name, set_data in data["sets"].items():
-    for item_name in set_data["items"]:
-        item_set_map[item_name] = set_name
-
-must_mappings = [
-    "strength",
-    "dexterity",
-    "intelligence",
-    "agility",
-    "defense",
-    "strengthPoints",
-    "dexterityPoints",
-    "intelligencePoints",
-    "agilityPoints",
-    "defensePoints",
-]
-
-translate_mappings = {
-    #"name": "name",
-    #"displayName": "displayName",
-    #"tier": "tier",
-    #"set": "set",
-    "sockets": "slots",
-    #"type": "type",
-    #"armorType": "armorType", (deleted)
-    "armorColor": "color", #(deleted)
-    "addedLore": "lore", #(deleted)
-    #"material": "material", (deleted)
-    "dropType": "drop",
-    #"quest": "quest",
-    "restrictions": "restrict",
-    "damage": "nDam",
-    "fireDamage": "fDam",
-    "waterDamage": "wDam",
-    "airDamage": "aDam",
-    "thunderDamage": "tDam",
-    "earthDamage": "eDam",
-    "attackSpeed": "atkSpd",
-    "health": "hp",
-    "fireDefense": "fDef",
-    "waterDefense": "wDef",
-    "airDefense": "aDef",
-    "thunderDefense": "tDef",
-    "earthDefense": "eDef",
-    "level": "lvl",
-    "classRequirement": "classReq",
-    "strength": "strReq",
-    "dexterity": "dexReq",
-    "intelligence": "intReq",
-    "agility": "agiReq",
-    "defense": "defReq",
-    "healthRegen": "hprPct",
-    "manaRegen": "mr",
-    "spellDamage": "sdPct",
-    "damageBonus": "mdPct",
-    "lifeSteal": "ls",
-    "manaSteal": "ms",
-    "xpBonus": "xpb",
-    "lootBonus": "lb",
-    "reflection": "ref",
-    "strengthPoints": "str",
-    "dexterityPoints": "dex",
-    "intelligencePoints": "int",
-    "agilityPoints": "agi",
-    "defensePoints": "def",
-    #"thorns": "thorns",
-    "exploding": "expd",
-    "speed": "spd",
-    "attackSpeedBonus": "atkTier",
-    #"poison": "poison",
-    "healthBonus": "hpBonus",
-    "soulPoints": "spRegen",
-    "emeraldStealing": "eSteal",
-    "healthRegenRaw": "hprRaw",
-    "spellDamageRaw": "sdRaw",
-    "damageBonusRaw": "mdRaw",
-    "bonusFireDamage": "fDamPct",
-    "bonusWaterDamage": "wDamPct",
-    "bonusAirDamage": "aDamPct",
-    "bonusThunderDamage": "tDamPct",
-    "bonusEarthDamage": "eDamPct",
-    "bonusFireDefense": "fDefPct",
-    "bonusWaterDefense": "wDefPct",
-    "bonusAirDefense": "aDefPct",
-    "bonusThunderDefense": "tDefPct",
-    "bonusEarthDefense": "eDefPct",
-    "accessoryType": "type",
-    "identified": "fixID",
-    #"skin": "skin",
-    #"category": "category",
-
-    "spellCostPct1": "spPct1",
-    "spellCostRaw1": "spRaw1",
-    "spellCostPct2": "spPct2",
-    "spellCostRaw2": "spRaw2",
-    "spellCostPct3": "spPct3",
-    "spellCostRaw3": "spRaw3",
-    "spellCostPct4": "spPct4",
-    "spellCostRaw4": "spRaw4",
-
-    "rainbowSpellDamageRaw": "rainbowRaw",
-    #"sprint": "sprint",
-    "sprintRegen": "sprintReg",
-    "jumpHeight": "jh",
-    "lootQuality": "lq",
-
-    "gatherXpBonus": "gXp",
-    "gatherSpeed": "gSpd",
-}
-
-delete_keys = [
-    #"addedLore",
-    #"skin",
-    #"armorType",
-    #"armorColor",
-    #"material"
-]
-
-id_map = {item["name"]: item["id"] for item in old_items}
-used_ids = set([v for k, v in id_map.items()])
-max_id = 0
-
-known_item_names = set()
-
-for item in items:
-    known_item_names.add(item["name"])
-
-old_items_map = dict()
-unchanged_items = []
-remap_items = []
-for item in old_items:
-    if "remapID" in item:
-        remap_items.append(item)
-    elif item["name"] not in known_item_names:
-        unchanged_items.append(item)
-    old_items_map[item["name"]] = item
-
-for item in items:
-    for key in delete_keys:
-        if key in item:
-            del item[key]
-    
-    for k in list(item.keys()):
-        if (item[k] == 0 or item[k] is None) and not k in must_mappings:
-            del item[k]
-
-    for k, v in translate_mappings.items():
-        if k in item:
-            item[v] = item[k]
-            del item[k]
-
-    if not (item["name"] in id_map):
-        while max_id in used_ids:
-            max_id += 1
-        used_ids.add(max_id)
-        id_map[item["name"]] = max_id
-        print(f'New item: {item["name"]} (id: {max_id})')
-    item["id"] = id_map[item["name"]]
-
-    item["type"] = item["type"].lower()
-    if "displayName" in item:
-        item_name = item["displayName"]
-    else:
-        item_name = item["name"]
-    if item_name in item_set_map:
-        item["set"] = item_set_map[item_name]
-        if item["name"] in old_items_map:
-            old_item = old_items_map[item["name"]]
-            if "hideSet" in old_item:
-                item["hideSet"] = old_item["hideSet"]
-
-items.extend(unchanged_items)
-items.extend(remap_items)
-with open("id_map.json","w") as id_mapfile:
-    print("{", file=id_mapfile)
-    outputs = []
-    for v, k in sorted((v, k) for k, v in id_map.items()):
-        outputs.append(f' "{k}": {v}')
-    print(',\n'.join(outputs), file=id_mapfile)
-    print("}", file=id_mapfile)
-with open("clean.json", "w") as outfile:
-    json.dump(data, outfile, indent=2)
-with open("compress.json", "w") as outfile:
-    json.dump(data, outfile)
diff --git a/py_script/update_sets_in_items.py b/py_script/update_sets_in_items.py
deleted file mode 100644
index fc4dd7d..0000000
--- a/py_script/update_sets_in_items.py
+++ /dev/null
@@ -1,25 +0,0 @@
-import os
-
-'''takes the data in updated.json and the jsons in the sets folder to update the sets in the db.'''
-
-with open("updated.json", "r") as oldfile:
-    data = json.load(oldfile)
-
-#This probably does not work. I have not checked :)
-sets = dict()
-for filename in os.listdir('sets'):
-    if "json" not in filename:
-        continue
-    set_name = filename[1:].split(".")[0].replace("+", " ").replace("%27", "'")
-    with open("sets/"+filename) as set_info:
-        set_obj = json.load(set_info)
-        for item in set_obj["items"]:
-            item_set_map[item] = set_name
-        sets[set_name] = set_obj
-
-data["sets"] = sets
-
-with open("clean.json", "w") as outfile:
-    json.dump(data, outfile, indent=2)
-with open("compress.json", "w") as outfile:
-    json.dump(data, outfile)
\ No newline at end of file
diff --git a/py_script/update_tomes_in_items.py b/py_script/update_tomes_in_items.py
deleted file mode 100644
index bc177bb..0000000
--- a/py_script/update_tomes_in_items.py
+++ /dev/null
@@ -1,42 +0,0 @@
-import os
-import json
-
-'''takes updated data in tomes.json and updates the tome map'''
-
-#read in tomes json file
-with open("../tomes.json", "r") as tomesfile: 
-    tome_data = json.load(tomesfile)
-
-tomes = dict()
-tome_mapping = dict()
-
-
-max_id = 0
-for tome in tome_data:
-    if "id" in tome:
-        if tome["id"] > max_id: 
-            max_id = tome["id"]
-        tome_mapping[tome["name"]] = tome["id"]
-i = max_id + 1
-
-for tome in tome_data:
-    if "id" not in tome:
-        tome["id"] = i
-        tome_mapping[tome["name"]] = i
-        i += 1
-    
-    tomes[tome["name"]] = tome
-
-
-'''
-with open("clean.json", "w") as outfile:
-    json.dump(data, outfile, indent=2)
-with open("compress.json", "w") as outfile:
-    json.dump(data, outfile)
-'''
-with open("tome_map.json", "w") as outfile:
-    json.dump(tome_mapping, outfile, indent = 2)
-with open("../tomes2.json", "w") as outfile:
-    json.dump(tome_data, outfile, indent = 2)
-
-
diff --git a/py_script/validate.py b/py_script/validate.py
index 734b27d..d064ea2 100644
--- a/py_script/validate.py
+++ b/py_script/validate.py
@@ -1,3 +1,12 @@
+"""
+Used to validate item file - searches for duplicate items. Does not change the file.
+
+TODO: Eventually integrate this into the process scripts, including ings and recipes
+
+Usage:
+python validate.py [input file]
+"""
+
 import json
 import sys
 
diff --git a/tomes.json b/tomes.json
index 913efa4..dc60657 100644
--- a/tomes.json
+++ b/tomes.json
@@ -9,6 +9,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defmobs": 3,
       "thorns": 6,
       "ref": 6,
       "hpBonus": 120,
@@ -23,6 +24,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "thorns": 8,
       "ref": 8,
       "fixID": false,
@@ -36,6 +38,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defMobs": 3,
       "exploding": 5,
       "mdPct": 5,
       "hpBonus": 120,
@@ -50,6 +53,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "thorns": 6,
       "reflection": 6,
       "fixID": false,
@@ -63,6 +67,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defMobs": 3,
       "sdPct": 5,
       "hpBonus": 120,
       "fixID": false,
@@ -76,6 +81,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "sdPct": 6,
       "fixID": false,
       "id": 5
@@ -88,6 +94,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defMobs": 3,
       "hprRaw": 15,
       "hpBonus": 120,
       "fixID": false,
@@ -101,6 +108,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "hprRaw": 60,
       "fixID": false,
       "id": 7
@@ -113,6 +121,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defMobs": 3,
       "ls": 25,
       "hpBonus": 120,
       "fixID": false,
@@ -126,6 +135,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "ls": 85,
       "fixID": false,
       "id": 9
@@ -138,6 +148,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defMobs": 3,
       "lb": 5,
       "hpBonus": 120,
       "fixID": false,
@@ -151,6 +162,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "lb": 6,
       "fixID": false,
       "id": 11
@@ -163,6 +175,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
+      "defMobs": 3,
       "spd": 5,
       "hpBonus": 120,
       "fixID": false,
@@ -176,6 +189,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 5,
       "spd": 6,
       "fixID": false,
       "id": 13
@@ -188,6 +202,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 8,
       "eDefPct": 10,
       "hpBonus": 150,
       "fixID": false,
@@ -201,6 +216,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 8,
       "tDefPct": 10,
       "hpBonus": 150,
       "fixID": false,
@@ -214,6 +230,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 8,
       "wDefPct": 10,
       "hpBonus": 150,
       "fixID": false,
@@ -227,6 +244,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 8,
       "fDefPct": 10,
       "hpBonus": 150,
       "fixID": false,
@@ -240,6 +258,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 8,
       "aDefPct": 10,
       "hpBonus": 150,
       "fixID": false,
@@ -253,6 +272,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 100,
+      "defMobs": 8,
       "eDefPct": 6,
       "tDefPct": 6,
       "wDefPct": 6,
@@ -270,7 +290,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 60,
-      "dmgMobs": 6,
+      "damMobs": 6,
       "fixID": false,
       "id": 20
     },
@@ -282,7 +302,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 7,
+      "damMobs": 7,
       "str": 3,
       "fixID": false,
       "id": 21
@@ -295,7 +315,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 8,
+      "damMobs": 8,
       "str": 3,
       "fixID": false,
       "id": 22
@@ -308,7 +328,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 7,
+      "damMobs": 7,
       "dex": 3,
       "fixID": false,
       "id": 23
@@ -321,7 +341,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 8,
+      "damMobs": 8,
       "dex": 3,
       "fixID": false,
       "id": 24
@@ -334,7 +354,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 7,
+      "damMobs": 7,
       "int": 3,
       "fixID": false,
       "id": 25
@@ -347,7 +367,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 8,
+      "damMobs": 8,
       "int": 3,
       "fixID": false,
       "id": 26
@@ -360,7 +380,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 7,
+      "damMobs": 7,
       "def": 3,
       "fixID": false,
       "id": 27
@@ -373,7 +393,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 8,
+      "damMobs": 8,
       "def": 3,
       "fixID": false,
       "id": 28
@@ -386,7 +406,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 7,
+      "damMobs": 7,
       "agi": 3,
       "fixID": false,
       "id": 29
@@ -399,7 +419,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 8,
+      "damMobs": 8,
       "agi": 3,
       "fixID": false,
       "id": 30
@@ -412,7 +432,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 7,
+      "damMobs": 7,
       "str": 1,
       "dex": 1,
       "int": 1,
@@ -429,7 +449,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 8,
+      "damMobs": 8,
       "str": 1,
       "dex": 1,
       "int": 1,
@@ -446,7 +466,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 12,
+      "damMobs": 12,
       "eDamPct": 7,
       "fixID": false,
       "id": 33
@@ -459,7 +479,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 12,
+      "damMobs": 12,
       "tDamPct": 7,
       "fixID": false,
       "id": 34
@@ -472,7 +492,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 12,
+      "damMobs": 12,
       "wDamPct": 7,
       "fixID": false,
       "id": 35
@@ -485,7 +505,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 12,
+      "damMobs": 12,
       "fDamPct": 7,
       "fixID": false,
       "id": 36
@@ -498,7 +518,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 12,
+      "damMobs": 12,
       "aDamPct": 7,
       "fixID": false,
       "id": 37
@@ -511,7 +531,7 @@
       "drop": "never",
       "restrict": "Soulbound Item",
       "lvl": 80,
-      "dmgMobs": 12,
+      "damMobs": 12,
       "eDamPct": 6,
       "tDamPct": 6,
       "wDamPct": 6,
