v1.206.1

css/bestiary.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.mon__name--token .stats-source{padding-right:12rem}.mon__wrp-size-type-align--token,.mon__wrp-avoid-token{max-width:calc(100% - 11rem)}.mon__wrp-token{display:block;position:absolute;z-index:10;top:0;right:.5rem;width:auto;max-width:11rem;height:auto;transition:opacity 34ms,max-width 34ms,right 34ms}.mon__wrp-token:hover{max-width:100%;right:0;opacity:1 !important;transition:opacity 34ms,max-width 34ms,right 34ms}.mon__wrp-token:hover .mon__btn-token-cycle{opacity:1;transition:opacity 34ms}.mon__wrp-token:hover .mon__wrp-token-footer{opacity:1;transition:opacity 34ms}.mon__token{width:100%;height:100%}.mon__btn-token-cycle{position:absolute;top:50%;bottom:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,0,0,.475);cursor:pointer;color:#fff;border:1px solid rgba(204,204,204,.6274509804);opacity:0;transition:opacity 34ms}.mon__btn-token-cycle--left{left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:1px solid rgba(204,204,204,.4)}.mon__btn-token-cycle--right{right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:1px solid rgba(204,204,204,.4)}.mon__btn-token-cycle:hover{color:#ddd}.mon__wrp-token-footer{display:flex;position:absolute;height:22px;right:5px;bottom:0;left:5px;align-items:center;justify-content:center;opacity:0;transition:opacity 34ms}.mon__token-footer{background:rgba(0,0,0,.475);color:#fff;font-family:"Times New Roman",serif;font-variant:small-caps;font-size:16px;border-radius:5px;padding:1px 5px;border:1px solid rgba(204,204,204,.6274509804)}.lst__is-exporting-image .mon__name--token .stats-source{padding-right:0}img.token{font-size:1.6em;right:.4em}#pagecontent .rnd-name .source{position:relative;margin-right:.2em}#pagecontent{background:url("../img/bestiary/stat-block-top-texture.webp") no-repeat,repeat top center,#fdf1dc}.night-mode #pagecontent{background:#222 !important}[data-proficiency-dice-mode=dice] .rd__dc--rollable{color:#337ab7;cursor:pointer}[data-proficiency-dice-mode=dice] .rd__dc--rollable-text,[data-proficiency-dice-mode=dice] .rd__roller--roll-prof-bonus{display:none}[data-proficiency-dice-mode=dice] .rd__dc--rollable-dice,[data-proficiency-dice-mode=dice] .rd__roller--roll-prof-dice{display:inline}[data-proficiency-dice-mode=bonus] .rd__dc--rollable-text,[data-proficiency-dice-mode=bonus] .rd__roller--roll-prof-bonus{display:inline}[data-proficiency-dice-mode=bonus] .rd__dc--rollable-dice,[data-proficiency-dice-mode=bonus] .rd__roller--roll-prof-dice{display:none}.night-mode [data-proficiency-dice-mode=dice] .rd__dc--rollable{color:#7db6e8}.best__ecgen-active .lst__row--bestiary-sublist{cursor:default}.best__ecgen-active .lst__row--bestiary-sublist:hover{background:initial}.best-ecgen__visible,.best-ecgen__visible--flex,.best-ecgen__visible--flex-col{display:none}.best-ecgen__btn-list{padding:0 2px;line-height:12px;font-size:9px;border-radius:3px}.best__ecgen-active .best-ecgen__visible{display:block}.best__ecgen-active .best-ecgen__visible--flex{display:flex}.best__ecgen-active .best-ecgen__visible--flex-col{display:flex;flex-direction:column}.best__ecgen-active .best-ecgen__hidden{display:none !important}.best__ecgen-active .best-ecgen__name{width:26.6667%}.best__ecgen-active .best-ecgen__name--sub{width:29.1667%}/*# sourceMappingURL=bestiary.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.mon__name--token .stats-source{padding-right:12rem}.mon__wrp-size-type-align--token,.mon__wrp-avoid-token{max-width:calc(100% - 11rem)}.mon__wrp-token{display:block;position:absolute;z-index:10;top:0;right:.5rem;width:auto;max-width:11rem;height:auto;transition:opacity 34ms,max-width 34ms,right 34ms}.mon__wrp-token:hover{max-width:100%;right:0;opacity:1 !important;transition:opacity 34ms,max-width 34ms,right 34ms}.mon__wrp-token:hover .mon__btn-token-cycle{opacity:1;transition:opacity 34ms}.mon__wrp-token:hover .mon__wrp-token-footer{opacity:1;transition:opacity 34ms}.mon__token{width:100%;height:100%}.mon__btn-token-cycle{position:absolute;top:50%;bottom:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,0,0,.475);cursor:pointer;color:#fff;border:1px solid rgba(204,204,204,.6274509804);opacity:0;transition:opacity 34ms}.mon__btn-token-cycle--left{left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:1px solid rgba(204,204,204,.4)}.mon__btn-token-cycle--right{right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:1px solid rgba(204,204,204,.4)}.mon__btn-token-cycle:hover{color:#ddd}.mon__wrp-token-footer{display:flex;position:absolute;height:22px;right:5px;bottom:0;left:5px;align-items:center;justify-content:center;opacity:0;transition:opacity 34ms}.mon__token-footer{background:rgba(0,0,0,.475);color:#fff;font-family:"Times New Roman",serif;font-variant:small-caps;font-size:16px;border-radius:5px;padding:1px 5px;border:1px solid rgba(204,204,204,.6274509804)}.lst__is-exporting-image .mon__name--token .stats-source{padding-right:0}img.token{font-size:1.6em;right:.4em}#pagecontent .rnd-name .source{position:relative;margin-right:.2em}#pagecontent{background:url("../img/bestiary/stat-block-top-texture.webp") no-repeat,repeat top center,#fdf1dc}.ve-night-mode #pagecontent{background:#222 !important}[data-proficiency-dice-mode=dice] .rd__dc--rollable{color:#337ab7;cursor:pointer}[data-proficiency-dice-mode=dice] .rd__dc--rollable-text,[data-proficiency-dice-mode=dice] .rd__roller--roll-prof-bonus{display:none}[data-proficiency-dice-mode=dice] .rd__dc--rollable-dice,[data-proficiency-dice-mode=dice] .rd__roller--roll-prof-dice{display:inline}[data-proficiency-dice-mode=bonus] .rd__dc--rollable-text,[data-proficiency-dice-mode=bonus] .rd__roller--roll-prof-bonus{display:inline}[data-proficiency-dice-mode=bonus] .rd__dc--rollable-dice,[data-proficiency-dice-mode=bonus] .rd__roller--roll-prof-dice{display:none}.ve-night-mode [data-proficiency-dice-mode=dice] .rd__dc--rollable{color:#7db6e8}.best__ecgen-active .lst__row--bestiary-sublist{cursor:default}.best__ecgen-active .lst__row--bestiary-sublist:hover{background:initial}.best-ecgen__visible,.best-ecgen__visible--flex,.best-ecgen__visible--flex-col{display:none}.best-ecgen__btn-list{padding:0 2px;line-height:12px;font-size:9px;border-radius:3px}.best__ecgen-active .best-ecgen__visible{display:block}.best__ecgen-active .best-ecgen__visible--flex{display:flex}.best__ecgen-active .best-ecgen__visible--flex-col{display:flex;flex-direction:column}.best__ecgen-active .best-ecgen__hidden{display:none !important}.best__ecgen-active .best-ecgen__name{width:26.6667%}.best__ecgen-active .best-ecgen__name--sub{width:29.1667%}/*# sourceMappingURL=bestiary.css.map */

css/changelog.css

@@ -1 +1 @@
-.night-mode #pagecontent{background:#222;border-top:1px solid rgba(85,85,85,.6274509804)}/*# sourceMappingURL=changelog.css.map */
+.ve-night-mode #pagecontent{background:#222;border-top:1px solid rgba(85,85,85,.6274509804)}/*# sourceMappingURL=changelog.css.map */

css/converter.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.inputArea,.outputArea{width:100%;height:100%}.select-inline{display:inline-block;width:initial}.conv__head{margin-top:0;margin-bottom:2px}.conv__out_control__wrp{padding:0 3rem 0 0;flex-shrink:0}.conv__disp-message{flex-shrink:0;font-size:13px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;margin-right:3rem}.conv__disp-message--warning{color:#df00ff}.conv__disp-message--error{color:red}.night-mode .conv__disp-message{background-color:#383838;border-color:#555}@media screen and (width <= 991px){.view-col-wrapper{height:40vh}}/*# sourceMappingURL=converter.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.inputArea,.outputArea{width:100%;height:100%}.select-inline{display:inline-block;width:initial}.conv__head{margin-top:0;margin-bottom:2px}.conv__out_control__wrp{padding:0 3rem 0 0;flex-shrink:0}.conv__disp-message{flex-shrink:0;font-size:13px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;margin-right:3rem}.conv__disp-message--warning{color:#df00ff}.conv__disp-message--error{color:red}.ve-night-mode .conv__disp-message{background-color:#383838;border-color:#555}@media screen and (width <= 991px){.view-col-wrapper{height:40vh}}/*# sourceMappingURL=converter.css.map */

css/crcalculator.css

@@ -1 +1 @@
-.crc__reset{min-width:10rem;display:block}.crc__row{display:flex;align-items:center;height:30px;justify-content:space-between}.crc__row label{margin-bottom:0}.crc__row input[type=checkbox]{margin:0}.crc__hdr_mon_features{font-weight:bold}.crc__mon_feature{width:100%;font-weight:initial;cursor:pointer;font-size:.8em;display:flex;align-items:center;margin-bottom:0;padding:4px 0}.crc__mon_feature_wrp_cb{display:flex;white-space:nowrap;justify-content:space-around;align-items:center}.crc__mon_feature input[type=number]{width:3em;vertical-align:middle;text-align:right}.crc__mon_feature input[type=checkbox]{margin:0}.crc__mon_feature:nth-child(even){background:#d3d3d3}.night-mode .crc__mon_feature:nth-child(even){background:rgba(0,0,0,.31)}/*# sourceMappingURL=crcalculator.css.map */
+.crc__reset{min-width:10rem;display:block}.crc__row{display:flex;align-items:center;height:30px;justify-content:space-between}.crc__row label{margin-bottom:0}.crc__row input[type=checkbox]{margin:0}.crc__hdr_mon_features{font-weight:bold}.crc__mon_feature{width:100%;font-weight:initial;cursor:pointer;font-size:.8em;display:flex;align-items:center;margin-bottom:0;padding:4px 0}.crc__mon_feature_wrp_cb{display:flex;white-space:nowrap;justify-content:space-around;align-items:center}.crc__mon_feature input[type=number]{width:3em;vertical-align:middle;text-align:right}.crc__mon_feature input[type=checkbox]{margin:0}.crc__mon_feature:nth-child(even){background:#d3d3d3}.ve-night-mode .crc__mon_feature:nth-child(even){background:rgba(0,0,0,.31)}/*# sourceMappingURL=crcalculator.css.map */

css/encounterbuilder-bundle.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.ecgen__wrp_add_players_btn_wrp{width:calc(140px + .5rem)}.ecgen__btn-random-adjust{min-width:135px}.ecgen-player__wrp-row:only-child .ecgen-player__btn-inline{display:none !important}.ecgen-player__btn-inline{font-size:10px}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.night-mode .best-ecgen__wrp{background:#222}/*# sourceMappingURL=encounterbuilder-bundle.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.ecgen__wrp_add_players_btn_wrp{width:calc(140px + .5rem)}.ecgen__btn-random-adjust{min-width:135px}.ecgen-player__wrp-row:only-child .ecgen-player__btn-inline{display:none !important}.ecgen-player__btn-inline{font-size:10px}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.ve-night-mode .best-ecgen__wrp{background:#222}/*# sourceMappingURL=encounterbuilder-bundle.css.map */

css/index.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}table.home-table{padding:0 10px 10px}table.home-table td{vertical-align:top;padding:0 5px;width:50%}#don-wrapper{position:relative;margin-bottom:7px;padding:5px 15px}#wrp-patreon{min-height:51px}.home__btn-page{border-width:2px;width:134px;height:110px;text-align:center;flex-shrink:0;padding:6px;display:flex;flex-direction:column;align-items:center;border-radius:0}@media screen and (width <= 1200px){.home__btn-page{width:113px}}.home__btn-page,.home__btn-page:hover,.home__btn-page:active,.home__btn-page:focus{color:#444}.night-mode .home__btn-page,.night-mode .home__btn-page:hover,.night-mode .home__btn-page:active,.night-mode .home__btn-page:focus{color:inherit}.home__icn-page{font-size:50px;height:50px;width:65px;overflow:hidden;text-align:center}.home__lbl-page{height:34px;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0;font-size:17px;color:#333}.home__h-player{text-decoration:underline;text-decoration-color:#1e90ff}.home__h-rule{text-decoration:underline;text-decoration-color:#33a5a5}.home__h-dm{text-decoration:underline;text-decoration-color:#9400d3}.home__btn-player,.home__btn-player:hover,.home__btn-player:active,.home__btn-player:focus,.night-mode .home__btn-player,.night-mode .home__btn-player:hover,.night-mode .home__btn-player:active,.night-mode .home__btn-player:focus{border-color:#1e90ff;color:#1e90ff}.home__btn-rule,.home__btn-rule:hover,.home__btn-rule:active,.home__btn-rule:focus,.night-mode .home__btn-rule,.night-mode .home__btn-rule:hover,.night-mode .home__btn-rule:active,.night-mode .home__btn-rule:focus{border-color:#33a5a5;color:#33a5a5}.home__btn-dm,.home__btn-dm:hover,.home__btn-dm:active,.home__btn-dm:focus,.night-mode .home__btn-dm,.night-mode .home__btn-dm:hover,.night-mode .home__btn-dm:active,.night-mode .home__btn-dm:focus{border-color:#9400d3;color:#9400d3}.home__stripe{display:flex;flex-direction:column;align-items:center;padding-top:55px}.home__stripe-header{position:absolute;top:-50px;right:0;left:0;font-size:32px;font-weight:bold}.home__split{display:flex;justify-content:space-between}.home__split-spaced{margin-right:80px}.home__split-spaced--gutter{margin-right:10px}.home__wrp-buttons{justify-content:center}.home__mobile-visible{display:none}.home__narrow-visible{display:none}@media screen and (width <= 991px){.home__split{flex-direction:column}.home__split>*{margin-bottom:45px}.home__split-spaced{margin-right:0;margin-bottom:15px}.home__split-spaced--no-header{margin-bottom:0}.home__stripe-header{top:-40px;right:0;left:0}.home__mobile-visible{display:block}.home__icn-page{font-size:50px;height:50px}.home__btn-page{height:114px;margin:5px !important}.home__mobile-hidden{display:none !important}}@media screen and (width <= 507px){.home__narrow-visible{display:block !important}.home__narrow-hidden{display:none !important}.home__split-spaced--no-header{margin-bottom:15px}}[id=div-gpt-ad-5etools35927]::after,[id=div-gpt-ad-5etools35930]::after{content:"";margin:20px auto 0;width:100%;display:block}/*# sourceMappingURL=index.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}table.home-table{padding:0 10px 10px}table.home-table td{vertical-align:top;padding:0 5px;width:50%}#don-wrapper{position:relative;margin-bottom:7px;padding:5px 15px}#wrp-patreon{min-height:51px}.home__btn-page{border-width:2px;width:134px;height:110px;text-align:center;flex-shrink:0;padding:6px;display:flex;flex-direction:column;align-items:center;border-radius:0}@media screen and (width <= 1200px){.home__btn-page{width:113px}}.home__btn-page,.home__btn-page:hover,.home__btn-page:active,.home__btn-page:focus{color:#444}.ve-night-mode .home__btn-page,.ve-night-mode .home__btn-page:hover,.ve-night-mode .home__btn-page:active,.ve-night-mode .home__btn-page:focus{color:inherit}.home__icn-page{font-size:50px;height:50px;width:65px;overflow:hidden;text-align:center}.home__lbl-page{height:34px;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0;font-size:17px;color:#333}.home__h-player{text-decoration:underline;text-decoration-color:#1e90ff}.home__h-rule{text-decoration:underline;text-decoration-color:#33a5a5}.home__h-dm{text-decoration:underline;text-decoration-color:#9400d3}.home__btn-player,.home__btn-player:hover,.home__btn-player:active,.home__btn-player:focus,.ve-night-mode .home__btn-player,.ve-night-mode .home__btn-player:hover,.ve-night-mode .home__btn-player:active,.ve-night-mode .home__btn-player:focus{border-color:#1e90ff;color:#1e90ff}.home__btn-rule,.home__btn-rule:hover,.home__btn-rule:active,.home__btn-rule:focus,.ve-night-mode .home__btn-rule,.ve-night-mode .home__btn-rule:hover,.ve-night-mode .home__btn-rule:active,.ve-night-mode .home__btn-rule:focus{border-color:#33a5a5;color:#33a5a5}.home__btn-dm,.home__btn-dm:hover,.home__btn-dm:active,.home__btn-dm:focus,.ve-night-mode .home__btn-dm,.ve-night-mode .home__btn-dm:hover,.ve-night-mode .home__btn-dm:active,.ve-night-mode .home__btn-dm:focus{border-color:#9400d3;color:#9400d3}.home__stripe{display:flex;flex-direction:column;align-items:center;padding-top:55px}.home__stripe-header{position:absolute;top:-50px;right:0;left:0;font-size:32px;font-weight:bold}.home__split{display:flex;justify-content:space-between}.home__split-spaced{margin-right:80px}.home__split-spaced--gutter{margin-right:10px}.home__wrp-buttons{justify-content:center}.home__mobile-visible{display:none}.home__narrow-visible{display:none}@media screen and (width <= 991px){.home__split{flex-direction:column}.home__split>*{margin-bottom:45px}.home__split-spaced{margin-right:0;margin-bottom:15px}.home__split-spaced--no-header{margin-bottom:0}.home__stripe-header{top:-40px;right:0;left:0}.home__mobile-visible{display:block}.home__icn-page{font-size:50px;height:50px}.home__btn-page{height:114px;margin:5px !important}.home__mobile-hidden{display:none !important}}@media screen and (width <= 507px){.home__narrow-visible{display:block !important}.home__narrow-hidden{display:none !important}.home__split-spaced--no-header{margin-bottom:15px}}[id=div-gpt-ad-5etools35927]::after,[id=div-gpt-ad-5etools35930]::after{content:"";margin:20px auto 0;width:100%;display:block}/*# sourceMappingURL=index.css.map */

css/items.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.list--stats{height:initial;max-height:100%;min-height:100px}.list.subitems{min-height:initial}span.side-label{position:absolute;bottom:0;left:-22px;transform:rotate(-90deg);transform-origin:0 0;font-size:18px}h3.ele-mundane,h3.ele-magic{position:relative;margin:0}@media screen and (width <= 991px){.list--stats{max-height:20em}}@media screen and (device-height <= 700px){.list{max-height:20em}.viewport-wrapper{bottom:auto}.view-col-wrapper{flex-direction:column;max-height:none;height:auto}}.itm__list-divider{width:100%;height:1px;background:#ccc}.night-mode .itm__list-divider{background:#555}.itm__wrp-lists{flex:7}.itm__wrp-stats{flex:5}.itm__wrp-list{height:100%}.itm__wrp-list--empty{height:initial;flex-shrink:0}.style-switch__wide .itm__wrp-list{min-width:calc(50% - 10px);max-width:calc(50% - 10px)}.style-switch__wide .itm__wrp-list--mundane{margin-right:20px}.style-switch__wide #listcontainer.itm__wrp-lists{flex:initial;width:100%;flex-flow:row}.style-switch__wide .itm__wrp-stats{width:480px;flex:initial;flex-shrink:0}.style-switch__wide .side-label{display:none !important}.style-switch__wide .itm__list-divider{display:block !important}/*# sourceMappingURL=items.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.list--stats{height:initial;max-height:100%;min-height:100px}.list.subitems{min-height:initial}span.side-label{position:absolute;bottom:0;left:-22px;transform:rotate(-90deg);transform-origin:0 0;font-size:18px}h3.ele-mundane,h3.ele-magic{position:relative;margin:0}@media screen and (width <= 991px){.list--stats{max-height:20em}}@media screen and (device-height <= 700px){.list{max-height:20em}.viewport-wrapper{bottom:auto}.view-col-wrapper{flex-direction:column;max-height:none;height:auto}}.itm__list-divider{width:100%;height:1px;background:#ccc}.ve-night-mode .itm__list-divider{background:#555}.itm__wrp-lists{flex:7}.itm__wrp-stats{flex:5}.itm__wrp-list{height:100%}.itm__wrp-list--empty{height:initial;flex-shrink:0}.style-switch__wide .itm__wrp-list{min-width:calc(50% - 10px);max-width:calc(50% - 10px)}.style-switch__wide .itm__wrp-list--mundane{margin-right:20px}.style-switch__wide #listcontainer.itm__wrp-lists{flex:initial;width:100%;flex-flow:row}.style-switch__wide .itm__wrp-stats{width:480px;flex:initial;flex-shrink:0}.style-switch__wide .side-label{display:none !important}.style-switch__wide .itm__list-divider{display:block !important}/*# sourceMappingURL=items.css.map */

css/lifegen.css

@@ -1 +1 @@
-h4{border-bottom:1px solid #333;width:100%}.night-mode h4{border-bottom:1px solid #555}h5{text-decoration:underline;margin-bottom:3px}.life__output-wrp-border{border-radius:4px}.wrp-sect-head{display:flex;justify-content:space-between}.wrp-sect-head>button{margin:6px 0 6px 6px}.life__output{background:none}.btn-supp-fam{margin-top:7px;margin-bottom:7px;display:block}.btn-supp-fam::before{content:"Roll Supplemental Tables Details"}.note{display:inline-block;margin:3px 10px;font-style:italic;user-select:none}.btn-reroll::before{content:"Reroll"}.life__output{margin:1em 0;padding:.2em .7em;border-radius:.2em;display:none}/*# sourceMappingURL=lifegen.css.map */
+h4{border-bottom:1px solid #333;width:100%}.ve-night-mode h4{border-bottom:1px solid #555}h5{text-decoration:underline;margin-bottom:3px}.life__output-wrp-border{border-radius:4px}.wrp-sect-head{display:flex;justify-content:space-between}.wrp-sect-head>button{margin:6px 0 6px 6px}.life__output{background:none}.btn-supp-fam{margin-top:7px;margin-bottom:7px;display:block}.btn-supp-fam::before{content:"Roll Supplemental Tables Details"}.note{display:inline-block;margin:3px 10px;font-style:italic;user-select:none}.btn-reroll::before{content:"Reroll"}.life__output{margin:1em 0;padding:.2em .7em;border-radius:.2em;display:none}/*# sourceMappingURL=lifegen.css.map */

css/list-page--grouped.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.lst__item-group-header{font-size:14px;background:#f5f5f5}.night-mode .lst__item-group-header{background:#383838}#listcontainer{flex:3}#tablecontainer{flex:7;display:flex;flex-direction:column}#contentwrapper{overflow-y:auto}.search-box{margin-bottom:5px}.rolltable{display:flex}/*# sourceMappingURL=list-page--grouped.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.lst__item-group-header{font-size:14px;background:#f5f5f5}.ve-night-mode .lst__item-group-header{background:#383838}#listcontainer{flex:3}#tablecontainer{flex:7;display:flex;flex-direction:column}#contentwrapper{overflow-y:auto}.search-box{margin-bottom:5px}.rolltable{display:flex}/*# sourceMappingURL=list-page--grouped.css.map */

css/lootgen-bundle.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.lootg__wrp-output{border-radius:5px;background:#fff;border:1px solid #ccc}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.night-mode .lootg__wrp-output{background-color:#222;border-color:#555}/*# sourceMappingURL=lootgen-bundle.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.lootg__wrp-output{border-radius:5px;background:#fff;border:1px solid #ccc}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.ve-night-mode .lootg__wrp-output{background-color:#222;border-color:#555}/*# sourceMappingURL=lootgen-bundle.css.map */

css/makebrew.css

@@ -1 +1 @@
-#content_input{width:100%;height:100%;padding-right:3px;display:flex;flex-direction:column;min-height:0}#content_input::-webkit-scrollbar{width:4px}#content_input_controls{padding:3px 15px 0;border-top:1px solid #ccc}.night-mode #content_input_controls{border-color:#555}#content_output{overflow:hidden auto}#content_input input[type=number]{text-align:right}label{font-weight:initial;max-width:initial;margin-bottom:initial}textarea.form-control{height:100px}.mkbru__wrp-tab-heads--border{border-bottom:1px solid #ccc}.night-mode .mkbru__wrp-tab-heads--border{border-color:#555}.initial-message{font-size:5vmin;color:initial}.mkbru__cnt-save{min-width:48px}.mkbru__sidebar-entry{border-bottom:1px solid rgba(187,187,187,.0941176471)}.mkbru__wrp-output-tab-data{box-shadow:none;border-left:1px solid #ccc;border-right:1px solid #ccc}.night-mode .mkbru__wrp-output-tab-data{border-color:rgba(0,0,0,0)}.mkbru__row{padding:2px;border-radius:5px}.mkbru__wrp-row{margin-bottom:0;max-width:initial;font-weight:initial}.mkbru__row-name{min-width:120px;text-align:right;font-weight:bold}.mkbru_mon__row-indent{width:1px;align-self:stretch;flex-shrink:0;background:rgba(204,204,204,.5019607843);margin:4px .5rem}.mkbru__row-name--marked{min-width:114px}.mkbru__row-mark{width:1px;background:#ccc;flex-shrink:0;align-self:stretch;margin-top:4px;margin-bottom:4px}.night-mode .mkbru__row-mark{background:#555}.mkbru__ipt-cb[type=checkbox]{margin-top:0;margin-left:2px}.mkbru__ipt-cb--small-offset{position:relative;top:2px}.mkbru__ipt-cb--plain[type=checkbox]{margin-top:0}.mkbru__sub-name--50{min-width:calc(50% - .25rem);text-align:right;font-weight:bold}.mkbru__sub-name--33{min-width:calc(33.3333% - .25rem);text-align:right;font-weight:bold}.mkbru__sub-name--25{min-width:calc(25% - .25rem);text-align:right;font-weight:bold}.mkbru__wrp-btn-xxs{padding-right:3px}.mkbru__wrp-rows{border-bottom:1px solid rgba(204,204,204,.5019607843);margin-bottom:5px}.mkbru__wrp-rows--removable:only-child .mkbru__btn-rm-row,.mkbru__wrp-rows--removable:only-child .mkbru__btn-up-row,.mkbru__wrp-rows--removable:only-child .mkbru__btn-down-row,.mkbru__wrp-rows--removable:only-child .mkbru__btn-drag-row,.mkbru__wrp-rows--removable-nested-1:only-child .mkbru__btn-rm-row--nested-1{display:none}.mkbru__wrp-rows--removable:first-child .mkbru__btn-up-row,.mkbru__wrp-rows--removable:last-child .mkbru__btn-down-row{display:none}.mon__name--token .stats-source{padding-right:0}.mkbru_mon__ac-split{max-width:calc(50% - .25rem)}.mkbru_mon__btn-add-sense-language{min-width:91px}.mkbru_mon__spell-wrp-edit{min-height:22px}.mkbru_mon__spell-divider{height:1px;margin:0 3rem;background:rgba(204,204,204,.3764705882)}.mkbru_mon__spell-header-wrp{width:100%;align-items:center}.mkbru_mon__spell-header-ipt{max-width:4rem}.mkbru_mon__spell-header-divider{width:1px;flex-shrink:0;height:16px;background:#ccc}.night-mode .mkbru_mon__spell-header-divider{background:#555}.mkbru_mon__cb-environment[type=checkbox]{margin:0 2px 0 0}.mkbru_mon__skill-attrib-label{min-width:40px;flex-shrink:0;text-align:center}.mkbru_mon__ipt-attack-dice{max-width:40px;text-align:center}/*# sourceMappingURL=makebrew.css.map */
+#content_input{width:100%;height:100%;padding-right:3px;display:flex;flex-direction:column;min-height:0}#content_input::-webkit-scrollbar{width:4px}#content_input_controls{padding:3px 15px 0;border-top:1px solid #ccc}.ve-night-mode #content_input_controls{border-color:#555}#content_output{overflow:hidden auto}#content_input input[type=number]{text-align:right}label{font-weight:initial;max-width:initial;margin-bottom:initial}textarea.form-control{height:100px}.mkbru__wrp-tab-heads--border{border-bottom:1px solid #ccc}.ve-night-mode .mkbru__wrp-tab-heads--border{border-color:#555}.initial-message{font-size:5vmin;color:initial}.mkbru__cnt-save{min-width:48px}.mkbru__sidebar-entry{border-bottom:1px solid rgba(187,187,187,.0941176471)}.mkbru__wrp-output-tab-data{box-shadow:none;border-left:1px solid #ccc;border-right:1px solid #ccc}.ve-night-mode .mkbru__wrp-output-tab-data{border-color:rgba(0,0,0,0)}.mkbru__row{padding:2px;border-radius:5px}.mkbru__wrp-row{margin-bottom:0;max-width:initial;font-weight:initial}.mkbru__row-name{min-width:120px;text-align:right;font-weight:bold}.mkbru_mon__row-indent{width:1px;align-self:stretch;flex-shrink:0;background:rgba(204,204,204,.5019607843);margin:4px .5rem}.mkbru__row-name--marked{min-width:114px}.mkbru__row-mark{width:1px;background:#ccc;flex-shrink:0;align-self:stretch;margin-top:4px;margin-bottom:4px}.ve-night-mode .mkbru__row-mark{background:#555}.mkbru__ipt-cb[type=checkbox]{margin-top:0;margin-left:2px}.mkbru__ipt-cb--small-offset{position:relative;top:2px}.mkbru__ipt-cb--plain[type=checkbox]{margin-top:0}.mkbru__sub-name--50{min-width:calc(50% - .25rem);text-align:right;font-weight:bold}.mkbru__sub-name--33{min-width:calc(33.3333% - .25rem);text-align:right;font-weight:bold}.mkbru__sub-name--25{min-width:calc(25% - .25rem);text-align:right;font-weight:bold}.mkbru__wrp-btn-xxs{padding-right:3px}.mkbru__wrp-rows{border-bottom:1px solid rgba(204,204,204,.5019607843);margin-bottom:5px}.mkbru__wrp-rows--removable:only-child .mkbru__btn-rm-row,.mkbru__wrp-rows--removable:only-child .mkbru__btn-up-row,.mkbru__wrp-rows--removable:only-child .mkbru__btn-down-row,.mkbru__wrp-rows--removable:only-child .mkbru__btn-drag-row,.mkbru__wrp-rows--removable-nested-1:only-child .mkbru__btn-rm-row--nested-1{display:none}.mkbru__wrp-rows--removable:first-child .mkbru__btn-up-row,.mkbru__wrp-rows--removable:last-child .mkbru__btn-down-row{display:none}.mon__name--token .stats-source{padding-right:0}.mkbru_mon__ac-split{max-width:calc(50% - .25rem)}.mkbru_mon__btn-add-sense-language{min-width:91px}.mkbru_mon__spell-wrp-edit{min-height:22px}.mkbru_mon__spell-divider{height:1px;margin:0 3rem;background:rgba(204,204,204,.3764705882)}.mkbru_mon__spell-header-wrp{width:100%;align-items:center}.mkbru_mon__spell-header-ipt{max-width:4rem}.mkbru_mon__spell-header-divider{width:1px;flex-shrink:0;height:16px;background:#ccc}.ve-night-mode .mkbru_mon__spell-header-divider{background:#555}.mkbru_mon__cb-environment[type=checkbox]{margin:0 2px 0 0}.mkbru_mon__skill-attrib-label{min-width:40px;flex-shrink:0;text-align:center}.mkbru_mon__ipt-attack-dice{max-width:40px;text-align:center}/*# sourceMappingURL=makebrew.css.map */

css/maps.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.maps .rd__wrp-map{max-width:initial;margin:0}.maps__disp-message-initial{background:#fff;border:1px solid rgba(204,204,204,.6274509804);border-radius:5px}.maps-menu{background:#fff;font-size:1.12rem;border-top:1px solid #ccc;width:235px}@media screen and (width <= 768px){.maps-menu{max-height:600px}}.maps-menu__btn-chapter-scroll{width:20px;opacity:0;margin:-2px 3px}.maps-menu__label-cb{border-bottom:1px solid #ccc}.maps-menu__label-cb:hover{background-color:#f5f5f5}.maps-menu__label-cb:hover .maps-menu__btn-chapter-scroll{opacity:1}.maps-gallery__wrp-chapter{border:1px solid rgba(204,204,204,.6274509804);border-radius:5px}.night-mode .maps__disp-message-initial{background:#222;border-color:rgba(85,85,85,.6274509804)}.night-mode .maps-menu{background:#222;border-top-color:rgba(85,85,85,.6274509804)}.night-mode .maps-menu__label-cb{border-bottom-color:#555}.night-mode .maps-menu__label-cb:hover{background-color:#383838}.night-mode .maps-gallery__wrp-chapter{background:#222;border-color:rgba(85,85,85,.6274509804)}/*# sourceMappingURL=maps.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.maps .rd__wrp-map{max-width:initial;margin:0}.maps__disp-message-initial{background:#fff;border:1px solid rgba(204,204,204,.6274509804);border-radius:5px}.maps-menu{background:#fff;font-size:1.12rem;border-top:1px solid #ccc;width:235px}@media screen and (width <= 768px){.maps-menu{max-height:600px}}.maps-menu__btn-chapter-scroll{width:20px;opacity:0;margin:-2px 3px}.maps-menu__label-cb{border-bottom:1px solid #ccc}.maps-menu__label-cb:hover{background-color:#f5f5f5}.maps-menu__label-cb:hover .maps-menu__btn-chapter-scroll{opacity:1}.maps-gallery__wrp-chapter{border:1px solid rgba(204,204,204,.6274509804);border-radius:5px}.ve-night-mode .maps__disp-message-initial{background:#222;border-color:rgba(85,85,85,.6274509804)}.ve-night-mode .maps-menu{background:#222;border-top-color:rgba(85,85,85,.6274509804)}.ve-night-mode .maps-menu__label-cb{border-bottom-color:#555}.ve-night-mode .maps-menu__label-cb:hover{background-color:#383838}.ve-night-mode .maps-gallery__wrp-chapter{background:#222;border-color:rgba(85,85,85,.6274509804)}/*# sourceMappingURL=maps.css.map */

css/recipes.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.recipes__tbl-recipes{border-left:1px solid rgba(204,204,204,.6274509804)}.night-mode .recipes__tbl-recipes{border-left:1px solid rgba(85,85,85,.6274509804)}/*# sourceMappingURL=recipes.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.recipes__tbl-recipes{border-left:1px solid rgba(204,204,204,.6274509804)}.ve-night-mode .recipes__tbl-recipes{border-left:1px solid rgba(85,85,85,.6274509804)}/*# sourceMappingURL=recipes.css.map */

css/search.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.pg-search__ipt{border-right:0}.pg-search__wrp-result{border:1px solid #ccc;border-radius:5px;min-height:calc(1rem + 48px + 2px)}.pg-search__disp-token{width:48px;height:48px;align-self:center}.pg-search__disp-srd,.pg-search__disp-source-marker{font-size:8.5px;vertical-align:super;top:2px;margin-left:3px}.pg-search__wrp-preview{width:500px;border:1px solid #ccc}.pg-search__btn-toggle-preview--expanded{border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (width <= 768px){.pg-search__btn-toggle-preview--expanded{border-top-left-radius:3px;border-bottom-left-radius:3px}}.night-mode .pg-search__wrp-result{border:1px solid #555;background:#222}.night-mode .pg-search__wrp-preview{border:1px solid #555}.style-switch__wide .pg-search__wrp-preview{width:50vw}/*# sourceMappingURL=search.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.pg-search__ipt{border-right:0}.pg-search__wrp-result{border:1px solid #ccc;border-radius:5px;min-height:calc(1rem + 48px + 2px)}.pg-search__disp-token{width:48px;height:48px;align-self:center}.pg-search__disp-srd,.pg-search__disp-source-marker{font-size:8.5px;vertical-align:super;top:2px;margin-left:3px}.pg-search__wrp-preview{width:500px;border:1px solid #ccc}.pg-search__btn-toggle-preview--expanded{border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (width <= 768px){.pg-search__btn-toggle-preview--expanded{border-top-left-radius:3px;border-bottom-left-radius:3px}}.ve-night-mode .pg-search__wrp-result{border:1px solid #555;background:#222}.ve-night-mode .pg-search__wrp-preview{border:1px solid #555}.style-switch__wide .pg-search__wrp-preview{width:50vw}/*# sourceMappingURL=search.css.map */

css/statgen-bundle.css

@@ -1 +1 @@
-@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.statgen .statgen-shared__btn-reset{right:-3px;width:22px;height:22px}.statgen .statgen-shared__ipt{width:42px;height:24px}.statgen .statgen-shared__ipt[readonly]{background-color:#eee}.statgen .statgen-shared__ipt--sel{width:64px;text-align-last:center}.statgen .statgen-shared__btn-toggle-tashas-rules{line-height:14px;width:16px;height:16px}.statgen .statgen-shared__btn-toggle-tashas-rules .glyphicon{left:-0.6px}.statgen .statgen-rolled__wrp-results{border:1px solid rgba(204,204,204,.6274509804);border-radius:3px}.statgen .statgen-rolled__disp-result{min-width:24px}.statgen .statgen-pb__ipt-budget{width:70px}.statgen .statgen-pb__ipt-budget--error{border-color:red}.statgen .statgen-pb__header{height:22px}.statgen .statgen-pb__header--group{border-bottom:1px solid rgba(204,204,204,.6274509804)}.statgen .statgen-pb__header--choose-from{min-width:40px}.statgen .statgen-pb__cell{height:24px;min-width:36px}.statgen .statgen-pb__col-cost{width:90px}.statgen .statgen-pb__col-cost-delete{width:26px}.statgen .statgen-pb__row-cost{min-height:27px}.statgen .statgen-asi__row{border-bottom:1px solid rgba(204,204,204,.6274509804)}.statgen .statgen-asi__cell{width:52px}.statgen .statgen-asi__disp-plus{left:-1px}.statgen .statgen-asi__cell-feat{width:40px;min-height:20px}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.night-mode .statgen .statgen-shared__ipt[readonly]{background-color:#3a3a3a}.night-mode .statgen .statgen-rolled__wrp-results{border-color:rgba(85,85,85,.6274509804)}.night-mode .statgen .statgen-pb__ipt-budget--error{border-color:red}.night-mode .statgen .statgen-asi__row{border-bottom:1px solid rgba(85,85,85,.6274509804)}.night-mode .statgen .statgen-asi__cell--top{border-color:#555}@media screen and (width <= 991px){.viewport-wrapper{bottom:0;height:100vh;min-height:0}}.container--main{min-width:420px}/*# sourceMappingURL=statgen-bundle.css.map */
+@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.statgen .statgen-shared__btn-reset{right:-3px;width:22px;height:22px}.statgen .statgen-shared__ipt{width:42px;height:24px}.statgen .statgen-shared__ipt[readonly]{background-color:#eee}.statgen .statgen-shared__ipt--sel{width:64px;text-align-last:center}.statgen .statgen-shared__btn-toggle-tashas-rules{line-height:14px;width:16px;height:16px}.statgen .statgen-shared__btn-toggle-tashas-rules .glyphicon{left:-0.6px}.statgen .statgen-rolled__wrp-results{border:1px solid rgba(204,204,204,.6274509804);border-radius:3px}.statgen .statgen-rolled__disp-result{min-width:24px}.statgen .statgen-pb__ipt-budget{width:70px}.statgen .statgen-pb__ipt-budget--error{border-color:red}.statgen .statgen-pb__header{height:22px}.statgen .statgen-pb__header--group{border-bottom:1px solid rgba(204,204,204,.6274509804)}.statgen .statgen-pb__header--choose-from{min-width:40px}.statgen .statgen-pb__cell{height:24px;min-width:36px}.statgen .statgen-pb__col-cost{width:90px}.statgen .statgen-pb__col-cost-delete{width:26px}.statgen .statgen-pb__row-cost{min-height:27px}.statgen .statgen-asi__row{border-bottom:1px solid rgba(204,204,204,.6274509804)}.statgen .statgen-asi__cell{width:52px}.statgen .statgen-asi__disp-plus{left:-1px}.statgen .statgen-asi__cell-feat{width:40px;min-height:20px}@font-face{font-family:Convergence;font-style:normal;font-weight:400;src:local("Convergence-Regular"),url("../fonts/Convergence-Regular.woff2") format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url("../fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;src:local("glyphicons-halflings-regular"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")}@font-face{font-family:"Blambot Casual";src:local("Blambot-Casual"),url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")}@font-face{font-family:HPPHumblescratch;src:local("HPPHumblescratch"),url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")}@keyframes kf-fade-out{from{opacity:1}to{opacity:0}}.ve-night-mode .statgen .statgen-shared__ipt[readonly]{background-color:#3a3a3a}.ve-night-mode .statgen .statgen-rolled__wrp-results{border-color:rgba(85,85,85,.6274509804)}.ve-night-mode .statgen .statgen-pb__ipt-budget--error{border-color:red}.ve-night-mode .statgen .statgen-asi__row{border-bottom:1px solid rgba(85,85,85,.6274509804)}.ve-night-mode .statgen .statgen-asi__cell--top{border-color:#555}@media screen and (width <= 991px){.viewport-wrapper{bottom:0;height:100vh;min-height:0}}.container--main{min-width:420px}/*# sourceMappingURL=statgen-bundle.css.map */

data/adventures.json

@@ -11441,10 +11441,7 @@
 				{
 					"name": "Foreword",
 					"headers": [
-						"Pronunciation Guide",
+						"Pronunciation Guide"
-						"Information",
-						"DM Map Links",
-						"Player Map Links"
 					]
 				},
 				{

data/bestiary/bestiary-tdcsr.json

@@ -646,6 +646,12 @@
 					"entries": [
 						"When a creature within 5 feet of the stoneguard attacks a target other than the stoneguard, the stoneguard can make one attack against that creature."
 					]
+				},
+				{
+					"name": "Skin to Stone",
+					"entries": [
+						"When the stoneguard is attacked, it gains resistance to bludgeoning, piercing, and slashing damage from nonmagical attacks until the end of the attacker's turn"
+					]
 				}
 			],
 			"senseTags": [

data/bestiary/bestiary-wdmm.json

@@ -977,6 +977,7 @@
 				"Multiattack",
 				"Tentacles"
 			],
+			"languageTags": [],
 			"damageTags": [
 				"I",
 				"P"

data/bestiary/fluff-bestiary-mpmm.json

@@ -3978,7 +3978,7 @@
 				{
 					"type": "quote",
 					"entries": [
-						"Believe it or not, I like kobolds. I find their oscillation between bravery an cowardice endlessly entertaining. In fact,I'd say kobolds are proof of the universe's most fundamental lesson: there is always something bigger than you."
+						"Believe it or not, I like kobolds. I find their oscillation between bravery and cowardice endlessly entertaining. In fact, I'd say kobolds are proof of the universe's most fundamental lesson: there is always something bigger than you."
 					],
 					"by": "Mordenkainen"
 				},

data/changelog.json

@@ -2697,5 +2697,10 @@
 		"date": "2024-04-23",
 		"title": "Bodak Moment",
 		"txt": "- Added Tome of Beast 1 (2023 Edition) tokens (thanks to the original converter(s) for the majority of these)\n- Added \"Export as Image\" to list page \"Other Options\" menu\n- Added fluff images to classes/subclasses\n- (Brew) Revised class fluff format to match other entity types; added support for class/subclass fluff\n- (Brew) Simplified fluff loading process to remove need for `fluff._<prop>Fluff` structure when referring to non-inline fluff; `hasFluff`/`hasFluffImages` is now sufficient\n- (Brew) Fixed Spell Text Converter handling of \"gold\" in material components\n- (Brew) Fixed Spell Text Converter treating damage immunities/vulnerabilities as damage resistances\n- (Fixed typos/added tags)"
+	},
+	{
+		"ver": "1.206.1",
+		"date": "2024-05-06",
+		"txt": "- Fixed list page \"Export as Image\" failing to function on Firefox\n- Fixed Classes page failing to hide subclass images when \"Info\" is disabled\n- Fixed Dice Roller handling of unicode \"minus sign\" character\n- (Brew) Improved/fixed Creature Text Converter handling of: `&`-separated creature types; non-Oxford-comma-seperated immunity/resistance/vulnerability lists\n- (Fixed typos/added tags)"
 	}
 ]

data/class/class-warlock.json

@@ -2067,7 +2067,7 @@
 			"header": 2,
 			"entries": [
 				"{@i 14th-level Genie feature}",
-				"You entreat your patron to grant you a small wish. As an action, you can speak your desire to your Genie's Vessel, requesting the effect of one spell that is 6th level or lower and has a casting time of 1 action. The spell can be from any class's spell list, and you don't need to meet the requirements in that spell, including costly components; the spell simply takes effect as part of this action.",
+				"You entreat your patron to grant you a small wish. As an action, you can speak your desire to your Genie's Vessel, requesting the effect of one {@filter spell that is 6th level or lower and has a casting time of 1 action|spells|cast time=action|level=0;1;2;3;4;5;6}. The spell can be from any class's spell list, and you don't need to meet the requirements in that spell, including costly components; the spell simply takes effect as part of this action.",
 				"Once you use this feature, you can't use it again until you finish {@dice 1d4} long rests."
 			]
 		},

data/renderdemo.json

@@ -131,7 +131,7 @@
 									"type": "list",
 									"items": [
 										"Internal links: {@5etools This Is Your Life|lifegen.html}",
-										"Internal image links: {@5etoolsImg Players Handbook Cover|covers/PHB.webp}",
+										"Internal \"img\" links (i.e., anything in {@link https://github.com/5etools-mirror-2/5etools-img}): {@5etoolsImg Players Handbook Cover|covers/PHB.webp}; {@5etoolsImg Human Paladin sheet|pdf/DoSI/Human-Paladin.pdf}",
 										"External links: {@link https://discord.gg/5etools} or {@link Discord|https://discord.gg/5etools}"
 									]
 								},

data/spells/spells-llk.json

@@ -166,6 +166,7 @@
 			],
 			"miscTags": [
 				"OBJ",
+				"PIR",
 				"PRM"
 			]
 		}

data/spells/spells-phb.json

@@ -13310,6 +13310,7 @@
 			],
 			"miscTags": [
 				"OBJ",
+				"PIR",
 				"PRM"
 			],
 			"areaTags": [

data/spells/spells-xge.json

@@ -1326,6 +1326,7 @@
 			],
 			"miscTags": [
 				"OBS",
+				"PIR",
 				"PRM",
 				"SMN"
 			],

js/blocklist-ui.js

@@ -641,7 +641,7 @@ class BlocklistUi {
 	}
 
 	async _pImport_getUserUpload () {
-		return DataUtil.pUserUpload({expectedFileTypes: ["content-blocklist", "content-blacklist"]}); // Supports old fileType "content-blacklist"
+		return InputUiUtil.pGetUserUploadJson({expectedFileTypes: ["content-blocklist", "content-blacklist"]}); // Supports old fileType "content-blacklist"
 	}
 
 	async _pImport (evt) {

js/classes.js

@@ -831,7 +831,7 @@ class ClassesPage extends MixinComponentGlobalState(MixinBaseComponent(MixinProx
 				$(`.cls-main__sc-fluff`)
 					.each((i, e) => {
 						const $e = $(e);
-						$e.toggleVe(!!this._state[$e.attr("data-subclass-id")]);
+						$e.toggleVe(!!this._state[$e.attr("data-subclass-id-fluff")]);
 					});
 			}
 		};
@@ -2183,7 +2183,7 @@ class ClassesPage extends MixinComponentGlobalState(MixinBaseComponent(MixinProx
 
 				if (!rdScFluff?.length) return;
 
-				$(`<tr class="cls-main__sc-fluff" data-subclass-id="${UrlUtil.getStateKeySubclass(sc)}"><td colspan="6"></td></tr>`)
+				$(`<tr class="cls-main__sc-fluff" data-subclass-id-fluff="${UrlUtil.getStateKeySubclass(sc)}"><td colspan="6"></td></tr>`)
 					.fastSetHtml(rdScFluff)
 					.appendTo($content);
 			});

js/converter-creature.js

@@ -720,7 +720,7 @@ class CreatureParser extends BaseParser {
 			.map(it => {
 				if (!it.name.trim() && !it.entries.length) return null;
 
-				const m = /can take (\d) legendary actions/gi.exec(it.entries[0]);
+				const m = /can take (\d) legendary actions?/gi.exec(it.entries[0]);
 				if (!it.name.trim() && m) {
 					if (m[1] !== "3") stats.legendaryActions = Number(m[1]);
 					return null;
@@ -1503,6 +1503,13 @@ class CreatureParser extends BaseParser {
 			};
 		}
 
+		if (/ (&|and) /.test(strType)) {
+			const pts = strType.split(/(?:, |,? (?:&|and) )/g);
+			type = {
+				choose: pts.map(it => it.trim()).filter(Boolean),
+			};
+		}
+
 		if (!type) type = strType;
 
 		if (typeof type === "string" && !tags && !note) return type;

js/converterutils-creature.js

@@ -374,6 +374,7 @@ class _CreatureImmunityResistanceVulnerabilityConverterBase {
 	static _getCleanIpt ({ipt}) {
 		return ipt
 			.replace(/^none\b/i, "") // Thanks.
+			.replace(/\.+\s*$/, "")
 			.trim()
 		;
 	}
@@ -463,7 +464,12 @@ class _CreatureImmunityResistanceVulnerabilityConverterBase {
 							pt = pt.slice(ixPreNote).trim();
 						}
 
-						if (pt) newGroup.push(pt);
+						pt = pt.trim();
+						if (!pt) return;
+
+						pt
+							.split(/ and /g)
+							.forEach(val => newGroup.push(val));
 					});
 
 				const newGroupOut = newGroup

js/dmscreen.js

@@ -806,7 +806,7 @@ class SideMenu {
 		});
 		const $btnLoadFile = $(`<button class="btn btn-primary">Load from File</button>`).appendTo($wrpSaveLoadFile);
 		$btnLoadFile.on("click", async () => {
-			const {jsons, errors} = await DataUtil.pUserUpload({expectedFileTypes: ["dm-screen"]});
+			const {jsons, errors} = await InputUiUtil.pGetUserUploadJson({expectedFileTypes: ["dm-screen"]});
 
 			DataUtil.doHandleFileLoadErrorsGeneric(errors);
 

js/listpage.js

@@ -534,7 +534,7 @@ class SublistManager {
 	}
 
 	async pHandleClick_upload ({isAdditive = false} = {}) {
-		const {jsons, errors} = await DataUtil.pUserUpload({expectedFileTypes: this._getUploadFileTypes()});
+		const {jsons, errors} = await InputUiUtil.pGetUserUploadJson({expectedFileTypes: this._getUploadFileTypes()});
 
 		DataUtil.doHandleFileLoadErrorsGeneric(errors);
 
@@ -1691,7 +1691,7 @@ class ListPage {
 
 		this._btnsTabs[ident] = e_({
 			tag: "button",
-			clazz: "ui-tab__btn-tab-head btn btn-default",
+			clazz: "ui-tab__btn-tab-head btn btn-default pt-2p px-4p pb-0",
 			children: [
 				e_({
 					tag: "span",
@@ -2034,6 +2034,13 @@ class ListPage {
 			},
 		};
 
+		// See: https://github.com/1904labs/dom-to-image-more/issues/146
+		if (BrowserUtil.isFirefox()) {
+			const bcr = this._$pgContent[0].getBoundingClientRect();
+			optsDomToImage.width = bcr.width;
+			optsDomToImage.height = bcr.height;
+		}
+
 		if (isFast) {
 			let blob;
 			try {

js/lootgen-ui.js

@@ -1993,7 +1993,7 @@ class LootGenMagicItem extends BaseComponent {
 		const $btnReroll = this._$getBtnReroll();
 
 		return $$`<li class="split-v-center">
-			<div class="ve-flex-v-center ve-flex-wrap pr-3">
+			<div class="ve-flex-v-center ve-flex-wrap pr-3 min-w-0">
 				${$dispBaseEntry}
 				${$dispRoll}
 			</div>
@@ -2087,7 +2087,7 @@ class LootGenMagicItemSpellScroll extends LootGenMagicItem {
 		const $btnReroll = this._$getBtnReroll();
 
 		return $$`<li class="split-v-center">
-			<div class="ve-flex-v-center ve-flex-wrap pr-3">
+			<div class="ve-flex-v-center ve-flex-wrap pr-3 min-w-0">
 				${$dispBaseEntry}
 				<div class="ve-flex-v-center italic mr-2">
 					<span>(</span>
@@ -2141,7 +2141,7 @@ class LootGenMagicItemSubItems extends LootGenMagicItem {
 		const $btnReroll = this._$getBtnReroll();
 
 		return $$`<li class="split-v-center">
-			<div class="ve-flex-v-center ve-flex-wrap pr-3">
+			<div class="ve-flex-v-center ve-flex-wrap pr-3 min-w-0">
 				${$dispBaseEntry}
 				<div class="ve-flex-v-center italic mr-2">
 					<span>(</span>
@@ -2211,14 +2211,14 @@ class LootGenMagicItemTable extends LootGenMagicItem {
 
 		return $$`<li class="ve-flex-col">
 			<div class="split-v-center">
-				<div class="ve-flex-v-center ve-flex-wrap pr-3">
+				<div class="ve-flex-v-center ve-flex-wrap pr-3 min-w-0">
 					${$dispBaseEntry}
 					${$dispRoll}
 				</div>
 				${$btnReroll}
 			</div>
 			<div class="split-v-center pl-2">
-				<div class="ve-flex-v-center ve-flex-wrap pr-3">
+				<div class="ve-flex-v-center ve-flex-wrap pr-3 min-w-0">
 					<span class="ml-1 mr-2">&rarr;</span>
 					${$dispTableEntry}
 					${$dispTableRoll}

js/maps-util.js

@@ -50,6 +50,7 @@ class MapsUtil {
 			? {
 				[head.id]: {
 					id: head.id,
+					name: head.name,
 					source: head.source,
 					prop,
 					parentSource: head.parentSource,

js/maps.js

@@ -85,9 +85,9 @@ class MapsPage extends BaseComponent {
 		const mapData = {};
 
 		// Apply the prerelease/brew data first, so the "official" data takes precedence, where required
-		Object.assign(mapData, MiscUtil.copy(await this._pGetPrereleaseBrewMaps({brewUtil: BrewUtil2})));
+		Object.assign(mapData, MiscUtil.copyFast(await this._pGetPrereleaseBrewMaps({brewUtil: BrewUtil2})));
-		Object.assign(mapData, MiscUtil.copy(await this._pGetPrereleaseBrewMaps({brewUtil: PrereleaseUtil})));
+		Object.assign(mapData, MiscUtil.copyFast(await this._pGetPrereleaseBrewMaps({brewUtil: PrereleaseUtil})));
-		Object.assign(mapData, MiscUtil.copy(mapDataBase));
+		Object.assign(mapData, MiscUtil.copyFast(mapDataBase));
 
 		return mapData;
 	}
@@ -134,8 +134,8 @@ class MapsPage extends BaseComponent {
 		propsDisplaySource.push(propDisplaySource);
 
 		const shortNameHtml = this._getShortNameHtml({source, sourceMeta});
-		const titleName = this._getTitleName({source, sourceMeta});
+		const titleName = this._getTitleName({sourceMeta});
-		const searchName = this._getSearchName({source, sourceMeta});
+		const searchName = this._getSearchName({sourceMeta});
 
 		const propsDisplayChapter = [];
 		const rendersChapter = sourceMeta.chapters
@@ -248,19 +248,31 @@ class MapsPage extends BaseComponent {
 	}
 
 	_getShortNameHtml ({source, sourceMeta}) {
-		if (!sourceMeta.parentSource) return Parser.sourceJsonToFull(source).qq();
+		const titleName = this._getTitleName({sourceMeta});
-		const fullSource = Parser.sourceJsonToFull(source);
+
+		if (!sourceMeta.parentSource) return titleName.qq();
+
 		const fullParentSource = Parser.sourceJsonToFull(sourceMeta.parentSource);
-		return fullSource.replace(new RegExp(`^${fullParentSource.escapeRegexp()}: `, "i"), `<span title="${Parser.sourceJsonToFull(sourceMeta.parentSource).qq()}">${Parser.sourceJsonToAbv(sourceMeta.parentSource).qq()}</span>: `);
+		const ptPrefixParent = `<span title="${Parser.sourceJsonToFull(sourceMeta.parentSource).qq()}">${Parser.sourceJsonToAbv(sourceMeta.parentSource).qq()}</span>: `;
+
+		let isIncludesParent = false;
+		let out = titleName
+			.replace(new RegExp(`^${fullParentSource.escapeRegexp()}: `, "i"), () => {
+				isIncludesParent = true;
+				return ptPrefixParent;
+			});
+		if (isIncludesParent) return out;
+
+		return `${ptPrefixParent}${out}`;
 	}
 
-	_getTitleName ({source, sourceMeta}) {
+	_getTitleName ({sourceMeta}) {
-		if (!sourceMeta.parentSource) return Parser.sourceJsonToFull(source).toLowerCase().trim();
+		if (sourceMeta.name) return sourceMeta.name;
-		return `${Parser.sourceJsonToFull(sourceMeta.parentSource)}: ${Parser.sourceJsonToFull(source)}`.toLowerCase().trim();
+		return Parser.sourceJsonToFull(sourceMeta.source).trim();
 	}
 
-	_getSearchName ({source, sourceMeta}) {
+	_getSearchName ({sourceMeta}) {
-		return this._getTitleName({source, sourceMeta}).toLowerCase().trim();
+		return this._getTitleName({sourceMeta}).toLowerCase().trim();
 	}
 
 	_isVisibleSourceSearch ({searchName}) { return searchName.includes(this._state.search.trim().toLowerCase()); }

js/navigation.js

@@ -785,7 +785,7 @@ NavBar.InteractionManager = class {
 
 	static async _pOnClick_button_loadStateFile (evt) {
 		evt.preventDefault();
-		const {jsons, errors} = await DataUtil.pUserUpload({expectedFileTypes: ["5etools"]});
+		const {jsons, errors} = await InputUiUtil.pGetUserUploadJson({expectedFileTypes: ["5etools"]});
 
 		DataUtil.doHandleFileLoadErrorsGeneric(errors);
 

js/parser.js

@@ -645,7 +645,8 @@ Parser.sourceJsonToDate = function (source) {
 };
 
 Parser.sourceJsonToColor = function (source) {
-	return `source__${source}`;
+	const sourceCased = Parser.sourceJsonToJson(source);
+	return `source__${sourceCased}`;
 };
 
 Parser.sourceJsonToStyle = function (source) {

js/render-dice.js

@@ -1098,7 +1098,7 @@ Renderer.dice.lang = {
 			.replace(/\s*?\bdivided by\b\s*?/g, " / ")
 			// endregion
 			.replace(/\s+/g, "")
-			.replace(/[\u2012\u2013\u2014]/g, "-") // convert dashes
+			.replace(/[\u2012\u2013\u2014\u2212]/g, "-") // convert dashes
 			.replace(/[×]/g, "*") // convert mult signs
 			.replace(/\*\*/g, "^") // convert ** to ^
 			.replace(/÷/g, "/") // convert div signs

js/render.js

@@ -3000,7 +3000,7 @@ Renderer.utils = class {
 		tabButtons.forEach((tb, i) => {
 			tb.ix = i;
 
-			tb.$t = $(`<button class="ui-tab__btn-tab-head btn btn-default stat-tab-gen">${tb.label}</button>`)
+			tb.$t = $(`<button class="ui-tab__btn-tab-head btn btn-default stat-tab-gen pt-2p px-4p pb-0">${tb.label}</button>`)
 				.click(() => tb.fnActivateTab({isUserInput: true}));
 
 			tb.fnActivateTab = ({isUserInput = false} = {}) => {

js/statgen.js

@@ -63,7 +63,7 @@ class StatGenPage {
 						html: `<span class="glyphicon glyphicon-upload"></span>`,
 						title: "Load from File",
 						pFnClick: async () => {
-							const {jsons, errors} = await DataUtil.pUserUpload({expectedFileTypes: ["statgen"]});
+							const {jsons, errors} = await InputUiUtil.pGetUserUploadJson({expectedFileTypes: ["statgen"]});
 
 							DataUtil.doHandleFileLoadErrorsGeneric(errors);
 

js/styleswitch.js

@@ -149,8 +149,8 @@ StyleSwitcher._STORAGE_WIDE = "StyleSwitcher_style-wide";
 StyleSwitcher._STYLE_DAY = "day";
 StyleSwitcher._STYLE_NIGHT = "night";
 StyleSwitcher._STYLE_NIGHT_ALT = "nightAlt";
-StyleSwitcher._NIGHT_CLASS = "night-mode";
+StyleSwitcher._NIGHT_CLASS = "ve-night-mode";
-StyleSwitcher._NIGHT_CLASS_ALT = "night-mode--alt";
+StyleSwitcher._NIGHT_CLASS_ALT = "ve-night-mode--alt";
 StyleSwitcher._WIDE_ID = "style-switch__wide";
 
 try {

js/utils-brew.js

@@ -1833,7 +1833,7 @@ class ManageBrewUi {
 	}
 
 	async _pHandleClick_btnLoadFromFile (rdState) {
-		const {files, errors} = await DataUtil.pUserUpload({isMultiple: true});
+		const {files, errors} = await InputUiUtil.pGetUserUploadJson({isMultiple: true});
 
 		DataUtil.doHandleFileLoadErrorsGeneric(errors);
 

js/utils-dataloader.js

@@ -847,6 +847,14 @@ class _DataTypeLoaderOptionalfeatureFluff extends _DataTypeLoaderSingleSource {
 	_filename = "fluff-optionalfeatures.json";
 }
 
+class _DataTypeLoaderRewardFluff extends _DataTypeLoaderSingleSource {
+	static PROPS = ["rewardFluff"];
+	static PAGE = UrlUtil.PG_REWARDS;
+	static IS_FLUFF = true;
+
+	_filename = "fluff-rewards.json";
+}
+
 class _DataTypeLoaderItemFluff extends _DataTypeLoaderSingleSource {
 	static PROPS = ["itemFluff"];
 	static PAGE = UrlUtil.PG_ITEMS;
@@ -1743,6 +1751,7 @@ class DataLoader {
 		_DataTypeLoaderBackgroundFluff.register({fnRegister});
 		_DataTypeLoaderFeatFluff.register({fnRegister});
 		_DataTypeLoaderOptionalfeatureFluff.register({fnRegister});
+		_DataTypeLoaderRewardFluff.register({fnRegister});
 		_DataTypeLoaderItemFluff.register({fnRegister});
 		_DataTypeLoaderRaceFluff.register({fnRegister});
 		_DataTypeLoaderLanguageFluff.register({fnRegister});

js/utils-list.js

@@ -219,7 +219,7 @@ class ListUtilEntity {
 			...others
 		},
 	) {
-		const {jsons, errors} = await DataUtil.pUserUpload({
+		const {jsons, errors} = await InputUiUtil.pGetUserUploadJson({
 			expectedFileTypes: this._getFileTypes({page}),
 		});
 
@@ -516,7 +516,7 @@ class SaveManager extends BaseComponent {
 			? null
 			: $(`<button class="btn btn-default btn-xs" title="Load Lists from File">Import All</button>`)
 				.click(async () => {
-					const {jsons, errors} = await DataUtil.pUserUpload({
+					const {jsons, errors} = await InputUiUtil.pGetUserUploadJson({
 						expectedFileTypes: [ListUtil.getDownloadFiletypeSaves({page: this._page})],
 					});
 

js/utils-ui.js

@@ -1353,7 +1353,7 @@ class TabUiUtil extends TabUiUtilBase {
 		super.decorate(obj, {isInitMeta});
 
 		obj.__$getBtnTab = function ({tabMeta, _propProxy, propActive, ixTab}) {
-			return $(`<button class="btn btn-default ui-tab__btn-tab-head ${tabMeta.isHeadHidden ? "ve-hidden" : ""}">${tabMeta.name.qq()}</button>`)
+			return $(`<button class="btn btn-default ui-tab__btn-tab-head pt-2p px-4p pb-0 ${tabMeta.isHeadHidden ? "ve-hidden" : ""}">${tabMeta.name.qq()}</button>`)
 				.click(() => obj[_propProxy][propActive] = ixTab);
 		};
 
@@ -1370,7 +1370,7 @@ class TabUiUtil extends TabUiUtilBase {
 
 		obj.__renderTypedTabMeta_buttons = function ({tabMeta, ixTab}) {
 			const $btns = tabMeta.buttons.map((meta, j) => {
-				const $btn = $(`<button class="btn ui-tab__btn-tab-head ${meta.type ? `btn-${meta.type}` : "btn-primary"}" ${meta.title ? `title="${meta.title.qq()}"` : ""}>${meta.html}</button>`)
+				const $btn = $(`<button class="btn ui-tab__btn-tab-head pt-2p px-4p pb-0 bbr-0 bbl-0 ${meta.type ? `btn-${meta.type}` : "btn-primary"}" ${meta.title ? `title="${meta.title.qq()}"` : ""}>${meta.html}</button>`)
 					.click(evt => meta.pFnClick(evt, $btn));
 				return $btn;
 			});
@@ -2633,7 +2633,7 @@ class InputUiUtil {
 		if (!isDataEntered) return null;
 		const outRaw = $iptNumber.val();
 		if (!outRaw.trim()) return null;
-		let out = UiUtil.strToInt(outRaw);
+		let out = UiUtil.strToNumber(outRaw);
 		if (opts.min) out = Math.max(opts.min, out);
 		if (opts.max) out = Math.min(opts.max, out);
 		if (opts.int) out = Math.round(out);
@@ -3307,6 +3307,76 @@ class InputUiUtil {
 		return Parser.CRS[comp._state.cur];
 		// endregion
 	}
+
+	/**
+	 * Always returns an array of files, even in "single" mode.
+	 * @param {?boolean} isMultiple
+	 * @param {?Array<string>} expectedFileTypes
+	 * @param {?string} propVersion
+	 */
+	static pGetUserUploadJson (
+		{
+			isMultiple = false,
+			expectedFileTypes = null,
+			propVersion = "siteVersion",
+		} = {},
+	) {
+		return new Promise(resolve => {
+			const $iptAdd = $(`<input type="file" ${isMultiple ? "multiple" : ""} class="ve-hidden" accept=".json">`)
+				.on("change", (evt) => {
+					const input = evt.target;
+
+					const reader = new FileReader();
+					let readIndex = 0;
+					const out = [];
+					const errs = [];
+
+					reader.onload = async () => {
+						const name = input.files[readIndex - 1].name;
+						const text = reader.result;
+
+						try {
+							const json = JSON.parse(text);
+
+							const isSkipFile = expectedFileTypes != null
+								&& json.fileType
+								&& !expectedFileTypes.includes(json.fileType)
+								&& !(await InputUiUtil.pGetUserBoolean({
+									textYes: "Yes",
+									textNo: "Cancel",
+									title: "File Type Mismatch",
+									htmlDescription: `The file "${name}" has the type "${json.fileType}" when the expected file type was "${expectedFileTypes.join("/")}".<br>Are you sure you want to upload this file?`,
+								}));
+
+							if (!isSkipFile) {
+								delete json.fileType;
+								delete json[propVersion];
+
+								out.push({name, json});
+							}
+						} catch (e) {
+							errs.push({filename: name, message: e.message});
+						}
+
+						if (input.files[readIndex]) {
+							reader.readAsText(input.files[readIndex++]);
+							return;
+						}
+
+						resolve({
+							files: out,
+							errors: errs,
+							jsons: out.map(({json}) => json),
+						});
+					};
+
+					reader.readAsText(input.files[readIndex++]);
+				})
+				.appendTo(document.body);
+
+			$iptAdd.click();
+		});
+	}
 }
 
 class DragReorderUiUtil {
@@ -4816,16 +4886,17 @@ class ComponentUiUtil {
 					//  breaks when the number is negative, as we need to add a "=" to the front of the input before
 					//  evaluating
 					// $ipt.change();
-					const nxt = component._state[prop] + delta;
+					const cur = isNaN(component._state[prop]) ? opts.fallbackOnNaN : component._state[prop];
+					const nxt = cur + delta;
 					if (!isValidValue(nxt)) return;
 					component._state[prop] = nxt;
 					$ipt.focus();
 				};
 
-				const $btnUp = $(`<button class="btn btn-default ui-ideco__btn-ticker bold no-select">+</button>`)
+				const $btnUp = $(`<button class="btn btn-default ui-ideco__btn-ticker p-0 bold no-select">+</button>`)
 					.click(() => handleClick(1));
 
-				const $btnDown = $(`<button class="btn btn-default ui-ideco__btn-ticker bold no-select">\u2012</button>`)
+				const $btnDown = $(`<button class="btn btn-default ui-ideco__btn-ticker p-0 bold no-select">\u2012</button>`)
 					.click(() => handleClick(-1));
 
 				return $$`<div class="ui-ideco__wrp ui-ideco__wrp--${side} ve-flex-vh-center ve-flex-col">

js/utils.js

@@ -2,7 +2,7 @@
 
 // in deployment, `IS_DEPLOYED = "<version number>";` should be set below.
 globalThis.IS_DEPLOYED = undefined;
-globalThis.VERSION_NUMBER = /* 5ETOOLS_VERSION__OPEN */"1.206.0"/* 5ETOOLS_VERSION__CLOSE */;
+globalThis.VERSION_NUMBER = /* 5ETOOLS_VERSION__OPEN */"1.206.1"/* 5ETOOLS_VERSION__CLOSE */;
 globalThis.DEPLOYED_IMG_ROOT = undefined;
 // for the roll20 script to set
 globalThis.IS_VTT = false;
@@ -1332,26 +1332,23 @@ globalThis.MiscUtil = class {
 			$iptTemp.remove();
 		}
 
-		if (navigator && navigator.permissions) {
+		try {
-			try {
+			await navigator.clipboard.writeText(text);
-				const access = await navigator.permissions.query({name: "clipboard-write"});
+		} catch (e) {
-				if (access.state === "granted" || access.state === "prompt") {
+			doCompatibilityCopy();
-					await navigator.clipboard.writeText(text);
+		}
-				} else doCompatibilityCopy();
-			} catch (e) { doCompatibilityCopy(); }
-		} else doCompatibilityCopy();
 	}
 
 	static async pCopyBlobToClipboard (blob) {
-		if (!navigator?.permissions) {
+		// https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem#browser_compatibility
-			JqueryUtil.doToast({type: "danger", content: `Could not access clipboard!`});
+		// TODO(Future) remove when Firefox moves feature from Nightly -> Main
-			return false;
+		if (typeof ClipboardItem === "undefined") {
-		}
+			JqueryUtil.doToast({
-
+				type: "danger",
-		const access = await navigator.permissions.query({name: "clipboard-write"});
+				content: `Could not access clipboard! If you are on Firefox, visit <code>about:config</code> and enable </code><code>dom.events.asyncClipboard.clipboardItem</code>.`,
-		if (!["granted", "prompt"].includes(access.state)) {
+				isAutoHide: false,
-			JqueryUtil.doToast({type: "danger", content: `Could not access clipboard!`});
+			});
-			return false;
+			return;
 		}
 
 		try {
@@ -1379,7 +1376,7 @@ globalThis.MiscUtil = class {
 	}
 
 	static get (object, ...path) {
-		if (object == null) return null;
+		if (object == null) return object;
 		for (let i = 0; i < path.length; ++i) {
 			object = object[path[i]];
 			if (object == null) return object;
@@ -1388,7 +1385,7 @@ globalThis.MiscUtil = class {
 	}
 
 	static set (object, ...pathAndVal) {
-		if (object == null) return null;
+		if (object == null) return object;
 
 		const val = pathAndVal.pop();
 		if (!pathAndVal.length) return null;
@@ -2095,6 +2092,16 @@ globalThis.MiscUtil = class {
 		if (a != null && b == null) return false;
 		return a === b;
 	}
+
+	static getDatUrl (blob) {
+		return new Promise((resolve, reject) => {
+			const reader = new FileReader();
+			reader.onload = () => resolve(reader.result);
+			reader.onerror = () => reject(reader.error);
+			reader.onabort = () => reject(new Error("Read aborted"));
+			reader.readAsDataURL(blob);
+		});
+	}
 };
 
 // EVENT HANDLERS ======================================================================================================
@@ -3853,71 +3860,6 @@ globalThis.DataUtil = {
 		a.dispatchEvent(new MouseEvent("click", {bubbles: true, cancelable: true, view: window}));
 	},
 
-	/** Always returns an array of files, even in "single" mode. */
-	pUserUpload (
-		{
-			isMultiple = false,
-			expectedFileTypes = null,
-			propVersion = "siteVersion",
-		} = {},
-	) {
-		return new Promise(resolve => {
-			const $iptAdd = $(`<input type="file" ${isMultiple ? "multiple" : ""} class="ve-hidden" accept=".json">`)
-				.on("change", (evt) => {
-					const input = evt.target;
-
-					const reader = new FileReader();
-					let readIndex = 0;
-					const out = [];
-					const errs = [];
-
-					reader.onload = async () => {
-						const name = input.files[readIndex - 1].name;
-						const text = reader.result;
-
-						try {
-							const json = JSON.parse(text);
-
-							const isSkipFile = expectedFileTypes != null
-								&& json.fileType
-								&& !expectedFileTypes.includes(json.fileType)
-								&& !(await InputUiUtil.pGetUserBoolean({
-									textYes: "Yes",
-									textNo: "Cancel",
-									title: "File Type Mismatch",
-									htmlDescription: `The file "${name}" has the type "${json.fileType}" when the expected file type was "${expectedFileTypes.join("/")}".<br>Are you sure you want to upload this file?`,
-								}));
-
-							if (!isSkipFile) {
-								delete json.fileType;
-								delete json[propVersion];
-
-								out.push({name, json});
-							}
-						} catch (e) {
-							errs.push({filename: name, message: e.message});
-						}
-
-						if (input.files[readIndex]) {
-							reader.readAsText(input.files[readIndex++]);
-							return;
-						}
-
-						resolve({
-							files: out,
-							errors: errs,
-							jsons: out.map(({json}) => json),
-						});
-					};
-
-					reader.readAsText(input.files[readIndex++]);
-				})
-				.appendTo(document.body);
-
-			$iptAdd.click();
-		});
-	},
-
 	doHandleFileLoadErrorsGeneric (errors) {
 		if (!errors) return;
 		errors.forEach(err => {
@@ -4184,6 +4126,8 @@ globalThis.DataUtil = {
 		],
 
 		copyApplier: class {
+			static _WALKER = null;
+
 			// convert everything to arrays
 			static _normaliseMods (obj) {
 				Object.entries(obj._mod).forEach(([k, v]) => {
@@ -4573,12 +4517,32 @@ globalThis.DataUtil = {
 
 			static _doMod_scalarAddHit ({copyTo, copyFrom, modInfo, msgPtFailed, prop}) {
 				if (!copyTo[prop]) return;
-				copyTo[prop] = JSON.parse(JSON.stringify(copyTo[prop]).replace(/{@hit ([-+]?\d+)}/g, (m0, m1) => `{@hit ${Number(m1) + modInfo.scalar}}`));
+
+				const re = /{@hit ([-+]?\d+)}/g;
+				copyTo[prop] = this._WALKER.walk(
+					copyTo[prop],
+					{
+						string: (str) => {
+							return str
+								.replace(re, (m0, m1) => `{@hit ${Number(m1) + modInfo.scalar}}`);
+						},
+					},
+				);
 			}
 
 			static _doMod_scalarAddDc ({copyTo, copyFrom, modInfo, msgPtFailed, prop}) {
 				if (!copyTo[prop]) return;
-				copyTo[prop] = JSON.parse(JSON.stringify(copyTo[prop]).replace(/{@dc (\d+)(?:\|[^}]+)?}/g, (m0, m1) => `{@dc ${Number(m1) + modInfo.scalar}}`));
+
+				const re = /{@dc (\d+)(?:\|[^}]+)?}/g;
+				copyTo[prop] = this._WALKER.walk(
+					copyTo[prop],
+					{
+						string: (str) => {
+							return str
+								.replace(re, (m0, m1) => `{@dc ${Number(m1) + modInfo.scalar}}`);
+						},
+					},
+				);
 			}
 
 			static _doMod_maxSize ({copyTo, copyFrom, modInfo, msgPtFailed}) {
@@ -4677,6 +4641,8 @@ globalThis.DataUtil = {
 			}
 
 			static getCopy (impl, copyFrom, copyTo, templateData, {isExternalApplicationKeepCopy = false, isExternalApplicationIdentityOnly = false} = {}) {
+				this._WALKER ||= MiscUtil.getWalker();
+
 				if (isExternalApplicationKeepCopy) copyTo.__copy = MiscUtil.copyFast(copyFrom);
 
 				const msgPtFailed = `Failed to apply _copy to "${copyTo.name}" ("${copyTo.source}").`;
@@ -7764,6 +7730,12 @@ globalThis.EditorUtil = {
 	},
 };
 
+globalThis.BrowserUtil = class {
+	static isFirefox () {
+		return navigator.userAgent.includes("Firefox");
+	}
+};
+
 // MISC WEBPAGE ONLOADS ================================================================================================
 if (!IS_VTT && typeof window !== "undefined") {
 	window.addEventListener("load", () => {

node/rm.js

@@ -1,7 +1,9 @@
 import {rmDirRecursiveSync} from "./util.js";
 
-if (process.argv.length < 3) throw new Error(`An argument is required!`);
+if (process.argv.length < 3) throw new Error(`At least one argument is required!`);
 
-const tgt = process.argv[2];
+process.argv.slice(2)
-console.log(`Removing: ${tgt}`);
+	.forEach(tgt => {
-rmDirRecursiveSync(tgt);
+		console.log(`Removing: ${tgt}`);
+		rmDirRecursiveSync(tgt);
+	});

package-lock.json

@@ -1,15 +1,15 @@
 {
 	"name": "5etools",
-	"version": "1.206.0",
+	"version": "1.206.1",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "5etools",
-			"version": "1.206.0",
+			"version": "1.206.1",
 			"license": "MIT",
 			"devDependencies": {
-				"5etools-utils": "^0.10.29",
+				"5etools-utils": "^0.10.30",
 				"ajv": "^8.12.0",
 				"ajv-formats": "^2.1.1",
 				"commander": "^12.0.0",
@@ -3926,9 +3926,9 @@
 			"dev": true
 		},
 		"node_modules/5etools-utils": {
-			"version": "0.10.29",
+			"version": "0.10.30",
-			"resolved": "https://registry.npmjs.org/5etools-utils/-/5etools-utils-0.10.29.tgz",
+			"resolved": "https://registry.npmjs.org/5etools-utils/-/5etools-utils-0.10.30.tgz",
-			"integrity": "sha512-HXdbj73z+Ts/Y1njLt9aDKlHku7IJ6DOuJLnobGyHtPBv+0ShsOJ1/Zvo3aOLApTdvuToQYuuAyfJk8zYB45KQ==",
+			"integrity": "sha512-Udr0QfxlBLBohsgMklfv4f3XZbueHTR/EzHFn4TTYZ8OnW1IsPb4XFxbH86RDmylPY3Jqz3OAHy8CukrhQF0/g==",
 			"dev": true,
 			"dependencies": {
 				"ajv": "^8.12.0",
@@ -14589,9 +14589,9 @@
 			"dev": true
 		},
 		"5etools-utils": {
-			"version": "0.10.29",
+			"version": "0.10.30",
-			"resolved": "https://registry.npmjs.org/5etools-utils/-/5etools-utils-0.10.29.tgz",
+			"resolved": "https://registry.npmjs.org/5etools-utils/-/5etools-utils-0.10.30.tgz",
-			"integrity": "sha512-HXdbj73z+Ts/Y1njLt9aDKlHku7IJ6DOuJLnobGyHtPBv+0ShsOJ1/Zvo3aOLApTdvuToQYuuAyfJk8zYB45KQ==",
+			"integrity": "sha512-Udr0QfxlBLBohsgMklfv4f3XZbueHTR/EzHFn4TTYZ8OnW1IsPb4XFxbH86RDmylPY3Jqz3OAHy8CukrhQF0/g==",
 			"dev": true,
 			"requires": {
 				"ajv": "^8.12.0",

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "5etools",
 	"author": "TheGiddyLimit",
-	"version": "1.206.0",
+	"version": "1.206.1",
 	"license": "MIT",
 	"description": "A site dedicated to making playing games with your friends as easy as possible.",
 	"type": "module",
@@ -27,7 +27,7 @@
 		"test:unit": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
 		"test": "npm run test:js && npm run test:unit && npm run test:css && npm run test:data",
 		"lint": "npm run lint:js && npm run lint:css && npm run lint:data",
-		"build:css": "sass --style=compressed scss/:css/ && node node/rm.js css/includes/",
+		"build:css": "sass --style=compressed scss/:css/ && node node/rm.js css/includes/ css/vars/",
 		"build:seo": "node node/generate-seo.js",
 		"build:sw": "node node/build-sw.mjs",
 		"build:sw:prod": "node node/build-sw.mjs prod",
@@ -46,7 +46,7 @@
 		"url": "git+https://github.com/5etools-mirror-2/5etools-mirror-2.github.io.git"
 	},
 	"devDependencies": {
-		"5etools-utils": "^0.10.29",
+		"5etools-utils": "^0.10.30",
 		"ajv": "^8.12.0",
 		"ajv-formats": "^2.1.1",
 		"commander": "^12.0.0",

scss/bestiary.scss

@@ -1,4 +1,5 @@
-@use "includes/vars";
+@use "vars/vars";
+@use "vars/vars-night";
 
 .mon__ {
 	&name--token .stats-source {
@@ -134,9 +135,9 @@ img.token {
 		vars.$rgb-bg-orange;
 }
 
-.night-mode {
+.ve-night-mode {
 	#pagecontent {
-		background: vars.$rgb-bg--night !important;
+		background: vars-night.$rgb-bg--night !important;
 	}
 }
 // endregion
@@ -171,8 +172,8 @@ img.token {
 	}
 }
 
-.night-mode [data-proficiency-dice-mode="dice"] .rd__dc--rollable {
+.ve-night-mode [data-proficiency-dice-mode="dice"] .rd__dc--rollable {
-	color: vars.$rgb-link-blue--night;
+	color: vars-night.$rgb-link-blue--night;
 }
 // endregion
 

scss/bootstrap.scss

@@ -1,4 +1,4 @@
-@use "includes/vars";
+@use "vars/vars";
 
 html {
 	font-family: sans-serif;

scss/changelog.scss

@@ -1,4 +1,4 @@
-.night-mode #pagecontent {
+.ve-night-mode #pagecontent {
 	background: #222;
 	border-top: 1px solid #555555a0;
 }

scss/classes.scss

@@ -1,7 +1,9 @@
 @use "sass:color";
 
-@use "includes/vars";
+@use "vars/vars";
+@use "vars/vars-night";
 @use "includes/classes-table";
+@use "includes/classes-table-night";
 
 // region class
 .cls__ {
@@ -274,7 +276,7 @@
 	// endregion
 }
 
-.night-mode .cls__ {
+.ve-night-mode .cls__ {
 	&btn-toggle-sidebar {
 		color: #bbb;
 	}
@@ -283,7 +285,7 @@
 	&btn-cf {
 		&--active {
 			color: vars.$rgb-off-black;
-			background: vars.$rgb-name-red--night;
+			background: vars-night.$rgb-name-red--night;
 
 			&:active,
 			&:focus,
@@ -291,7 +293,7 @@
 			&:active:focus,
 			&:active:hover {
 				color: vars.$rgb-off-black;
-				background: color.adjust(vars.$rgb-name-red--night, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-name-red--night, $lightness: - vars.$pct-darken-active);
 			}
 		}
 	}
@@ -303,8 +305,8 @@
 
 		&--active-fresh {
 			color: #fff;
-			background: vars.$rgb-subclass--night;
+			background: vars-night.$rgb-subclass--night;
-			border-color: color.adjust(vars.$rgb-subclass--night, $lightness: - vars.$pct-darken-border);
+			border-color: color.adjust(vars-night.$rgb-subclass--night, $lightness: - vars.$pct-darken-border);
 
 			&:active,
 			&:focus,
@@ -312,15 +314,15 @@
 			&:active:focus,
 			&:active:hover {
 				color: #fff;
-				background: color.adjust(vars.$rgb-subclass--night, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-subclass--night, $lightness: - vars.$pct-darken-active);
-				border-color: color.adjust(vars.$rgb-subclass--night, $lightness: - vars.$pct-darken-border--active);
+				border-color: color.adjust(vars-night.$rgb-subclass--night, $lightness: - vars.$pct-darken-border--active);
 			}
 		}
 
 		&--active-reprinted {
 			color: #fff;
-			background: vars.$rgb-subclass--night-stale;
+			background: vars-night.$rgb-subclass--night-stale;
-			border-color: color.adjust(vars.$rgb-subclass--night-stale, $lightness: - vars.$pct-darken-border);
+			border-color: color.adjust(vars-night.$rgb-subclass--night-stale, $lightness: - vars.$pct-darken-border);
 
 			&:active,
 			&:focus,
@@ -328,15 +330,15 @@
 			&:active:focus,
 			&:active:hover {
 				color: #fff;
-				background: color.adjust(vars.$rgb-subclass--night-stale, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-subclass--night-stale, $lightness: - vars.$pct-darken-active);
-				border-color: color.adjust(vars.$rgb-subclass--night-stale, $lightness: - vars.$pct-darken-border--active);
+				border-color: color.adjust(vars-night.$rgb-subclass--night-stale, $lightness: - vars.$pct-darken-border--active);
 			}
 		}
 
 		&--active-spicy {
 			color: #fff;
-			background: vars.$rgb-subclass-ua--night;
+			background: vars-night.$rgb-subclass-ua--night;
-			border-color: color.adjust(vars.$rgb-subclass-ua--night, $lightness: - vars.$pct-darken-border);
+			border-color: color.adjust(vars-night.$rgb-subclass-ua--night, $lightness: - vars.$pct-darken-border);
 
 			&:active,
 			&:focus,
@@ -344,15 +346,15 @@
 			&:active:focus,
 			&:active:hover {
 				color: #fff;
-				background: color.adjust(vars.$rgb-subclass-ua--night, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-subclass-ua--night, $lightness: - vars.$pct-darken-active);
-				border-color: color.adjust(vars.$rgb-subclass-ua--night, $lightness: - vars.$pct-darken-border--active);
+				border-color: color.adjust(vars-night.$rgb-subclass-ua--night, $lightness: - vars.$pct-darken-border--active);
 			}
 		}
 
 		&--active-stale {
 			color: #fff;
-			background: vars.$rgb-subclass-ua--night-stale;
+			background: vars-night.$rgb-subclass-ua--night-stale;
-			border-color: color.adjust(vars.$rgb-subclass-ua--night-stale, $lightness: - vars.$pct-darken-border);
+			border-color: color.adjust(vars-night.$rgb-subclass-ua--night-stale, $lightness: - vars.$pct-darken-border);
 
 			&:active,
 			&:focus,
@@ -360,15 +362,15 @@
 			&:active:focus,
 			&:active:hover {
 				color: #fff;
-				background: color.adjust(vars.$rgb-subclass-ua--night-stale, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-subclass-ua--night-stale, $lightness: - vars.$pct-darken-active);
-				border-color: color.adjust(vars.$rgb-subclass-ua--night-stale, $lightness: - vars.$pct-darken-border--active);
+				border-color: color.adjust(vars-night.$rgb-subclass-ua--night-stale, $lightness: - vars.$pct-darken-border--active);
 			}
 		}
 
 		&--active-brew {
 			color: #fff;
-			background: vars.$rgb-class-brew--night;
+			background: vars-night.$rgb-class-brew--night;
-			border-color: color.adjust(vars.$rgb-class-brew--night, $lightness: - vars.$pct-darken-border);
+			border-color: color.adjust(vars-night.$rgb-class-brew--night, $lightness: - vars.$pct-darken-border);
 
 			&:active,
 			&:focus,
@@ -376,15 +378,15 @@
 			&:active:focus,
 			&:active:hover {
 				color: #fff;
-				background: color.adjust(vars.$rgb-class-brew--night, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-class-brew--night, $lightness: - vars.$pct-darken-active);
-				border-color: color.adjust(vars.$rgb-class-brew--night, $lightness: - vars.$pct-darken-border--active);
+				border-color: color.adjust(vars-night.$rgb-class-brew--night, $lightness: - vars.$pct-darken-border--active);
 			}
 		}
 
 		&--active-rebrewed {
 			color: #fff;
-			background: vars.$rgb-class-variant-brew--night;
+			background: vars-night.$rgb-class-variant-brew--night;
-			border-color: color.adjust(vars.$rgb-class-variant-brew--night, $lightness: - vars.$pct-darken-border);
+			border-color: color.adjust(vars-night.$rgb-class-variant-brew--night, $lightness: - vars.$pct-darken-border);
 
 			&:active,
 			&:focus,
@@ -392,8 +394,8 @@
 			&:active:focus,
 			&:active:hover {
 				color: #fff;
-				background: color.adjust(vars.$rgb-class-variant-brew--night, $lightness: - vars.$pct-darken-active);
+				background: color.adjust(vars-night.$rgb-class-variant-brew--night, $lightness: - vars.$pct-darken-active);
-				border-color: color.adjust(vars.$rgb-class-variant-brew--night, $lightness: - vars.$pct-darken-border--active);
+				border-color: color.adjust(vars-night.$rgb-class-variant-brew--night, $lightness: - vars.$pct-darken-border--active);
 			}
 		}
 	}
@@ -405,8 +407,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-variant--night;
+			color: vars-night.$rgb-class-variant--night;
-			border-bottom-color: vars.$rgb-class-variant--night;
+			border-bottom-color: vars-night.$rgb-class-variant--night;
 		}
 	}
 
@@ -414,8 +416,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-ua--night;
+			color: vars-night.$rgb-class-ua--night;
-			border-bottom-color: vars.$rgb-class-ua--night;
+			border-bottom-color: vars-night.$rgb-class-ua--night;
 		}
 	}
 
@@ -423,8 +425,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-subclass--night-stale;
+			color: vars-night.$rgb-subclass--night-stale;
-			border-bottom-color: vars.$rgb-subclass--night-stale;
+			border-bottom-color: vars-night.$rgb-subclass--night-stale;
 		}
 	}
 
@@ -432,8 +434,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-subclass-ua--night-stale;
+			color: vars-night.$rgb-subclass-ua--night-stale;
-			border-bottom-color: vars.$rgb-subclass-ua--night-stale;
+			border-bottom-color: vars-night.$rgb-subclass-ua--night-stale;
 		}
 	}
 
@@ -441,8 +443,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-subclass--night;
+			color: vars-night.$rgb-subclass--night;
-			border-bottom-color: vars.$rgb-subclass--night;
+			border-bottom-color: vars-night.$rgb-subclass--night;
 		}
 	}
 
@@ -450,8 +452,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-subclass-ua--night;
+			color: vars-night.$rgb-subclass-ua--night;
-			border-bottom-color: vars.$rgb-subclass-ua--night;
+			border-bottom-color: vars-night.$rgb-subclass-ua--night;
 		}
 	}
 
@@ -459,8 +461,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-brew--night;
+			color: vars-night.$rgb-class-brew--night;
-			border-bottom-color: vars.$rgb-class-brew--night;
+			border-bottom-color: vars-night.$rgb-class-brew--night;
 		}
 	}
 
@@ -468,8 +470,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-variant-brew--night;
+			color: vars-night.$rgb-class-variant-brew--night;
-			border-bottom-color: vars.$rgb-class-variant-brew--night;
+			border-bottom-color: vars-night.$rgb-class-variant-brew--night;
 		}
 	}
 
@@ -477,8 +479,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-variant-brew--night;
+			color: vars-night.$rgb-class-variant-brew--night;
-			border-bottom-color: vars.$rgb-class-variant-brew--night;
+			border-bottom-color: vars-night.$rgb-class-variant-brew--night;
 		}
 	}
 
@@ -486,8 +488,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-variant--night;
+			color: vars-night.$rgb-class-variant--night;
-			border-bottom-color: vars.$rgb-class-variant--night;
+			border-bottom-color: vars-night.$rgb-class-variant--night;
 		}
 	}
 
@@ -495,8 +497,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-ua--night;
+			color: vars-night.$rgb-class-ua--night;
-			border-bottom-color: vars.$rgb-class-ua--night;
+			border-bottom-color: vars-night.$rgb-class-ua--night;
 		}
 	}
 
@@ -504,8 +506,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-variant-brew--night;
+			color: vars-night.$rgb-class-variant-brew--night;
-			border-bottom-color: vars.$rgb-class-variant-brew--night;
+			border-bottom-color: vars-night.$rgb-class-variant-brew--night;
 		}
 	}
 
@@ -513,8 +515,8 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-ua--night;
+			color: vars-night.$rgb-class-ua--night;
-			border-bottom-color: vars.$rgb-class-ua--night;
+			border-bottom-color: vars-night.$rgb-class-ua--night;
 		}
 	}
 
@@ -522,40 +524,14 @@
 		.rd__h--0,
 		.rd__h--1,
 		.rd__h--2 {
-			color: vars.$rgb-class-brew--night;
+			color: vars-night.$rgb-class-brew--night;
-			border-bottom-color: vars.$rgb-class-brew--night;
+			border-bottom-color: vars-night.$rgb-class-brew--night;
 		}
 	}
 	// endregion
 }
 // endregion
 
-// region class table
-.night-mode {
-	.cls-tbl {
-		background: vars.$rgb-bg--night;
-
-		> tbody > tr > th {
-			color: vars.$rgb-font--night;
-		}
-
-		&__ {
-			&disp-name {
-				color: vars.$rgb-font--night;
-			}
-
-			&col-group::after {
-				border-color: vars.$rgb-border-grey--night;
-			}
-
-			&stripe-odd:nth-child(odd) {
-				background: vars.$rgb-stripe-grey;
-			}
-		}
-	}
-}
-// endregion
-
 // region sidebar
 .cls-side__ {
 	&name {
@@ -586,10 +562,10 @@
 	}
 }
 
-.night-mode {
+.ve-night-mode {
 	.cls-side__ {
 		&btn-toggle {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 		}
 	}
 }
@@ -637,9 +613,9 @@
 	}
 }
 
-.night-mode .cls-main__ {
+.ve-night-mode .cls-main__ {
 	&msg-no-content {
-		color: vars.$rgb-name-red--night;
+		color: vars-night.$rgb-name-red--night;
 	}
 }
 // endregion
@@ -712,18 +688,18 @@
 	// endregion
 }
 
-.night-mode .cls-bkmv__ {
+.ve-night-mode .cls-bkmv__ {
 	&wrp-tabs {
 		background-color: #222;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&btn-tab {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&wrp-level {
-		background: vars.$rgb-bg--alt-night;
+		background: vars-night.$rgb-bg--alt-night;
 	}
 }
 // endregion
@@ -870,18 +846,18 @@
 	}
 }
 
-.night-mode .cls-nav__ {
+.ve-night-mode .cls-nav__ {
 	&head {
 		color: #bbbbbb40;
 
 		&--active,
 		&:hover {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 		}
 	}
 
 	&item {
-		color: vars.$rgb-name-red--night;
+		color: vars-night.$rgb-name-red--night;
 
 		&:hover {
 			background: vars.$rgb-off-black;
@@ -894,31 +870,31 @@
 		// region Header coloring
 		// `feature-<variant>-<ua|brew>-<subclass>-<reprint>`
 		&--feature-variant-subclass {
-			color: vars.$rgb-class-variant--night;
+			color: vars-night.$rgb-class-variant--night;
 		}
 
 		&--feature-variant-ua-subclass {
-			color: vars.$rgb-class-ua--night;
+			color: vars-night.$rgb-class-ua--night;
 		}
 
 		&--feature-subclass-reprint {
-			color: vars.$rgb-subclass--night-stale;
+			color: vars-night.$rgb-subclass--night-stale;
 		}
 
 		&--feature-ua-subclass-reprint {
-			color: vars.$rgb-subclass-ua--night-stale;
+			color: vars-night.$rgb-subclass-ua--night-stale;
 		}
 
 		&--feature-brew-subclass-reprint {
-			color: vars.$rgb-class-variant-brew--night;
+			color: vars-night.$rgb-class-variant-brew--night;
 		}
 
 		&--feature-subclass {
-			color: vars.$rgb-subclass--night;
+			color: vars-night.$rgb-subclass--night;
 		}
 
 		&--feature-ua-subclass {
-			color: vars.$rgb-subclass-ua--night;
+			color: vars-night.$rgb-subclass-ua--night;
 		}
 
 		&--feature-ua-subclass-reprint {
@@ -926,7 +902,7 @@
 		}
 
 		&--feature-brew-subclass {
-			color: vars.$rgb-class-brew--night;
+			color: vars-night.$rgb-class-brew--night;
 		}
 
 		&--feature-brew-subclass-reprint {
@@ -934,27 +910,27 @@
 		}
 
 		&--feature-variant-brew-subclass {
-			color: vars.$rgb-class-variant-brew--night;
+			color: vars-night.$rgb-class-variant-brew--night;
 		}
 
 		&--feature-variant {
-			color: vars.$rgb-class-variant--night;
+			color: vars-night.$rgb-class-variant--night;
 		}
 
 		&--feature-variant-ua {
-			color: vars.$rgb-class-ua--night;
+			color: vars-night.$rgb-class-ua--night;
 		}
 
 		&--feature-variant-brew {
-			color: vars.$rgb-class-variant-brew--night;
+			color: vars-night.$rgb-class-variant-brew--night;
 		}
 
 		&--feature-ua {
-			color: vars.$rgb-class-ua--night;
+			color: vars-night.$rgb-class-ua--night;
 		}
 
 		&--feature-brew {
-			color: vars.$rgb-class-brew--night;
+			color: vars-night.$rgb-class-brew--night;
 		}
 		// endregion
 	}

scss/converter.scss

@@ -1,4 +1,5 @@
-@use "includes/vars";
+@use "vars/vars";
+@use "vars/vars-night";
 
 .inputArea,
 .outputArea {
@@ -40,11 +41,11 @@
 	}
 }
 
-.night-mode {
+.ve-night-mode {
 	.conv__ {
 		&disp-message {
-			background-color: vars.$rgb-bg--alt-night;
+			background-color: vars-night.$rgb-bg--alt-night;
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 }

scss/crcalculator.scss

@@ -54,6 +54,6 @@
 	background: #d3d3d3;
 }
 
-.night-mode .crc__mon_feature:nth-child(even) {
+.ve-night-mode .crc__mon_feature:nth-child(even) {
 	background: rgb(0 0 0 / 31%);
 }

scss/decks.scss

@@ -1,12 +1,13 @@
 @use "sass:color";
 
-@use "includes/vars";
+@use "vars/vars";
+@use "vars/vars-night";
 
 :root {
 	--rgb-card-glint--edge: #d5592e;
 }
 
-:root.night-mode {
+:root.ve-night-mode {
 	--rgb-card-glint--edge: #ffd21f;
 }
 
@@ -347,12 +348,12 @@
 	}
 }
 
-.night-mode .decks {
+.ve-night-mode .decks {
 	&__ {
 		&wrp-card-rows {
 			&--list {
 				.decks__wrp-row {
-					border-color: vars.$rgb-border-grey--night;
+					border-color: vars-night.$rgb-border-grey--night;
 				}
 			}
 		}
@@ -360,13 +361,13 @@
 
 	&-draw__ {
 		&wrp-card {
-			background-color: vars.$rgb-name-red--night;
+			background-color: vars-night.$rgb-name-red--night;
-			box-shadow: 0 0 30px 10px color.adjust(vars.$rgb-name-red--night, $alpha: - 0.7);
+			box-shadow: 0 0 30px 10px color.adjust(vars-night.$rgb-name-red--night, $alpha: - 0.7);
 			color: rgb(255 255 255 / 53%);
 		}
 
 		&wrp-desc {
-			border-color: vars.$rgb-name-red--night;
+			border-color: vars-night.$rgb-name-red--night;
 			background-color: #574930;
 			box-shadow: 0 0 10px 0 #000;
 		}

scss/dmscreen.scss

@@ -1,4 +1,5 @@
-@use "includes/vars";
+@use "vars/vars";
+@use "vars/vars-night";
 
 @use "includes/dmscreen-book-viewer";
 @use "includes/dmscreen-calender";
@@ -199,9 +200,9 @@ label {
 	background: #fff;
 }
 
-.night-mode {
+.ve-night-mode {
 	.content-tab-bar {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }
 
@@ -259,9 +260,9 @@ label {
 	background: #f0f0f0;
 }
 
-.night-mode {
+.ve-night-mode {
 	.panel-content-wrapper-inner::-webkit-scrollbar-track {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 }
 
@@ -354,7 +355,7 @@ label {
 	border: 1px solid vars.$rgb-border-grey;
 }
 
-.night-mode {
+.ve-night-mode {
 	.panel-control-move--bg {
 		background: #777a;
 		border-color: #aaa;
@@ -616,13 +617,13 @@ body.is-fullscreen .sidemenu__hotzone {
 	display: none !important;
 }
 
-.night-mode {
+.ve-night-mode {
 	.btn-panel-add {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.underline-tabs {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.panel-history-control-middle {
@@ -658,18 +659,18 @@ body.is-fullscreen .sidemenu__hotzone {
 	}
 
 	.panel-content-wrapper-inner {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.panel-addmenu-tab-head[active="true"] {
-		background-color: vars.$rgb-btn-default-active--night !important;
+		background-color: vars-night.$rgb-btn-default-active--night !important;
 	}
 
 	.panel-content-wrapper-inner td div.border {
-		background-color: vars.$rgb-name-red--night;
+		background-color: vars-night.$rgb-name-red--night;
 	}
 
 	.dm__panel-bg {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 }

scss/includes/bootstrap-custom.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 :root {
 	--safe-area-inset-top: 0;
@@ -353,13 +354,13 @@ body::-webkit-scrollbar {
 	}
 }
 
-.night-mode .input-group {
+.ve-night-mode .input-group {
 	> input.form-control,
 	> label,
 	> button,
 	> a.btn {
 		&:last-child {
-			border-right-color: vars.$rgb-border-grey--night;
+			border-right-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 }

scss/includes/classes-table-night.scss

@@ -0,0 +1,26 @@
+@use "../vars/vars";
+@use "../vars/vars-night";
+
+.ve-night-mode {
+	.cls-tbl {
+		background: vars-night.$rgb-bg--night;
+
+		> tbody > tr > th {
+			color: vars-night.$rgb-font--night;
+		}
+
+		&__ {
+			&disp-name {
+				color: vars-night.$rgb-font--night;
+			}
+
+			&col-group::after {
+				border-color: vars-night.$rgb-border-grey--night;
+			}
+
+			&stripe-odd:nth-child(odd) {
+				background: vars.$rgb-stripe-grey;
+			}
+		}
+	}
+}

scss/includes/classes-table.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .cls-tbl {
 	font-size: 0.8em;

scss/includes/dmscreen-book-viewer.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .dm-book__ {
 	&wrp-content {
@@ -20,8 +21,8 @@
 	}
 }
 
-.night-mode .dm-book__ {
+.ve-night-mode .dm-book__ {
 	&wrp-controls {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }

scss/includes/dmscreen-calender.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .dm-time__ {
 	&btn-time {
@@ -82,7 +83,7 @@
 	}
 
 	&disp-calendar-day--active {
-		background: vars.$rgb-stripe-grey--night;
+		background: vars-night.$rgb-stripe-grey--night;
 	}
 
 	&disp-day-entry {
@@ -242,13 +243,13 @@
 	}
 }
 
-.night-mode .dm-time__ {
+.ve-night-mode .dm-time__ {
 	&bar-clock {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&disp-calendar-day {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&disp-day-entry--event,
@@ -266,15 +267,15 @@
 	}
 
 	&wrp-event-entries {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&bar-entry {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&cvs-moon {
-		border: 1px solid vars.$rgb-border-grey--night;
+		border: 1px solid vars-night.$rgb-border-grey--night;
 	}
 
 	&calendar-ipt-date {

scss/includes/dmscreen-coin-converter.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .dm-money {
 	width: 100%;
@@ -71,10 +72,10 @@
 	}
 }
 
-.night-mode .dm-money {
+.ve-night-mode .dm-money {
 	&__ {
 		&ctrl {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 }

scss/includes/dmscreen-counter.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .dm-cnt__ {
 	&ipt {
@@ -25,7 +25,7 @@
 	}
 }
 
-.night-mode .dm-cnt__ {
+.ve-night-mode .dm-cnt__ {
 	&ipt {
 		background: transparent;
 	}

scss/includes/dmscreen-initiative-tracker.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .dm-init {
 	display: flex;
@@ -206,17 +207,17 @@
 	}
 }
 
-.night-mode {
+.ve-night-mode {
 	.dm-init__wrp-header {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.dm-init__wrp-controls {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.dm-init__wrp-creature {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.dm-init__row.dm-init__row-active input,
@@ -226,6 +227,6 @@
 	}
 
 	.dm-init__row.dm-init__row-active .dm-init__wrp-stat-cb {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }

scss/includes/dmscreen-map-viewer.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .dm-map__ {
 	&picker-wrp-img {
@@ -33,13 +34,13 @@
 	}
 }
 
-.night-mode .dm-map__ {
+.ve-night-mode .dm-map__ {
 	&picker-wrp-img {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&picker-disp-name {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }

scss/includes/dmscreen-panels-empty.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .dm-blank__ {
 	&panel {
@@ -6,8 +7,8 @@
 	}
 }
 
-.night-mode .dm-blank__ {
+.ve-night-mode .dm-blank__ {
 	&panel {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 }

scss/includes/dmscreen-unit-converter.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .dm-unitconv {
 	width: 100%;

scss/includes/encounterbuilder-night.scss

@@ -1,7 +1,7 @@
-@use "vars";
+@use "../vars/vars-night";
 
-.night-mode .best-ecgen__ {
+.ve-night-mode .best-ecgen__ {
 	&wrp {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 }

scss/includes/encounterbuilder.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .ecgen {
 	&__ {

scss/includes/expose-vars.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 // region Expose variables for homebrew
 :root {
@@ -10,11 +11,11 @@
 	--rgb-border--statblock: #{vars.$rgb-border-yellow--statblock};
 }
 
-:root.night-mode {
+:root.ve-night-mode {
-	--rgb-font: #{vars.$rgb-font--night};
+	--rgb-font: #{vars-night.$rgb-font--night};
-	--rgb-name: #{vars.$rgb-name-red--night};
+	--rgb-name: #{vars-night.$rgb-name-red--night};
-	--rgb-bg: #{vars.$rgb-bg--night};
+	--rgb-bg: #{vars-night.$rgb-bg--night};
-	--rgb-bg--alt: #{vars.$rgb-bg--alt-night};
+	--rgb-bg--alt: #{vars-night.$rgb-bg--alt-night};
-	--rgb-border--statblock: #{vars.$rgb-border-grey--statblock-night};
+	--rgb-border--statblock: #{vars-night.$rgb-border-grey--statblock-night};
 }
 // endregion

scss/includes/filter-night.scss

@@ -1,15 +1,16 @@
 @use "sass:color";
 
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
-.night-mode .fltr {
+.ve-night-mode .fltr {
-	$flt-ignore: vars.$rgb-bg--night;
+	$flt-ignore: vars-night.$rgb-bg--night;
 	$flt-ignore--hover: #323232;
 
 	&__ {
 		&btn_nest {
 			background: $flt-ignore;
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 
 			&:hover {
 				background: $flt-ignore--hover;
@@ -23,7 +24,7 @@
 				}
 
 				span {
-					background: vars.$rgb-bg--night;
+					background: vars-night.$rgb-bg--night;
 				}
 			}
 
@@ -43,7 +44,7 @@
 				}
 
 				span {
-					background: vars.$rgb-bg--night;
+					background: vars-night.$rgb-bg--night;
 				}
 			}
 
@@ -65,20 +66,20 @@
 		}
 
 		&dropdown-divider {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 
 			@media screen and (width <= #{vars.$width-screen-sm}) {
 				box-shadow: inset 0 0 2px 2px vars.$rgb-off-black;
-				background: vars.$rgb-border-grey--night;
+				background: vars-night.$rgb-border-grey--night;
 			}
 		}
 
 		&dropdown-divider--sub {
-			border-color: vars.$rgb-border-grey--trans-night;
+			border-color: vars-night.$rgb-border-grey--trans-night;
 		}
 
 		&pill {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 
 			&[state="ignore"] {
 				background: $flt-ignore;
@@ -107,8 +108,8 @@
 		}
 
 		&mini-view {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
-			background: linear-gradient(to top, vars.$rgb-border-grey--night, #343434 1px);
+			background: linear-gradient(to top, vars-night.$rgb-border-grey--night, #343434 1px);
 		}
 
 		&h-btn-logic--blue {
@@ -132,13 +133,13 @@
 		&wrp-row {
 			&:focus,
 			&:hover {
-				background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
+				background-color: color.adjust(vars-night.$rgb-bg--night, $lightness: 2%);
 			}
 		}
 
 		&wrp-values {
-			background-color: vars.$rgb-bg--night;
+			background-color: vars-night.$rgb-bg--night;
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 
@@ -150,7 +151,7 @@
 
 	&-cls__ {
 		&tgl {
-			@include vars.mix-cb-custom--night;
+			@include vars-night.mix-cb-custom--night;
 		}
 	}
 }

scss/includes/filter.scss

@@ -1,6 +1,6 @@
 @use "sass:color";
 
-@use "vars";
+@use "../vars/vars";
 
 @media screen and (width <= #{vars.$width-screen-md}) {
 	.ve-dropdown-menu-filter {

scss/includes/hover-night.scss

@@ -1,5 +1,20 @@
-@use "vars";
+@use "../vars/vars-night";
 
-.night-mode .hwin {
+.ve-night-mode {
-	background: vars.$rgb-bg--night;
+	.hwin {
+		background: vars-night.$rgb-bg--night;
+	}
+
+	.hwin table.summary-noback th,
+	.hwin table.summary th {
+		color: vars-night.$rgb-font--night;
+	}
+
+	.hwin .hoverborder .window-title {
+		color: vars-night.$rgb-font--night;
+	}
+
+	.hwin td div.border {
+		background-color: vars-night.$rgb-name-red--night;
+	}
 }

scss/includes/hover.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 @keyframes kf-fade-in {
 	from {

scss/includes/list.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .lst__ {
 	&wrp-search-glass {

scss/includes/lootgen-night.scss

@@ -1,8 +1,8 @@
-@use "vars";
+@use "../vars/vars-night";
 
-.night-mode .lootg__ {
+.ve-night-mode .lootg__ {
 	&wrp-output {
-		background-color: vars.$rgb-bg--night;
+		background-color: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }

scss/includes/lootgen.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .lootg__ {
 	&wrp-output {

scss/includes/nav.scss

@@ -1,6 +1,7 @@
 @use "sass:color";
 
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 // region Old
 .nav {
@@ -16,21 +17,21 @@
 		border: 1px solid vars.$rgb-border-grey;
 	}
 
-	.night-mode .nav > li > a {
+	.ve-night-mode .nav > li > a {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }
 
-.night-mode {
+.ve-night-mode {
 	.nav > li:not(.active) > a {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		background-color: vars.$rgb-bg--night;
+		background-color: vars-night.$rgb-bg--night;
-		border: 1px solid vars.$rgb-border-grey--trans-night;
+		border: 1px solid vars-night.$rgb-border-grey--trans-night;
 		border-top: 0;
 
 		&:focus,
 		&:hover {
-			background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
+			background-color: color.adjust(vars-night.$rgb-bg--night, $lightness: 2%);
 			color: #fff;
 		}
 	}
@@ -45,7 +46,7 @@
 	.nav li.open > a,
 	.nav li.open > a:focus,
 	.nav li.open > a:hover {
-		background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
+		background-color: color.adjust(vars-night.$rgb-bg--night, $lightness: 2%);
 		border-left: 1px solid vars.$rgb-link-blue;
 		border-right: 1px solid vars.$rgb-link-blue;
 		border-color: vars.$rgb-link-blue;
@@ -139,12 +140,12 @@
 	}
 }
 
-.night-mode .nav2 {
+.ve-night-mode .nav2 {
 	&-accord__ {
 		&head {
 			&:focus,
 			&:hover {
-				background-color: vars.$rgb-bg--alt-night;
+				background-color: vars-night.$rgb-bg--alt-night;
 				color: #fff;
 			}
 
@@ -159,11 +160,11 @@
 		}
 
 		&lnk-item {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 
 			&:focus,
 			&:hover {
-				background-color: vars.$rgb-bg--alt-night;
+				background-color: vars-night.$rgb-bg--alt-night;
 				color: #fff;
 			}
 

scss/includes/render-night.scss

@@ -1,27 +1,27 @@
-@use "vars";
+@use "../vars/vars-night";
 
-.night-mode .rd {
+.ve-night-mode .rd {
 	&__ {
 		&h--0,
 		&h--1,
 		&h--2 {
-			color: vars.$rgb-name-red--night;
+			color: vars-night.$rgb-name-red--night;
 		}
 
 		&h--1 {
-			border-bottom-color: vars.$rgb-name-red--night;
+			border-bottom-color: vars-night.$rgb-name-red--night;
 		}
 
 		&h--4 {
-			color: vars.$rgb-name-alt--night;
+			color: vars-night.$rgb-name-alt--night;
 		}
 
 		&h--3 {
-			color: vars.$rgb-name-alt--night;
+			color: vars-night.$rgb-name-alt--night;
 		}
 
 		&-image-title-inner {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 
 		&b-inset {
@@ -33,7 +33,7 @@
 		}
 
 		&b-data {
-			border-color: vars.$rgb-border-grey--statblock-night;
+			border-color: vars-night.$rgb-border-grey--statblock-night;
 		}
 
 		&b-flow {
@@ -45,46 +45,46 @@
 		}
 
 		&stats-name-page {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 		}
 
 		&highlight {
-			background-color: vars.$rgb-bg-highlight--night;
+			background-color: vars-night.$rgb-bg-highlight--night;
-			color: vars.$rgb-bg--night;
+			color: vars-night.$rgb-bg--night;
 		}
 	}
 
 	&-item__ {
 		&type-rarity-attunement {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 		}
 	}
 
 	&-spell__ {
 		&level-school-ritual {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 		}
 	}
 
 	&-ability-icon {
 		&__ {
 			&fill-primary {
-				fill: vars.$rgb-font--night;
+				fill: vars-night.$rgb-font--night;
 			}
 
 			&fill-bg {
-				fill: vars.$rgb-bg--night;
+				fill: vars-night.$rgb-bg--night;
 			}
 
 			&stroke-bg {
-				stroke: vars.$rgb-bg--night;
+				stroke: vars-night.$rgb-bg--night;
 			}
 		}
 	}
 
 	&-homebrew__ {
 		&b {
-			background-color: vars.$rgb-bg-homebrew--night;
+			background-color: vars-night.$rgb-bg-homebrew--night;
 		}
 
 		&disp-old-content {
@@ -92,7 +92,7 @@
 		}
 
 		&disp-inline {
-			background-color: vars.$rgb-bg-homebrew--night;
+			background-color: vars-night.$rgb-bg-homebrew--night;
 		}
 	}
 }

scss/includes/render.scss

@@ -2,7 +2,7 @@
 Renderer
  */
 
-@use "vars";
+@use "../vars/vars";
 
 $rgb-inset-border: #656565;
 
@@ -228,6 +228,10 @@ $rgb-inset-border: #656565;
 			padding: 0;
 			list-style: none;
 
+			> .rd__list-name {
+				margin-left: 0;
+			}
+
 			> .rd__li {
 				margin-bottom: var(--h-mb-li);
 				text-indent: -1.1em;

scss/includes/source-night.scss

@@ -1,4 +1,5 @@
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 @mixin mix-source-color ($rgb) {
 	color: $rgb !important;
@@ -6,16 +7,58 @@
 	text-decoration-color: $rgb !important;
 }
 
-.night-mode .source {
+.ve-night-mode .source {
-	$rgb-source-PHB: vars.$rgb-subclass--night;
+	$rgb-source-category-site: #de000a;
+	$rgb-source-category-extras: #bb6468;
+	$rgb-source-category-prerelease: vars-night.$rgb-subclass-ua--night;
+	$rgb-source-category-prerelease--local: #60c52f;
+	$rgb-source-category-homebrew: vars-night.$rgb-class-brew--night;
+	$rgb-source-category-homebrew--local: #514bff;
+
+	$rgb-source-PHB: vars-night.$rgb-subclass--night;
+	$rgb-source-DMG: #ba1eba;
 	$rgb-source-SADS: #4f63f5;
 	$rgb-source-PSA: #eec276;
 
+	// region Categories
+
+	&-category- {
+		&site {
+			@include mix-source-color($rgb-source-category-site);
+		}
+
+		&extras {
+			@include mix-source-color($rgb-source-category-extras);
+		}
+
+		&homebrew {
+			@include mix-source-color($rgb-source-category-homebrew);
+
+			&--local {
+				@include mix-source-color($rgb-source-category-homebrew--local);
+			}
+		}
+
+		&spicy {
+			@include mix-source-color($rgb-source-category-prerelease);
+
+			&--local {
+				@include mix-source-color($rgb-source-category-prerelease--local);
+			}
+		}
+	}
+
+	// endregion
+
 	&__ {
 		&PHB {
 			@include mix-source-color($rgb-source-PHB);
 		}
 
+		&DMG {
+			@include mix-source-color($rgb-source-DMG);
+		}
+
 		&SADS {
 			@include mix-source-color($rgb-source-SADS);
 		}
@@ -26,7 +69,7 @@
 	}
 }
 
-.night-mode .ve-source-marker {
+.ve-night-mode .ve-source-marker {
 	&--partnered {
 		color: #27ac8c;
 	}

scss/includes/source.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 @mixin mix-source-color ($rgb) {
 	color: $rgb !important;

scss/includes/statgen-night.scss

@@ -1,6 +1,6 @@
-@use "vars";
+@use "../vars/vars-night";
 
-.night-mode .statgen .statgen {
+.ve-night-mode .statgen .statgen {
 	&-shared__ {
 		&ipt {
 			&[readonly] {
@@ -11,7 +11,7 @@
 
 	&-rolled__ {
 		&wrp-results {
-			border-color: vars.$rgb-border-grey--trans-night;
+			border-color: vars-night.$rgb-border-grey--trans-night;
 		}
 	}
 
@@ -25,12 +25,12 @@
 
 	&-asi__ {
 		&row {
-			border-bottom: 1px solid vars.$rgb-border-grey--trans-night;
+			border-bottom: 1px solid vars-night.$rgb-border-grey--trans-night;
 		}
 
 		&cell {
 			&--top {
-				border-color: vars.$rgb-border-grey--night;
+				border-color: vars-night.$rgb-border-grey--night;
 			}
 		}
 	}

scss/includes/statgen.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 // (Class namespace to enable selectors in FVTT)
 .statgen .statgen {

scss/includes/style.scss

@@ -1,5 +1,7 @@
 @use "sass:color";
-@use "vars";
+
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 .page__ {
 	&header {
@@ -137,9 +139,9 @@
 	}
 }
 
-.night-mode .page__ {
+.ve-night-mode .page__ {
 	&wrp-download {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	&disp-download-progress-text {
@@ -311,8 +313,8 @@ input[type="checkbox"].sidemenu__row__label__cb {
 	margin-left: 7px;
 }
 
-.night-mode .sidemenu {
+.ve-night-mode .sidemenu {
-	border-color: vars.$rgb-border-grey--night;
+	border-color: vars-night.$rgb-border-grey--night;
 }
 
 /* *** */
@@ -930,10 +932,10 @@ input[type="checkbox"].sidemenu__row__label__cb {
 	}
 }
 
-.night-mode .manbrew {
+.ve-night-mode .manbrew {
 	&__filtertools {
 		.wrp-cb-all {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 }
@@ -1087,9 +1089,9 @@ tr.text.compact > td p:last-child {
 	}
 }
 
-.night-mode .mon__ {
+.ve-night-mode .mon__ {
 	&cr_slider_wrp {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }
 
@@ -1316,13 +1318,13 @@ img.token:hover {
 	}
 }
 
-.night-mode .initp__ {
+.ve-night-mode .initp__ {
 	&header {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&r {
-		border-color: vars.$rgb-border-grey--trans-night;
+		border-color: vars-night.$rgb-border-grey--trans-night;
 
 		&:hover {
 			background: #ffffff18;
@@ -1753,7 +1755,7 @@ header p.lead {
 	@include vars.mix-shadow-1;
 }
 
-.night-mode .night__ {
+.ve-night-mode .night__ {
 	&shadow-big {
 		@include vars.mix-shadow-1;
 	}
@@ -1836,10 +1838,10 @@ header p.lead {
 	}
 }
 
-.night-mode .bkmv {
+.ve-night-mode .bkmv {
 	&__ {
 		&wrp-item {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 }
@@ -1947,14 +1949,14 @@ th.border {
 	}
 }
 
-.night-mode .bk__ {
+.ve-night-mode .bk__ {
 	&contents-header {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&overlay-loading {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border-bottom-color: vars.$rgb-border-grey--statblock-night;
+		border-bottom-color: vars-night.$rgb-border-grey--statblock-night;
 	}
 }
 
@@ -1990,13 +1992,13 @@ th.border {
 	}
 }
 
-.night-mode .bks__ {
+.ve-night-mode .bks__ {
 	&wrp-bookshelf-item,
 	&wrp-bookshelf-item:hover {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		text-decoration-color: vars.$rgb-font--night;
+		text-decoration-color: vars-night.$rgb-font--night;
 	}
 }
 
@@ -2148,29 +2150,29 @@ th.border {
 	}
 }
 
-.night-mode .toast {
+.ve-night-mode .toast {
 	&--type-info {
 		color: #fff;
-		background-color: color.adjust(color.adjust(vars.$rgb-alert-info-blue--night, $lightness: - 15%), $alpha: - 0.05);
+		background-color: color.adjust(color.adjust(vars-night.$rgb-alert-info-blue--night, $lightness: - 15%), $alpha: - 0.05);
-		border-color: vars.$rgb-alert-info-border-blue--night;
+		border-color: vars-night.$rgb-alert-info-border-blue--night;
 	}
 
 	&--type-danger {
 		color: #fff;
-		background-color: color.adjust(color.adjust(vars.$rgb-alert-danger-red--night, $lightness: - 15%), $alpha: - 0.05);
+		background-color: color.adjust(color.adjust(vars-night.$rgb-alert-danger-red--night, $lightness: - 15%), $alpha: - 0.05);
-		border-color: vars.$rgb-alert-danger-border-red--night;
+		border-color: vars-night.$rgb-alert-danger-border-red--night;
 	}
 
 	&--type-warning {
 		color: #fff;
-		background-color: color.adjust(color.adjust(vars.$rgb-alert-warning-orange--night, $lightness: - 15%), $alpha: - 0.05);
+		background-color: color.adjust(color.adjust(vars-night.$rgb-alert-warning-orange--night, $lightness: - 15%), $alpha: - 0.05);
-		border-color: vars.$rgb-alert-warning-border-orange--night;
+		border-color: vars-night.$rgb-alert-warning-border-orange--night;
 	}
 
 	&--type-success {
 		color: #fff;
-		background-color: color.adjust(color.adjust(vars.$rgb-alert-success-green--night, $lightness: - 15%), $alpha: - 0.05);
+		background-color: color.adjust(color.adjust(vars-night.$rgb-alert-success-green--night, $lightness: - 15%), $alpha: - 0.05);
-		border-color: vars.$rgb-alert-success-border-green--night;
+		border-color: vars-night.$rgb-alert-success-border-green--night;
 	}
 }
 
@@ -2207,7 +2209,7 @@ th.border {
 	}
 }
 
-.night-mode {
+.ve-night-mode {
 	.cards__ {
 		&disp-btn-icon {
 			filter: initial;
@@ -2271,36 +2273,21 @@ th.border {
 /* Day Mode End */
 
 /* Night Mode */
-.night-mode {
+.ve-night-mode {
 	body {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		background: vars.$rgb-bg--night
+		background: vars-night.$rgb-bg--night
 			url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGBAMAAACDAP+3AAAAGFBMVEUfHx8eHh4dHR0bGxshISEiIiIlJSUjIyM9IpsJAAAFjUlEQVR4AT3UuZLcOBaF4QuI2XJxboIhF/eQFe1WovoBAAqccpkaZpc5+4yrXa8/RGpx/lrIXPjFCYjTp9z8REqF4VYNWB3Av3zQJ6b6xBwlKB/9kRkCjXVwGH3ziK5UcjFHVkmgY6osiBsGDFfseqq2ZbTz7E00qBDpzOxnD7ToABeros1vM6MX0rBQaG1ith1A/HJkvkHxsPGJ82dP8vVCyWmbyPTaAfGzg40bgIdrv2f3pBVPycUcufx+BSUUWDuCZi6zBqdM50ElKYPODqtLDjc31rBb9CZ59lbN/JScuMxHLUBcGiy6QRH9zpwgZGhRj8qSydPVgNNVgbWqYX3HbM9K2rqTnKVmsmwKWzc1ffEd20+Zq3Ji65kl6TSjALNvzmJt4Pi2f1etytGJmy5erLAgbNY4bjykC3YCLIS3nSZMKgwRsBarWgjdeVzIEDzpTkoOUArTF4WFXYHwxY585sT0nmTYMxmXfs8fzwswfnam8TMU49bvqSRnyRPnqlno4tVQQiH2A9Za8tNTfXQ0lxbSxUaZna0uLlj9Q0XzD96CpsOZUftolINKBWJpAOoAJC0T6QqZnOtfvcfJFcDrD4Cuy5Hng316XrqzJ204HynyHwWed6i+XGF40Uw2T7Lc71HyssngEOrgONfBY7wvW0UZdVAma5xmSNjRp3xkvKJkW6aSg7PK4K0+mbKqYB0WYBgWwxCXiS74zBCVlEFpYQDEwjcA1qccb5yO6ZL8ozt/h3wHSCdWzLuqxU2ZZ9ev9MvRMbMvV9BQgN0qrFjlkzPQanI9nuaGCokVK2LV1Y2egyY1aFQGxjM9I7RBBAgyGEJtpKHP0lUySSeWCpyKHMT2pmM/vyP55u2Rw5lcSeabAfgiG5TPDX3uP3QvcoSipJXQByUCjS4C8VXqxEEZOJxzmJoyogFNJBRsCJs2XmoWWrWFqTsnbwtSn43gNFTTob9/SEpaPJNhUBKDGoZGCMINxvBv8vuKbb//lg/sK0wfPgBica/QsSk5F3KK4Ui6Yw+uv4+DWEOFbhdPOnbY5PLFpzrZMhakeqomY0Vz0TO+elQGTWdCk1IYFAOaoZg0IJQhT+YreXF+yia+O1cgtGufjXxQw28f85RPXfd15zv13ABoD15kB7FKJ/7pbHKP6+9TgNgkVj68NeV8Tp24f7OOndCgJzR3RNJBPNFReCmstMVqvjjzBoeK4GOFoBN32CPxu+4TwwBDa4DJTe/OU9c9ku7EGyfOVxh+fw9g/AATxPqKTEXJKEdCIBkB4iBUlO6MjUrWi6M5Kz31YAqFsYaCeB0KJC5d1+foo3LQWSfRaDrwdAQrMEC27yDZXJf7TlOJ2Bczr1di3OWvZB6XrvvqPuWJPDk9dAHgm7LvuZJTEdKqO3J3XgostArEnvkqgUznx3PX7cSzz1FXZyvakTA4XVVMbCPFPK1cFj66S0WoqQI1XG2uoU7CMPquO2VaUDJFQMdVgXKD2bpz6ufzzxXbxszHQ9fGO/F7A998yBQG6cShE+P+Pk7t1FwfF1QHN1Eui1VapRxCdj8tCtI1bog1Fo011Sx9u3o6c9bufI6wAT26Av9xJ+WWpTKbbBPp3K/1LbC4Vuhv396RCbJw4untjxVPndj+dIB9dVD8z2dylZ+6vMeJwbYChHJkvHV2J3fdHsJPASeHhrXq6QheXu1nBhUr5u6ryT0I13BFKD01ViZ/n3oaziRG7c6Ayg7g1LPeztNdT36ueMqcN4XGv3finjfv+7I/kMJ4d046MUanOA1QtMH1kLlfFasm99NiutSw63yNDeH4zeL1Uu8XKHNfcThPSSNwchGMbgUETScwkCcK77pH2jsgrAssvVyB8FLJ7GrmwyD8eVqsHoY/FwIv9T7lPu9+Yf8/9+w4nS1ma78AAAAASUVORK5CYII=")
 			repeat scroll left top;
 	}
 
 	.bg-solid {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
-	/* generic UI */
-	.vr-0,
-	.vr-1,
-	.vr-2,
-	.vr-3,
-	.vr-4,
-	.vr-5 {
-		border-color: vars.$rgb-border-grey--night;
-	}
-
-	.vr-r {
-		border-right-color: vars.$rgb-border-grey--night !important;
-	}
-	/* *** */
-
 	.page__ {
 		&header {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 			background: vars.$rgb-off-black;
 		}
 
@@ -2324,14 +2311,14 @@ th.border {
 	.page__nav-inner > li.active > a:hover {
 		background-color: vars.$rgb-off-black;
 		border-top: 0;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 		border-left-color: transparent;
 		border-right-color: transparent;
 		color: #d0d0d0;
 	}
 
 	.text-muted {
-		color: color.adjust(vars.$rgb-font--night, $lightness: - 15%) !important;
+		color: color.adjust(vars-night.$rgb-font--night, $lightness: - 15%) !important;
 	}
 
 	h1,
@@ -2340,65 +2327,41 @@ th.border {
 	h4,
 	h5,
 	h6 {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-	}
-
-	.b-1p {
-		border-color: vars.$rgb-border-grey--night !important;
-	}
-
-	.bt-1p {
-		border-top-color: vars.$rgb-border-grey--night !important;
-	}
-
-	.br-1p {
-		border-right-color: vars.$rgb-border-grey--night !important;
-	}
-
-	.bb-1p {
-		border-bottom-color: vars.$rgb-border-grey--night !important;
-
-		&-trans {
-			border-bottom-color: vars.$rgb-border-grey--trans-night !important;
-		}
-	}
-
-	.bl-1p {
-		border-left-color: vars.$rgb-border-grey--night !important;
 	}
 
 	pre {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	hr {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	#legal-notice {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 		color: #999;
 	}
 
 	a,
 	.roller {
-		color: vars.$rgb-link-blue--night;
+		color: vars-night.$rgb-link-blue--night;
 	}
 
 	.hwin__top-border-icon {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 
 		&:hover {
-			color: color.adjust(vars.$rgb-font--night, $lightness: vars.$pct-darken-hover);
+			color: color.adjust(vars-night.$rgb-font--night, $lightness: vars.$pct-darken-hover);
 		}
 	}
 
 	.text-muted {
 		a,
 		.roller {
-			color: vars.$rgb-link-blue--muted-night;
+			color: vars-night.$rgb-link-blue--muted-night;
 		}
 	}
 
@@ -2414,25 +2377,25 @@ th.border {
 	.btn-default:hover,
 	.btn-default:focus,
 	.btn-default:active {
-		background-color: vars.$rgb-form-control-bg--night;
+		background-color: vars-night.$rgb-form-control-bg--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.btn-primary,
 	.btn-primary:hover,
 	.btn-primary:focus,
 	.btn-primary:active {
-		background-color: vars.$rgb-btn-primary-blue--night;
+		background-color: vars-night.$rgb-btn-primary-blue--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 	}
 
 	.btn-danger,
 	.btn-danger:hover,
 	.btn-danger:focus,
 	.btn-danger:active {
-		background-color: vars.$rgb-btn-danger-red--night;
+		background-color: vars-night.$rgb-btn-danger-red--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 	}
 
 	.btn-danger:hover {
@@ -2443,24 +2406,24 @@ th.border {
 	.btn-warning:hover,
 	.btn-warning:focus,
 	.btn-warning:active {
-		background-color: vars.$rgb-btn-warning-orange--night;
+		background-color: vars-night.$rgb-btn-warning-orange--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 	}
 
 	.btn-info,
 	.btn-info:hover,
 	.btn-info:focus,
 	.btn-info:active {
-		background-color: vars.$rgb-btn-info-blue--night;
+		background-color: vars-night.$rgb-btn-info-blue--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 	}
 
 	.btn-success,
 	.btn-success:hover,
 	.btn-success:focus,
 	.btn-success:active {
-		background-color: vars.$rgb-btn-success-green--night;
+		background-color: vars-night.$rgb-btn-success-green--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 	}
 
 	.btn-default.active {
@@ -2484,19 +2447,19 @@ th.border {
 
 	dialog.dialog-modal,
 	.ve-dropdown-menu {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 		box-shadow: 0 6px 12px rgb(0 0 0 / 56%);
 	}
 
 	.ve-dropdown-menu > li {
 		> a,
 		> span {
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 
 			&:focus,
 			&:hover {
-				background-color: vars.$rgb-bg--alt-night;
+				background-color: vars-night.$rgb-bg--alt-night;
 				color: #fff;
 			}
 		}
@@ -2505,7 +2468,7 @@ th.border {
 			> a,
 			> span {
 				color: #fff;
-				background-color: vars.$rgb-btn-danger-bg-red--night;
+				background-color: vars-night.$rgb-btn-danger-bg-red--night;
 
 				&:focus,
 				&:hover {
@@ -2537,22 +2500,22 @@ th.border {
 	}
 
 	.ve-dropdown-menu .divider {
-		background-color: vars.$rgb-border-grey--night;
+		background-color: vars-night.$rgb-border-grey--night;
 	}
 
 	select,
 	input {
-		background-color: vars.$rgb-bg--night;
+		background-color: vars-night.$rgb-bg--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 	}
 
 	select option {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.list .row {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	/* Bootstrap overrides */
@@ -2562,49 +2525,49 @@ th.border {
 
 	.alert-info {
 		color: #fff;
-		background-color: color.adjust(vars.$rgb-alert-info-blue--night, $alpha: - 0.5);
+		background-color: color.adjust(vars-night.$rgb-alert-info-blue--night, $alpha: - 0.5);
-		border-color: vars.$rgb-alert-info-border-blue--night;
+		border-color: vars-night.$rgb-alert-info-border-blue--night;
 
 		.alert-link {
-			color: vars.$rgb-alert-info-border-blue--night;
+			color: vars-night.$rgb-alert-info-border-blue--night;
 		}
 	}
 
 	.alert-danger {
 		color: #fff;
-		background-color: color.adjust(vars.$rgb-alert-danger-red--night, $alpha: - 0.5);
+		background-color: color.adjust(vars-night.$rgb-alert-danger-red--night, $alpha: - 0.5);
-		border-color: vars.$rgb-alert-danger-border-red--night;
+		border-color: vars-night.$rgb-alert-danger-border-red--night;
 
 		.alert-link {
-			color: vars.$rgb-alert-danger-border-red--night;
+			color: vars-night.$rgb-alert-danger-border-red--night;
 		}
 	}
 
 	.alert-warning {
 		color: #fff;
-		background-color: color.adjust(vars.$rgb-alert-warning-orange--night, $alpha: - 0.5);
+		background-color: color.adjust(vars-night.$rgb-alert-warning-orange--night, $alpha: - 0.5);
-		border-color: vars.$rgb-alert-warning-border-orange--night;
+		border-color: vars-night.$rgb-alert-warning-border-orange--night;
 
 		.alert-link {
-			color: vars.$rgb-alert-warning-border-orange--night;
+			color: vars-night.$rgb-alert-warning-border-orange--night;
 		}
 	}
 
 	.alert-success {
 		color: #fff;
-		background-color: color.adjust(vars.$rgb-alert-success-green--night, $alpha: - 0.5);
+		background-color: color.adjust(vars-night.$rgb-alert-success-green--night, $alpha: - 0.5);
-		border-color: vars.$rgb-alert-success-border-green--night;
+		border-color: vars-night.$rgb-alert-success-border-green--night;
 
 		.alert-link {
-			color: vars.$rgb-alert-success-border-green--night;
+			color: vars-night.$rgb-alert-success-border-green--night;
 		}
 	}
 
 	.input-group-addon,
 	.form-control {
-		background: vars.$rgb-form-control-bg--night;
+		background: vars-night.$rgb-form-control-bg--night;
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	.form-control[disabled] {
@@ -2648,20 +2611,20 @@ th.border {
 		&wrp-input {
 			&--scrolled {
 				.omni__input {
-					border-color: vars.$rgb-border-grey--night;
+					border-color: vars-night.$rgb-border-grey--night;
-					background-color: vars.$rgb-bg--night;
+					background-color: vars-night.$rgb-bg--night;
 					color: transparent;
 
 					&:focus,
 					&:focus-within,
 					&:active,
 					&:hover {
-						color: vars.$rgb-font--night;
+						color: vars-night.$rgb-font--night;
 					}
 				}
 
 				.omni__submit {
-					border-color: vars.$rgb-border-grey--night;
+					border-color: vars-night.$rgb-border-grey--night;
 				}
 			}
 		}
@@ -2677,7 +2640,7 @@ th.border {
 		}
 
 		&submit {
-			border-top-color: vars.$rgb-border-grey--night;
+			border-top-color: vars-night.$rgb-border-grey--night;
 
 			@media screen and (width > #{vars.$width-screen-md}) {
 				border-top-color: transparent;
@@ -2686,8 +2649,8 @@ th.border {
 			&.btn-default:active:focus,
 			&.btn-default:active:hover,
 			&.btn-default {
-				background-color: vars.$rgb-bg--night;
+				background-color: vars-night.$rgb-bg--night;
-				color: vars.$rgb-font--night;
+				color: vars-night.$rgb-font--night;
 			}
 		}
 	}
@@ -2695,7 +2658,7 @@ th.border {
 	#pointbuy {
 		input {
 			&[type="number"] {
-				border: 1px solid vars.$rgb-border-grey--night;
+				border: 1px solid vars-night.$rgb-border-grey--night;
 				outline-offset: 0;
 				outline: none;
 			}
@@ -2707,12 +2670,12 @@ th.border {
 	}
 
 	.stats {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.lst__ {
 		&row {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
 
 			&:hover {
 				background: vars.$rgb-off-black;
@@ -2724,11 +2687,11 @@ th.border {
 		}
 
 		&wrp-preview {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
 		}
 
 		&wrp-preview-inner {
-			border-color: vars.$rgb-border-grey--list-row-night;
+			border-color: vars-night.$rgb-border-grey--list-row-night;
 		}
 
 		&btn-toggle-expand {
@@ -2740,7 +2703,7 @@ th.border {
 
 	@media screen and (width > #{vars.$width-screen-hg}) {
 		#listcontainer.book-contents {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
 			border-right: 1px solid #404040;
 		}
 	}
@@ -2748,33 +2711,33 @@ th.border {
 	.bk__ {
 		&head-chapter--active,
 		&head-section--active {
-			background: vars.$rgb-bg--alt-night;
+			background: vars-night.$rgb-bg--alt-night;
 		}
 	}
 
 	.bklist__ {
 		&wrp-rows-inner {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
 		}
 
 		&vr-contents {
-			border-color: vars.$rgb-border-grey--list-row-night;
+			border-color: vars-night.$rgb-border-grey--list-row-night;
 		}
 	}
 
 	.hwin .hoverborder,
 	th.border,
 	.stats--book th.border {
-		background: vars.$rgb-border-grey--statblock-night;
+		background: vars-night.$rgb-border-grey--statblock-night;
 	}
 
 	.hwin__wrp-table {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.wrp-stats-table {
-		border-top: 1px solid vars.$rgb-border-grey--statblock-night;
+		border-top: 1px solid vars-night.$rgb-border-grey--statblock-night;
-		border-bottom: 1px solid vars.$rgb-border-grey--statblock-night;
+		border-bottom: 1px solid vars-night.$rgb-border-grey--statblock-night;
 	}
 
 	.stats--book ::selection {
@@ -2783,11 +2746,11 @@ th.border {
 	}
 
 	tr.text td {
-		color: vars.$rgb-font--night !important;
+		color: vars-night.$rgb-font--night !important;
 	}
 
 	tr.text td {
-		color: vars.$rgb-font--night !important;
+		color: vars-night.$rgb-font--night !important;
 	}
 
 	.mon__ {
@@ -2796,25 +2759,18 @@ th.border {
 			background: rgb(255 255 255 / 15%);
 
 			&:hover {
-				color: vars.$rgb-font--night;
+				color: vars-night.$rgb-font--night;
 			}
 		}
 
 		&token-footer {
 			color: #ddd;
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
 		}
 	}
 
-	tr.trait td,
-	tr.action td,
-	tr.reaction td,
-	tr.legendary td {
-		color: vars.$rgb-font--night !important;
-	}
-
 	.life__output {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.f-all-wrapper > input,
@@ -2840,39 +2796,24 @@ th.border {
 	}
 
 	.stats-name {
-		color: vars.$rgb-name-red--night;
+		color: vars-night.$rgb-name-red--night;
 	}
 
 	.stats .divider div {
-		background-color: vars.$rgb-name-red--night;
+		background-color: vars-night.$rgb-name-red--night;
 	}
 
 	.stripe-odd-table > tbody > tr:nth-child(odd),
 	.stripe-even-table > tbody > tr:nth-child(even) {
-		background-color: vars.$rgb-stripe-grey--night;
+		background-color: vars-night.$rgb-stripe-grey--night;
-	}
-
-	#please-select-message.showing > td {
-		color: vars.$rgb-name-red--night;
-	}
-
-	#actions,
-	#reactions,
-	#legendaries,
-	#lairactions,
-	#regionaleffects {
-		td {
-			border-bottom-color: vars.$rgb-name-red--night;
-			color: vars.$rgb-name-red--night;
-		}
 	}
 
 	.mon__stat-header-underline {
-		border-bottom-color: vars.$rgb-name-red--night;
+		border-bottom-color: vars-night.$rgb-name-red--night;
 	}
 
 	.mon__sect-header-inner {
-		color: vars.$rgb-name-red--night;
+		color: vars-night.$rgb-name-red--night;
 	}
 
 	.bkmv {
@@ -2880,11 +2821,11 @@ th.border {
 	}
 
 	.bkmv__spacer-name {
-		background-color: vars.$rgb-border-grey--statblock-night;
+		background-color: vars-night.$rgb-border-grey--statblock-night;
 	}
 
 	.lst--border {
-		border-color: vars.$rgb-border-grey--list-row-night;
+		border-color: vars-night.$rgb-border-grey--list-row-night;
 	}
 
 	.list-multi-selected .lst--border {
@@ -2893,16 +2834,12 @@ th.border {
 
 	.list-multi-selected.lst__row--sublist {
 		.lst--border {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 
-	#rulescontent caption {
-		color: vars.$rgb-font--night;
-	}
-
 	tr.trait td {
-		color: vars.$rgb-font--night !important;
+		color: vars-night.$rgb-font--night !important;
 	}
 
 	::-webkit-scrollbar-thumb {
@@ -2911,19 +2848,10 @@ th.border {
 
 	/**** Search and filter bar ****/
 	.mon__cr_slider_wrp {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 		color: #bbb;
 	}
 
-	.hwin table.summary-noback th,
-	.hwin table.summary th {
-		color: vars.$rgb-font--night;
-	}
-
-	.hwin .hoverborder .window-title {
-		color: vars.$rgb-font--night;
-	}
-
 	.rollbox {
 		background: #272727;
 	}
@@ -2954,25 +2882,21 @@ th.border {
 		border: 1px solid rgb(255 255 255 / 15%);
 	}
 
-	.hwin td div.border {
-		background-color: vars.$rgb-name-red--night;
-	}
-
 	.initial-message {
-		color: vars.$rgb-name-red--night;
+		color: vars-night.$rgb-name-red--night;
 	}
 
 	.panel-content-textarea {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.content-tab-bar {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.highlight {
-		color: vars.$rgb-bg--night;
+		color: vars-night.$rgb-bg--night;
-		background-color: vars.$rgb-bg-highlight--night;
+		background-color: vars-night.$rgb-bg-highlight--night;
 	}
 
 	/* *** */
@@ -2983,7 +2907,7 @@ th.border {
 	}
 
 	.sidemenu {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	.sidemenu__toggle {
@@ -2991,7 +2915,7 @@ th.border {
 	}
 
 	.sidemenu__burger {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 	/* *** */
 
@@ -3002,7 +2926,7 @@ th.border {
 	/* *** */
 }
 
-.night-mode--alt {
+.ve-night-mode--alt {
 	body {
 		background: #1c1c1c;
 	}
@@ -3096,7 +3020,7 @@ th.border {
 	}
 }
 
-.night-mode {
+.ve-night-mode {
 	.cancer__ {
 		&wrp-leaderboard {
 			background: vars.$rgb-off-black;

scss/includes/ui-night.scss

@@ -3,10 +3,11 @@ Shared UI components
  */
 @use "sass:color";
 
-@use "vars";
+@use "../vars/vars";
+@use "../vars/vars-night";
 
 /* region Misc/Shared */
-.night-mode .ui__ {
+.ve-night-mode .ui__ {
 	&ipt-color {
 		&::-webkit-color-swatch {
 			border: 0;
@@ -16,16 +17,16 @@ Shared UI components
 /* endregion */
 
 /* region List */
-.night-mode .ui-list__ {
+.ve-night-mode .ui-list__ {
 	&wrp-preview {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	&btn-inline {
-		color: vars.$rgb-font--night;
+		color: vars-night.$rgb-font--night;
 
 		&:hover {
-			color: color.adjust(vars.$rgb-font--night, $lightness: 10%);
+			color: color.adjust(vars-night.$rgb-font--night, $lightness: 10%);
 			background: #ffffff30;
 		}
 	}
@@ -33,33 +34,33 @@ Shared UI components
 /* endregion */
 
 /* region Source overlay */
-.night-mode .ui-source__ {
+.ve-night-mode .ui-source__ {
 	&divider {
-		background: vars.$rgb-border-grey--night;
+		background: vars-night.$rgb-border-grey--night;
 	}
 }
 /* endregion */
 
 /* region Modals */
-.night-mode .ui-modal__ {
+.ve-night-mode .ui-modal__ {
 	&header {
 		&--border {
-			border-color: vars.$rgb-border-grey--trans-night;
+			border-color: vars-night.$rgb-border-grey--trans-night;
 		}
 	}
 
 	&footer {
-		border-color: vars.$rgb-border-grey--trans-night;
+		border-color: vars-night.$rgb-border-grey--trans-night;
 	}
 
 	&overlay-blind {
-		background-color: vars.$rgb-bg--night;
+		background-color: vars-night.$rgb-bg--night;
 	}
 
 	&inner {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 		box-shadow: 0 6px 12px rgb(0 0 0 / 56%);
-		border-color: vars.$rgb-border-grey--trans-night;
+		border-color: vars-night.$rgb-border-grey--trans-night;
 
 		&--mode-fullscreen {
 			box-shadow: none;
@@ -67,15 +68,15 @@ Shared UI components
 	}
 
 	&row--cb:hover {
-		background: vars.$rgb-bg--alt-night;
+		background: vars-night.$rgb-bg--alt-night;
 	}
 }
 /* endregion */
 
 /* region Search */
-.night-mode .ui-search__ {
+.ve-night-mode .ui-search__ {
 	&row {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 
 		&:hover {
 			background: vars.$rgb-off-black;
@@ -83,151 +84,153 @@ Shared UI components
 	}
 
 	&ipt-search-sub-wrp {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 }
 /* endregion */
 
 /* region Tabs */
-.night-mode .ui-tab__ {
+.ve-night-mode .ui-tab__ {
 	&btn-tab-head {
 		&--active,
 		&--active:focus,
 		&--active:hover,
 		&--active:active {
-			background-color: vars.$rgb-btn-default-active--night;
+			background-color: vars-night.$rgb-btn-default-active--night;
 		}
 	}
 
 	&wrp-tab-body {
 		&--background {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
-			border-color: vars.$rgb-border-grey--trans-night;
+			border-color: vars-night.$rgb-border-grey--trans-night;
-			border-bottom-color: color.adjust(vars.$rgb-border-grey--trans-night, $lightness: - 15%);
+			border-bottom-color: color.adjust(vars-night.$rgb-border-grey--trans-night, $lightness: - 15%);
 		}
 	}
 
 	&wrp-tab-heads--border {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 		border-width: 2px;
 	}
 }
 
-.night-mode .ui-tab-side__ {
+.ve-night-mode .ui-tab-side__ {
 	&wrp-tab {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--trans-night;
+		border-color: vars-night.$rgb-border-grey--trans-night;
 	}
 }
 /* endregion */
 
 /* region Proficiency */
-.night-mode .ui-prof__ {
+.ve-night-mode .ui-prof__ {
 	&btn-cycle {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 
 		&:active {
-			@include vars.mix-shadow-active--night;
+			@include vars-night.mix-shadow-active--night;
 		}
 
 		&[data-state="0"] {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
 		}
 
 		&[data-state="1"] {
-			background: vars.$rgb-border-grey--night;
+			background: vars-night.$rgb-border-grey--night;
-			border-color: color.adjust(vars.$rgb-border-grey--night, $lightness: 10%);
+			border-color: color.adjust(vars-night.$rgb-border-grey--night, $lightness: 10%);
 		}
 
 		&[data-state="2"] {
-			background: vars.$rgb-border-grey--night;
+			background: vars-night.$rgb-border-grey--night;
-			border-color: color.adjust(vars.$rgb-border-grey--night, $lightness: 10%);
+			border-color: color.adjust(vars-night.$rgb-border-grey--night, $lightness: 10%);
 
 			&::before {
-				color: vars.$rgb-bg--night;
+				color: vars-night.$rgb-bg--night;
 			}
 		}
 
 		&[data-state="3"] {
-			background: repeating-linear-gradient(135deg, vars.$rgb-bg--night, vars.$rgb-bg--night 10px, vars.$rgb-border-grey--night 10px, vars.$rgb-border-grey--night 20px);
+			background: repeating-linear-gradient(135deg, vars-night.$rgb-bg--night, vars-night.$rgb-bg--night 10px, vars-night.$rgb-border-grey--night 10px, vars-night.$rgb-border-grey--night 20px);
-			border-color: color.adjust(vars.$rgb-border-grey--night, $lightness: 10%);
+			border-color: color.adjust(vars-night.$rgb-border-grey--night, $lightness: 10%);
 		}
 	}
 }
 /* endregion */
 
 /* region Direction picker */
-.night-mode .ui-dir__ {
+.ve-night-mode .ui-dir__ {
 	&face {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&arm {
-		background: vars.$rgb-font--night;
+		background: vars-night.$rgb-font--night;
 		box-shadow: none;
 	}
 }
 /* endregion */
 
 /* region Hover tips */
-.night-mode .ui-tip__ {
+.ve-night-mode .ui-tip__ {
 	&child {
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
 	}
 }
 /* endregion */
 
 /* region Context menu */
-.night-mode .ui-ctx {
+.ve-night-mode .ui-ctx {
 	&__wrp {
-		background: vars.$rgb-bg--night;
+		background: vars-night.$rgb-bg--night;
-		border: 1px solid vars.$rgb-border-grey--trans-night;
+		border: 1px solid vars-night.$rgb-border-grey--trans-night;
-		border-top-color: vars.$rgb-border-grey--night;
+		border-top-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&__divider {
-		background: vars.$rgb-border-grey--night;
+		background: vars-night.$rgb-border-grey--night;
 	}
 
 	&__btn {
+		color: vars-night.$rgb-font--night;
+
 		&:hover {
-			background: vars.$rgb-bg--alt-night;
+			background: vars-night.$rgb-bg--alt-night;
 			color: #fff;
 		}
 
 		&.disabled,
 		&.disabled:hover {
-			background: vars.$rgb-bg--night;
+			background: vars-night.$rgb-bg--night;
-			color: vars.$rgb-font--night;
+			color: vars-night.$rgb-font--night;
 		}
 	}
 }
 /* endregion */
 
 /* region Picker */
-.night-mode .ui-pick {
+.ve-night-mode .ui-pick {
 	&__ {
 		&disp-text {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 	}
 }
 /* endregion */
 
 /* region "Copied" tooltip */
-.night-mode .clp__ {
+.ve-night-mode .clp__ {
 	&disp-copied {
-		background: radial-gradient(ellipse at center, vars.$rgb-bg--night 0%, vars.$rgb-bg--night 35%, transparent 75%, transparent 100%);
+		background: radial-gradient(ellipse at center, vars-night.$rgb-bg--night 0%, vars-night.$rgb-bg--night 35%, transparent 75%, transparent 100%);
 	}
 }
 /* endregion */
 
 /* region Decorated inputs */
-.night-mode .ui-ideco__ {
+.ve-night-mode .ui-ideco__ {
 	&btn-ticker {
-		background: vars.$rgb-border-grey--night;
+		background: vars-night.$rgb-border-grey--night;
 		color: #fff;
 
 		&:hover,
@@ -239,14 +242,14 @@ Shared UI components
 		}
 
 		&:hover {
-			background: color.adjust(vars.$rgb-border-grey--night, $lightness: - vars.$pct-darken-hover);
+			background: color.adjust(vars-night.$rgb-border-grey--night, $lightness: - vars.$pct-darken-hover);
 			color: #fff;
 		}
 
 		&:active,
 		&:focus,
 		&:active:focus {
-			background: color.adjust(vars.$rgb-border-grey--night, $lightness: - vars.$pct-darken-active);
+			background: color.adjust(vars-night.$rgb-border-grey--night, $lightness: - vars.$pct-darken-active);
 			color: #fff;
 		}
 	}
@@ -254,62 +257,62 @@ Shared UI components
 /* endregion */
 
 /* region Select2 */
-.night-mode .ui-sel2__ {
+.ve-night-mode .ui-sel2__ {
 	&ipt-search {
-		background: transparent;
+		background: vars-night.$rgb-bg--night;
 	}
 
 	&wrp-options {
-		background-color: vars.$rgb-bg--night;
+		background-color: vars-night.$rgb-bg--night;
-		border-color: vars.$rgb-border-grey--night;
+		border-color: vars-night.$rgb-border-grey--night;
 	}
 
 	&disp-option {
 		&.active,
 		&:focus,
 		&:hover {
-			background: vars.$rgb-bg--alt-night;
+			background: vars-night.$rgb-bg--alt-night;
 		}
 
 		&:focus.active,
 		&:hover.active {
-			background: color.adjust(vars.$rgb-bg--alt-night, $lightness: vars.$pct-darken-active);
+			background: color.adjust(vars-night.$rgb-bg--alt-night, $lightness: vars.$pct-darken-active);
 		}
 	}
 }
 /* endregion */
 
 /* region Range Slider */
-.night-mode .ui-slidr {
+.ve-night-mode .ui-slidr {
 	&__ {
 		&thumb {
 			background: vars.$rgb-border-grey--trans;
-			border-color: vars.$rgb-font--night;
+			border-color: vars-night.$rgb-font--night;
 
 			&--hover,
 			&:hover {
 				background: color.adjust(vars.$rgb-border-grey--trans, $lightness: 10%);
-				border-color: vars.$rgb-font--night;
+				border-color: vars-night.$rgb-font--night;
 			}
 		}
 
 		&track-outer {
-			border-color: vars.$rgb-border-grey--night;
+			border-color: vars-night.$rgb-border-grey--night;
 		}
 
 		&track-inner {
-			background: vars.$rgb-border-grey--trans-night;
+			background: vars-night.$rgb-border-grey--trans-night;
 		}
 
 		&disp-value {
 			&--visible {
-				border-color: vars.$rgb-border-grey--night;
+				border-color: vars-night.$rgb-border-grey--night;
-				background: vars.$rgb-bg--night;
+				background: vars-night.$rgb-bg--night;
 			}
 		}
 
 		&pip {
-			background: vars.$rgb-font--night;
+			background: vars-night.$rgb-font--night;
 		}
 	}
 }

scss/includes/ui.scss

@@ -2,7 +2,8 @@
 Shared UI components
  */
 @use "sass:color";
-@use "vars";
+
+@use "../vars/vars";
 
 /* region Misc/Shared */
 .ui__ {
@@ -350,7 +351,6 @@ Shared UI components
 .ui-tab__ {
 	&btn-tab-head {
 		display: inline-block;
-		padding: 2px 4px 0;
 		border-bottom-right-radius: 0;
 		border-bottom-left-radius: 0;
 		cursor: pointer;
@@ -752,7 +752,6 @@ Shared UI components
 		transition: opacity vars.$time-2-frames;
 		opacity: 0;
 
-		padding: 0;
 		width: 14px;
 		height: 10px;
 		border: 0;

scss/includes/util-5etools-night.scss

@@ -1,23 +1,23 @@
-@use "vars";
+@use "../vars/vars-night";
 
-.night-mode {
+.ve-night-mode {
 	.stripe- {
 		&even {
 			&:nth-child(even) {
-				background: vars.$rgb-stripe-grey--night;
+				background: vars-night.$rgb-stripe-grey--night;
 			}
 		}
 
 		&odd {
 			&:nth-child(odd) {
-				background: vars.$rgb-stripe-grey--night;
+				background: vars-night.$rgb-stripe-grey--night;
 			}
 		}
 
 		&child- {
 			&even-first {
 				&:nth-child(even) > :first-child {
-					background: vars.$rgb-stripe-grey--night;
+					background: vars-night.$rgb-stripe-grey--night;
 				}
 			}
 		}
@@ -27,7 +27,7 @@
 		&__ {
 			&ele-hoverable {
 				&:hover {
-					background: vars.$rgb-bg--alt-night;
+					background: vars-night.$rgb-bg--alt-night;
 				}
 			}
 		}

scss/includes/util-5etools.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .clickable {
 	&--link {

scss/includes/util-mobile.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 @mixin mix-mobile-styles ($width-screen) {
 	@media screen and (width > #{$width-screen}) {

scss/includes/util-print.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 @include vars.mix-is-print {
 	.no-print {

scss/includes/util-spacing-night.scss

@@ -0,0 +1,42 @@
+@use "../vars/vars-night";
+
+.ve-night-mode {
+	.hr-0,
+	.hr-1,
+	.hr-2,
+	.hr-3,
+	.hr-4,
+	.hr-5,
+	.vr-0,
+	.vr-1,
+	.vr-2,
+	.vr-3,
+	.vr-4,
+	.vr-5 {
+		border-color: vars-night.$rgb-border-grey--night;
+	}
+
+	.b-1p {
+		border-color: vars-night.$rgb-border-grey--night !important;
+	}
+
+	.bt-1p {
+		border-top-color: vars-night.$rgb-border-grey--night !important;
+	}
+
+	.br-1p {
+		border-right-color: vars-night.$rgb-border-grey--night !important;
+	}
+
+	.bb-1p {
+		border-bottom-color: vars-night.$rgb-border-grey--night !important;
+
+		&-trans {
+			border-bottom-color: vars-night.$rgb-border-grey--trans-night !important;
+		}
+	}
+
+	.bl-1p {
+		border-left-color: vars-night.$rgb-border-grey--night !important;
+	}
+}

scss/includes/util-spacing.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 .b-0 {
 	border: 0 !important;
@@ -682,6 +682,11 @@
 	padding-left: 2px !important;
 }
 
+.px-4p {
+	padding-right: 4px !important;
+	padding-left: 4px !important;
+}
+
 .pt-0 {
 	padding-top: 0 !important;
 }
@@ -710,6 +715,10 @@
 	padding-top: 1px !important;
 }
 
+.pt-2p {
+	padding-top: 2px !important;
+}
+
 .pr-0 {
 	padding-right: 0 !important;
 }

scss/includes/util.scss

@@ -1,4 +1,4 @@
-@use "vars";
+@use "../vars/vars";
 
 // region Fix Chrome
 input[type="checkbox"]:checked {

scss/index.scss

@@ -1,4 +1,4 @@
-@use "includes/vars";
+@use "vars/vars";
 
 table.home-table {
 	padding: 0 10px 10px;
@@ -46,10 +46,10 @@ table.home-table td {
 	color: #444;
 }
 
-.night-mode .home__btn-page,
+.ve-night-mode .home__btn-page,
-.night-mode .home__btn-page:hover,
+.ve-night-mode .home__btn-page:hover,
-.night-mode .home__btn-page:active,
+.ve-night-mode .home__btn-page:active,
-.night-mode .home__btn-page:focus {
+.ve-night-mode .home__btn-page:focus {
 	color: inherit;
 }
 
@@ -91,10 +91,10 @@ table.home-table td {
 .home__btn-player:hover,
 .home__btn-player:active,
 .home__btn-player:focus,
-.night-mode .home__btn-player,
+.ve-night-mode .home__btn-player,
-.night-mode .home__btn-player:hover,
+.ve-night-mode .home__btn-player:hover,
-.night-mode .home__btn-player:active,
+.ve-night-mode .home__btn-player:active,
-.night-mode .home__btn-player:focus {
+.ve-night-mode .home__btn-player:focus {
 	border-color: #1e90ff;
 	color: #1e90ff;
 }
@@ -103,10 +103,10 @@ table.home-table td {
 .home__btn-rule:hover,
 .home__btn-rule:active,
 .home__btn-rule:focus,
-.night-mode .home__btn-rule,
+.ve-night-mode .home__btn-rule,
-.night-mode .home__btn-rule:hover,
+.ve-night-mode .home__btn-rule:hover,
-.night-mode .home__btn-rule:active,
+.ve-night-mode .home__btn-rule:active,
-.night-mode .home__btn-rule:focus {
+.ve-night-mode .home__btn-rule:focus {
 	border-color: #33a5a5;
 	color: #33a5a5;
 }
@@ -115,10 +115,10 @@ table.home-table td {
 .home__btn-dm:hover,
 .home__btn-dm:active,
 .home__btn-dm:focus,
-.night-mode .home__btn-dm,
+.ve-night-mode .home__btn-dm,
-.night-mode .home__btn-dm:hover,
+.ve-night-mode .home__btn-dm:hover,
-.night-mode .home__btn-dm:active,
+.ve-night-mode .home__btn-dm:active,
-.night-mode .home__btn-dm:focus {
+.ve-night-mode .home__btn-dm:focus {
 	border-color: #9400d3;
 	color: #9400d3;
 }