chemicalcrux
/
stroll
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 11 Wiki Activity
big steppy
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
369 Commitit
1 Haara
1.3 MiB
 
 
 
Puu: 364ec90cae
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '364ec90cae'
${ noResults }
stroll/stroll.html

1160 lines
64 KiB
Raaka Blame Historia 

  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="utf-8">

  6.   <title>Stroll</title>

  7.   <link rel="stylesheet" href="style.css">

  8.   <script src="sounds.js"></script>

  9.   <script src="migrations.js"></script>

  10.   <script src="presets.js"></script>

  11.   <script src="units.js"></script>

  12.   <script src="recursive-macro.js"></script>

  13.   <script src="recursive-desc.js"></script>

  14.   <script src="game.js"></script>

  15.   <meta name="theme-color" content="#000000" />

  16.   <meta name="description" content="An 18+ macro/vore text game" />

  17.   <meta property="og:title" content="Stroll" />

  18.   <meta property="og:description" content="An 18+ macro/vore text game" />

  19.   <meta property="og:image" content="https://chemicalcrux.org/stroll.png" />

  20.   <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />

  21. </head>

  22. 

  23. <body class="light">

  24.   <script src="darkmode.js"></script>

  25.   <div class="game-area">

  26.     <div class="sidebar" id="stat-container">

  27.       <div class="stat-header-self" id="stats-self">

  28.         <p>Stats</p>

  29.         <div class="stat-line" id="height"></div>

  30.         <div class="stat-line" id="mass"></div>

  31.         <div class="stat-line" id="growth-points"></div>

  32.         <div class="stat-line" id="arousal"></div>

  33.         <div class="stat-line" id="edge"></div>

  34. 

  35. 

  36.         <div class="meter" id="arousalMeter">

  37.           <div class="meterLabel">

  38.             AROUSAL

  39.           </div>

  40.           <div class="fill">

  41.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  42.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  43.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  44.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  45.             </svg>

  46.           </div>

  47.         </div>

  48. 

  49.         <div class="meter" id="orgasmMeter">

  50.           <div class="meterLabel">

  51.             ORGASM

  52.           </div>

  53.           <div class="fill">

  54.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  55.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  56.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  57.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  58.             </svg>

  59.           </div>

  60.         </div>

  61. 

  62.         <div class="meter" id="edgeMeter">

  63.           <div class="meterLabel">

  64.             EDGING

  65.           </div>

  66.           <div class="fill">

  67.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  68.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  69.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  70.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  71.             </svg>

  72.           </div>

  73.         </div>

  74. 

  75.         <p></p>

  76.         <!-- external svg is such a pain in the ass -->

  77. 

  78.         <div class="meter" id="cumMeter">

  79.           <div class="meterLabel">

  80.             CUM

  81.           </div>

  82.           <div class="fill">

  83.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  84.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  85.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  86.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  87.             </svg>

  88.           </div>

  89.         </div>

  90. 

  91.         <div class="meter" id="femcumMeter">

  92.           <div class="meterLabel">

  93.             FEMCUM

  94.           </div>

  95.           <div class="fill">

  96.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  97.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  98.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  99.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  100.             </svg>

  101.           </div>

  102.         </div>

  103. 

  104.         <div class="meter" id="milkMeter">

  105.           <div class="meterLabel">

  106.             MILK

  107.           </div>

  108.           <div class="fill">

  109.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  110.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  111.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  112.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  113.             </svg>

  114.           </div>

  115.         </div>

  116. 

  117.         <div class="meter" id="gasMeter">

  118.           <div class="meterLabel">

  119.             GAS

  120.           </div>

  121.           <div class="fill">

  122.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  123.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  124.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  125.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  126.             </svg>

  127.           </div>

  128.         </div>

  129. 

  130.         <div class="meter" id="pissMeter">

  131.           <div class="meterLabel">

  132.             PISS

  133.           </div>

  134.           <div class="fill">

  135.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  136.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  137.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  138.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  139.             </svg>

  140.           </div>

  141.         </div>

  142. 

  143.         <div class="meter" id="scatMeter">

  144.           <div class="meterLabel">

  145.             SCAT

  146.           </div>

  147.           <div class="fill">

  148.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  149.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  150.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  151.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  152.             </svg>

  153.           </div>

  154.         </div>

  155. 

  156.         <div class="stat-line-hidden" id="cum"></div>

  157.         <div class="stat-line-hidden" id="femcum"></div>

  158.         <div class="stat-line-hidden" id="milk"></div>

  159.         <div class="stat-line-hidden" id="gas"></div>

  160.         <div class="stat-line-hidden" id="piss"></div>

  161.         <div class="stat-line-hidden" id="scat"></div>

  162.       </div>

  163.       <div class="stat-header-self">Growth</div>

  164. 

  165.       <div class="growth-box">

  166.         <div id="growth-box-left">

  167.           <button class="growth-part growth-part-active" id="button-growth-body">Body</button>

  168.           <button class="growth-part" id="button-growth-paws">Paws</button>

  169.           <button class="growth-part" id="button-growth-tail">Tail</button>

  170.           <button class="growth-part" id="button-growth-ass">Ass</button>

  171.           <button class="growth-part" id="button-growth-dick">Cock</button>

  172.           <button class="growth-part" id="button-growth-balls">Balls</button>

  173.           <button class="growth-part" id="button-growth-slit">Slit</button>

  174.           <button class="growth-part" id="button-growth-breasts">Breasts</button>

  175.         </div>

  176.         <div id="growth-box-right">

  177.           <button class="growth-amount" id="button-growth-1.1">1.1x</button>

  178.           <button class="growth-amount" id="button-growth-1.5">1.5x</button>

  179.           <button class="growth-amount" id="button-growth-2">2x</button>

  180.           <button class="growth-amount" id="button-growth-5">5x</button>

  181.           <button class="growth-amount" id="button-growth-20">20x</button>

  182.           <button class="growth-amount" id="button-growth-100">100x</button>

  183.         </div>

  184.       </div>

  185. 

  186.       <div class="stat-container">

  187.         <button class="stat-button" id="button-look">Look Around</button>

  188.         <button class="stat-button" id="button-stats">Stats</button>

  189.       </div>

  190.     </div>

  191.     <div id="log-area">

  192.       <div id="log">

  193.         <div>Welcome to Stroll 0.7.4</div>

  194.         <div><b>This game features 18+ content</b></div>

  195.         <div>&nbsp;</div>

  196.       </div>

  197.       <div id="react-log">

  198.         <div>It's a nice day for a walk</div>

  199.         <div>&nbsp;</div>

  200.       </div>

  201.     </div>

  202.     <div class="sidebar" id="action-panel">

  203.       <div class="action-part-container">

  204.         <button class="active action-part-button" id="action-part-body">Body</button>

  205.         <button class="action-part-button" id="action-part-paws">Paws</button>

  206.         <button class="action-part-button" id="action-part-dick">Cock</button>

  207.         <button class="action-part-button" id="action-part-vagina">Slit</button>

  208.         <button class="action-part-button" id="action-part-breasts">Breasts</button>

  209.         <button class="action-part-button" id="action-part-tails">Tails</button>

  210.         <button class="action-part-button" id="action-part-souls">Souls</button>

  211.         <button class="action-part-button" id="action-part-shoes">Shoes</button>

  212.         <button class="action-part-button" id="action-part-waste">Waste</button>

  213.         <button class="action-part-button" id="action-part-goo">Goo</button>

  214.         <button class="action-part-button" id="action-part-magic">Magic</button>

  215.         <button class="action-part-button" id="action-part-misc">Misc</button>

  216.         <button class="action-part-button" id="action-part-breath">Breath</button>

  217.         <button class="action-part-button" id="action-part-options">Options</button>

  218.       </div>

  219. 

  220.       <div class="action-tab" id="actions-body">

  221.         <button class="action-button" id="button-action-feed">Eat</button>

  222.         <button class="action-button" id="button-action-crop_swallow">Crop Swallow</button>

  223.         <button class="action-button" id="button-action-digest_stomach">Digest</button>

  224.         <button class="action-button" id="button-action-chew">Chew</button>

  225.         <button class="action-button" id="button-action-drool">Drool</button>

  226.         <button class="action-button" id="button-action-vomit">Vomit</button>

  227.         <button class="action-button" id="button-action-sit">Sit</button>

  228.         <button class="action-button" id="button-action-ass_grind">Grind ass</button>

  229.         <button class="action-button" id="button-action-anal_vore">Anal Vore</button>

  230.         <button class="action-button" id="button-action-digest_anal">Digest Bowels</button>

  231.         <button class="action-button" id="button-action-grind">Grind hips</button>

  232.       </div>

  233. 

  234.       <div class="action-tab" id="actions-paws">

  235.         <button class="action-button" id="button-action-stomp">Stomp</button>

  236.         <button class="action-button" id="button-action-flex_toes">Flex Toes</button>

  237.         <button class="action-button" id="button-action-paw_vore">Absorb</button>

  238.         <button class="action-button" id="button-action-digest_paws">Digest</button>

  239.       </div>

  240. 

  241.       <div class="action-tab" id="actions-tails">

  242.         <button class="action-button" id="button-action-tail_slap">Tail Slap</button>

  243.         <button class="action-button" id="button-action-tail_vore_only">Tail Vore</button>

  244.         <button class="action-button" id="button-action-tail_vore_one">Tail Vore (1)</button>

  245.         <button class="action-button" id="button-action-tail_vore_some">Tail Vore (some)</button>

  246.         <button class="action-button" id="button-action-tail_vore_all">Tail Vore (all!)</button>

  247.         <button class="action-button" id="button-action-digest_tail">Digest</button>

  248.       </div>

  249. 

  250.       <div class="action-tab" id="actions-breasts">

  251.         <button class="action-button" id="button-action-cleavage_stuff">Stuff Cleavage</button>

  252.         <button class="action-button" id="button-action-breast_toy">Squeeze Cleavage</button>

  253.         <button class="action-button" id="button-action-cleavage_crush">Crush Cleavage</button>

  254.         <button class="action-button" id="button-action-cleavage_drop">Drop Cleavage</button>

  255.         <button class="action-button" id="button-action-cleavage_absorb">Absorb Cleavage</button>

  256.         <button class="action-button" id="button-action-breast_crush">Breast Crush</button>

  257.         <button class="action-button" id="button-action-breast_vore">Breast Vore</button>

  258.         <button class="action-button" id="button-action-digest_breast">Digest</button>

  259.         <button class="action-button" id="button-action-breast_milk">Milk Breasts</button>

  260.       </div>

  261. 

  262.       <div class="action-tab" id="actions-vagina">

  263.         <button class="action-button" id="button-action-unbirth">Unbirth</button>

  264.         <button class="action-button" id="button-action-digest_unbirth">Digest</button>

  265.         <button class="action-button" id="button-action-slit_toy">Finger Slit</button>

  266.       </div>

  267. 

  268.       <div class="action-tab" id="actions-dick">

  269.         <button class="action-button" id="button-action-sheath_stuff">Stuff Sheath</button>

  270.         <button class="action-button" id="button-action-sheath_toy">Squeeze Sheath</button>

  271.         <button class="action-button" id="button-action-sheath_clench">Clench Sheath</button>

  272.         <button class="action-button" id="button-action-sheath_absorb">Absorb Sheath</button>

  273.         <button class="action-button" id="button-action-cockslap">Cockslap</button>

  274.         <button class="action-button" id="button-action-cock_vore">Cock Vore</button>

  275.         <button class="action-button" id="button-action-digest_cock">Digest</button>

  276.         <button class="action-button" id="button-action-ball_smother">Ball Smother</button>

  277.       </div>

  278. 

  279.       <div class="action-tab" id="actions-souls">

  280.         <button class="action-button" id="button-action-soul_vore">Soul Vore</button>

  281.         <button class="action-button" id="button-action-digest_soul">Digest</button>

  282.         <button class="action-button" id="button-action-soul_absorb_paw">Paws</button>

  283.       </div>

  284. 

  285.       <div class="action-tab" id="actions-shoes">

  286.         <button class="action-button" id="button-action-wear_shoes">Put On Shoes</button>

  287.         <button class="action-button" id="button-action-remove_shoes">Take Off Shoes</button>

  288.         <button class="action-button" id="button-action-wear_socks">Put On Socks</button>

  289.         <button class="action-button" id="button-action-remove_socks">Take Off Socks</button>

  290.         <button class="action-button" id="button-action-stuff_shoes">Stuff Shoes</button>

  291.         <button class="action-button" id="button-action-stuff_socks">Stuff Socks</button>

  292.         <button class="action-button" id="button-action-dump_shoes">Dump Shoes</button>

  293.         <button class="action-button" id="button-action-dump_socks">Dump Socks</button>

  294.       </div>

  295. 

  296.       <div class="action-tab" id="actions-waste">

  297.         <button class="action-button" id="button-action-belch">Belch</button>

  298.         <button class="action-button" id="button-action-fart">Fart</button>

  299.         <button class="action-button" id="button-action-piss">Piss</button>

  300.         <button class="action-button" id="button-action-bladder_vore">Bladder Vore</button>

  301.         <button class="action-button" id="button-action-digest_bladder">Digest</button>

  302.         <button class="action-button" id="button-action-scat">Scat</button>

  303.       </div>

  304. 

  305.       <div class="action-tab" id="actions-goo">

  306.         <button class="action-button" id="button-action-solidify">Solidify</button>

  307.         <button class="action-button" id="button-action-melt">Melt</button>

  308.         <button class="action-button" id="button-action-flood">Flood</button>

  309.         <button class="action-button" id="button-action-goo_stomach_push">Push to Stomach</button>

  310.         <button class="action-button" id="button-action-goo_stomach_pull">Pull from Stomach</button>

  311.         <button class="action-button" id="button-action-goo_bowels_push">Push to Bowels</button>

  312.         <button class="action-button" id="button-action-goo_bowels_pull">Pull from Bowels</button>

  313.         <button class="action-button" id="button-action-goo_womb_push">Push to Womb</button>

  314.         <button class="action-button" id="button-action-goo_womb_pull">Pull from Womb</button>

  315.         <button class="action-button" id="button-action-goo_balls_push">Push to Balls</button>

  316.         <button class="action-button" id="button-action-goo_balls_pull">Pull from Balls</button>

  317.         <button class="action-button" id="button-action-goo_breasts_push">Push to Breasts</button>

  318.         <button class="action-button" id="button-action-goo_breasts_pull">Pull from Breasts</button>

  319.         <button class="action-button" id="button-action-goo_tail_push">Push to Tails</button>

  320.         <button class="action-button" id="button-action-goo_tail_pull">Pull from Tails</button>

  321.         <button class="action-button" id="button-action-goo_paws_push">Push to Paws</button>

  322.         <button class="action-button" id="button-action-goo_paws_pull">Pull from Paws</button>

  323.         <button class="action-button" id="button-action-digest_goo">Digest</button>

  324.       </div>

  325. 

  326.       <div class="action-tab" id="actions-misc">

  327.         <button class="action-button" id="button-action-pouch_stuff">Stuff Pouch</button>

  328.         <button class="action-button" id="button-action-pouch_rub">Rub Pouch</button>

  329.         <button class="action-button" id="button-action-pouch_eat">Eat From Pouch</button>

  330.         <button class="action-button" id="button-action-pouch_absorb">Absorb Pouch</button>

  331.       </div>

  332. 

  333.       <div class="action-tab" id="actions-breath">

  334.         <button class="action-button" id="button-action-breath_line" data-free="true">Line Shape</button>

  335.         <button class="action-button" id="button-action-breath_cone" data-free="true">Cone Shape</button>

  336.         <button class="action-button" id="button-action-breath_fire">Fire</button>

  337.         <button class="action-button" id="button-action-breath_ice">Ice</button>

  338.         <button class="action-button" id="button-action-breath_electric">Electric</button>

  339.         <button class="action-button" id="button-action-breath_smoke">Smoke</button>

  340.         <button class="action-button" id="button-action-breath_radiation">Radiation</button>

  341.         <button class="action-button" id="button-action-breath_foul">Foul</button>

  342.       </div>

  343. 

  344.       <div class="action-tab" id="actions-magic">

  345.         <button class="action-button" id="button-action-magic_shrink">Shrink</button>

  346.         <button class="action-button" id="button-action-magic_fast_digestion">Fast Digestion</button>

  347.       </div>

  348. 

  349.       <div class="action-tab" id="actions-options">

  350.         <button class="stat-button" id="button-arousal">Arousal On</button>

  351.         <button class="stat-button" id="button-stroll">Status: Standing</button>

  352.         <button class="stat-button" id="button-numbers">Numbers: Words</button>

  353.         <button class="stat-button" id="button-units">Units: Metric</button>

  354.         <button class="stat-button" id="button-verbose">Verbose Text</button>

  355.         <button class="stat-button" id="button-dark-mode-game">Toggle Dark Mode</button>

  356.         <button class="stat-button" id="button-debug-log">Debug Log</button>

  357.       </div>

  358.     </div>

  359.   </div>

  360.   <div class="character-build" id="character-build-area">

  361.     <p>Welcome to Stroll 0.7.4</p>

  362.     <p><b>This game features 18+ content</b></p>

  363.     <p><a href="https://chemicalcrux.org/stroll">Changelog</a> - <a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram</a> - <a href="https://discord.gg/7pdcVhD">Discord</a></p>

  364. 

  365.     <p>Stroll is a text-based macro game. Stomp things, eat things, abuse things - then grow larger and do it all over again.</p>

  366. 

  367.     <p><b>Stroll is designed for modern browsers. Chrome, Firefox, or Edge are suggested. Older browsers will likely fail to run the game. Mobile should work fine.</b></p>

  368. 

  369.     <div id="browser-ok"></div>

  370. 

  371.     <p>Leave a box empty for a sane default value</p>

  372.     <p>Lengths in meters, areas in square meters, masses in kilograms, times in seconds</p>

  373.     <p>(but you can preview the customary value)</p>

  374.     <p>Click on boxed titles to enable and disable features.</p>

  375. 

  376.     <div id="custom-species">

  377. 

  378. 

  379.       <ul class="flex-outer">

  380. 

  381.         <div class="custom-category">

  382.           <p>Reset the sheet here (saved data isn't affected). You can also load the character you started your most recent game with.</p>

  383. 

  384.           <div>

  385.             <button class="option-button" id="button-reset-custom">Reset</button>

  386.             <button class="option-button" id="button-load-autosave">Load Last</button>

  387.           </div>

  388.         </div>

  389. 

  390.         <div class="custom-category">

  391.           <div>

  392.             <button class="option-button" id="button-start">Start Game</button>

  393.           </div>

  394.         </div>

  395. 

  396.         <div class="custom-category">

  397.           <button class="option-button" id="button-dark-mode-options">Toggle Dark Mode</button>

  398.           <button class="option-button" id="button-units-options">Units: Metric</button>

  399.         </div>

  400. 

  401.         <div class="custom-category">

  402.           <p>You can load a preset character here...</p>

  403.           <div>

  404.             <select id="character-presets">

  405.                 </select>

  406.             <button type="button" class="option-button" id="button-load-preset">Load Preset Character</button>

  407.           </div>

  408.         </div>

  409. 

  410.         <div class="custom-category">

  411.           <p>Or, load/save your own character internally here. It'll be saved in your browser, so you can come back to it later.</p>

  412.           <div>

  413.             <button type="button" class="option-button" id="button-load-custom">Load Custom Character</button>

  414.             <button type="button" class="option-button" id="button-save-custom">Save Custom Character</button>

  415.           </div>

  416.         </div>

  417. 

  418.         <div class="custom-category">

  419.           <p>Or export/import your character to text here. Copy and paste to share.</p>

  420.           <div class>

  421.             <button type="button" class="option-button" id="button-export-clear">Clear Space</button>

  422.             <button type="button" class="option-button" id="button-export-preset">Export Your Character</button>

  423.             <button type="button" class="option-button" id="button-import-preset">Import Your Character</button>

  424. 

  425.             <p><input autocomplete="off" type="text" id="export-area" placeholder="Paste character data here..."></p>

  426.           </div>

  427.         </div>

  428.       </ul>

  429.       <form id="custom-species-form" name="custom-species-form">

  430.         <ul class="flex-outer">

  431.           <div class="custom-category">

  432.             <div class="custom-header-static">Basics</div>

  433.             <div>

  434.               <li>

  435.                 <label for="name">Name</label>

  436.                 <input autocomplete="off" type="text" id="name" name="name" />

  437.               </li>

  438.               <li>

  439.                 <label for="species">Species</label>

  440.                 <input autocomplete="off" type="text" id="species" name="species" placeholder="crux" />

  441.               </li>

  442.               <li>

  443.                 <label for="scale" class="has-tooltip" title="How many times larger than normal you start.">Scale (?)</label>

  444.                 <input autocomplete="off" type="number" step="any" id="scale" name="scale" placeholder="1" />

  445.                 <div class="preview" id="scalePreview"></div>

  446.               </li>

  447.               <li>

  448.                 <label for="baseHeight">Height</label>

  449.                 <input autocomplete="off" type="number" step="any" id="baseHeight" name="baseHeight" data-unit="length" placeholder="2.26" />

  450.                 <div class="preview" id="baseHeightPreview"></div>

  451.               </li>

  452.               <li>

  453.                 <label for="baseMass">Weight</label>

  454.                 <input autocomplete="off" type="number" step="any" id="baseMass" name="baseMass" data-unit="mass" placeholder="135">

  455.                 <div class="preview" id="baseMassPreview"></div>

  456.               </li>

  457.               <li>

  458.                 <label for="basePawArea">Paw area</label>

  459.                 <input autocomplete="off" type="number" step="any" id="basePawArea" name="basePawArea" data-unit="area" placeholder="0.1">

  460.                 <div class="preview" id="basePawAreaPreview"></div>

  461.               </li>

  462.               <li>

  463.                 <label for="baseHandArea">Hand area</label>

  464.                 <input autocomplete="off" type="number" step="any" id="baseHandArea" name="baseHandArea" data-unit="area" placeholder="0.1">

  465.                 <div class="preview" id="baseHandAreaPreview"></div>

  466.               </li>

  467.               <li>

  468.                 <label for="baseAssArea">Ass area</label>

  469.                 <input autocomplete="off" type="number" step="any" id="baseAssArea" name="baseAssArea" data-unit="area" placeholder="0.25">

  470.                 <div class="preview" id="baseAssAreaPreview"></div>

  471.               </li>

  472.             </div>

  473.           </div>

  474. 

  475.           <div class="custom-category">

  476.             <div class="custom-header-static">Difficulty</div>

  477.             <div>

  478.             <div>

  479.               <li>

  480.                 <input autocomplete="off" type="radio" name="difficulty" checked="true" id="difficulty-0" value="0">

  481.                 <label for="difficulty-0" class="has-tooltip" title="No restrictions">Sandbox</label>

  482.               </li>

  483.               <li>

  484.                 <input autocomplete="off" type="radio" name="difficulty" id="difficulty-1" value="1">

  485.                 <label for="difficulty-1" class="has-tooltip" title="Growth points required to get big, actions have cooldowns">Stompvival</label>

  486.               </li>

  487.             </div>

  488.             </div>

  489.           </div>

  490. 

  491.           <div class="custom-category">

  492.             <div class="custom-header-static">Brutality</div>

  493.             <div>

  494.               <li>

  495.                 <input autocomplete="off" type="radio" name="brutality" id="brutality-0" value="0">

  496.                 <label for="brutality-0">Non-fatal</label>

  497.               </li>

  498.               <li>

  499.                 <input autocomplete="off" type="radio" name="brutality" checked="true" id="brutality-1" value="1">

  500.                 <label for="brutality-1">Fatal, no gore</label>

  501.               </li>

  502.               <li>

  503.                 <input autocomplete="off" type="radio" name="brutality" id="brutality-2" value="2">

  504.                 <label for="brutality-2">Gory</label>

  505.               </li>

  506.               <li>

  507.                 <input autocomplete="off" type="radio" name="brutality" id="brutality-3" value="3">

  508.                 <label for="brutality-3">Sadistic</label>

  509.               </li>

  510.             </div>

  511.           </div>

  512. 

  513.           <div class="custom-category">

  514.             <div class="custom-header-static">Victims</div>

  515.             <div>

  516.               <li>

  517.                 <input autocomplete="off" type="checkbox" name="victimsHuman" id="victimsHuman" />

  518.                 <label for="victimsHuman">Human prey (instead of anthros)</label>

  519.               </li>

  520.               <li>

  521.                 <input autocomplete="off" type="checkbox" name="victimsMilitary" id="victimsMilitary" />

  522.                 <label for="victimsMilitary">Military</label>

  523.               </li>

  524.               <li>

  525.                 <input autocomplete="off" type="checkbox" name="victimsMacros" id="victimsMacros" />

  526.                 <label for="victimsMacros">Smaller macros</label>

  527.               </li>

  528.               <li>

  529.                 <input autocomplete="off" type="checkbox" name="victimsMicros" id="victimsMicros" />

  530.                 <label for="victimsMicros">Micros</label>

  531.               </li>

  532.             </div>

  533.           </div>

  534. 

  535.           <div class="custom-category">

  536.             <div class="custom-header-static">Misc</div>

  537.             <div>

  538.               <li>

  539.                 <input autocomplete="off" type="checkbox" checked="true" name="sameSizeVore" id="sameSizeVore"/>

  540.                 <label class="has-tooltip" for="sameSizeVore" title="Can you eat people your own size?">Same-size predator</label>

  541.               </li>

  542.               <li>

  543.                 <input autocomplete="off" type="checkbox" checked="true" name="sameSizeStomp" id="sameSizeStomp"/>

  544.                 <label class="has-tooltip" for="sameSizeStomp" title="Can you stomp and sit on people your own size?">Same-size stomper</label>

  545.               </li>

  546.               <li>

  547.                 <label for="oralDigestTime">Stomach digestion time (0 for manual)</label>

  548.                 <input autocomplete="off" type="number" step="any" id="oralDigestTime" name="oralDigestTime" placeholder="15">

  549.               </li>

  550.               <li>

  551.                 <input autocomplete="off" type="checkbox" name="vomitEnabled" id="vomitEnabled"/>

  552.                 <label for="vomitEnabled">Vomiting</label>

  553.               </li>

  554.               <li>

  555.                 <label for="footType">Foot type</label>

  556.                 <select name="footType">

  557.                     <option value="paw">Paws</option>

  558.                     <option value="hoof">Hooves</option>

  559.                     <option value="foot">Human</option>

  560.                     <option value="avian">Avian</option>

  561.                   </select>

  562.               </li>

  563.               <li>

  564.                 <label for="jawType">Mouth type</label>

  565.                 <select name="jawType">

  566.                   <option value="jaw">Jaws</option>

  567.                   <option value="beak">Beak</option>

  568.                 </select>

  569.               </li>

  570.             </div>

  571.           </div>

  572. 

  573.           <div class="custom-category">

  574.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="footWear" name="footWear" />

  575.             <label class="custom-header" for="footWear">Footwear</label>

  576.             <div class="reveal-if-active">

  577.               <li>

  578.                 <div class="custom-category-sub">

  579.                   <ul class="flex-outer-sub">

  580.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" checked="true" id="footSockEnabled" name="footSockEnabled" />

  581.                     <label class="custom-header" for="footSockEnabled">Socks</label>

  582.                     <div class="reveal-if-active">

  583.                       <li>

  584.                         <label for="footSock">Sock type</label>

  585.                         <select name="footSock">

  586.                             <option value="sock">Socks</option>

  587.                           </select>

  588.                       </li>

  589.                     </div>

  590.                   </ul>

  591.                 </div>

  592.                 <div class="custom-category-sub">

  593.                   <ul class="flex-outer-sub">

  594.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" checked="true" id="footShoeEnabled" name="footShoeEnabled" />

  595.                     <label class="custom-header" for="footShoeEnabled">Shoes</label>

  596.                     <div class="reveal-if-active">

  597.                       <li>

  598.                         <label for="footShoe">Shoe type</label>

  599.                         <select name="footShoe">

  600.                           <option value="shoe">Shoes</option>

  601.                           <option value="boot">Boots</option>

  602.                           <option value="trainer">Trainers</option>

  603.                           <option value="sandal">Sandals</option>

  604.                         </select>

  605.                       </li>

  606.                     </div>

  607.                   </ul>

  608.                 </div>

  609.               </li>

  610.             </div>

  611.           </div>

  612. 

  613.           <div class="custom-category">

  614.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="analVore" name="analVore" />

  615.             <label class="custom-header" for="analVore">Anal Vore</label>

  616.             <div class="reveal-if-active">

  617.               <li>

  618.                 <label for="baseAnalVoreDiameter">Tailhole diameter</label>

  619.                 <input autocomplete="off" type="number" step="any" id="baseAnalVoreDiameter" name="baseAnalVoreDiameter" data-unit="length" placeholder="0.1">

  620.                 <div class="preview" id="baseAnalVoreDiameterPreview"></div>

  621.               </li>

  622.               <li>

  623.                 <input autocomplete="off" type="checkbox" name="analVoreToStomach" id="analVoreToStomach" />

  624.                 <label class="has-tooltip" for="analVoreToStomach" title="Otherwise, bowels absorb/digest">Anal vore goes to stomach</label>

  625.               </li>

  626.               <li>

  627.                 <label for="analDigestTime">Digestion time (0 for manual)</label>

  628.                 <input autocomplete="off" type="number" step="any" id="analDigestTime" name="analDigestTime" placeholder="15">

  629.               </li>

  630.             </div>

  631.           </div>

  632. 

  633.           <div class="custom-category">

  634.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="arousalEnabled" name="arousalEnabled" />

  635.             <label class="custom-header" for="arousalEnabled">Arousal</label>

  636.             <div class="reveal-if-active">

  637.               <li>

  638.                 <label class="has-tooltip" for="arousalFactor" title="Multiplies arousal gain by this much">Arousal multiplier</label>

  639.                 <input autocomplete="off" type="number" step="any" name="arousalFactor" placeholder="1" />

  640.               </li>

  641.               <li>

  642.                 <label class="has-tooltip" for="edgeFactor" title="Multiplies edge gain by this much">Edge multiplier</label>

  643.                 <input autocomplete="off" type="number" step="any" name="edgeFactor" placeholder="1" />

  644.               </li>

  645.             </div>

  646.           </div>

  647. 

  648.           <div class="custom-category">

  649.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasTail" name="hasTail" />

  650.             <label class="custom-header" for="hasTail">Tails</label>

  651.             <div class="reveal-if-active">

  652.               <li>

  653.                 <label for="tailCount">Tail count</label>

  654.                 <input autocomplete="off" type="number" step="any" name="tailCount" placeholder="1" />

  655.               </li>

  656.               <li>

  657.                 <label for="tailType">Tail type</label>

  658.                 <input autocomplete="off" type="text" name="tailType" placeholder="slinky" />

  659.               </li>

  660.               <li>

  661.                 <label for="baseTailLength">Tail length</label>

  662.                 <input autocomplete="off" type="number" step="any" name="baseTailLength" id="baseTailLength" data-unit="length" placeholder="1" />

  663.                 <div class="preview" id="baseTailLengthPreview"></div>

  664.               </li>

  665.               <li>

  666.                 <label for="baseTailDiameter">Tail diameter</label>

  667.                 <input autocomplete="off" type="number" step="any" name="baseTailDiameter" id="baseTailDiameter" data-unit="area" placeholder="0.3" />

  668.                 <div class="preview" id="baseTailDiameterPreview"></div>

  669.               </li>

  670.               <li>

  671.                 <div class="custom-category-sub">

  672.                   <ul class="flex-outer-sub">

  673.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="tailMaw" name="tailMaw" />

  674.                     <label class="custom-header" for="tailMaw">Tail Vore</label>

  675.                     <div class="reveal-if-active">

  676.                       <li>

  677.                         <label for="tailStretchiness">Tail stretchiness</label>

  678.                         <input autocomplete="off" type="number" step="any" name="tailStretchiness" placeholder="1" />

  679.                       </li>

  680.                       <li>

  681.                         <label for="tailDigestTime">Digestion time (0 for manual)</label>

  682.                         <input autocomplete="off" type="number" step="any" id="tailDigestTime" name="tailDigestTime" placeholder="15">

  683.                       </li>

  684.                       <li>

  685.                         <input autocomplete="off" type="checkbox" checked="true" name="tailVoreToStomach" id="tailVoreToStomach" />

  686.                         <label class="has-tooltip" for="tailVoreToStomach" title="Otherwise, tail(s) will digest/absorb">Tail vore goes to stomach</label>

  687.                       </li>

  688.                     </div>

  689.                   </ul>

  690.                 </div>

  691.               </li>

  692.             </div>

  693.           </div>

  694. 

  695.           <div class="custom-category">

  696.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasPouch" name="hasPouch" />

  697.             <label class="custom-header" for="hasPouch">Pouch</label>

  698.             <div class="reveal-if-active">

  699.               <li>

  700.                 It's on :D

  701.               </li>

  702.             </div>

  703.           </div>

  704. 

  705.           <div class="custom-category">

  706.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="maleParts" name="maleParts" />

  707.             <label class="custom-header" for="maleParts">Male genitals</label>

  708.             <div class="reveal-if-active">

  709.               <li>

  710.                 <label for="dickType">Cock type</label>

  711.                 <input autocomplete="off" type="text" id="dickType" name="dickType" placeholder="canine" />

  712.               </li>

  713.               <li>

  714.                 <label for="baseDickLength">Cock length</label>

  715.                 <input autocomplete="off" type="number" step="any" id="baseDickLength" name="baseDickLength" data-unit="length" placeholder="0.3" />

  716.                 <div class="preview" id="baseDickLengthPreview"></div>

  717.               </li>

  718.               <li>

  719.                 <label for="baseDickDiameter">Cock diameter</label>

  720.                 <input autocomplete="off" type="number" step="any" id="baseDickDiameter" name="baseDickDiameter" data-unit="length" placeholder="0.08" />

  721.                 <div class="preview" id="baseDickDiameterPreview"></div>

  722.               </li>

  723.               <li>

  724.                 <label for="dickStretchiness">Cock stretchiness</label>

  725.                 <input autocomplete="off" type="number" step="any" name="dickStretchiness" placeholder="1" />

  726.               </li>

  727.               <li>

  728.                 <label for="baseBallDiameter">Ball diameter</label>

  729.                 <input autocomplete="off" type="number" step="any" id="baseBallDiameter" name="baseBallDiameter" data-unit="length" placeholder="0.05" />

  730.                 <div class="preview" id="baseBallDiameterPreview"></div>

  731.               </li>

  732.               <li>

  733.                 <label for="baseCumRatio" class="has-tooltip" title="scales how much cum is released with each shot">Orgasm cum factor</label>

  734.                 <input autocomplete="off" type="number" step="any" id="baseCumRatio" name="baseCumRatio" placeholder="1" />

  735.                 <div class="preview" id="baseCumRatioPreview"></div>

  736.               </li>

  737.               <li>

  738.                 <label for="baseMass" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive cum production</label>

  739.                 <input autocomplete="off" type="number" step="any" id="cumScale" name="cumScale" placeholder="1" />

  740.                 <div class="preview" id="cumScalePreview"></div>

  741.               </li>

  742.               <li>

  743.                 <label for="cumStorageScale">Cum storage factor</label>

  744.                 <input autocomplete="off" type="number" step="any" id="cumStorageScale" name="cumStorageScale" placeholder="1" />

  745.                 <div class="preview" id="cumStorageScalePreview"></div>

  746.               </li>

  747.               <li>

  748.                 <label for="baseCumDigestFactor">Cum digestion factor</label>

  749.                 <input autocomplete="off" type="number" step="any" id="baseCumDigestFactor" name="baseCumDigestFactor" placeholder="1" />

  750.                 <div class="preview" id="baseCumDigestFactorPreview"></div>

  751.               </li>

  752.               <li>

  753.                 <label for="cockDigestTime">Digestion time (0 for manual)</label>

  754.                 <input autocomplete="off" type="number" step="any" id="cockDigestTime" name="cockDigestTime" placeholder="15">

  755.               </li>

  756.               <li>

  757.                 <input autocomplete="off" type="checkbox" id="hasSheath" name="hasSheath" checked="true" />

  758.                 <label for="hasSheath">Sheath</label>

  759.               </li>

  760.               <li>

  761.                 <input autocomplete="off" type="checkbox" id="cumScaleWithSize" name="cumScaleWithSize" />

  762.                 <label class="has-tooltip" for="cumScaleWithSize" title="If checked, produces more cum from the same prey as you get larger">Scale cum with size</label>

  763.               </li>

  764.               <li>

  765.                 <div class="custom-category-sub">

  766.                   <ul class="flex-outer-sub">

  767.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="maleMuskEnabled" name="maleMuskEnabled" />

  768.                     <label class="custom-header" for="maleMuskEnabled">Musk</label>

  769.                     <div class="reveal-if-active">

  770.                       <li>

  771.                         <label for="baseMaleMuskArea">Musk factor</label>

  772.                         <input autocomplete="off" type="number" step="any" id="baseMaleMuskArea" name="baseMaleMuskArea" placeholder="0.5" />

  773.                       </li>

  774.                     </div>

  775.                   </ul>

  776.                 </div>

  777.               </li>

  778.             </div>

  779.           </div>

  780. 

  781.           <div class="custom-category">

  782.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasBreasts" name="hasBreasts" />

  783.             <label class="custom-header" for="hasBreasts">Breasts</label>

  784.             <div class="reveal-if-active">

  785.               <li>

  786.                 <label for="baseBreastDiameter">Breast diameter</label>

  787.                 <input autocomplete="off" type="number" step="any" id="baseBreastDiameter" name="baseBreastDiameter" data-unit="length" placeholder="0.1" />

  788.                 <div class="preview" id="baseBreastDiameterPreview"></div>

  789.               </li>

  790.               <li>

  791.                 <div class="custom-category-sub">

  792.                   <ul class="flex-outer-sub">

  793.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="lactationEnabled" name="lactationEnabled" />

  794.                     <label class="custom-header" for="lactationEnabled">Lactation</label>

  795.                     <div class="reveal-if-active">

  796.                       <li>

  797.                         <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>

  798.                         <input autocomplete="off" type="number" step="any" id="lactationFactor" name="lactationFactor" placeholder="0.25" />

  799.                         <div class="preview" id="lactationFactorPreview"></div>

  800.                       </li>

  801.                       <li>

  802.                         <label for="lactationScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive milk production</label>

  803.                         <input autocomplete="off" type="number" step="any" id="lactationScale" name="lactationScale" placeholder="1" />

  804.                         <div class="preview" id="lactationScalePreview"></div>

  805.                       </li>

  806.                       <li>

  807.                         <label for="milkStorageScale">Milk storage factor</label>

  808.                         <input autocomplete="off" type="number" step="any" id="milkStorageScale" name="milkStorageScale" placeholder="1" />

  809.                         <div class="preview" id="milkStorageScalePreview"></div>

  810.                       </li>

  811.                     </div>

  812.                   </ul>

  813.                 </div>

  814.               </li>

  815.               <li>

  816.                 <div class="custom-category-sub">

  817.                   <ul class="flex-outer-sub">

  818.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="breastVore" name="breastVore" />

  819.                     <label class="custom-header" for="breastVore">Breast Vore</label>

  820.                     <div class="reveal-if-active">

  821.                       <li>

  822.                         <label for="breastStretchiness">Breast stretchiness</label>

  823.                         <input autocomplete="off" type="number" step="any" name="breastStretchiness" placeholder="1" />

  824.                       </li>

  825.                       <li>

  826.                         <label for="baseMilkDigestFactor">Milk digestion factor</label>

  827.                         <input autocomplete="off" type="number" step="any" id="baseMilkDigestFactor" name="baseMilkDigestFactor" placeholder="1" />

  828.                 <div class="preview" id="baseMilkDigestFactorPreview"></div>

  829.                       </li>

  830.                       <li>

  831.                         <label for="breastDigestTime">Digestion time (0 for manual)</label>

  832.                         <input autocomplete="off" type="number" step="any" id="breastDigestTime" name="breastDigestTime" placeholder="15">

  833.                       </li>

  834.                       <li>

  835.                         <input autocomplete="off" type="checkbox" id="milkScaleWithSize" name="milkScaleWithSize" />

  836.                         <label class="has-tooltip" for="milkScaleWithSize" title="If checked, produces more milk from the same prey as you get larger">Scale milk with size</label>

  837.                       </li>

  838.                     </div>

  839.                   </ul>

  840.                 </div>

  841.               </li>

  842.             </div>

  843.           </div>

  844. 

  845.           <div class="custom-category">

  846.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="femaleParts" name="femaleParts" />

  847.             <label class="custom-header" for="femaleParts">Female genitals</label>

  848.             <div class="reveal-if-active">

  849.               <li>

  850.                 <label for="baseVaginaLength">Slit length</label>

  851.                 <input autocomplete="off" type="number" step="any" id="baseVaginaLength" name="baseVaginaLength" data-unit="length" placeholder="0.1" />

  852.                 <div class="preview" id="baseVaginaLengthPreview"></div>

  853.               </li>

  854.               <li>

  855.                 <label for="baseVaginaWidth">Slit width</label>

  856.                 <input autocomplete="off" type="number" step="any" id="baseVaginaWidth" name="baseVaginaWidth" data-unit="length" placeholder="0.05" />

  857.                 <div class="preview" id="baseVaginaWidthPreview"></div>

  858.               </li>

  859.               <li>

  860.                 <label for="vaginaStretchiness">Slit stretchiness</label>

  861.                 <input autocomplete="off" type="number" step="any" name="vaginaStretchiness" placeholder="1" />

  862.               </li>

  863.               <li>

  864.                 <label for="baseFemcumRatio" class="has-tooltip" title="scales how much femcum is released with each shot">Orgasm femcum factor </label>

  865.                 <input autocomplete="off" type="number" step="any" id="baseFemcumRatio" name="baseFemcumRatio" placeholder="1" />

  866.                 <div class="preview" id="baseFemcumRatioPreview"></div>

  867.               </li>

  868.               <li>

  869.                 <label for="femcumScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive femcum production</label>

  870.                 <input autocomplete="off" type="number" step="any" id="femcumScale" name="femcumScale" placeholder="1" />

  871.                 <div class="preview" id="femcumScalePreview"></div>

  872.               </li>

  873.               <li>

  874.                 <label for="femcumStorageScale">Femcum storage factor</label>

  875.                 <input autocomplete="off" type="number" step="any" id="femcumStorageScale" name="femcumStorageScale" placeholder="1" />

  876.                 <div class="preview" id="femcumStorageScalePreview"></div>

  877.               </li>

  878.               <li>

  879.                 <label for="baseFemcumDigestFactor">Femcum digestion factor</label>

  880.                 <input autocomplete="off" type="number" step="any" id="baseFemcumDigestFactor" name="baseFemcumDigestFactor" placeholder="1" />

  881.                 <div class="preview" id="baseFemcumDigestFactorPreview"></div>

  882.               </li>

  883.               <li>

  884.                 <label for="unbirthDigestTime">Digestion time (0 for manual)</label>

  885.                 <input autocomplete="off" type="number" step="any" id="unbirthDigestTime" name="unbirthDigestTime" placeholder="15">

  886.               </li>

  887.               <li>

  888.                 <input autocomplete="off" type="checkbox" id="femcumScaleWithSize" name="femcumScaleWithSize" />

  889.                 <label class="has-tooltip" for="femcumScaleWithSize" title="If checked, produces more femcum from the same prey as you get larger">Scale femcum with size</label>

  890.               </li>

  891.               <li>

  892.                 <div class="custom-category-sub">

  893.                   <ul class="flex-outer-sub">

  894.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="femaleMuskEnabled" name="femaleMuskEnabled" />

  895.                     <label class="custom-header" for="femaleMuskEnabled">Musk</label>

  896.                     <div class="reveal-if-active">

  897.                       <li>

  898.                         <label for="baseFemaleMuskArea">Musk factor</label>

  899.                         <input autocomplete="off" type="number" step="any" id="baseFemaleMuskArea" name="baseFemaleMuskArea" placeholder="0.5" />

  900.                       </li>

  901.                     </div>

  902.                   </ul>

  903.                 </div>

  904.               </li>

  905.             </div>

  906.           </div>

  907. 

  908.           <div class="custom-category">

  909.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="stenchEnabled" name="stenchEnabled" />

  910.             <label class="custom-header" for="stenchEnabled">Stench</label>

  911.             <div class="reveal-if-active">

  912.               <div>Areas are ratios; 1 means stomping 100 people catches 100 in stench</div>

  913.               <li>

  914.                 <label for="basePawStenchArea">Paw stench factor</label>

  915.                 <input autocomplete="off" type="number" step="any" id="basePawStenchArea" name="basePawStenchArea" placeholder="1" />

  916.               </li>

  917.               <li>

  918.                 <label for="baseAssStenchArea">Ass stench factor</label>

  919.                 <input autocomplete="off" type="number" step="any" id="baseAssStenchArea" name="baseAssStenchArea" placeholder="2" />

  920.               </li>

  921.               <li>

  922.                 <label for="basePissStenchArea">Piss stench factor</label>

  923.                 <input autocomplete="off" type="number" step="any" id="basePissStenchArea" name="basePissStenchArea" placeholder="0.75" />

  924.               </li>

  925.               <li>

  926.                 <label for="baseScatStenchArea">Scat stench factor</label>

  927.                 <input autocomplete="off" type="number" step="any" id="baseScatStenchArea" name="baseScatStenchArea" placeholder="1.5" />

  928.               </li>

  929.             </div>

  930.           </div>

  931. 

  932.           <div class="custom-category">

  933.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="gasEnabled" name="gasEnabled" />

  934.             <label class="custom-header" for="gasEnabled">Gas</label>

  935.             <div class="reveal-if-active">

  936.               <li>

  937.                 <input autocomplete="off" type="checkbox" checked="true" name="belchEnabled" id="belchEnabled" />

  938.                 <label for="belchEnabled">Belching</label>

  939.               </li>

  940.               <li>

  941.                 <input autocomplete="off" type="checkbox" name="fartEnabled" id="fartEnabled" />

  942.                 <label for="fartEnabled">Farting</label>

  943.               </li>

  944.               <li>

  945.                 <label for="gasScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive gas production</label>

  946.                 <input autocomplete="off" type="number" step="any" id="gasScale" name="gasScale" placeholder="1" />

  947.                 <div class="preview" id="gasScalePreview"></div>

  948.               </li>

  949.               <li>

  950.                 <label for="gasStorageScale">Gas storage factor</label>

  951.                 <input autocomplete="off" type="number" step="any" id="gasStorageScale" name="gasStorageScale" placeholder="1" />

  952.                 <div class="preview" id="gasStorageScalePreview"></div>

  953.               </li>

  954.               <li>

  955.                 <label for="baseGasDigestFactor">Gas digestion factor</label>

  956.                 <input autocomplete="off" type="number" step="any" id="baseGasDigestFactor" name="baseGasDigestFactor" placeholder="1" />

  957.                 <div class="preview" id="baseGasDigestFactorPreview"></div>

  958.               </li>

  959.               <li>

  960.                 <input autocomplete="off" type="checkbox" id="gasScaleWithSize" name="gasScaleWithSize" />

  961.                 <label class="has-tooltip" for="gasScaleWithSize" title="If checked, produces more gas from the same prey as you get larger">Scale gas with size</label>

  962.               </li>

  963.             </div>

  964.           </div>

  965. 

  966.           <div class="custom-category">

  967.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="soulVoreEnabled" name="soulVoreEnabled" />

  968.             <label class="custom-header" for="soulVoreEnabled">Soul Vore</label>

  969.             <div class="reveal-if-active">

  970.               <li>

  971.                 <label for="soulDigestTime">Digestion time (0 for manual)</label>

  972.                 <input autocomplete="off" type="number" step="any" id="soulDigestTime" name="soulDigestTime" placeholder="15">

  973.               </li>

  974.               <label>Soul destination</label>

  975.               <li>

  976.                 <input autocomplete="off" type="radio" name="soulVoreType" checked="true" id="soulvore-release" value="release">

  977.                 <label for="soulvore-release">Released</label>

  978.               </li>

  979.               <li>

  980.                 <input autocomplete="off" type="radio" name="soulVoreType" id="soulvore-body" value="body">

  981.                 <label for="soulvore-body">Trapped</label>

  982.               </li>

  983.               <li>

  984.                 <input autocomplete="off" type="radio" name="soulVoreType" id="soulvore-oblivion" value="oblivion">

  985.                 <label for="soulvore-oblivion">Digested</label>

  986.               </li>

  987.             </div>

  988.           </div>

  989. 

  990.           <div class="custom-category">

  991.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="pissEnabled" name="pissEnabled" />

  992.             <label class="custom-header" for="pissEnabled">Watersports</label>

  993.             <div class="reveal-if-active">

  994.               <li>

  995.                 <label for="pissScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive piss production</label>

  996.                 <input autocomplete="off" type="number" step="any" id="pissScale" name="pissScale" placeholder="1" />

  997.                 <div class="preview" id="pissScalePreview"></div>

  998.               </li>

  999.               <li>

  1000.                 <label for="pissStorageScale">Piss storage factor</label>

  1001.                 <input autocomplete="off" type="number" step="any" id="pissStorageScale" name="pissStorageScale" placeholder="1" />

  1002.                 <div class="preview" id="pissStorageScalePreview"></div>

  1003.               </li>

  1004.               <div class="custom-category-sub">

  1005.                 <ul class="flex-outer-sub">

  1006.                   <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="bladderVore" name="bladderVore" />

  1007.                   <label class="custom-header" for="bladderVore">Bladder Vore</label>

  1008.                   <div class="reveal-if-active">

  1009.                     <li>

  1010.                       <label for="baseUrethraDiameter">Urethra diameter</label>

  1011.                       <input autocomplete="off" type="number" step="any" id="baseUrethraDiameter" name="baseUrethraDiameter" data-unit="length" placeholder="0.03" />

  1012.                       <div class="preview" id="baseUrethraDiameterPreview"></div>

  1013.                     </li>

  1014.                     <li>

  1015.                       <label for="urethraStretchiness">Urethra stretchiness</label>

  1016.                       <input autocomplete="off" type="number" step="any" id="urethraStretchiness" name="urethraStretchiness" placeholder="5" />

  1017.                       <div class="preview" id="urethraStretchinessPreview"></div>

  1018.                     </li>

  1019.                     <li>

  1020.                       <label for="basePissDigestFactor">Piss digestion factor</label>

  1021.                       <input autocomplete="off" type="number" step="any" id="basePissDigestFactor" name="basePissDigestFactor" placeholder="1" />

  1022.                       <div class="preview" id="basePissDigestFactorPreview"></div>

  1023.                     </li>

  1024.                     <li>

  1025.                       <label for="bladderDigestTime">Digestion time (0 for manual)</label>

  1026.                       <input autocomplete="off" type="number" step="any" id="bladderDigestTime" name="bladderDigestTime" placeholder="15">

  1027.                     </li>

  1028.                     <li>

  1029.                       <input autocomplete="off" type="checkbox" id="pissScaleWithSize" name="pissScaleWithSize" />

  1030.                       <label class="has-tooltip" for="pissScaleWithSize" title="If checked, produces more piss from the same prey as you get larger">Scale piss with size</label>

  1031.                     </li>

  1032.                   </div>

  1033.                 </ul>

  1034.               </div>

  1035.             </div>

  1036.           </div>

  1037. 

  1038.           <div class="custom-category">

  1039.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="scatEnabled" name="scatEnabled" />

  1040.             <label class="custom-header" for="scatEnabled">Scat</label>

  1041.             <div class="reveal-if-active">

  1042.               <li>

  1043.                 <label for="baseScatDigestFactor">Scat digestion factor</label>

  1044.                 <input autocomplete="off" type="number" step="any" id="baseScatDigestFactor" name="baseScatDigestFactor" placeholder="1" />

  1045.                 <div class="preview" id="baseScatDigestFactorPreview"></div>

  1046.               </li>

  1047.               <li>

  1048.                 <label for="scatScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive scat production</label>

  1049.                 <input autocomplete="off" type="number" step="any" id="scatScale" name="scatScale" placeholder="0" />

  1050.                 <div class="preview" id="scatScalePreview"></div>

  1051.               </li>

  1052.               <li>

  1053.                 <label for="scatStorageScale">Scat storage factor</label>

  1054.                 <input autocomplete="off" type="number" step="any" id="scatStorageScale" name="scatStorageScale" placeholder="1" />

  1055.                 <div class="preview" id="scatStorageScalePreview"></div>

  1056.               </li>

  1057.               <li>

  1058.                 <input autocomplete="off" type="checkbox" id="scatScaleWithSize" name="scatScaleWithSize" />

  1059.                 <label class="has-tooltip" for="scatScaleWithSize" title="If checked, produces more scat from the same prey as you get larger">Scale scat with size</label>

  1060.               </li>

  1061.             </div>

  1062.           </div>

  1063. 

  1064.           <div class="custom-category">

  1065.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="gooEnabled" name="gooEnabled" />

  1066.             <label class="custom-header" for="gooEnabled">Goo</label>

  1067.             <div class="reveal-if-active">

  1068.               <li>

  1069.                 <input autocomplete="off" checked="true" type="checkbox" id="gooDigestion" name="gooDigestion" />

  1070.                 <label for="gooDigestion">Digestion</label>

  1071.               </li>

  1072.               <li>

  1073.                 <label for="gooDigestTime">Digestion time (0 for manual)</label>

  1074.                 <input autocomplete="off" type="number" step="any" id="gooDigestTime" name="gooDigestTime" placeholder="15">

  1075.               </li>

  1076.             </div>

  1077.           </div>

  1078. 

  1079.           <div class="custom-category">

  1080.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="pawVoreEnabled" name="pawVoreEnabled" />

  1081.             <label class="custom-header" for="pawVoreEnabled">Paw Vore</label>

  1082.             <div class="reveal-if-active">

  1083.               <li>

  1084.                 <label for="pawDigestTime">Digestion time (0 for manual)</label>

  1085.                 <input autocomplete="off" type="number" step="any" id="pawDigestTime" name="pawDigestTime" placeholder="15">

  1086.               </li>

  1087.             </div>

  1088.           </div>

  1089. 

  1090.           <div class="custom-category">

  1091.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="cropEnabled" name="cropEnabled" />

  1092.             <label class="custom-header" for="cropEnabled">Crop</label>

  1093.             <div class="reveal-if-active">

  1094.               <li>

  1095.                 <label for="pawDigestTime">Transfer time (0 for manual-only)</label>

  1096.                 <input autocomplete="off" type="number" step="any" id="cropTransferTime" name="cropTransferTime" placeholder="15">

  1097.               </li>

  1098.             </div>

  1099.           </div>

  1100. 

  1101.           <div class="custom-category">

  1102.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="breathEnabled" name="breathEnabled" />

  1103.             <label class="custom-header" for="breathEnabled">Breath</label>

  1104.             <div class="reveal-if-active">

  1105.               <li>

  1106.                 <input autocomplete="off" type="checkbox" name="breathFire" id="breathFire" />

  1107.                 <label for="breathFire">Fire</label>

  1108.               </li>

  1109.               <li>

  1110.                 <input autocomplete="off" type="checkbox" name="breathIce" id="breathIce" />

  1111.                 <label for="breathIce">Ice</label>

  1112.               </li>

  1113.               <li>

  1114.                 <input autocomplete="off" type="checkbox" name="breathElectric" id="breathElectric" />

  1115.                 <label for="breathElectric">Electric</label>

  1116.               </li>

  1117.               <li>

  1118.                 <input autocomplete="off" type="checkbox" name="breathSmoke" id="breathSmoke" />

  1119.                 <label for="breathSmoke">Smoke</label>

  1120.               </li>

  1121.               <li>

  1122.                 <input autocomplete="off" type="checkbox" name="breathRadiation" id="breathRadiation" />

  1123.                 <label for="breathRadiation">Radiation</label>

  1124.               </li>

  1125.               <li>

  1126.                 <input autocomplete="off" type="checkbox" name="breathFoul" id="breathFoul" />

  1127.                 <label for="breathFoul">Foul</label>

  1128.               </li>

  1129.             </div>

  1130.           </div>

  1131. 

  1132.           <div class="custom-category">

  1133.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="droolEnabled" name="droolEnabled" />

  1134.             <label class="custom-header" for="droolEnabled">Drool</label>

  1135.             <div class="reveal-if-active">

  1136.               <li>

  1137.                 <label for="droolBaseVolume">Drool volume</label>

  1138.                 <input autocomplete="off" type="number" step="any" id="droolBaseVolume" name="droolBaseVolume" data-unit="volume" placeholder="0.0001">

  1139.                 <div class="preview" id="droolBaseVolumePreview"></div>

  1140.               </li>

  1141.             </div>

  1142.           </div>

  1143. 

  1144.           <div class="custom-category">

  1145.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="magicEnabled" name="magicEnabled" />

  1146.             <label class="custom-header" for="magicEnabled">Magic</label>

  1147.             <div class="reveal-if-active">

  1148.               <li>

  1149.                 It's on :D

  1150.               </li>

  1151.             </div>

  1152.           </div>

  1153.         </ul>

  1154.       </form>

  1155.     </div>

  1156.   </div>

  1157. </body>

  1158. 

  1159. </html>