v1.1 Beta 3

index.html

@@ -15,18 +15,14 @@
 	<div id="app">
 		<div class="vl" v-if="player.tab!='tree'&&player.tab!='gameEnded'"></div>
 		<div v-if="player.tab=='gameEnded'" class="fullWidth">
-			<h2>Prestige Tree</h2>
-			<br>
-			<h3>Version 1.1: The Life Update</h3>
-			<br><br>
-			<h2>Thank you for playing this game!</h2><br><br>
+			<h2>Thank you for playing Prestige Tree v{{player.version}}!</h2><br>
 			<h4>It took you {{formatTime(player.timePlayed)}}</h4><br><br><br><br><br>
 			If you would like to speedrun this, play again from the beginning and record the whole thing as fast as possible, then submit in <span class="link" onclick="window.open('https://discord.gg/wwQfgPa','mywindow')" target="_blank">my discord</span><br><br><br><br><br>
 			<button class="longUpg can" onclick="hardReset(true)">Play Again</button>&nbsp;&nbsp;&nbsp;&nbsp;<button class="longUpg can" onclick="keepGoing()">Keep Going</button>
 		</div>
 		<div v-if="player.tab=='changelog'" class="col right">
-			<button class="back" onclick="showTab('info')">←</button><br>
-			<h3>Version 1.1: The Life Update</h3>
+			<button class="back" onclick="showTab('tree')">←</button><br>
+			<h3>v1.1: The Life Update</h3>
 			<ul>
 				<li>???</li>
 			</ul><br>
@@ -309,7 +305,7 @@
 			<button class="back" onclick="showTab('tree')">←</button><br>
 			<h2>Prestige Tree</h2>
 			<br>
-			<h3>Version 1.1: The Life Update</h3>
+			<h3>v1.1: The Life Update</h3>
 			<br>
 			Made by Jacorb and Aarex
 			<br>
@@ -323,27 +319,29 @@
 			<br><br>
 			Time Played: {{ formatTime(player.timePlayed) }}<br><br>
 			<h3>Hotkeys</h3><br>
-			P: Prestige reset<br>
-			<span v-if="player.b.unl">B: Booster reset</span><br>
-			<span v-if="player.g.unl">G: Generator reset</span><br>
-			<span v-if="player.t.unl">T: Time reset</span><br>
-			<span v-if="player.e.unl">E: Enhance reset</span><br>
-			<span v-if="player.s.unl">S: Space reset</span><br>
-			<span v-if="player.sb.unl">Shift+B: Super-Booster reset</span><br>
-			<span v-if="player.sg.unl">Shift+G: Super-Generator reset</span><br>
-			<span v-if="player.h.unl">H: Hindrance reset</span><br>
-			<span v-if="player.q.unl">Q: Quirk reset</span><br>
-			<span v-if="player.hb.unl">Ctrl+B: Hyper-Booster reset</span><br>
-			<span v-if="player.ss.unl">Shift+S: Subspace reset</span><br>
+			<span v-if="player.p.unl"><br>P: Prestige reset</span>
+			<span v-if="player.b.unl"><br>B: Booster reset</span>
+			<span v-if="player.g.unl"><br>G: Generator reset</span>
+			<span v-if="player.t.unl"><br>T: Time reset</span>
+			<span v-if="player.e.unl"><br>E: Enhance reset</span>
+			<span v-if="player.s.unl"><br>S: Space reset</span>
+			<span v-if="player.sb.unl"><br>Shift+B: Super-Booster reset</span>
+			<span v-if="player.sg.unl"><br>Shift+G: Super-Generator reset</span>
+			<span v-if="player.h.unl"><br>H: Hindrance reset</span>
+			<span v-if="player.q.unl"><br>Q: Quirk reset</span>
+			<span v-if="player.hb.unl"><br>Ctrl+B: Hyper-Booster reset</span>
+			<span v-if="player.ss.unl"><br>Shift+S: Subspace reset</span>
+			<span v-if="player.m.unl"><br>M: Magic reset</span>
+			<span v-if="player.ba.unl"><br>A: Balance reset</span>
+			<span v-if="player.ps.unl"><br>Ctrl+P: Phantom Soul reset</span>
+			<span v-if="player.sp.unl"><br>Shift+P: Super-Prestige reset</span>
+			<span v-if="player.l.unl"><br>L: Life Essence reset</span>
+			<span v-if="player.hs.unl"><br>Ctrl+S: Hyperspace reset</span>
+			<span v-if="player.i.unl"><br>I: Imperium Brick reset</span>
 			<span v-if="player.m.unl">
-				M: Magic reset<br>
-				1: Cast spell 1<br>
-				2: Cast spell 2<br>
-				3: Cast spell 3<br>
-				<span v-if="player.sp.upgrades.includes(13)">4: Cast spell 4<br></span>
+				<br>
+				<span v-for="i in tmp.spellsUnl"><br>{{i}}: Cast spell {{i}}</span>
 			</span>
-			<span v-if="player.ba.unl">A: Balance reset</span><br>
-			<span v-if="player.sp.unl">Shift+P: Super-Prestige reset</span><br>
 		</div>
 		<div v-if="player.tab=='options'" class="col right">
 			<button class="back" onclick="showTab('tree')">←</button><br>
@@ -364,72 +362,78 @@
 				</tr>
 			</table>
 		</div>
-		<div id="treeTab" v-if="player.tab!='gameEnded'" onscroll="resizeCanvas()" class="fullWidth">
+		<div id="treeTab" v-if="player.tab!='gameEnded'" onscroll="resizeCanvas()" v-bind:class="{ fullWidth: player.tab == 'tree', col: player.tab != 'tree', left: player.tab != 'tree'}">
+			<div id="version" v-if="player.tab!='changelog'" onclick="showTab('changelog')">v{{player.version}}</div>
 			<img id="optionWheel" v-if="player.tab!='options'" src="options_wheel.png" onclick="showTab('options')"></img>
 			<div id="info" v-if="player.tab!='info'" onclick="showTab('info')"><br>i</div>
 			<span v-if="offTime.remain>0">
 				<br>Offline Time: {{formatTime(offTime.remain)}} ({{format(offTime.speed)}}x speed)<br>
 			</span>
-			<br>You have <h2 id="points">{{format(player.points)}}</h2> Points
+			<br>
+			<span v-if="player.points.lt('1e1000')">You have </span>
+			<h2 id="points">{{format(player.points)}}</h2>
+			<span v-if="player.points.lt('1e1e6')"> points</span>
 			<br><br><br><br><br>
 			<table>
-				<td id="p"><button onclick="showTab('p')" v-bind:tooltip="(player.points.gte(tmp.layerReqs.p)||player.p.unl) ? (formatWhole(player.p.points)+' prestige points') : ('Reach '+format(tmp.layerReqs.p)+' points to unlock')" v-bind:class="{ treeNode: true, p: true, locked: (player.points.lt(tmp.layerReqs.p)&&!player.p.unl), notify: player.notify.p, can: (player.points.gte(tmp.layerReqs.p)||player.p.unl) }">P</button></td>
+				<td><layer-node layer='p' abb='P'></layer-node></td>
 			</table><table>
 				<td><button class="treeNode hidden"></button></td>
 			</table><table>
 				<td v-if="player.tab=='tree'&&(player.b.unl||player.g.unl)" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(1)"></img></td>
-				<td id="b" v-if="layerUnl('b')"><button onclick="showTab('b')" v-bind:tooltip="((player.points.gte(tmp.layerReqs.b)||player.b.unl)&&layerUnl('b')) ? (formatWhole(player.b.points)+' boosters') : ('Reach '+format(tmp.layerReqs.b)+' points to unlock')" v-bind:class="{ treeNode: true, b: true, locked: (player.points.lt(tmp.layerReqs.b)&&!player.b.unl), notify: player.notify.b, can: (player.points.gte(tmp.layerReqs.b)||player.b.unl) }">B</button></td>
-				<td id="g" v-if="layerUnl('g')"><button onclick="showTab('g')" v-bind:tooltip="((player.points.gte(tmp.layerReqs.g)||player.g.unl)&&layerUnl('g')) ? (formatWhole(player.g.points)+' generators') : ('Reach '+format(tmp.layerReqs.g)+' points to unlock')" v-bind:class="{ treeNode: true, g: true, locked: (player.points.lt(tmp.layerReqs.g)&&!player.g.unl), notify: player.notify.g, can: (player.points.gte(tmp.layerReqs.g)||player.g.unl) }">G</button></td>
+				<td><layer-node layer='b' abb='B'></layer-node></td>
+				<td><layer-node layer='g' abb='G'></layer-node></td>
 			</table><table>
 				<td><button class="treeNode hidden"></button></td>
 			</table><table>
 				<td v-if="player.tab=='tree'&&(player.e.unl||player.t.unl||player.s.unl)" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(2)"></img></td>
-				<td id="sb" v-if="layerUnl('sb')"><button onclick="showTab('sb')" v-bind:tooltip="((player.b.points.gte(tmp.layerReqs.sb)||player.sb.unl)&&layerUnl('sb')) ? (formatWhole(player.sb.points)+' super-boosters') : ('Reach '+formatWhole(tmp.layerReqs.sb)+' boosters to unlock')" v-bind:class="{ treeNode: true, sb: true, locked: (player.b.points.lt(tmp.layerReqs.sb)&&!player.sb.unl), notify: player.notify.sb, can: (player.b.points.gte(tmp.layerReqs.sb)||player.sb.unl) }">SB</button></td>
-				<td id="t" v-if="layerUnl('t')"><button onclick="showTab('t')" v-bind:tooltip="((player.points.gte(tmp.layerReqs.t)||player.t.unl)&&layerUnl('t')) ? (formatWhole(player.t.points)+' time capsules') : ('Reach '+format(tmp.layerReqs.t)+' points to unlock')" v-bind:class="{ treeNode: true, t: true, locked: (player.points.lt(tmp.layerReqs.t)&&!player.t.unl), notify: player.notify.t, can: (player.points.gte(tmp.layerReqs.t)||player.t.unl) }">T</button></td>
-				<td id="e" v-if="layerUnl('e')"><button onclick="showTab('e')" v-bind:tooltip="((player.points.gte(tmp.layerReqs.e)||player.e.unl)&&layerUnl('e')) ? (formatWhole(player.e.points)+' enhance points') : ('Reach '+format(tmp.layerReqs.e)+' points to unlock')" v-bind:class="{ treeNode: true, e: true, locked: (player.points.lt(tmp.layerReqs.e)&&!player.e.unl), notify: player.notify.e, can: (player.points.gte(tmp.layerReqs.e)||player.e.unl) }">E</button></td>
-				<td id="s" v-if="layerUnl('s')"><button onclick="showTab('s')" v-bind:tooltip="((player.points.gte(tmp.layerReqs.s)||player.s.unl)&&layerUnl('s')) ? (formatWhole(player.s.points)+' space energy') : ('Reach '+format(tmp.layerReqs.s)+' points to unlock')" v-bind:class="{ treeNode: true, s: true, locked: (player.points.lt(tmp.layerReqs.s)&&!player.s.unl), notify: player.notify.s, can: (player.points.gte(tmp.layerReqs.s)||player.s.unl) }">S</button></td>
-				<td id="sg" v-if="layerUnl('sg')"><button onclick="showTab('sg')" v-bind:tooltip="((player.g.points.gte(tmp.layerReqs.sg)||player.sg.unl)&&layerUnl('sg')) ? (formatWhole(player.sg.points)+' super-generators') : ('Reach '+formatWhole(tmp.layerReqs.sg)+' generators to unlock')" v-bind:class="{ treeNode: true, sg: true, locked: (player.g.points.lt(tmp.layerReqs.sg)&&!player.sg.unl), notify: player.notify.sg, can: (player.g.points.gte(tmp.layerReqs.sg)||player.sg.unl) }">SG</button></td>
+				<td><layer-node layer='sb' abb='SB'></layer-node></td>
+				<td><layer-node layer='t' abb='T'></layer-node></td>
+				<td><layer-node layer='e' abb='E'></layer-node></td>
+				<td><layer-node layer='s' abb='S'></layer-node></td>
+				<td><layer-node layer='sg' abb='SG'></layer-node></td>
 			</table><table>
 				<td><button class="treeNode hidden"></button></td>
 			</table><table>
 				<td v-if="player.tab=='tree'&&(player.h.unl||player.q.unl)" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(3)"></img></td>
-				<td id="hb" v-if="layerUnl('hb')"><button onclick="showTab('hb')" v-bind:tooltip="((player.sb.points.gte(tmp.layerReqs.hb)||player.hb.unl)&&layerUnl('hb')) ? (formatWhole(player.hb.points)+' hyper-boosters') : ('Reach '+formatWhole(tmp.layerReqs.hb)+' super-boosters to unlock')" v-bind:class="{ treeNode: true, hb: true, locked: (player.sb.points.lt(tmp.layerReqs.hb)&&!player.hb.unl), notify: player.notify.hb, can: (player.sb.points.gte(tmp.layerReqs.hb)||player.hb.unl) }">HB</button></td>
-				<td id="h" v-if="layerUnl('h')"><button onclick="showTab('h')" v-bind:tooltip="((player.t.energy.gte(tmp.layerReqs.h)||player.h.unl)&&layerUnl('h')) ? (formatWhole(player.h.points)+' hindrance spirit') : ('Reach '+format(tmp.layerReqs.h)+' time energy to unlock')" v-bind:class="{ treeNode: true, h: true, locked: (player.t.energy.lt(tmp.layerReqs.h)&&!player.h.unl), notify: player.notify.h || (player.h.active != 0 && player.points.gte(H_CHALLS[player.h.active].goal)), can: (player.t.energy.gte(tmp.layerReqs.h)||player.h.unl) }">H</button></td>
-				<td id="q" v-if="layerUnl('q')"><button onclick="showTab('q')" v-bind:tooltip="((player.g.power.gte(tmp.layerReqs.q)||player.q.unl)&&layerUnl('q')) ? (formatWhole(player.q.points)+' quirks') : ('Reach '+format(tmp.layerReqs.q)+' generator power to unlock')" v-bind:class="{ treeNode: true, q: true, locked: (player.g.power.lt(tmp.layerReqs.q)&&!player.q.unl), notify: player.notify.q, can: (player.g.power.gte(tmp.layerReqs.q)||player.q.unl) }">Q</button></td>
-				<td id="ss" v-if="layerUnl('ss')"><button onclick="showTab('ss')" v-bind:tooltip="((player.s.points.gte(tmp.layerReqs.ss)||player.ss.unl)&&layerUnl('ss')) ? (formatWhole(player.ss.points)+' subspace energy') : ('Reach '+format(tmp.layerReqs.ss)+' space energy to unlock')" v-bind:class="{ treeNode: true, ss: true, locked: (player.s.points.lt(tmp.layerReqs.ss)&&!player.ss.unl), notify: player.notify.ss, can: (player.s.points.gte(tmp.layerReqs.ss)||player.ss.unl) }">SS</button></td>
-				<td id="hg" v-if="layerUnl('hg')"><button class="treeNode hg">HG</button></td>
+				<td v-if="player.tab=='tree'&&(player.e.unl||player.t.unl||player.s.unl)" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(2)"></img></td>
+				<td><layer-node layer='hb' abb='HB'></layer-node></td>
+				<td><layer-node layer='h' abb='H'></layer-node></td>
+				<td><layer-node layer='q' abb='Q'></layer-node></td>
+				<td><layer-node layer='ss' abb='SS'></layer-node></td>
+				<td><layer-node layer='hg' abb='HG'></layer-node></td>
 			</table><table>
 				<td><button class="treeNode hidden"></button></td>
 			</table><table>
 				<td v-if="player.tab=='tree'&&(player.m.unl||player.ba.unl)" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(4)"></img></td>
-				<td id="m" v-if="layerUnl('m')"><button onclick="showTab('m')" v-bind:tooltip="((player.h.points.gte(tmp.layerReqs.m)||player.m.unl)&&layerUnl('m')) ? (formatWhole(player.m.points)+' magic') : ('Reach '+format(tmp.layerReqs.m)+' hindrance spirit to unlock')" v-bind:class="{ treeNode: true, m: true, locked: (player.h.points.lt(tmp.layerReqs.m)&&!player.m.unl), notify: player.notify.m, can: (player.h.points.gte(tmp.layerReqs.m)||player.m.unl) }">M</button></td>
-				<td id="ps" v-if="layerUnl('ps')"><button class="treeNode ps">PS</button></td>
-				<td id="ba" v-if="layerUnl('ba')"><button onclick="showTab('ba')" v-bind:tooltip="((player.q.points.gte(tmp.layerReqs.ba)||player.ba.unl)&&layerUnl('ba')) ? (formatWhole(player.ba.points)+' balance energy') : ('Reach '+format(tmp.layerReqs.ba)+' quirks to unlock')" v-bind:class="{ treeNode: true, ba: true, locked: (player.q.points.lt(tmp.layerReqs.ba)&&!player.ba.unl), notify: player.notify.ba, can: (player.q.points.gte(tmp.layerReqs.ba)||player.ba.unl) }">BA</button></td>
+				<td><layer-node layer='m' abb='M'></layer-node></td>
+				<td><layer-node layer='ps' abb='PS'></layer-node></td>
+				<td><layer-node layer='ba' abb='BA'></layer-node></td>
 			</table><table>
 				<td><button class="treeNode hidden"></button></td>
 			</table><table>
 				<td v-if="player.tab=='tree'&&player.sp.unl" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(5)"></img></td>
-				<td id="l" v-if="layerUnl('l')"><button onclick="showTab('l')" v-bind:tooltip="(player.m.points.gte(tmp.layerReqs.l)||player.l.unl) ? (formatWhole(player.l.points)+' life essence') : ('Reach '+format(tmp.layerReqs.l)+' magic to unlock')" v-bind:class="{ treeNode: true, l: true, locked: (player.m.points.lt(tmp.layerReqs.l)&&!player.l.unl), can: (player.m.points.gte(tmp.layerReqs.l)||player.l.unl) }">L</button></td>
-				<td id="sp" v-if="layerUnl('sp')"><button onclick="showTab('sp')" v-bind:tooltip="(player.p.points.gte(tmp.layerReqs.sp)||player.sp.unl) ? (formatWhole(player.sp.points)+' super-prestige points') : ('Reach '+format(tmp.layerReqs.sp)+' prestige points to unlock')" v-bind:class="{ treeNode: true, sp: true, locked: (player.p.points.lt(tmp.layerReqs.sp)&&!player.sp.unl), can: (player.p.points.gte(tmp.layerReqs.sp)||player.sp.unl) }">SP</button></td>
-				<td id="hs" v-if="layerUnl('hs')"><button onclick="showTab('hs')" v-bind:tooltip="(player.s.points.gte(tmp.layerReqs.hs)||player.hs.unl) ? (formatWhole(player.hs.points)+' hyperspace') : ('Reach '+format(tmp.layerReqs.hs)+' space energy to unlock')" v-bind:class="{ treeNode: true, hs: true, locked: (player.s.points.lt(tmp.layerReqs.hs)&&!player.hs.unl), can: (player.s.points.gte(tmp.layerReqs.hs)||player.hs.unl) }">HS</button></td>
-				<td id="i" v-if="layerUnl('ps')||layerUnl('i')"><button v-bind:class="{treeNode: true, i: true, hidden: !layerUnl('i')}">I</button></td>
+				<td><layer-node layer='l' abb='L'></layer-node></td>
+				<td><layer-node layer='sp' abb='SP'></layer-node></td>
+				<td><layer-node layer='hs' abb='HS'></layer-node></td>
+				<td><layer-node layer='i' abb='I'></layer-node></td>
 			</table><table>
 				<td><button class="treeNode hidden"></button></td>
 			</table><table>
-				<td v-if="player.tab=='tree'&&layerUnl('tm')" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(6)"></img></td>
-				<td id="mb" v-if="layerUnl('mb')"><button class="treeNode mb">MB</button></td>
-				<td id="ge" v-if="layerUnl('ge')"><button class="treeNode ge">Ge</button></td>
-				<td id="ma" v-if="layerUnl('ma')"><button class="treeNode tm">Ma</button></td>
+				<td v-if="player.tab=='tree'&&layerShown('tm')" class="left"><br><br><img class="remove" src="remove.png" onclick="resetRow(6)"></img></td>
+				<td><layer-node layer='mb' abb='MB'></layer-node></td>
+				<td><layer-node layer='ge' abb='Ge'></layer-node></td>
+				<td><layer-node layer='ma' abb='Ma'></layer-node></td>
 			</table>
 			<canvas id="treeCanvas" class="canvas"></canvas>
 		</div>
 		<div v-for="layer in LAYERS">
 			<div v-if="player.tab==layer" class="col right">
 				<button class="back" onclick="showTab('tree')">←</button><br><br><br>
-				You have <h2 v-bind:class="{ [layer+'_txt']: true }">{{formatWhole(player[layer].points)}}</h2> {{LAYER_RES[layer]}}<span v-if="Object.keys(LAYER_EFFS).includes(layer)">, {{getLayerEffDesc(layer)}}</span>
+				<span v-if="player[layer].points.lt('1e1000')">You have </span><h2 v-bind:class="{ [layer+'_txt']: true }">{{formatWhole(player[layer].points)}}</h2> {{LAYER_RES[layer]}}<span v-if="Object.keys(LAYER_EFFS).includes(layer)">, {{getLayerEffDesc(layer)}}</span>
 				<br><br>
-				<button v-if="LAYER_TYPE[layer]=='normal'" v-bind:class="{ [layer]: true, reset: true, locked: tmp.layerAmt[layer].lt(tmp.layerReqs[layer]), can: tmp.layerAmt[layer].gte(tmp.layerReqs[layer]) }" v-on:click="doReset(layer)">Reset for +<b>{{formatWhole(tmp.resetGain[layer])}}</b> {{LAYER_RES[layer]}}<br>Next at {{ (LAYER_RES_CEIL.includes(layer) ? formatWhole(tmp.nextAt[layer]) : format(tmp.nextAt[layer])) }} {{ LAYER_AMT_NAMES[layer] }}</button>
-				<button v-if="LAYER_TYPE[layer]=='static'" v-bind:class="{ [layer]: true, reset: true, locked: tmp.layerAmt[layer].lt(tmp.nextAt[layer]), can: tmp.layerAmt[layer].gte(tmp.nextAt[layer]) }" v-on:click="doReset(layer)">Reset for +<b>{{formatWhole(tmp.resetGain[layer])}}</b> {{LAYER_RES[layer]}}<br>Req: {{(LAYER_RES_CEIL.includes(layer) ? formatWhole(tmp.nextAt[layer]) : format(tmp.nextAt[layer]))}} {{ LAYER_AMT_NAMES[layer] }}</button>
+				<button v-if="LAYER_TYPE[layer]=='normal'" v-bind:class="{ [layer]: true, reset: true, locked: tmp.layerAmt[layer].lt(tmp.layerReqs[layer]), can: tmp.layerAmt[layer].gte(tmp.layerReqs[layer]) }" v-on:click="doReset(layer)"><span v-if="player[layer].points.lt(1e3)">Reset for </span>+<b>{{formatWhole(tmp.resetGain[layer])}}</b> {{LAYER_RES[layer]}}<span v-if="tmp.resetGain[layer].lt(100) && player[layer].points.lt(1e3)"><br><br>Next at {{ (LAYER_RES_CEIL.includes(layer) ? formatWhole(tmp.nextAt[layer]) : format(tmp.nextAt[layer])) }} {{ LAYER_AMT_NAMES[layer] }}</span></button>
+				<button v-if="LAYER_TYPE[layer]=='static'" v-bind:class="{ [layer]: true, reset: true, locked: tmp.layerAmt[layer].lt(tmp.nextAt[layer]), can: tmp.layerAmt[layer].gte(tmp.nextAt[layer]) }" v-on:click="doReset(layer)"><span v-if="player[layer].points.lt(10)">Reset for </span>+<b>{{formatWhole(tmp.resetGain[layer])}}</b> {{LAYER_RES[layer]}}<br><br><span v-if="player[layer].points.lt(10)">Req: {{formatWhole(tmp.layerAmt[layer])}} / </span>{{(LAYER_RES_CEIL.includes(layer) ? formatWhole(tmp.nextAt[layer]) : format(tmp.nextAt[layer]))}} {{ LAYER_AMT_NAMES[layer] }}</button>
+				<span v-if="LAYER_TYPE[layer]=='normal' && tmp.resetGain[layer].lt(100) && player[layer].points.lt(1e3)"><br>You have {{formatWhole(tmp.layerAmt[layer])}} {{LAYER_AMT_NAMES[layer]}}</span>
 				<br><br>
 				<span v-if="layer!='p'">Your best {{LAYER_RES[layer]}} is {{formatWhole(player[layer].best)}}<br></span>
 				<span v-if="player[layer].total">You have made a total of {{formatWhole(player[layer].total)}} {{LAYER_RES[layer]}}<br></span>
@@ -545,7 +549,7 @@
 						<div v-for="id in tmp.spellsUnl">
 							<button v-bind:class="{ upg: true, bought: spellActive(id), can: ((player.m.points.gte(player.m.toCast[id]))&&player.m.unl&&!spellActive(id)), locked: (!(player.m.points.gte(player.m.toCast[id])||spellActive(id))), m: true }" v-on:click="activateSpell(id)"><h3>{{SPELL_NAMES[id]}}</h3><br>{{getSpellDesc(id)}}<br><br>Time: {{formatTime(player.m.spellTimes[id])}}</button><br><br>
 							<div v-if="player.m.upgrades.includes(41)">
-								<input v-model="player.m.toCast[id]" v-on:change="updateToCast(id)"></input><br><br>
+								<input v-model="player.m.toCast[id]" v-on:focus="focused(true)" v-on:blur="focused(false)" v-on:change="updateToCast(id)"></input><br><br>
 							</div>
 						</div>
 					</div>
@@ -562,6 +566,12 @@
 					You have {{format(player.ba.power)}} Balance Power, which is multiplying Hindrance Spirit & Quirk gain by {{format(tmp.balEff)}}<br>
 					You have {{format(player.ba.positivity)}} Positivity and {{format(player.ba.negativity)}} Negativity, which are multiplying Balance Power gain by {{format(tmp.balEff2)}}
 				</div>
+				<div v-if="layer=='ps'">
+					<table>
+						<tr v-if="milestoneShown(player.ps.best.gte(5), true)"><td v-bind:class="{ milestone: player.ps.best.lt(5), milestoneDone: player.ps.best.gte(5) }"><h3>5 Phantom Souls</h3><br>You can buy max Phantom Souls, and automatically purchase Phantom Souls&nbsp;&nbsp;&nbsp;<button v-if="player.ps.best.gte(5)" class="smallUpg can ps" onclick="toggleAuto('ps')">{{player.ps.auto?"ON":"OFF"}}</button></td></tr>
+						<tr v-if="milestoneShown(player.ps.best.gte(10))"><td v-bind:class="{ milestone: player.ps.best.lt(10), milestoneDone: player.ps.best.gte(10) }"><h3>10 Phantom Souls</h3><br>Phantom Souls reset nothing</td></tr>
+					</table><br><br>
+				</div>
 				<div v-if="layer=='sp'">
 					<table>
 						<tr v-if="milestoneShown(player.sp.total.gte(1))"><td v-bind:class="{ milestone: player.sp.total.lt(1), milestoneDone: player.sp.total.gte(1) }"><h3>1 total Super-Prestige Point</h3><br>Upgrades of Rows 1-5 and Hindrances are kept on all resets</td></tr>
@@ -570,6 +580,16 @@
 						<tr v-if="milestoneShown(player.sp.total.gte(10))"><td v-bind:class="{ milestone: player.sp.total.lt(10), milestoneDone: player.sp.total.gte(10) }"><h3>10 total Super-Prestige Points</h3><br>Gain 100% of Magic & Balance Power gain every second</td></tr>
 					</table>
 				</div>
+				<div v-if="layer=='l'">
+					<br><br>
+					You have {{format(player.l.power)}} Life Power, which is translating to:
+					<div class="upgRow">
+						<div v-for="i in tmp.l.lbUnl">
+							<button v-bind:class="{ upgBig: true, l: true }"><h3>Life Booster {{i}}</h3><br>{{LIFE_BOOSTERS[i].effDesc(tmp.l.lbEff[i])}}<br><br>Boosters: {{formatWhole(tmp.l.lb[i])}}<br>Next at: {{formatWhole(LIFE_BOOSTERS.req(i))}} Phantom Souls</button>
+						</div>
+					</div>
+					You have {{formatWhole(player.ps.points)}} Phantom Souls
+				</div>
 				<br><br>
 				<div class="upgTable">
 					<div v-for="row in LAYER_UPGS[layer].rows" class="upgRow">

js/canvas.js

@@ -31,66 +31,66 @@ var colors = {
 function drawTree() {
 	if (!retrieveCanvasData()) return;
 	ctx.clearRect(0, 0, canvas.width, canvas.height);
-	if (layerUnl('b')) drawTreeBranch("p", "b")
-	if (layerUnl('g')) drawTreeBranch("p", "g")
-	if (layerUnl('e')) {
+	if (layerShown('b')) drawTreeBranch("p", "b")
+	if (layerShown('g')) drawTreeBranch("p", "g")
+	if (layerShown('e')) {
 		drawTreeBranch("b", "e")
 		drawTreeBranch("g", "e")
 	}
-	if (layerUnl('t')) drawTreeBranch("b", "t")
-	if (layerUnl('sb')) drawTreeBranch("b", "sb")
-	if (layerUnl('sg')) drawTreeBranch("g", "sg")
-	if (layerUnl('s')) drawTreeBranch("g", "s")
-	if (layerUnl('h')) drawTreeBranch("t", "h")
-	if (layerUnl('q')) drawTreeBranch("e", "q")
-	if (layerUnl('hb')) {
+	if (layerShown('t')) drawTreeBranch("b", "t")
+	if (layerShown('sb')) drawTreeBranch("b", "sb")
+	if (layerShown('sg')) drawTreeBranch("g", "sg")
+	if (layerShown('s')) drawTreeBranch("g", "s")
+	if (layerShown('h')) drawTreeBranch("t", "h")
+	if (layerShown('q')) drawTreeBranch("e", "q")
+	if (layerShown('hb')) {
 		drawTreeBranch("sb", "hb")
 		drawTreeBranch("t", "hb")
 	}
-	if (layerUnl('ss')) {
+	if (layerShown('ss')) {
 		drawTreeBranch("e", "ss")
 		drawTreeBranch("s", "ss")
 	}
-	if (layerUnl('hg')) {
+	if (layerShown('hg')) {
 		drawTreeBranch("sg", "hg")
 	}
-	if (layerUnl('m')) {
+	if (layerShown('m')) {
 		drawTreeBranch("hb", "m")
 		drawTreeBranch("h", "m")
 		drawTreeBranch("q", "m")
 	}
-	if (layerUnl('ba')) {
+	if (layerShown('ba')) {
 		drawTreeBranch("h", "ba", 2)
 		drawTreeBranch("q", "ba")
 		drawTreeBranch("ss", "ba")
 	}
-	if (layerUnl('sp')) {
+	if (layerShown('sp')) {
 		drawTreeBranch("m", "sp")
 		drawTreeBranch("ba", "sp")
 	}
-	if (layerUnl('l')) {
+	if (layerShown('l')) {
 		drawTreeBranch("hb", "l")
 		drawTreeBranch("m", "l")
 	}
-	if (layerUnl('ps')) {
+	if (layerShown('ps')) {
 		drawTreeBranch("h", "ps", 3)
 		drawTreeBranch("q", "ps", 3)
 	}
-	if (layerUnl('hs')) {
+	if (layerShown('hs')) {
 		drawTreeBranch("ss", "hs")
 		drawTreeBranch("ba", "hs")
 	}
-	if (layerUnl('i')) {
+	if (layerShown('i')) {
 		drawTreeBranch("ss", "i")
 	}
-	if (layerUnl('mb')) {
+	if (layerShown('mb')) {
 		drawTreeBranch("l", "mb")
 		drawTreeBranch("ps", "mb", 2)
 	}
-	if (layerUnl('ge')) {
+	if (layerShown('ge')) {
 		drawTreeBranch("sp", "ge")
 	}
-	if (layerUnl('ma')) {
+	if (layerShown('ma')) {
 		drawTreeBranch("hs", "ma")
 		drawTreeBranch("i", "ma")
 	}

js/game.js

@@ -169,6 +169,12 @@ function getStartPlayer() {
 			negativity: new Decimal(0),
 			upgrades: [],
 		},
+		ps: {
+			unl: false,
+			points: new Decimal(0),
+			best: new Decimal(0),
+			upgrades: [],
+		},
 		sp: {
 			unl: false,
 			points: new Decimal(0),
@@ -193,10 +199,19 @@ function getStartPlayer() {
 			upgrades: [],
 			hyperUpgrades: {},
 		},
+		i: {
+			unl: false,
+			points: new Decimal(0),
+			best: new Decimal(0),
+			upgrades: [],
+			lifeBricks: new Decimal(0),
+			progress: 0,
+			extraBuildings: new Decimal(0)
+		},
 	}
 }
 
-const LAYERS = ["p", "b", "g", "e", "t", "s", "sb", "sg", "h", "q", "hb", "ss", "m", "ba", "sp", "l", "hs"]
+const LAYERS = ["p", "b", "g", "e", "t", "s", "sb", "sg", "h", "q", "hb", "ss", "m", "ba", "ps", "sp", "l", "hs", "i"]
 
 const LAYER_REQS = {
 	p: new Decimal(10),
@@ -213,9 +228,11 @@ const LAYER_REQS = {
 	ss: new Decimal(36),
 	m: new Decimal(2e78),
 	ba: new Decimal(5e129),
+	ps: new Decimal("1e5100"),
 	sp: new Decimal("1e8500000"),
-	l: new Decimal(1e230),
+	l: new Decimal(1e195),
 	hs: new Decimal(725),
+	i: new Decimal("1e1000"),
 }
 
 const LAYER_RES = {
@@ -233,12 +250,14 @@ const LAYER_RES = {
 	ss: "subspace energy",
 	m: "magic",
 	ba: "balance energy",
+	ps: "phantom souls",
 	sp: "super-prestige points",
 	l: "life essence",
 	hs: "hyperspace",
+	i: "imperium bricks",
 }
 
-const LAYER_RES_CEIL = ["sb", "sg", "hb", "ss"]
+const LAYER_RES_CEIL = ["sb", "sg", "hb", "ss", "hs"]
 
 const LAYER_TYPE = {
 	p: "normal",
@@ -255,9 +274,11 @@ const LAYER_TYPE = {
 	ss: "static",
 	m: "normal",
 	ba: "normal",
+	ps: "static",
 	sp: "normal",
 	l: "normal",
 	hs: "normal",
+	i: "static",
 }
 
 const LAYER_EXP = {
@@ -275,9 +296,11 @@ const LAYER_EXP = {
 	ss: new Decimal(1.1),
 	m: new Decimal(0.01),
 	ba: new Decimal(0.00667),
+	ps: new Decimal(1),
 	sp: new Decimal(2e-7),
 	l: new Decimal(1e-9),
 	hs: new Decimal(1e-9),
+	i: new Decimal(1),
 }
 
 const LAYER_BASE = {
@@ -289,6 +312,8 @@ const LAYER_BASE = {
 	sg: new Decimal(1.2),
 	hb: new Decimal(1.05),
 	ss: new Decimal(1.15),
+	ps: new Decimal("1e500"),
+	i: new Decimal(1e100),
 }
 
 const LAYER_ROW = {
@@ -306,9 +331,11 @@ const LAYER_ROW = {
 	ss: 3,
 	m: 4,
 	ba: 4,
+	ps: 4,
 	sp: 5,
 	l: 5,
 	hs: 5,
+	i: 5,
 	future_layer: 6,
 }
 
@@ -317,8 +344,8 @@ const ROW_LAYERS = [
 	["b","g"],
 	["e","t","s","sb","sg"],
 	["h","q","hb","ss"],
-	["m","ba"],
-	["sp","l","hs"],
+	["m","ba","ps"],
+	["sp","l","hs","i"],
 	["future_layer"],
 ]
 
@@ -349,7 +376,11 @@ const LAYER_EFFS = {
 		if (ret.gte(100)) ret = ret.log10().times(50).min(ret);
 		return ret;
 	},
-	hb: function() { return Decimal.pow(Decimal.add(1.6, addToHBBase()), player.hb.points.pow(getHyperBoosterExp()).times(getHyperBoosterPow())) },
+	hb: function() {
+		let total = player.hb.points
+		if (player.sp.upgrades.includes(51)) total = total.add(1)
+		return Decimal.pow(Decimal.add(1.6, addToHBBase()), total.pow(getHyperBoosterExp()).times(getHyperBoosterPow()))
+	},
 	ss: function() { return player.ss.points.pow(2.5).times(getSubspaceGainMult()) },
 	ba: function() { 
 		let points1 = player.ba.points
@@ -360,6 +391,14 @@ const LAYER_EFFS = {
 			neg: player.ba.points.pow(0.65).times(0.4).pow(tmp.baExp ? tmp.baExp : 1),
 		}
 	},
+	ps: function() { 
+		let x = player.ps.points
+		if (player.ps.upgrades.includes(12)) x = x.times(1.15)
+		return {
+			exp: player.ps.points.div(10).add(1),
+			mult: player.ps.points.div(3).add(1).sqrt()
+		}
+	},
 }
 
 const LAYER_UPGS = {
@@ -1399,8 +1438,60 @@ const LAYER_UPGS = {
 			effDisp: function(x) { return format(x)+"x" },
 		},
 	},
+	ps: {
+		rows: 2,
+		cols: 4,
+		11: {
+			desc: "Hindrance Spirits reduce the requirement of Phantom Souls.",
+			cost: new Decimal(1/0),
+			unl: function() { return true },
+			currently: function() { return player.h.points.add(1).pow(0.01) },
+			effDisp: function(x) { return format(x)+"x" },
+		},
+		12: {
+			desc: "Phantom Souls are 15% stronger.",
+			cost: new Decimal(1/0),
+			unl: function() { return true },
+		},
+		13: {
+			desc: "The Subspace layer acts like you choose it first.",
+			cost: new Decimal(1/0),
+			unl: function() { return true },
+		},
+		14: {
+			desc: "Phantom Souls strengthen all Spells.",
+			cost: new Decimal(1/0),
+			unl: function() { return true },
+			currently: function() { return player.ps.points.add(1).pow(0.2) },
+			effDisp: function(x) { return format(x.sub(1).times(100))+"%" },
+		},
+		21: {
+			desc: "Unlock the fifth Life Booster.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.hs.unl },
+		},
+		22: {
+			desc: "Phantom Souls reduce the requirement of Subspace Energy.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.hs.unl },
+			currently: function() { return Decimal.pow(2, player.ps.points) },
+			effDisp: function(x) { return format(x)+"x" },
+		},
+		23: {
+			desc: "Phantom Souls boost both Positivity and Negativity productions.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.hs.unl },
+			currently: function() { return Decimal.pow(2, player.ps.points) },
+			effDisp: function(x) { return format(x)+"x" },
+		},
+		24: {
+			desc: "The Life Essence layer acts like you choose it first.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.hs.unl },
+		},
+	},
 	sp: {
-		rows: 3,
+		rows: 5,
 		cols: 4,
 		11: {
 			desc: "The Prestige Upgrade 3, 6, & 7 effects are raised to the power of 100.",
@@ -1484,6 +1575,52 @@ const LAYER_UPGS = {
 			cost: new Decimal(1.5e5),
 			unl: function() { return player.sp.upgrades.includes(33) },
 		},
+		41: {
+			desc: "Gain more Life Essence based on total SP.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.ps.unl || player.hs.unl },
+			currently: function() { return new Decimal(1) },
+			effDisp: function(x) { return format(x)+"x" },
+		},
+		42: {
+			desc: "You produce Life Power 2x faster.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.ps.unl || player.hs.unl },
+		},
+		43: {
+			desc: "Gain more Hyperspace based on best SP.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.ps.unl || player.hs.unl },
+			currently: function() { return new Decimal(1) },
+			effDisp: function(x) { return format(x)+"x" },
+		},
+		44: {
+			desc: "SP divides the Phantom Souls requirement.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.ps.unl || player.hs.unl },
+			currently: function() { return new Decimal(1) },
+			effDisp: function(x) { return format(x)+"x" },
+		},
+		51: {
+			desc: "Add 1 extra Hyper-Booster to its effect.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.l.unl && player.l.order == player.hs.order },
+		},
+		52: {
+			desc: "Life Power softcap is reduced.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.l.unl && player.l.order == player.hs.order },
+		},
+		53: {
+			desc: "Space Buildings 9 & 10 are 50% stronger.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.l.unl && player.l.order == player.hs.order },
+		},
+		54: {
+			desc: "Space Upgrades 13 & 14 are stronger.",
+			cost: new Decimal(1/0),
+			unl: function() { return player.l.unl && player.l.order == player.hs.order },
+		},
 	},
 	l: {
 		rows: 0,
@@ -1493,31 +1630,10 @@ const LAYER_UPGS = {
 		rows: 0,
 		cols: 0,
 	},
-}
-
-const TAB_REQS = {
-	tree: function() { return true },
-	options: function() { return true },
-	info: function() { return true },
-	changelog: function() { return true },
-	changelog_beta: function() { return true },
-	p: function() { return (player.p.unl||player.points.gte(tmp.layerReqs.p))&&layerUnl('p') },
-	b: function() { return (player.b.unl||player.points.gte(tmp.layerReqs.b))&&layerUnl('b') },
-	g: function() { return (player.g.unl||player.points.gte(tmp.layerReqs.g))&&layerUnl('g') },
-	e: function() { return (player.e.unl||player.points.gte(tmp.layerReqs.e))&&layerUnl('e') },
-	t: function() { return (player.t.unl||player.points.gte(tmp.layerReqs.t))&&layerUnl('t') },
-	s: function() { return (player.s.unl||player.points.gte(tmp.layerReqs.s))&&layerUnl('s') },
-	sb: function() { return (player.sb.unl||player.b.points.gte(tmp.layerReqs.sb))&&layerUnl('sb') },
-	sg: function() { return (player.sg.unl||player.g.points.gte(tmp.layerReqs.sg))&&layerUnl('sg') },
-	h: function() { return (player.h.unl||player.t.energy.gte(tmp.layerReqs.h))&&layerUnl('h') },
-	q: function() { return (player.q.unl||player.g.power.gte(tmp.layerReqs.q))&&layerUnl('q') },
-	hb: function() { return (player.hb.unl||player.sb.points.gte(tmp.layerReqs.hb))&&layerUnl('hb') },
-	ss: function() { return (player.ss.unl||player.s.points.gte(tmp.layerReqs.ss))&&layerUnl('ss') },
-	m: function() { return (player.m.unl||player.h.points.gte(tmp.layerReqs.m))&&layerUnl('m') },
-	ba: function() { return (player.ba.unl||player.q.points.gte(tmp.layerReqs.ba))&&layerUnl('ba') },
-	sp: function() { return (player.sp.unl||player.p.points.gte(tmp.layerReqs.sp))&&layerUnl('sp') },
-	l: function() { return (player.l.unl||player.m.points.gte(tmp.layerReqs.l))&&layerUnl('l') },
-	hs: function() { return (player.hs.unl||player.s.points.gte(tmp.layerReqs.hs))&&layerUnl('hs') },
+	i: {
+		rows: 0,
+		cols: 0,
+	},
 }
 
 const LAYER_AMT_NAMES = {
@@ -1535,9 +1651,11 @@ const LAYER_AMT_NAMES = {
 	ss: "space energy",
 	m: "hindrance spirit",
 	ba: "quirks",
+	ps: "quirk energy",
 	sp: "prestige points",
-	l: "boosters",
+	l: "hexes",
 	hs: "space energy",
+	i: "subspace",
 }
 
 function getLayerAmt(layer) {
@@ -1567,15 +1685,21 @@ function getLayerAmt(layer) {
 		case "ba":
 			return player.q.points;
 			break;
+		case "ps": 
+			return player.q.energy;
+			break;
 		case "sp": 
 			return player.p.points;
 			break;
 		case "l": 
-			return player.m.points;
+			return player.m.hexes;
 			break;
 		case "hs": 
 			return player.s.points;
 			break;
+		case "i": 
+			return player.ss.subspace;
+			break;
 	}
 	return amt
 }
@@ -1611,6 +1735,9 @@ function getLayerEffDesc(layer) {
 		case "ba":
 			return "which are generating "+format(eff.power)+" Balance Power, "+format(eff.pos)+" Positivity, and "+format(eff.neg)+" Negativity every second"
 			break;
+		case "ps":
+			return "which are speeding up the Life Power production by " + format(eff.mult) + "x and raising the Life Power amount to the power of " + format(eff.exp)
+			break;
 	}
 }
 
@@ -1723,15 +1850,18 @@ function checkForVars() {
 	if (player.offlineProd === undefined) player.offlineProd = true
 	if (player.notify === undefined) player.notify = {}
 	if (player.keepGoing === undefined) player.keepGoing = false
-	if (player.l.boosts !== undefined) player.l = start.l
-	if (player.hs.hyper_upgrades !== undefined) player.hs = start.hs
+	if (player.i.lifeBricks === undefined) {
+		player.l = start.l
+		player.hs = start.hs
+		player.i = start.i
+		delete player.c
+	}
 }
 
 function convertToDecimal() {
 	player.points = new Decimal(player.points)
 	for (var i=0; i<LAYERS.length; i++) {
 		var data = player[LAYERS[i]]
-		console.log(data)
 		data.points = new Decimal(data.points)
 		data.best = new Decimal(data.best)
 		if (data.total !== undefined) data.total = new Decimal(data.total)
@@ -1754,6 +1884,8 @@ function convertToDecimal() {
 	player.ba.negativity = new Decimal(player.ba.negativity)
 	player.l.power = new Decimal(player.l.power)
 	for (let i=1;i<=MAX_BUILDINGS;i++) if (player.hs.hyperUpgrades[i]) player.hs.hyperUpgrades[i] = new Decimal(player.hs.hyperUpgrades[i])
+	player.i.lifeBricks = new Decimal(player.i.lifeBricks)
+	player.i.extraBuildings = new Decimal(player.i.extraBuildings)
 }
 
 function toggleOpt(name) {
@@ -1817,7 +1949,8 @@ function formatTime(s) {
 
 var onTreeTab = true
 function showTab(name) {
-	if (!TAB_REQS[name]()) return
+	if (LAYERS.includes(name) && !layerUnl(name)) return
+
 	var toTreeTab = name == "tree"
 	player.tab = name
 	
@@ -1830,8 +1963,7 @@ function showTab(name) {
 }
 
 function notifyLayer(name) {
-	if (!TAB_REQS[name]()) return
-	if (player.tab == name) return
+	if (player.tab == name || !layerUnl(name)) return
 	player.notify[name] = 1
 }
 
@@ -1861,6 +1993,9 @@ function canBuyMax(layer) {
 		case "ss": 
 			return player.ba.best.gte(8)
 			break;
+		case "ps": 
+			return player.ps.best.gte(5)
+			break;
 	}
 	return false;
 }
@@ -1890,10 +2025,10 @@ function getLayerReq(layer) {
 			if (player.ss.order>0) req = new Decimal(45)
 			break;
 		case "l":
-			if (player.l.order>0) req = new Decimal(1/0)
+			if (player.l.order>0) req = new Decimal("1e1000")
 			break;
 		case "hs":
-			if (player.hs.order>0) req = new Decimal(1/0)
+			if (player.hs.order>0) req = new Decimal(1000)
 			break;
 	}
 	return req
@@ -1939,9 +2074,11 @@ function getLayerGainMult(layer) {
 			break;
 		case "sb":
 			if (player.ss.upgrades.includes(14)) mult = mult.div(1.0825)
+			if (player.l.unl && tmp.l !== undefined) mult = mult.div(tmp.l.lbEff[4])
 			break;
 		case "sg": 
 			if (player.sp.upgrades.includes(31)) mult = mult.div(1.45)
+			if (player.l.unl && tmp.l !== undefined) mult = mult.div(tmp.l.lbEff[4])
 			break;
 		case "h": 
 			if (player.h.challs.includes(71)) mult = mult.times(H_CHALLS[71].currently())
@@ -1958,16 +2095,30 @@ function getLayerGainMult(layer) {
 			if (player.ba.unl) mult = mult.times(tmp.balEff)
 			if (player.m.unl) mult = mult.times(tmp.hexEff)
 			break;
+		case "ss": 
+			if (player.ps.upgrades.includes(22)) mult = mult.times(LAYER_UPGS.ps[22].currently())
+			break;
 		case "m": 
 			if (player.sp.upgrades.includes(12)) mult = mult.times(LAYER_UPGS.sp[12].currently())
 			break;
 		case "ba": 
 			if (player.sp.upgrades.includes(12)) mult = mult.times(LAYER_UPGS.sp[12].currently())
 			break;
+		case "ps": 
+			if (player.ps.upgrades.includes(11)) mult = mult.div(LAYER_UPGS.ps[11].currently())
+			if (player.sp.upgrades.includes(44)) mult = mult.div(LAYER_UPGS.sp[44].currently())
+			break;
 		case "sp": 
 			if (player.sp.upgrades.includes(24)) mult = mult.times(LAYER_UPGS.sp[24].currently())
 			if (player.sp.upgrades.includes(33)) mult = mult.times(LAYER_UPGS.sp[33].currently())
 			break;
+		case "l": 
+			if (player.sp.upgrades.includes(41)) mult = mult.times(LAYER_UPGS.sp[41].currently())
+			break;
+		case "hs": 
+			if (player.sp.upgrades.includes(43)) mult = mult.times(LAYER_UPGS.sp[43].currently())
+			if (player.l.unl && tmp.l !== undefined && tmp.l.lbUnl >= 5) mult = mult.times(tmp.l.lbEff[4])
+			break;
 	}
 	return mult
 }
@@ -2014,7 +2165,18 @@ function getNextAt(layer) {
 	}
 }
 
-function layerUnl(layer) {
+function nodeShown(layer) {
+	if (layerShown(layer)) return true
+	switch(layer) {
+		case "i":
+			return player.l.unl
+			break;
+	}
+	return false
+}
+
+function layerShown(layer) {
+	if (layerUnl(layer)) return true
 	switch(layer) {
 		case "p":
 			return true;
@@ -2068,13 +2230,13 @@ function layerUnl(layer) {
 			return player.sp.unl
 			break;
 		case "ps":
-			return false //player.l.unl
+			return player.l.unl
 			break;
 		case "hs":
 			return player.sp.unl
 			break;
 		case "i":
-			return false //player.ps.unl && player.hs.unl
+			return player.ps.unl && player.hs.unl
 			break;
 		case "mb":
 			return false //player.ps.unl && player.hs.unl
@@ -2088,9 +2250,11 @@ function layerUnl(layer) {
 	}
 }
 
+function layerUnl(layer) {
+	return LAYERS.includes(layer) && (player[layer].unl || tmp.layerAmt[layer].gte(tmp.layerReqs[layer]))
+}
+
 function rowReset(row, layer) {
-	let prev = JSON.parse(JSON.stringify(player)) // Deep Copy
-	let start = getStartPlayer()
 	switch(row) {
 		case 0: 
 			player.points = new Decimal(0);
@@ -2098,7 +2262,7 @@ function rowReset(row, layer) {
 		case 1: 
 			player.points = new Decimal(10);
 			player.p.points = new Decimal(0);
-			if ((LAYER_ROW[layer]>=3 && player.h.best.gte(10))||player.sp.total.gte(1)) player.p.upgrades = prev.p.upgrades;
+			if ((LAYER_ROW[layer]>=3 && player.h.best.gte(10))||player.sp.total.gte(1)) player.p.upgrades = prevOnReset.p.upgrades;
 			else if ((player.h.best.lt(1)&&player.q.best.lt(1))||LAYER_ROW[layer]>=3) {
 				if (layer=="b"||layer=="g") {
 					if (player[layer].best.lt(8)) player.p.upgrades = [];
@@ -2121,12 +2285,12 @@ function rowReset(row, layer) {
 			player.t.energy = new Decimal(0);
 			if (layer=="t"||layer=="e"||layer=="s") {
 				if (player[layer].best.gte(2)) {
-					player.b.best = new Decimal(prev.b.best)
-					player.g.best = new Decimal(prev.g.best)
+					player.b.best = new Decimal(prevOnReset.b.best)
+					player.g.best = new Decimal(prevOnReset.g.best)
 				}
 			} else if (player.sb.best.gte(4)&&layer=="sb") {
-				player.b.best = new Decimal(prev.b.best)
-				player.g.best = new Decimal(prev.g.best)
+				player.b.best = new Decimal(prevOnReset.b.best)
+				player.g.best = new Decimal(prevOnReset.g.best)
 			}
 			break;
 		case 3: 
@@ -2242,11 +2406,21 @@ function rowReset(row, layer) {
 				negativity: new Decimal(0),
 				upgrades: player.sp.total.gte(1) ? player.ba.upgrades : [],
 			}
+			player.ps = {
+				unl: player.ps.unl,
+				auto: player.ps.auto,
+				points: new Decimal(0),
+				best: player.ps.best,
+				upgrades: player.ps.upgrades,
+			}
+			player.l.power = new Decimal(0)
 			break;
 		case 6:
+			var start = getStartPlayer()
 			player.sp = start.sp
 			player.l = start.l
 			player.hs = start.hs
+			player.i = start.i
 			break;
 	}
 }
@@ -2261,6 +2435,7 @@ function generatePoints(layer, diff) {
 	addPoints(layer, tmp.resetGain[layer].times(diff))
 }
 
+var prevOnReset
 function doReset(layer, force=false) {
 	if (!force) {
 		if (tmp.layerAmt[layer].lt(tmp.layerReqs[layer])) return;
@@ -2284,10 +2459,20 @@ function doReset(layer, force=false) {
 	if ((layer=="b"&&player.t.best.gte(12))||(layer=="g"&&player.s.best.gte(12))) return;
 	if ((layer=="t"&&player.h.best.gte(25))||(layer=="s"&&player.q.best.gte(25))||(layer=="sb"&&player.h.best.gte(2500))||(layer=="sg"&&player.sg.best.gte(1))) return;
 	if ((layer=="hb"&&player.ba.best.gte(8))||(layer=="ss"&&player.ba.best.gte(8))) return;
+	if (layer=="ps") {
+		for (var i=1; i<=tmp.l.lbUnl; i++) {
+			var req = LIFE_BOOSTERS.req(i)
+			if (player.ps.points.gte(req)) player.l.boosters[i] = player.ps.points.sub(req).div(LIFE_BOOSTERS[i].reqMult).floor().add(1).add(tmp.l.lb[i])
+		}
+	}
+	if (layer=="ps"&&player.ps.best.gte(10)) return;
 	let row = LAYER_ROW[layer]
 	if (!force && row>=3) completeHindrance()
+
+	prevOnReset = {...player} //Deep Copy
 	if (row==0) rowReset(0, layer)
 	else for (let x=row;x>=1;x--) rowReset(x, layer)
+	prevOnReset = undefined
 
 	updateTemp()
 	updateTemp()
@@ -2310,6 +2495,8 @@ function buyUpg(layer, id) {
 	if (layer=="hb"&&id==13) player.hb.order = 0;
 	if (layer=="ss"&&id==15) player.ss.order = 0;
 	if (layer=="m"&&id==43) for (let i=1;i<=3;i++) player.m.spellTimes[i] *= LAYER_UPGS.m[43].currently().toNumber()
+	if (layer=="ps"&&id==13) player.hs.order = 0;
+	if (layer=="ps"&&id==24) player.l.order = 0;
 }
 
 function getPointGen() {
@@ -2556,6 +2743,7 @@ function maxExtTimeCapsules() {
 function addToTimeBase() {
 	let toAdd = new Decimal(0)
 	if (player.m.upgrades.includes(44)) toAdd = toAdd.plus(LAYER_UPGS.m[44].currently())
+	if (player.l.unl && tmp.l !== undefined) toAdd = toAdd.times(tmp.l.lbEff[3])
 	return toAdd
 }
 
@@ -3046,6 +3234,7 @@ function getHyperBoosterExp() {
 function getHyperBoosterPow() {
 	let pow = new Decimal(1)
 	if (player.hb.upgrades.includes(12)) pow = pow.times(LAYER_UPGS.hb[12].currently())
+	if (player.l.unl && tmp.l !== undefined) pow = pow.times(tmp.l.lbEff[1])
 	return pow;
 }
 
@@ -3075,12 +3264,14 @@ function getBalanceEnergyExp() {
 function getPosGainMult() {
 	let mult = new Decimal(1)
 	if (player.ba.upgrades.includes(22)) mult = mult.times(LAYER_UPGS.ba[22].currently())
+	if (player.ps.upgrades.includes(23)) mult = mult.times(LAYER_UPGS.ps[23].currently())
 	return mult;
 }
 
 function getNegGainMult() {
 	let mult = new Decimal(1)
 	if (player.ba.upgrades.includes(22)) mult = mult.times(LAYER_UPGS.ba[22].currently())
+	if (player.ps.upgrades.includes(23)) mult = mult.times(LAYER_UPGS.ps[23].currently())
 	return mult;
 }
 
@@ -3123,6 +3314,7 @@ function getSpellPower(x) {
 		power = power.times(casted.max(1).log10().plus(1).log10().div(5).plus(1))
 	}
 	if (player.sp.upgrades.includes(23)) power = power.times(LAYER_UPGS.sp[23].currently())
+	if (player.ps.upgrades.includes(14)) power = power.times(LAYER_UPGS.ps[14].currently())
 	
 	if (power.gte(50)) power = power.log10().times(50/Math.log10(50)).min(power)
 	return power.max(1);
@@ -3174,6 +3366,7 @@ function getHexGain() {
 	let gain = new Decimal(1)
 	if (player.m.upgrades.includes(14)) gain = gain.times(LAYER_UPGS.m[14].currently())
 	if (player.sp.upgrades.includes(14)) gain = gain.times(LAYER_UPGS.sp[14].currently())
+	if (player.l.unl && tmp.l !== undefined) gain = gain.times(tmp.l.lbEff[2])
 	return gain.floor()
 }
 
@@ -3225,14 +3418,77 @@ function addToSGBase() {
 	return toAdd
 }
 
-function keepGoing() {
-	player.keepGoing = true;
-	player.tab = "tree"
-	needCanvasUpdate = true;
+let LIFE_BOOSTERS = {
+	max: 5,
+	unl: function() {
+		if (player.ps.upgrades.includes(11)) return 5
+		return 4
+	},
+	eff: function() {
+		return player.l.power.add(1).log10().sqrt()
+	},
+	req: function(x) {
+		return tmp.l.lb[x].times(this[x].reqMult).add(this[x].req)
+	},
+	1: {
+		req: new Decimal(1),
+		reqMult: new Decimal(5),
+		eff: function(str) {
+			return str.pow(0.1).div(10).add(1)
+		},
+		effDesc: function(x) {
+			return "Hyper-Boosters are " + format(x.sub(1).times(100)) + "% stronger"
+		}
+	},
+	2: {
+		req: new Decimal(1/0),
+		reqMult: new Decimal(5),
+		eff: function(str) {
+			return new Decimal(1)
+		},
+		effDesc: function(x) {
+			return "Gain " + format(x) + "x more Hexes"
+		}
+	},
+	3: {
+		req: new Decimal(1/0),
+		reqMult: new Decimal(5),
+		eff: function(str) {
+			return new Decimal(1)
+		},
+		effDesc: function(x) {
+			return "Multiply the base of Time Capsule effect by " + format(x) + "x"
+		}
+	},
+	4: {
+		req: new Decimal(1/0),
+		reqMult: new Decimal(5),
+		eff: function(str) {
+			return new Decimal(1)
+		},
+		effDesc: function(x) {
+			return "Reduce the requirement of Super-Boosters and Super-Generators by " + format(x) + "x"
+		}
+	},
+	5: {
+		req: new Decimal(1/0),
+		reqMult: new Decimal(5),
+		eff: function(str) {
+			return new Decimal(1)
+		},
+		effDesc: function(x) {
+			return "Gain " + format(x) + "x more Hyperspace"
+		}
+	},
 }
 
 const ENDGAME = new Decimal(1/0);
 
+function keepGoing() {
+	player.keepGoing = true;
+	showTab("tree")
+}
+
 function gameLoop(diff) {
 	if (player.points.gte(ENDGAME)) gameEnded = true;
 	if (isNaN(diff)) diff = 0
@@ -3281,6 +3537,20 @@ function gameLoop(diff) {
 		generatePoints("m", diff)
 		generatePoints("ba", diff)
 	}
+	if (player.l.unl) {
+		let exp = tmp.layerEffs.ps.exp
+		let mult = tmp.layerEffs.ps.mult.div(player.sp.upgrades.includes(42) ? 5 : 10)
+		let cap = player.l.points.times(10).max(1).log10()
+		let capExp = player.sp.upgrades.includes(52) ? 0.5 : 1/3
+
+		let power = player.l.power
+		power = power.pow(exp.pow(-1))
+		if (power.gt(cap)) power = power.div(cap).pow(1/capExp).times(cap)
+		power = power.add(mult.times(diff))
+		if (power.gt(cap)) power = power.div(cap).pow(capExp).times(cap)
+		power = power.pow(exp)
+		player.l.power = power
+	}
 
 	if (player.b.auto&&player.t.best.gte(5)) doReset("b")
 	if (player.g.auto&&player.s.best.gte(5)) doReset("g")
@@ -3299,6 +3569,7 @@ function gameLoop(diff) {
 		player.m.toCast[i] = player.m.points
 	}
 	if (player.m.auto&&player.m.total.gte(50)) for (let i=1;i<=tmp.spellsUnl;i++) activateSpell(i)
+	if (player.ps.auto&&player.ps.best.gte(5)) doReset("ps")
 
 	if (player.hasNaN&&!NaNalert) {
 		alert("We have detected a corruption in your save. Please visit https://discord.gg/wwQfgPa for help.")
@@ -3343,39 +3614,43 @@ document.onkeydown = function(e) {
 	let shiftDown = e.shiftKey
 	let ctrlDown = e.ctrlKey
 	let key = e.key
-	if (ctrlDown&&key=="b") e.preventDefault()
-	if ((!LAYERS.includes(key))||ctrlDown||shiftDown) {
+	if (ctrlDown && (key != "a" || key != "c" || key != "v")) e.preventDefault()
+	if (onFocused) return
+	if (player.m.unl && key >= 0 && key <= 9) {
+		if (key == 0) activateSpell(10)
+		else activateSpell(key)
+		return
+	} else if ((!LAYERS.includes(key)) || ctrlDown || shiftDown) {
 		switch(key) {
 			case "a": 
 				if (player.ba.unl) doReset("ba")
-				break;
+				return
 			case "b": 
 				if (ctrlDown && player.hb.unl) doReset("hb")
-				break;
+				return
 			case "B": 
 				if (player.sb.unl) doReset("sb")
-				break;
+				return
 			case "G": 
 				if (player.sg.unl) doReset("sg")
-				break;
+				return
+			case "s": 
+				if (ctrlDown && player.hs.unl) doReset("ss")
+				return
 			case "S": 
 				if (player.ss.unl) doReset("ss")
-				break;
-			case "1": 
-				if (player.m.unl) activateSpell(1)
-				break;
-			case "2": 
-				if (player.m.unl) activateSpell(2)
-				break;
-			case "3": 
-				if (player.m.unl) activateSpell(3)
-				break;
-			case "4": 
-				if (player.m.unl&&player.sp.upgrades.includes(13)) activateSpell(4)
-				break;
+				return
+			case "p": 
+				if (ctrlDown && player.sp.unl) doReset("ps")
+				return
 			case "P": 
 				if (player.sp.unl) doReset("sp")
-				break;
+				return
 		}
 	} else if (player[key].unl) doReset(key)
 }
+
+var onFocused = false
+function focused(x) {
+	onFocused = x
+}

js/temp.js

@@ -69,4 +69,20 @@ function updateTemp() {
 	for (let i=1;i<=4;i++) tmp.spellEffs[i] = getSpellEff(i)
 
 	tmp.sGenPowEff = getSGenPowEff()
+
+	if (layerUnl("l")) {
+		if (!tmp.l) tmp.l = {
+			lb: {},
+			lbEff: {}
+		}
+		var data = tmp.l
+		var data2 = LIFE_BOOSTERS
+
+		data.lpEff = data2.eff()
+		data.lbUnl = data2.unl()
+		for (let i=1;i<=data2.max;i++) {
+			data.lb[i] = fixValue(player.l.boosters[i])
+			data.lbEff[i] = data2[i].eff(data.lb[i].times(data.lpEff))
+		}
+	}
 }

js/v.js

@@ -1,6 +1,29 @@
 var app;
 
 function loadVue() {
+	Vue.component('layer-node', {
+		props: ['layer', 'abb'],
+		template: `
+		<button v-if="nodeShown(layer)"
+			v-bind:id="layer"
+			v-on:click="function() {
+				showTab(layer)
+			}"
+			v-bind:tooltip="
+				layerUnl(layer) ? formatWhole(player[layer].points) + ' ' + LAYER_RES[layer]
+				: 'Reach ' + formatWhole(tmp.layerReqs[layer]) + ' ' + LAYER_AMT_NAMES[layer] + ' to unlock (You have ' + formatWhole(tmp.layerAmt[layer]) + ' ' + LAYER_AMT_NAMES[layer] + ')'
+			"
+			v-bind:class="{
+				treeNode: true,
+				[layer]: true,
+				hidden: !layerShown(layer),
+				locked: !layerUnl(layer),
+				can: layerUnl(layer)
+			}">
+			{{abb}}
+		</button>
+		`
+	})
 	app = new Vue({
 		el: "#app",
 		data: {
@@ -11,6 +34,7 @@ function loadVue() {
 			format,
 			formatWhole,
 			formatTime,
+			focused,
 			layerUnl,
 			getLayerEffDesc,
 			doReset,
@@ -41,7 +65,8 @@ function loadVue() {
 			LAYER_AMT_NAMES,
 			LAYER_RES_CEIL,
 			H_CHALLS,
-		  SPELL_NAMES
+			SPELL_NAMES,
+			LIFE_BOOSTERS
 		},
 	})
 }

style.css

@@ -23,6 +23,10 @@ html, body {
 	height: 100%;
 }
 
+td {
+	padding: 0
+}
+
 .upgTable {
 	display: flex !important;
 	flex-flow: column wrap;
@@ -113,9 +117,9 @@ h1, h2, h3, b, input {
 }
 
 .reset {
-	height: 125px;
-	width: 150px;
-	border-radius: 40%;
+	height: 120px;
+	width: 180px;
+	border-radius: 25%;
 	border: 4px solid;
 	border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125);
 }
@@ -160,13 +164,13 @@ h1, h2, h3, b, input {
 }
 
 .p {
-	background-color: #439ea3;
+	background-color: #00bfbf;
 	color: rgba(0, 0, 0, 0.5);
 }
 
 .p_txt {
-	color: #439ea3;
-	text-shadow: 0px 0px 10px #439ea3;
+	color: #00bfbf;
+	text-shadow: 0px 0px 10px #00bfbf;
 }
 
 .b {
@@ -310,13 +314,13 @@ h1, h2, h3, b, input {
 }
 
 .sp {
-	background-color: #4295a5;
+	background-color: #00a7bf;
 	color: rgba(0, 0, 0, 0.5);
 }
 
 .sp_txt {
-	color: #4295a5;
-	text-shadow: 0px 0px 10px #4295a5;
+	color: #00a7bf;
+	text-shadow: 0px 0px 10px #00a7bf;
 }
 
 .l {
@@ -421,6 +425,21 @@ h1, h2, h3, b, input {
               -3px 0px 12px #02f2f2;
 }
 
+#version {
+	position: absolute;
+	right: 4px;
+	top: 4px;
+	text-align: right;
+	color: white;
+	text-shadow: 0px 0px 10px #ffffff;
+	cursor: pointer;
+}
+
+#version:hover {
+	transform: scale(1.2, 1.2);
+	right: 4.8px;
+}
+
 a {
 	color: #007fff;
 	text-decoration-line: none;
@@ -580,8 +599,7 @@ ul {
 
 [tooltip] {
 	position: relative;
-	z-index: 2;
-	white-space: pre-wrap;
+	z-index: 2
 }
 
 [tooltip]:before,