Elemental Clicker

Let's make a game!
  name:Elemental Clicker
  by:Brian
  desc:An idle game using all four elements.
  created:02/03/18
  version:0
Settings
  spritesheet:buttons, 256 by 256, https://image.ibb.co/e9zgfH/Elements_3.png
CSS
  .box-header{
    height:10%
  }
  .element {
    height:35%;
    width:45%;
    position:absolute;
    border:2px dashed;
  }
  #box-fireBox {
    left:2%;
    top:2%;
    border-color:Red;
  }
  #box-earthBox {
    left:2%;
    bottom:2%;
    border-color:Brown;
  }
  #box-waterBox {
    right:2%;
    bottom:2%;
    border-color:Blue;
  }
  #box-airBox {
    right:2%;
    top:2%;
    border-color:LightGrey;
  }
  .clickable {
    left:2%;
    top:15%;
	width:46%;
	height:80%;
    position:absolute;
	overflow:hidden;
  }
  .displayable {
    left:5%;
	top:5%;
	width:40%;
	position:absolute;
  }
  .upgradeable {
    right:2%;
	width:46%;
	top:5%;
	height:90%;
	overflow-y:scroll;
	position:absolute;
  }
Includes
Resources
  *fire
    name:Fire
    tag:fire
  *earth
    name:Earth
    tag:earth
  *water
    name:Water
    tag:water
  *air
    name:Air
    tag:air
Buttons
  *fireButton
    tag:fireButton
    on click:yield 1+fire:ps/20 fire
    icon:buttons[0,0]
    no text
    no tooltip
	class:bigButton hasFlares
  *earthButton
    tag:earthButton
    on click:yield 1+earth:ps/20 earth
    icon:buttons[0,1]
    no text
    no tooltip
	class:bigButton hasFlares
  *waterButton
    tag:waterButton
    on click:yield 1+water:ps/20 water
    icon:buttons[1,0]
    no text
    no tooltip
	class:bigButton hasFlares
  *airButton
    tag:airButton
    on click:yield 1+air:ps/20 air
    icon:buttons[1,1]
    no text
    no tooltip
	class:bigButton hasFlares
Upgrades
  *spark
    name:Spark
    desc:A small spark that will produce Fire.<q>We didn't start the fire
    tag:fireUpgrade
    cost:10 fire
    on tick:yield 0.1 fire
  *flame
	name:Flame
	desc:Multiplies Fire production by 10.<q>Fire is just the chemical reaction. The part you can see is the flame. Let's ignore that for now.
	tag:fireUpgrade
	cost:100 fire
	passive:multiply yield of spark by 10
	req:have spark

  *pebble
    name:Pebble
    desc:A small pebble that will produce Earth.<q>Tastes a little bit fruity
    tag:earthUpgrade
    cost:10 earth
    on tick:yield 0.1 earth
  *rock
	name:Rock
	desc:Multiplies Earth production by 10.<q>n Roll
	tag:earthUpgrade
	cost:100 earth
	passive:multiply yield of pebble by 10
	req:have pebble

  *drop
    name:Drop
    desc:A small drop that will produce Water.<q>Is it still a drop if it isn't falling?
    tag:waterUpgrade
    cost:10 water
    on tick:yield 0.1 water
  *puddle
	name:Puddle
	desc:Multiplies Water production by 10.<q>Don't jump in them or you'll catch a cold.
	tag:waterUpgrade
	cost:100 water
	passive:multiply yield of drop by 10
	req:have drop
  *hotWater
	name:Hot Water
	desc:Multiplies Water production by 2.<q>Useful for cooking and cleaning hands.
	tag:waterUpgrade
	cost:200 fire
	passive:multiply yield of drop by 2
	req:have drop and have flame
  *solution
	name:Solution
	desc:Multiplies Water production by 2.<q>The result of mixing something into water.
	tag:waterUpgrade
	cost:200 earth
	passive:multiply yield of drop by 2
	req:have drop and have rock
  *oxygenatedWater
	name:Oxygenated Water
	desc:Multiplies Water production by 2.<q>Allows the fish to breathe.
	tag:waterUpgrade
	cost:200 air
	passive:multiply yield of drop by 2
	req:have drop and have breeze

  *gust
    name:Gust
    desc:A small gust that will produce Air.<q>Wild PIDGEY appeared!
    tag:airUpgrade
    cost:10 air
    on tick:yield 0.1 air
  *breeze
	name:Breeze
	desc:Multiplies Air production by 10.<q>That wasn't too hard.
	tag:airUpgrade
	cost:100 air
	passive:multiply yield of gust by 10
	req:have gust
Layout
  *fireBox
    class:element
    contains:fireClick, fireResource, fireUpgrades
    *fireClick
      class:clickable
      contains:tag:fireButton
    *fireResource
      class:displayable
      contains:tag:fire
    *fireUpgrades
      class:upgradeable
      contains:tag:fireUpgrade
	  header:Upgrades
  *earthBox
    class:element
    contains:earthClick, earthResource, earthUpgrades
    *earthClick
      class:clickable
      contains:tag:earthButton
    *earthResource
      class:displayable
      contains:tag:earth
    *earthUpgrades
      class:upgradeable
      contains:tag:earthUpgrade
	  header:Upgrades
  *waterBox
    class:element
    contains:waterClick, waterResource, waterUpgrades
    *waterClick
      class:clickable
      contains:tag:waterButton
    *waterResource
      class:displayable
      contains:tag:water
    *waterUpgrades
      class:upgradeable
      contains:tag:waterUpgrade
	  header:Upgrades
  *airBox
    class:element
    contains:airClick, airResource, airUpgrades
    *airClick
      class:clickable
      contains:tag:airButton
    *airResource
      class:displayable
      contains:tag:air
    *airUpgrades
      class:upgradeable
      contains:tag:airUpgrade
	  header:Upgrades
Items
Achievements
Shinies