code:
html {
	background: #fcfcfc;
	font-family: Calibri, Carlito, sans-serif;
	font-size:18px; /*font-size:2vw;*/
	line-height:24px;
	color: #262626;
	margin:0;
	padding:0;
}

body{
	margin:0 auto;
	padding:0;
	float: none;

}

div {
    padding: 0;
    margin: 0;
	background-color: transparent;
}
#main-content{
	display: flex;
	-webkit-flex-flow: column;
	height: 100%;
	width:100%;
	cursor:default;
}
#header-content{
    -webkit-animation-duration: 0s;
}
#text-content{
	-webkit-animation-name: fadeIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.4s;
}

@-webkit-keyframes fadeIn {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}

.div-center{
	margin: 8px auto 8px auto;
	overflow-x:hidden;
	width:100%;
	max-width:1200px;
	padding:16px;

	display: flex;
	flex-flow: column;
	box-sizing:border-box;
	-webkit-flex: 1;
	-webkit-column-fill: auto;
}
.inner-text-content{
	margin:8px auto 8px auto;
	max-width:1200px;
}
.content-title{
	width:100%;
	max-width:1200px;
	-webkit-box-sizing: border-box;
	height:56px;
	padding:8px;
	margin:0 auto 0 auto;
	border-radius:5px;
	background:#fcfcfc;
}

p{
	margin:0;
	padding:8px;
}

hr{
	height:2px;
	border-width:0;
	background-color:#96969c;
}

list{
	margin:0 auto;
	padding:8px;
}
li{
	font-weight: bold;
	margin:0 auto;
	padding:8px;
	list-style: none;
}
li:before {
    /*content: '-';*/
}
ul{
	margin:0 auto;
	padding:2px 8px 2px 32px;
	list-style: none;
}
ul:before {
	font-weight: bold;
    content: "- ";
}

h1{
	font-size:32px;
	line-height:36px;
	font-weight: bold;
	margin:0 auto;
	padding:8px;
}
h2{
	font-size:30px;
	line-height:34px;
	font-weight: bold;
	margin:0 auto;
	padding:8px;
	max-width:800px;
}
h3{
	font-size:28px;
	line-height:32px;
	font-weight: bold;
	margin:0 auto;
	padding:8px;
}
h4{
	font-size:26px;
	line-height:30px;
	font-weight: bold;
	margin:0 auto;
	padding:8px;
}
h5{
	font-size:24px;
	line-height:28px;
	font-weight: bold;
	margin:0 auto;
	padding:8px;
}
h6{
	font-size:22px;
	line-height:26px;
	font-weight: bold;
	margin:0 auto;
	padding:8px;
}

details{
	margin:8px auto 8px auto;
	padding:8px;

	background:#fcfcfc;
	border-radius:5px;
}
summary{
	font-weight: bold;
	text-align:center;

	margin:8px auto 8px auto;
	padding:8px;
	width: calc(100% - 16px);

	background:#ccc;
	border-radius:5px;
	outline:none;
}
summary:hover {
	cursor:pointer;
	background:#ddd;
}

td, th{
	text-align:center;
}

input {
	background:#ccc;
	font-family: Calibri, Carlito, sans-serif;
	font-size:18px; /*font-size:2vw;*/
	line-height:24px;
	color: #262626;
	border: 2px solid #888;
    border-radius: 4px;
}
input:focus {
	background:#bbb;
}

.center {
	text-align:center;
}

/***********************************************************/
/*GENERAL*/

.container-full-width {
	position:relative;
	float:left;
	background:#fcfcfc;
	border-radius:5px;

	padding:4px;
	margin:8px;

	width: calc(100% - 16px);
	-webkit-user-select: none;
	box-sizing: border-box;
}
.container-full-width.inner {
	background:#DDD;
}
.container-half-width{
	float:left;
	background:#fcfcfc;
	border-radius:5px;

	padding:4px;
	margin:8px;

	width: calc(50% - 16px);
	-webkit-user-select: none;
	box-sizing: border-box;
}
.container-half-width.inner {
	background:#DDD;
}
.container-quarter-width {
	position:relative;
	float:left;
	background:#fcfcfc;
	border-radius:5px;

	padding:4px;
	margin:8px;

	width: calc(25% - 16px);
	-webkit-user-select: none;
	box-sizing: border-box;
}
.container-quarter-width.inner {
	background:#DDD;
}

.square-button {
	display:inline-block;
	background-color: #CCC;
	position:relative;
	border-radius: 5px;
	width:18%;
	margin:1%;
	border:solid 2px #BBB;
	width: calc(18% - 4px);
	-webkit-box-sizing: border-box;
	cursor:pointer;
}
.square-button:hover{
	background-color: #BBB;
	border-color:#DDD;
}
.square-button:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.square-button.selected {
	background-color: #BBB;
	border:solid 2px #BD0061;
	cursor:default;
}
.square-button.round {
	border-radius: 50%;
}
.square-button.small {
	width:8%;
	margin:1%;
}
.square-button.medium {
	width:10%;
	margin:1%;
}
.square-button.saveIcon {
	width:20%;
	margin:1% 6.5% 1% 6.5%;
}
.square-button.big {
	width:25%;
	margin:1% 4% 1% 4%;
}
.square-button.huge {
	width:32%;
	margin:2% 8% 2% 8%;
}
.square-button.solo {
	width:40%;
	margin:2% 30% 2% 30%;
}
.square-button.max {
	width:80%;
	margin:2% 8% 2% 8%;
}
.square-button.disabled {
	background-color: #eee;
	border-color:#ccc;
}
.square-button.disabled:hover {
	cursor:default;
	background-color: #eee;
	border-color:#ccc;
}
.square-button-content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.normal-button{
	display:inline-block;
	background-color: #ccc;
	position:relative;
	border-radius: 5px;
	width:8.33%;
	border:solid 1px #bbb;
	margin: 2px 0 0 0;
	-webkit-box-sizing: border-box;
	cursor:pointer;
}
.normal-button:hover{
	background-color: #bbb;
}
.normal-button.selected{
	background-color: #bbb;
	border:solid 1px #aaa;
}
.normal-button.selected:hover{
	background-color: #777;
}
.normal-button.disabled{
	color: #bbb;
	cursor:default;
}
.normal-button.disabled:hover{
	background-color: #ccc;
}

.normal-button.hour{
	opacity: 0.8;
}
.normal-button.hour:hover{
	opacity: 1;
}
.normal-button.hour.selected{
	opacity: 0.8;
}
.normal-button.hour.selected:hover{
	opacity: 1;
}
.normal-button.hour.disabled{
	opacity: 0.3;
}
.normal-button.hour.disabled:hover{
	opacity: 0.4;
}

/***********************************************************/
/*PHONE*/

.quest-title{
	font-size:1.4em;
	font-weight: bold;
	text-align:center;
	line-height:30px;

	width:88vw;
	height:30px;

	margin:8px auto 8px auto;
	padding:8px;
	width: calc(100% - 16px);

	background:#ccc;
	border-radius:5px;
}
.quest-title:hover{
	cursor:pointer;
	background:#bbb;
}
.quest-title.main:hover{
	cursor:auto;
	background:#bbb;
}
.quest-box{
position:relative;
	text-align:center;

	padding:4px;
	margin:8px;
	width: calc(100% - 16px);
	-webkit-user-select: none;
	box-sizing: border-box;

	background-color:#dddddd;
	border-radius:5px;
}

.quest-extra{
	top:8px;
	position:absolute;
	width:40%;
	height:18px;
	font-size:16px;
	line-height:12px;
}

.quest-extra.level{
	left:8px;
	text-align: left;
}

.quest-extra.experience{
	right:8px;
	text-align: right;
}

.encyclopedia-container{
	box-sizing:border-box;

	float:right;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:18px;
	line-height:22px;

	padding:1%;
	margin:1%;
	width:40%;
	-webkit-user-select: none;
}

.lvlup-container{
	margin:0 0 8px 0;
	padding:8px 0 8px 0;

	width:100%;

	background:#fcfcfc;
	border-radius:5px;

	-webkit-user-select: none;
	cursor:default;
}
.lvlup-title{
	font-size:1.4em;
	font-weight: bold;
	text-align:center;
	line-height:20px;

	width:96%;
	height:20px;

	margin:auto;
	padding:8px;

	background:#ccc;
	border-radius:5px;

	-webkit-user-select: none;
	cursor:default;
}
.lvlup-box{
	position:relative;
	text-align:center;

	height:132px;
	width:96%;
	margin: 8px auto 8px auto;
	padding:8px;

	background:#ddd;
	border-radius:5px;
	cursor:default;
}
.lvlup-attribute{
	text-align:center;
	float:left;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	width:31%;
	margin:1%;
	padding:0 0 8px 0;
}
.lvlup-attribute-innerContainer{
	margin:0;

	border-radius:5px;
	padding:8px;

	-webkit-user-select: none;
	cursor:default;
}
.lvlup-button{
	margin:0;
	padding:0;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	cursor:pointer;

	background-color: #ccc;
	border-radius:5px;

	-webkit-user-select: none;
}
.lvlup-button.disabled{
	color: #bbb;
	cursor:default;
}
.lvlup-button:hover{
	background-color: #888;
}
.lvlup-button.disabled:hover{
	background-color: #ccc;
}

.perkTable{
	border-collapse: separate;
	border-spacing: 8px;
}
.perkCell{
	position:relative;
	width:32px;
	height:32px;
	margin:0;
	padding:0;

	border-radius:5px;
}
.perkCell.owned{
	background-color:#ddd;
}
.perkCell.owned:hover{
	cursor:pointer;
	background-color:#ccc;
}
.perkCell.unlocked{
	background-color:#ddd;
}
.perkCell.unlocked:hover{
	cursor:pointer;
	background-color:#ccc;
}
.perkCell.locked{
	background-color:#ddd;
}
.perkCell.locked:hover{
	cursor:pointer;
	background-color:#ccc;
}
.arrowCell{
position:relative;
	width:32px;
	height:16px;
	margin:0;
	padding:0;

	background-color:transparent;
	border-radius:5px;
}

/***********************************************************/
/*COSMETICS*/

.cosmetics-container{
	float:left;
	background:#fcfcfc;
	border-radius:5px;

	padding:0px;
	margin:0px 0px 1% 0px;

	width:100%;
	-webkit-user-select: none;
}
.cosmetics-inner-container{
	float:left;
	background:#fcfcfc;
	border-radius:5px;
	text-align:center;

	padding:1%;
	margin:1%;
	width:46%;
	-webkit-user-select: none;
}
.cosmetics-inner-container.left{
	width:36%;
}
.cosmetics-inner-container.right{
	float:right;
	width:56%;
}
.cosmetics-inner-container.full{
	width:96%;
}
.cosmetics-button {
	display:inline-block;

    white-space: nowrap;

	text-align:center;
	-webkit-box-sizing: border-box;
	font-size: 16px;
	line-height: 16px;

	border-radius: 5px;
	min-width:100px;
	margin:4px;
	padding:4px;
	border:1px;
	border-style:solid;
	border-color:#ccc;

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#999),
		color-stop(0.50, #bbb),
		color-stop(0.92, #ccc),
		to(#ddd));
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.7),
		0px 1px 0px rgba(000,000,000,0.4);
}
.cosmetics-button:hover{
	background:#999999;
	cursor:pointer;
}
.cosmetics-button.active{
	border:1px;
	border-style:solid;
	border-color:#444;
}
.cosmetics-button.disabled{
	background:#ddd;
}
.cosmetics-button.disabled:hover{
	background:#ddd;
	cursor:default;
}

/***********************************************************/
/*FETISHES*/

.fetish-container{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:4px 8px 4px 8px;
	padding:8px;
	width:92vw;
	max-width:768px;
	-webkit-user-select: none;
}
.fetish-container-half{
	box-sizing:border-box;

	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	padding:1%;
	margin:1%;
	width:48%;
	max-width:400px;
	-webkit-user-select: none;
}
.fetish-icon {
	display:inline-block;
	background-color: #cccccc;
	position:relative;
	float:left;
	border-radius: 5px;
	width:8%;
	margin:1%;
	-webkit-box-sizing: border-box;
}
.fetish-icon.double{
	width:16%;
	margin:2%;
}
.fetish-icon.full{
	width:96%;
	margin:2%;
}
.fetish-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.fetish-icon-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.fetish-icon.owned{
	background-color:#ddd;
}
.fetish-icon.owned:hover{
	cursor:pointer;
	background-color:#ccc;
}
.fetish-icon.unlocked{
	background-color:#ddd;
}
.fetish-icon.unlocked:hover{
	cursor:pointer;
	background-color:#ccc;
}
.fetish-icon.locked{
	background-color:#ddd;
}
.fetish-icon.locked:hover{
	cursor:pointer;
	background-color:#ccc;
}

/***********************************************************/
/*COMBAT*/
.combat-header-info{
	width:100%;
	border-radius:5px;
	margin: 0;
	padding:0;
	background-color:#d5d5d7;
	min-height:180px;
	border-radius:5px;
	overflow: auto;
	height: auto;
}
.combat-display{
	font-size:18px;
	line-height:24px;
	width:28%;
	margin:1%;
	padding:0;
	background-color:#ccc;
	border-radius:5px;
}
.combat-display.left{
	float:left;
}
.combat-display.right{
	float:right;
}
.combat-description{
	width:36%;
	margin:1%;
	padding:1%;
	float:left;
	border-radius:5px;
}
.combat-container{
	position:relative;
	float:left;
	width:96%;
	padding:0;
	margin:0;
}
.combat-container.name{
	width:100%;
}
.combat-container.attribute{
	width:25%;
}

.combat-inner-container{
	display:inline-block;
	background-color:#fcfcfc;
	border-radius: 5px;
	width:94%;
	margin:2%;
	padding:1%;
	-webkit-user-select: none;
	cursor:default;
}
.combat-inner-container.status-effects{
	min-height: 34px;
	text-align: center;
}

.combatant-title{
	text-align: center;
	margin:0;
	padding:0;
	max-width: 100%;
	-webkit-user-select: none;
	cursor:default;
}
.combatant-title.name{
	font-size:1.4em;
}
.combatant-title.level{
	font-size:1em;
}

.combat-resource{
	position:relative;
	float:left;
	border-spacing:0;
    width:96%;
	margin:2%;
	padding:0;
}
.combat-resource-icon {
	float:left;
	width:20px;
	height:20px;
	background:#ccc;
	border-radius: 5px;
}
.combat-resource-bar{
	float:left;
	width:calc(100% - 50px);
	height:10px;
	margin:5px;
	background:#dddddd;
	border-radius: 2px;
}
.combat-resource-number{
	float:left;
	width:20px;
	height:20px;
	border-radius: 5px;
	text-align:center;
}

.combat-status-effect {
	position:relative;
	float:left;
	width:30px;
	height:30px;
	padding:0;
	margin:2px;
	border-radius: 5px;
	background-color: #cccccc;
}
.combat-status-effect.negativeCombat {
	width:26px;
	height:26px;
	border:2px;
	border-style: solid;
	border-color: #FF4D4D;
}
.combat-status-effect.positiveCombat {
	width:26px;
	height:26px;
	border:2px;
	border-style: solid;
	border-color: #85C6FF;
}
.basic-image{
	float:left;
	width:20px;
	height:20px;
	padding:0;
}
.basic-image.bordered{
	float:left;
	width:18px;
	height:18px;
	padding:0;
}

/***********************************************************/
/*INVENTORY VIEW*/

.inventory-container {
	position:relative;
	display: inline-block;
	width:49.5%;
	background-color:#fcfcfc;
	padding:8px;
	margin: 0;
	border-radius: 5px;
	box-sizing: border-box;
}
.inventory-container.left{
	margin-right:0.5%;
}
.inventory-container.right{
	margin-left:0.5%;
}
.inventory-container.full{
	width:98%;
	margin:0 1%;
}
/*This is for aspect ratio*/
.inventory-container:after {
	padding-top: 40%;
	display: block;
	content: '';
}

.inventory-equipped {
	position: relative;
	float:left;
	background-color:#fcfcfc;
	border-radius: 5px;
	text-align:center;
	width:60%;
	-webkit-user-select: none;
}
.inventory-item-slot {
	display:inline-block;
	background-color: #cccccc;
	position:relative;
	float:left;
	border-radius: 5px;
	width:18%;
	margin:1%;
	-webkit-box-sizing: border-box;
}
.inventory-item-slot :hover {
	opacity:1;
}
.inventory-item-slot.piercing{
	width:23%;
	margin:1%;
}
.inventory-item-slot.weapon{
	width:46%;
	margin:2%;
}
.inventory-item-slot.unequipped{
	width:11.5%;
	margin:0.5%;
}
.inventory-item-slot:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.inventory-item-slot.disabled{
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
}
.inventory-icon-content {
	position: absolute;
	width: 100%;
	height: 100%;
}

.inventory-accessories {
	position: relative;
	float:left;
	background-color:#fcfcfc;
	border-radius: 5px;
	text-align:center;
	width:50%;
	padding-left:8px;
	-webkit-user-select: none;
	box-sizing: border-box;
}
.inventory-not-equipped {
	position: relative;
	float:left;
	background-color:#fcfcfc;
	border-radius: 5px;
	text-align:center;
	width:100%;
	padding:4px 0 0 0;
	margin:4px 0 0 0;
	-webkit-user-select: none;
	box-sizing: border-box;
}

.item-inline{
	background-color: transparent;
	position:relative;
	display:inline-block;
	border-radius: 5px;
	width:20px;
	height:20px;
	padding:0;
	margin:0 0 2px 0;
	vertical-align: middle;
}
.item-count{
	font-size:14px;
	line-height:14px;
	position:absolute;
	text-align: right;
	right:2px;
	top:0;
	pointer-events: none;
	text-shadow: 2px 0 0 #fcfcfc, -2px 0 0 #fcfcfc, 0 2px 0 #fcfcfc, 0 -2px 0 #fcfcfc, 1px 1px #fcfcfc, -1px -1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px 1px 0 #fcfcfc;
}
.item-price{
	font-size:14px;
	line-height:14px;
	position:absolute;
	text-align: right;
	right:2px;
	bottom:0;
	pointer-events: none;
	text-shadow: 2px 0 0 #fcfcfc, -2px 0 0 #fcfcfc, 0 2px 0 #fcfcfc, 0 -2px 0 #fcfcfc, 1px 1px #fcfcfc, -1px -1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px 1px 0 #fcfcfc;
}

/***********************************************************/
/*INDIVIDUAL ITEM VIEW*/
.inventoryImage {
	position:relative;
	float:right;
	background-color: #bbbbbe;
	border-radius: 5px;
	margin:4px 4px 0 0;
	width: calc(25% - 4px);
}
.inventoryImage:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.inventoryImage:hover{
	cursor:default;
}
.inventoryImage-content {
	position: absolute;
	width: 100%;
	height: 100%;
}

/***********************************************************/
/*PHONE VIEW*/
.subTitle{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:4px 1%;
	padding:8px;
	width:98%;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
/*EXTRA ATTRIBUTE SPECIFIC*/
.extraAttribute-third{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:4px 1%;
	padding:8px;
	width:31.3%;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
.extraAttribute-third.type{
	width:38%;
}
.extraAttribute-third.damage{
	width:28%;
}
.extraAttribute-third.resist{
	width:28%;
}
.extraAttribute-two-thirds{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:4px 1%;
	padding:8px;
	width:64.6%;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
.extraAttribute-quarter{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:18px;
	font-weight: bold;
	text-align:center;
	line-height:22px;

	margin:4px 1%;
	padding:8px;
	width:23%;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
.extraAttribute-half{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:4px 1%;
	padding:8px;
	width:48%;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
.extraAttribute-half.doubleHeight{
	min-height:48px;
}
.extraAttribute-half.bonus{
}
.extraAttribute-sixth{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:4px 1%;
	padding:8px;
	width:14.66%;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
/*ITEM VIEW SPECIFIC*/
.phone-item-colour {
	position:relative;
	float:left;
	width:20px;
	height:20px;
	padding:0;
	margin:2px;
	border-radius: 5px;
	background-color: #ccc;
	-webkit-user-select: none;
}

/***********************************************************/
/*KEY BINDINGS*/

.bindingButton{
	float:left;
	border-radius: 5px;
	background-color: #cccccc;
	min-width:140px;
	cursor:pointer;
}
.bindingButton:hover{
	background-color:#999;
}
.bindingButton.active{
	background-color: #c3a9c3;
	cursor:default;
}
.bindingButton.active:hover{
	background-color:#c3a9c3;
}

.bindingClearButton{
	float:left;
	border-radius: 5px;
	width:20px;
	height:20px;
	background-color:#baecec;
	text-align:center;
	cursor:pointer;
}
.bindingClearButton:hover{
	background-color:#813131;
}
.bindingClearButton.empty{
	color:#888;
	background-color:#cdd9d9;
	cursor:default;
}
.bindingClearButton.empty:hover{
	background-color:#cdd9d9;
}

/***********************************************************/
/*GENDER PREFERENCES*/

.preference-button{
	margin:0;
	padding:0;
	width:80px;
	height:24px;
	text-align:center;
	line-height:24px;
	cursor:pointer;

	float:left;
	margin-right:8px;
	background-color: #ccc;
	border-radius:5px;

	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
.preference-button:hover{
	background-color: #888;
}
.preference-button.selected{
	background-color: #bbb;
	border:2px solid;
	border-color: #ddff81;
}
.preference-button.selected:hover{
	background-color: #777;
	border:2px solid;
	border-color: #ddff81;
}
.preference-button.disabled{
	color: #bbb;
	cursor:default;
}
.preference-button.disabled:hover{
	background-color: #ccc;
}

/***********************************************************/
/*SAVE/LOAD*/

.saveLoadButton{
	float:left;
	border-radius: 5px;
	background-color: #ccc;
	min-width:100px;
	cursor:pointer;
}
.saveLoadButton:hover{
	background-color:#bbb;
}
.saveLoadButton.disabled{
	background-color: #ddd;
	color:#777;
}
.saveLoadButton.disabled:hover{
	background-color:#ddd;
	cursor:default;
}
.deleteSaveButton{
	float:left;
	border-radius: 5px;
	background-color: #bad1d1;
	min-width:100px;
	cursor:pointer;
}
.deleteSaveButton:hover{
	background-color:#6acdcd;
}

/***********************************************************/
/*CRAFTING*/

.enchant-button-add{
	font-size:3vw;
	line-height:3vw;
	margin:8px auto 0 auto;
	padding: 4px 0 4px 0;
	width:90%;
	border-radius:5px;
	text-align:center;

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#999),
		color-stop(0.50, #bbb),
		color-stop(0.92, #ccc),
		to(#ddd));
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.7),
		0px 1px 0px rgba(000,000,000,0.4);
}
.enchant-button-add:hover{
	background:#999999;
	cursor:pointer;
}
.enchant-button-add.disabled{
	background: #ccc;
	color:#777;
}
.enchant-button-add.disabled:hover{
	background: #ccc;
	color:#777;
	cursor:default;
}

.enchanting-text{
	font-size:3vw;
	line-height:3vw;
	margin:0;
	padding:0;
}

.essence-inline{
	background-color: #cccccc;
	position:relative;
	display:inline-block;
	border-radius: 5px;
	width:3vw;
	height:3vw;
	padding:0;
	margin:0;
	vertical-align: middle;
}
@media screen and (min-width: 800px) {
	.essence-inline {
		width:24px;
		height:24px;
	}
}
@media screen and (min-width: 888px) {
	.enchanting-text{
		font-size:20px;
		line-height:20px;
	}
	.enchant-button-add{
		font-size:20px;
		line-height:20px;
	}
}

.enchanting-essence-title{
	text-align: center;
	display:block;
	margin:0 auto;
	padding:8px 0 8px 0;

	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	width:100%;
}
.enchanting-essence-main{
	margin:0 auto;
	padding:8px 0 8px 0;

	background-color: transparent;
	border-radius:5px;

	width:100%;

	display: -ms-flex; display: -webkit-flex; display: flex;
}
.enchanting-essence-main>.enchanting-essence-inner-left>.enchanting-essence-inner-right { flex:1; }
.enchanting-essence-inner-left{
	float:left;
	margin:0 auto;
	padding:8px 0 8px 0;

	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	width:20%;
}
.enchanting-essence-inner-right{
	float:left;
	margin:0 auto;
	padding:8px 0 8px 0;

	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	width:80%;
}
.enchanting-ingredient {
	display:inline-block;
	background-color: #cccccc;
	position:relative;
	border-radius: 5px;
	width:90%;
	margin:0 5% 0 5%;
	-webkit-box-sizing: border-box;
}
.enchanting-ingredient:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.enchanting-ingredient-content {
	position: absolute;
	width: 100%;
	height: 100%;
}
.enchanting-ingredient-count {
	width:18px;
	position:absolute;
	text-align: right;
	right:8px;
	top:0;
	pointer-events: none;
	text-shadow: 2px 0 0 #fcfcfc, -2px 0 0 #fcfcfc, 0 2px 0 #fcfcfc, 0 -2px 0 #fcfcfc, 1px 1px #fcfcfc, -1px -1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px 1px 0 #fcfcfc;
}
.enchanting-modifier {
	display:inline-block;
	background-color: #cccccc;
	position:relative;
	border-radius: 5px;
	width:40%;
	margin:8px 5% 0 5%;
	-webkit-box-sizing: border-box;
}
.enchanting-modifier:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.enchanting-modifier-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
/*Right panel:*/
.modifier-container{
	float:left;
	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	font-size:20px;
	font-weight: bold;
	text-align:center;
	line-height:24px;

	margin:0;
	padding:8px;
	width:100%;
	max-width:768px;
	-webkit-user-select: none;
	-webkit-box-sizing: border-box;
}
.modifier-icon {
	display:inline-block;
	background-color: #cccccc;
	position:relative;
	float:left;
	border-radius: 5px;
	width:9%;
	margin:0.5%;
	-webkit-box-sizing: border-box;
}
.modifier-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.modifier-icon-content {
  position: absolute;
  width: 100%;
  height: 100%;
	border-radius: 5px;
}
.enchanting-essence-effect {
	text-align: center;
	display:block;
	margin:0 auto;
	padding:8px 0 8px 0;

	background-color: transparent;
	background:#fcfcfc;
	border-radius:5px;

	width:100%;
}
.empty {
	background-color:#D1D1D1;
}
.transparent {
	background-color:transparent;
}

/***********************************************************/
/*SLAVE MANAGEMENT*/

.SM-title {
	float:left;
	padding:0;
	margin: 0;
}
.SM-title-container {
	position:relative;
	display: inline-block;
	float:left;
	margin: 0 0 4px 0;
	width:100%;
}

.SM-container {
	position:relative;
	display: inline-block;
	float:left;
	width:100%;
	background-color:#cccccc;
	padding:8px;
	margin: 4px 0 4px 0;
	border-radius: 5px;
	box-sizing: border-box;
}
.SM-inner-container {
	position:relative;
	display: inline-block;
	float:left;
	width:100%;
	background-color:#ddd;
	padding:8px;
	margin: 4px 0 4px 0;
	border-radius: 5px;
	box-sizing: border-box;
}
.SM-stats-box {
	position:relative;
	display: inline-block;
	float:left;
	width:18%;
	background-color:#fcfcfc;
	padding:4px;
	margin: 0 1% 0 1%;
	border-radius: 5px;
	box-sizing: border-box;
}
.SM-button {
	position:relative;
	display: inline-block;
	float:left;
	padding:4px;
	margin: 0 1% 0 1%;
	width:18%;
	border-radius:5px;
	text-align:center;
	box-sizing: border-box;

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#999),
		color-stop(0.50, #bbb),
		color-stop(0.92, #ccc),
		to(#292929));
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.7),
		0px 1px 0px rgba(000,000,000,0.4);
}
.SM-button:hover{
	background:#999999;
	cursor:pointer;
}
.SM-button.disabled{
	color:#777;
}
.SM-button.disabled:hover{
	color:#777;
	cursor:default;
}

/***********************************************************/
/*OTHER*/

.special-text{
	font-weight:normal;
    color: #F5A8FF;
    text-shadow: 2px 2px 5px #8d3193;

	/*HALLOWEEN
	color: #FA4700;
    text-shadow: 2px 2px 5px #FFAB8A;*/
}

.option-disabled{
	color: #777777;
}

.characterInfoPanel{
	float:right;
	min-width:150px;
	width:20vw;
    max-width:200px;
    height:328px;
    background-color: #cccccc;
    border-radius: 5px;
    margin:0 8px 8px 8px;
    padding:8px;
	font-size:16px;
	line-height:22px;
}

.speech{
    /*display:block;
    margin:16px 0 16px 0;*/
}
.speech:before {
    content: '"';
}
.speech:after {
    content: '"';
}

.thoughts{
   font-style: italic;
}
.thoughts.masculine {
	color:#00779E;
}
.thoughts.feminine {
	color:#D600D6;
}
.thoughts.androgynous {
	color:#9514FF;
}

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor:pointer;
}
.overlay.dark{
	border-radius:5px;
	background-color:#fff;
	opacity:0.40;
}
.overlay.disabled{
	border-radius:5px;
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
	opacity:0.60;
}
.overlay.disabled-dark{
	border-radius:5px;
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
	opacity:0.80;
}
.overlay.disabled:hover{
border-radius:5px;
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
	opacity:0.60;
}
.overlay.disabled-dark:hover{
	border-radius:5px;
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
	opacity:0.80;
}
.overlay.no-pointer{
	cursor:default;
}
.overlay.no-highlight:hover{
	background:transparent;
	opacity:1;
}
.overlay:hover{
	background-color:#fff;
	opacity:0.20;
	border-radius:5px;
}

.title-button{
	position:absolute;
	left:4px;
	top:4px;
	width:20px;
	height:20px;
	border-radius:5px;
	background: #b9b9b9;
	cursor:pointer;
}
.title-button.no-select{
	cursor:default;
}
.title-button.no-select:hover{
	background:#b9b9b9;
}
.title-button.no-select:active {
	background:#b9b9b9;
}
.title-button:hover{
	background:#ccc;
}
.title-button:active {
	background:#8fefbf;
}

@-webkit-keyframes demo {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	25% {-webkit-transform: scale(1, 1);}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
#bottom-text{
	position:absolute;
	bottom:0;
	margin:0 auto 16px auto;
	width:400px;
	left:0;
	right:0;
	text-align:center;
	font-size:24px;
	opacity: 0.0;
	text-shadow: 2px 0 0 #fcfcfc, -2px 0 0 #fcfcfc, 0 2px 0 #fcfcfc, 0 -2px 0 #fcfcfc, 1px 1px #fcfcfc, -1px -1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px 1px 0 #fcfcfc;
	pointer-events: none;
}
.demo {
	-webkit-animation: demo 2s ease-out;
    -webkit-animation-iteration-count: 2;
}

/***********************************************************/
/*INVENTORY*/

/* Made for 9:16 ratio
   Height = 1.7777 * width
 */

/*LEFT PANEL*/
.equipped{
	position: relative;
	float:left;
	background-color:#fcfcfc;
	border-radius: 10px;
	text-align:center;
	padding: 2vw;
	margin:0;
	height:96vw;
	width:58vw;
	-webkit-user-select: none;
}
.display{
	position: relative;
	margin:0;
	background-color:#fcfcfc;
	border-radius: 5px;
	text-align:center;
	width:58vw;
	height:19.2vw;
	padding:0;
	-webkit-user-select: none;
}
.equipSlot {
	position:relative;
	padding:0;
	margin:0.6vw;
	position:relative;
	border-radius: 5px;
    background-color:#ccc;
    color:white;
	float:left;
    width: 18vw;
	height: 18vw;
	-webkit-user-select: none;
}

/*RIGHT PANEL*/
.accessories{
	float:right;
	background-color:#fcfcfc;
	border-radius: 10px;
	text-align:center;
	padding: 2vw;
	margin:0;
	width:32vw;
	/*height:164vw;*/
	height:96vw;
	-webkit-user-select: none;
}
.display.weapons{
    width:32vw;
	height:16vw;
	-webkit-user-select: none;
}
.display.piercings{
	width:32vw;
	height:58vw;
	-webkit-user-select: none;
}
.display.extra{
	width:32vw;
	height:14vw;
	-webkit-user-select: none;
}
.weapon-spacer{
	height:4vw;
	-webkit-user-select: none;
}
.equipSlot.weapon {
	margin:1vw;
	width:14vw;
	height:14vw;
	-webkit-user-select: none;
}
.equipSlot.small {
	margin:1vw 2vw 1vw 2vw;
	width:12vw;
	height:12vw;
	-webkit-user-select: none;
}

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-user-select: none;
	cursor:pointer;
}
.overlay.disabled{
	border-radius:5px;
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
	opacity:0.60;
	cursor:default;
}
.overlay.disabled:hover{
	border-radius:5px;
	background: repeating-linear-gradient(
	  135deg,
	  #ccc,
	  #ccc 10px,
	  #ddd 10px,
	  #ddd 20px
	);
	opacity:0.60;
}

/*INVENTORY BOX*/
.inventoryWrapper{
	position: relative;
	float:left;
	background-color:#fcfcfc;
	border-radius: 10px;
	text-align:center;
	margin: 2vw 6vw 0 6vw ;
	padding: 2vw;
	/*height:164vw;*/
	height:56vw;
	width:84vw;
	/*width:145px;
	height:275px;*/
	-webkit-user-select: none;
}

.display.inventory{
	background-color:#fcfcfc;
	border-radius: 5px;
	text-align:center;
	/*height:74vw;*/
	height:56vw;
    width:84vw;
	/*overflow-y:scroll;*/
	-webkit-user-select: none;
}
.invSlot {
	padding:0;
	margin:1vw;
	position:relative;
	width:12vw;
	height:12vw;
	border-radius: 5px;
    background-color:#101010;
    color:white;
	float:left;
	-webkit-user-select: none;
}
.invSlot:hover{
	background-color:#566070;
	cursor:pointer;
	-webkit-user-select: none;
}

#encumbered{
    color:red;
	-webkit-user-select: none;
}

.femininityIcon{
	position:absolute;
	width:40%;
	height:40%;
	right:0;
	pointer-events: none;
	-webkit-user-select: none;
}
.cummedIcon{
	position:absolute;
	width:40%;
	height:40%;
	right:0;
	bottom:0;
	pointer-events: none;
	-webkit-user-select: none;
}
.displacedIcon{
	position:absolute;
	width:40%;
	height:40%;
	left:0;
	bottom:0;
	pointer-events: none;
	-webkit-user-select: none;
}
.jinxedIcon{
	position:absolute;
	width:40%;
	height:40%;
	left:0;
	pointer-events: none;
	-webkit-user-select: none;
}
.raceBlockIcon{
	position:absolute;
	width:60%;
	height:60%;
	margin:20%;
	pointer-events: none;
	-webkit-user-select: none;
}
.watchHand{
	width:100%;
	height:100%;
	-webkit-user-select: none;
}

.iconImage{
	pointer-events: none;
	-webkit-user-select: none;
}

/******************** RESPONSES ********************/

.response-full-container{
	background-color:#e6e6e6;
	padding:0;
	margin:0 auto 0 auto;
	border-radius: 5px;
	width:100%;
	max-width:1200px;
	overflow:hidden;
	-webkit-user-select: none;
}
.response-switcher{
	position:relative;
	float:left;
	width:3%;
	height:94px;
	padding:0;
	border-radius: 5px;
	background-color: #ccc;
	text-align: center;
	line-height:94px;
	-webkit-user-select: none;

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#666),
		color-stop(0.50, #ccc),
		color-stop(0.92, #bbb),
		to(#aaa));
	text-shadow:
		1px 1px 2px rgba(444,444,444,0.4),
		0px 1px 0px rgba(444,444,444,0.1);
}
.response-switcher.left{
	margin:4px 0 4px 1%;
	-webkit-user-select: none;
}
.response-switcher.right{
	margin:4px 1% 4px 0;
	-webkit-user-select: none;
}
.response-switcher.disabled{
	cursor: default;
	background: #ccc;
	color: #bbb;
	-webkit-user-select: none;
}
.response-switcher:hover{
	cursor: pointer;
    background: #bbb;
	-webkit-user-select: none;
}
.response-switcher.disabled:hover{
	cursor: default;
	background-color: #ccc;
	-webkit-user-select: none;
}
.response-container{
	display:inline-block;
	float:left;
	background-color:#e6e6e6;
	padding:4px 0.5% 0 0.5%;
	margin:0;
	border-radius: 5px;
	width:92%;
	overflow:hidden;
	-webkit-user-select: none;
	white-space: nowrap;
	box-sizing:border-box;
}
.response-container.tabs{
	background-color:transparent;
	width:100%;
}
.hotkey-icon{
	position:absolute;
	width:50%;
	height:18px;
	font-size:10px;
	line-height:12px;
	right:2px;
	top:1px;
	pointer-events: none;
	-webkit-user-select: none;
	text-align: right;
	color: #777777;
}
.hotkey-icon.disabled{
	color: #bbb;
	-webkit-user-select: none;
}
.response-box {
	position:relative;
	float:left;
	width:19%;
	height:28px;
	padding:0;
	margin:0 0.5% 4px 0.5%;
	border-radius: 5px;
	background-color: #ccc;
	text-align: center;
	-webkit-user-select: none;
	box-sizing:border-box;

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ddd),
		color-stop(0.50, #ccc),
		color-stop(0.92, #bbb),
		to(#aaa));
	text-shadow:
		1px 1px 2px rgba(444,444,444,0.4),
		0px 1px 0px rgba(444,444,444,0.1);
}
.response-box:hover{
	cursor: pointer;
    background: #ccc;
}
.response-box.tab{
	border-radius: 5px 5px 0 0;
	margin:0 0.5% 0 0.5%;
	height:22px;
}
.response-box.disabled{
	cursor: default;
	-webkit-user-select: none;
	background: #ccc;
}
.response-box.selected{
	box-sizing:border-box;
	border-style: solid;
	border-width: 1px;
	border-color:#444;
}
.response-box.disabled.selected{
	box-sizing:border-box;
	border-style: solid;
	border-width: 1px;
	border-color:#aaa;
}

.response-tab {
	position:relative;
	float:left;
	width:19%;
	height:22px;
	padding:0;
	margin:0 0.5% 0 0.5%;
	border-radius: 5px 5px 0 0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color:#e6e6e6;
	background-color: #ccc;
	text-align: center;
	-webkit-user-select: none;
	box-sizing:border-box;

	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#bbb),
		color-stop(0.50, #ccc),
		color-stop(0.92, #e6e6e6),
		to(#e6e6e6));
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(000,000,000,0.1);
}
.response-tab:hover{
	cursor: pointer;
    background:  -webkit-gradient(
		linear, left top, left bottom,
		from(#bbb),
		color-stop(0.50, #b7b7b7),
		color-stop(0.92, #ccc),
		to(#ddd));
	border-radius: 5px 5px 0 0;
}
.response-tab.selected{
	background: -webkit-gradient(
			linear, left top, left bottom,
			from(#bbb),
			color-stop(0.50, #b7b7b7),
			color-stop(0.92, #ccc),
			to(#ddd));

	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color:#ccc;
}

.response-text{
	padding: 4px 4px 4px 4px;
	margin:0;
	font-size:1em;
	line-height:24px;
	-webkit-user-select: none;
}
.response-text.selected{
	line-height:20px;
}

.response-icon-leftTop{
	position:absolute;
	height:11px;
	width:11px;
	bottom:2px;
	left:2px;
}
.response-icon-leftBottom{
	position:absolute;
	height:11px;
	width:11px;
	top:2px;
	left:2px;
}
.response-icon-rightBottom{
	position:absolute;
	height:11px;
	width:11px;
	bottom:2px;
	right:2px;
}

.option-disabled{
	color: #777777;
	-webkit-user-select: none;
}

.item-inline{
	background-color: transparent;
	position:relative;
	display:inline-block;
	border-radius: 5px;
	width:20px;
	height:20px;
	padding:0;
	margin:0 0 2px 0;
	vertical-align: middle;
}

/******************** MAP ********************/

.map-icon {
	display:inline-block;
	position:relative;
	float:left;
	border-radius: 5px;
	width:9%;
	margin:0.5%;
	-webkit-box-sizing: border-box;
}
.map-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.map-icon-content {
  position: absolute;
  width: 100%;
  height: 100%;
	-webkit-box-sizing: border-box;
}
.map-icon.dangerous{
	background: repeating-linear-gradient(
		  135deg,
		  #ccc,
		  #ccc 10px,
		  #bbb 10px,
		  #bbb 20px
		);
}
.overlay.map-player {
	border-radius:5px;
    opacity: 0;
    background-color:yellow;
    -webkit-animation-name: flashColour;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}

.npc-icon{
	position:absolute;
	height:33%;
	width:33%;
	top:2px;
	left:2px;
}
.npc-home-icon{
	position:absolute;
	height:33%;
	width:33%;
	bottom:2px;
	left:2px;
}

@-webkit-keyframes flashColour {
    0%   {opacity:0.4;}
    50%  {opacity:0.95;}
    100% {opacity:0.4;}
}


code:
The "Orifice stats" is:
	Capacity
	[Fluid capacity]
	Wetness
	Elasticity
	Virgin

"Fluids" have the following stats:
	Special Effects (Applies TF, Applies addiction)
	Maximum amount
	Replenish rate
	Viscosity
	Taste
	Smell

DONE Colour
	fluorescent
	striped, spotted, mottled

DONE Arm
	{Content lock} [Underarm hair]
	[Nail polish]
	[Arm rows]
	[allows flight]

DONE Ass
	Size
	Hipsize
	[Asshole]
		Orifice stats
		[Interior colour]
		[Rim colour]
		[Puffyness]
		[Internal tentacles]
		[Internally ribbed]
		[Muscle control]
		[Bleached]
		{Content lock} [Hair]

DONE Body
	Femininity
	Height
	[Muscle definition]
	[Body fat]

DONE Breast
	Size
	Rows
	[Nipples]
		Pierced
		[lipple, pussy, normal]
		[Nipple count per breast]
		[Areolae size]
		[Areolae shape]
		[Nipple length]
		Orifice stats
		[Interior colour]
		[Areolae colour]
		[Puffyness]
		[Internal tentacles]
		[Internally ribbed]
	[Fluid milk] (Type derived from breast type)

DONE Ear
	Pierced

DONE Eye
	[Shape e.g. enchanted to look like little pink hearts]
	[count]
	[Iris colour]
	[Pupil colour]

DONE Face
	Orifice stats
	Pierced nose
	Pierced lips
	[Lip size]
	[Makeup level]
	[Makeup colour]
	[Beard]

DONE Hair
	Colour
	Length
	Style

DONE Horn
	[size]
	[rows]

DONE [Antennae]
	[size]
	[rows]

DONE Leg
	[Nail polish]

DONE Penis
	Length
	[sheathed or cloaca-like slit]
	[Tentacle lining]
	[Ribbed]
	veiny
	[Knotted]
	[Flared head]
	[Barbed]
	[Prehensile]
	[ovipositor]
	[colour]
	[Fluid cum] (Type derived from penis type)
	[Fluid urine] (Type derived from penis type)
	Testicle size
	Testicle count
	[internal testicles]
	{Content lock} [Hair]
	{Content gate}
		Orifice stats
		[Internal tentacles]
		[Internally ribbed]

[Second penis]
	Same as first

DONE Skin
	[Primary colour]
	[Secondary colour]
	[Colour pattern]

DONE Tail
	[ovipositor]
	[isOrifice]
	Orifice stats
	[Fluid cum] (Type derived from tail type)

DONE Tongue
	Pierced
	[bifurcated]
	[Length]
	[Prehensile]

DONE Vagina
	{Content lock} [Hair] [style]
	[Girl cum] (Type derived from vagina type)
	[Fluid urine] (Type derived from vagina type)
	Clit size
	[Clit colour]
	Orifice stats
		[Puffyness]
		[Internal tentacles]
		[Internally ribbed]
		[Expert muscle control]
		[Interior colour]
		[Labia colour]

DONE Wing
	[allows flight]

repo_name: klorpa/Pedo

license: unknown


code:
	Long hotkeys overflow on the world map
	It isn't possible to use a hotkey with CTRL in it for map navigation as this will move the response selection cursor instead

	--------

	loading a savegame with a new version doesn't work (not that surprising) but the menu is still available and if you turn off confirmation you get stuck in the load menu,
	 I d recomment not to show saves of incompatible versions  or display them as disabled with a note or smth.

	you still haven't put in a way to change the keybinds for the third row of commands.

	Perhaps adding a �cute� element to responses under the different Talks to include hearts?

	dnieing selfaction still has no effect :/

	NPCs don�t have pace change mechanic it seems. I am certain you�ll work on that, just putting it out there.

	Suggestion for fetish gain: Fetishes normally are developed over time so gaining the anal fetish after fucking a few times is to be expected.
	 What could be added is a small dialogue display asking if the player is interested in gaining a certain fetish after some conditions are met.

	I know that this version you�ll be adding more content as you�ve wrapped up with the pace mechanic, so I�d suggest to add more skin tones to be available to random NPCs and to Kate�s shop.

	Succubus encounter, submitting: She apparently selected to kiss the PC but not actual text shows up to that effect. There is a gap where her action description should be;
	After selecting one of the request choices, they disappear never to be seen as options again.

	�Beg her/him to stop� says �Talk dirty to �� in the hover-over text.

	�Resisting� should have the same or similar effect on Arousal as �Calm Down� as, even if the rapist is still molesting you, you should not be getting aroused because you�re resisting and trying to get away.

	some times see contrasting fetishes on mobs like androphilic + impregnation fetish
	--------

	Still issues with tooltips now showing up on 3 bottom-right icons in floor inventory on smaller resolution

	apparently no way to be a subby male if you win and forfeit

	multiple TF potion
		there was a little bit of gender pronoun confusion, since it seemed to apply the feminity change before writing out the actual transformation

	UI: Status effects & Fetishes are causing the UI to be pushed behind the map/clothing panel.

	I'll also get that pure virgin fetish on males bug fixed. (I don't understand how this is happening)

	I'm finding the levelup system kind of annoying. Firstly, it feels like there's not enough of a notification on a level up...
	it seems like there should be some kind of indication when you have unallocated points. Also, the perk system doesn't do enough to distinguish perks you already have from perks that you are eligible to select.
	 When you are choosing a perk, it becomes highlighted in yellow until you hit apply; any chance that highlighting could remain afterwards, to indicate perks that you own?

	1# When you are in 69 bottom position, and the character who is forcing you gives you a blowjob.
		 The description says: "You slide your shaft into the woman's mouth." While it should be something like: "The woman forces your shaft into her mouth."

	2# Where is the cowgirl position? (Hint hint. Please add)
	Or threesomes, if it's worth the headache programming all that. :p

	3# Would be nice if we can edit our character at the start a bit more. Heigth, hips, ass etc.
	Those stats do anything in this game? Or not right now?

	5# The AI doesn't use tails on my character.

	Make human encounter setting take into account race humanity

	So is it me or is it not a bit incongruous that my first action after Lilaya pulls away as she climaxes, (rough talk), the actions are that my PC is suddenly fucking her again? shouldn't there be a transition back to coitus?

	why do hung PCs always get detected by NPCs, but hung NPCs are always a surprise?

	NPCs with the pure virgin perk should be eager for sex during an arcane storm, but that behaviour (where they willingly lose their virginity) is unintentional.
	 I'll make them eager for anal/oral, but block them from actions that would make them lose their virginity, thanks for the report!

	The anal action in dominant back-to-wall was removed due to the way I reworked the engine, but I have plans to add in a sub-position called 'Back-to-wall (anal)' that will re-enable that action.
	 I'll try to get this in as a priority within the next couple of versions, as it's important that players who want to have dominant anal sex have that option. ^^

	androgynous female: he seems to have relapsed back to being referred to as an androgynous wolf-boy in all the rest of the combat

	"You now have hair."

	An NPC wearing both assless chaps and backless panties doesn't count as having exposed their ass even if you're in the middle of fucking it. As long as you haven't shifted asside thier panties to see thier pussy/ cock.
		(In-sex behaviour)

	The request options may have been affected by this new sex pace update, so they might not be working properly at the moment.
		I'll make sure that they're working for Friday's release! (I'm probably going to make it so that only sadistic NPCs will refuse requests, and they'll make it quite clear why they're refusing you.)

	The cupless bras will give an exposed debuff to players without the exhibitionist fetish, but not NPCs without it.

	Vixen's virility description doesn't reference virility.

	Spell cost reduction has no discernable effect

	there's no sound effects when you beg someone to stop while they have their dick in your mouth  (I think I fixed this)

	Importer removing vagina for some reason
	the Importer still removes vaginas

	Sorry I also discovered that if you climax with anal tease when domninating the police wolf it bugs out the game and all choices disappear locking the player in the scene.

	Just found bug that made the "stop sex" button not do anything when dominating a cat girl, don't know what caused it, haven't been able to recreate it, but it forced me to reload my save to get out of it.

	I'm not sure if anyone has said this already (I didn't look back through the comments on the other posts, sorry), but sometimes during vaginal sex, there's a section that talks about a rear end, back entrance, that sort of thing.
	 There might have been multiple sections (I should've screenshotted). It confused me at first lol until I checked that, no, it was still vaginal, not anal.

	The arousal increases are only applying to the person with the orifice at the moment

	Just got into a dominant 69 position with a shemale, and there's no options to interact with her genitals at all

	You might already know this, but in the current build, AI characters can end up locked into not doing anything if they get into a sex position for something they don't have a fetish for.
		For example, an enemy might force you onto your knees for oral after defeating you, then do nothing after that except taunt the player.

	I also just encountered a (human) woman while I had human encounters off

	after being transformed by Brax I tried transforming back to human (female) by making human transformation potions.
		I managed to get most things reversed, except the wolf breasts. Neither the breast nor the skin transformation potion seem to do the trick

	~Maybe fixed?~
	There are some serious bugs with NPCs gaining xp. (gained 199999998xp)
		"that npc's do not gain experience if player.level - enemy.level >= 3. I believe that this is intended to be enemy.level - player.level >= 3"

	~Improve description~
		(Fixed) Bug: If you genderbend an NPC completely, the first line of the NPC's description still holds on to the original gender even after leaving the tile and returning.

	Rose says she looks familiar in prologue?

	~I cant get the extra discount anymore, I do the blowjob scene but if I press the second discount button on ralph, nothing happens and the blowjob scene continues.~
	: but then at the end he acts as if no one was alerted and you get it all

	I'm not certain as to this, but it appears there is a bug when if you unlock a perk, and a perk that requires that perk at the same time, you don't get the affect of the latter.
		Or atleast it visually appears as a perk you don't have

	Spell cost reduction does not affect the cost of the main hand weapon's associated attack spell, but all other spell costs are reduced normally.
		Correction: It's the fireball spell itself that does not conform to spell cost reduction.

	(Possibly referring to brax) -> NPC also refuse feminization potion still, despite being available and noted as usable in sex, they never work

	Futa enemy -> im stroking her penis -> she says: "go on keep using your fingers"

	The only thing allowed to be done at the Lab are "tests"
		somehow the options magically appeared because I got a birthing notice
		NOTE: I think this is just from people not reading the "Lilaya's pregnancy reaction" dialogue. Better add the other options to that dialogue.

	Ejaculating during 69 while being on top (but not receiving oral sex!) causes you to hit the floor, when it should have landed on the partners face.
	Repeatedly doing nothing during submissive sex makes the NPC behave like an idiot.
	~Finally, displaced clothing can't be replaced during scenes/removed clothing can't be equipped during scenes~

	Pulling aside backless panties with nothing else equipped gets rid of the exposed breasts status
		Actually, it's just being completely exposed in general
		I think it's trying to merge the statuses into one, but it doesn't increase the penalty
		Or maybe it's supposed to get rid of the exposed breasts status effect when you wear backless panties, but it doesnt?

	(Maybe fixed) I just ran into a horse girl thats wearing assless chaps and backless panties but I don't know what her asshole looks like

	Nyan responds to you going back to the general choice of which type of clothing as if you just entered the back warehouse

	69 doesn't allow change of position
		that and doggy have been a problem for a while now

	The names of the partners you lost your 3 virginities to in the phone menu are blank on imported character

	The virginity bug you had fixed (You lost your _ virginity to (blank)) is still there when using an imported character, whose virginity has already been taken before importing.
	 This will, of course, not be relevant for long, but maybe you can use this intel for something.

	69 oral doesn't count as having given oral in the description ~ You've never given head before, so you don't know what you could fit down your throat.

	When enchanting potions fast, the hover-over description window window of the bottles you scroll through to get to the first empty potion attribute button, gets stuck.
	 Until you push the cursor out of the window. This is a minor issue and it might not be relevant when you make the "Create last potion" button (I hope you understand what I mean, I can't use screenshots in this comment section).

	 The unidentified items in Ralph's shop act in odd ways. Sometimes the items sell for 0 and sometimes they sell for 5. I thought this was a way of telling whether the item is cursed or not, but that's not the case.
	 After selling a 0 cost item and buying it back, it'll cost 5 like the others. Items that cost 5 in the inventory menu, will actually sell for 0 and Nyan will also only ask for 0 in the description
	  (I could literally post a single screenshot image to explain this, I hope you understand what I mean. Maybe I can send them in discord or something, if you're interested).

	When using enchanting to remove genitals, all the 3 options available: draught, potion and elixir, but they all do the same thing except for the cost.

	In combat, the shield (Poison Shield, Ice Shield, Arcane Shield, Fire Shield) descriptions say, that they deal damage. I have yet to see that happen.

	Double check the weather as it seems to apply inside buildings. I see it apply in Enforcer HQ.
	Vaginal statues are still applied even with no vagina. This is due to the importer removing vaginas.
	Fluff: The replace pans dialogue shows up before replacing panties, after which the replace pants dialogue shows up again. I don't think women wear their panties on top of skirts or pants or w/e lol.

	female (didn't encounter male, so I don't know if it affects them too) harpy parser pronouns not working? (they display as blank)
	After Brax defeat/transformation (starting as male - androgynous) - "Your precum quickly lubricates your ." and "Your precum quickly lubricates your hard ."
	"You lost your anal virginity to ." even though no anal sex yet

	Hard to replicate:
	I was grinding for Exp from a level 2 enemy, and after I leveled up to lv4 I went into the house to sleep.
	Afterward I was unable to click on anything above the bottom row of buttons.
	For example the Load, Overwrite, Deletes buttons when you click on the Save/load bottom button.
	Or anything in the inventory?
	I'm seriously unsure as to what caused this bug.
	It could even be because I spammed the 1/6/9 keys to finish fights faster.
	Or it could have been the fact after I leveled up I accidentally pressed the explore button again which activated a fight.

	Not quite bugs
	If you ask Lilaya about 'tests', then you cannot do any other dialogue options (such as asking about essences) until you leave and return.
	in Pix encounter in shower, if you continue to use "Calm down", then she will continue to orgasm indefinitely. (Is this only with 'genderless mound' or with any genitalia?)
	Brax scene repeatable after defeat, but if defeated again, you drink the potion again with same dialogue
	sometimes if you use the scroll wheel on the "Continue" box at the main menu, then a scroll bar will appear (which, while not causing any problems, does not fit with everything else appearance-wise).
		I think slightly enlarging the box may mitigate this, but I'm not sure.

	Create a character -> choose slut -> back -> choose strong and you get "Recovering orfices" on a virgin


code:
custom input tattoos with certain fetishes? IE when you type in "Momma's Stud" also designate that it's a incest fetish based tattoo? That way NPCs at least know to react to it in the context of it being incest based?

I mean as long as they have the womb tattoo things that all those young demons have these days

I want glowing tattoos that show through fur so i can find them in a crowded area (they would be naked)

For tattoos we have ying yang symbols random english words or kanji

tattoos of penises not just ones on penises

One idea i had was that you can tattoo any combination of letters or numbers and have it described as being in one of several fonts, stylised curly or straight and bold for example

I mean perhaps you could have an option like Free Cities
	as in you can type in the description of a tattoo

A magical tattoo that is an image of an npc. it does not have their description instead it is described as: a tattoo of [name] from the side magically enchanted to show their appearance even if it changes
	It could also be of  you  that you give to an npc or put on yourself for selfception
	(Live updating tattoo of PC)

Basic animal tattoos Foxes dragons horses wolves sheep goats and badgers

I got idea for tattoo, how about a wolf howling at the moon?

the generic "heart with mom printed across it", but with incest variations as well

A kitsune tattoo and an ankh tattoo

or at least 9 tails as a tattoo

Oh, what about variable text tattoos? Like the pregnancy countdown tattoo could have accompanying text that changes every day
	Like one day it says something normal like "days/hours until birth" and then the next day it says something like "time until the next stud can knock me up"

Characters with a bimbo fetish should be able to get their own name tattooed somewhere on their body that they have to check every time they introduce themselves

flames

Counter for children birthed

What about an enchanted tattoo that shows how many days until you're able to deliver, or what you're pregnant with
Count down until birth
That changes what the timer says, so one time it's say "Time until birth" and later it'll say something like "Time until the next hung stud can knock me up"
+ with a little clock/timer telling you how long till its done

Nipple tattoo that changes milk flavour
Tattoo saying what flavour milk you're producing

Tatoos that influence sex AI
	"Not this hole, the other one!"

a tally mark for the number of different people in x group that you've fucked (horse-morphs, futas, your children, etc)


code:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
    <path fill="#ff8080" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.286" d="M62.945 47.555H52.508V44.01h2.921V22.976h-2.921v-3.47h10.437v3.47h-2.767v21.033h2.767z" font-family="sans-serif" font-weight="400" letter-spacing="0" word-spacing="0" style="line-height:125%"/>
</svg>


code:
<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.canvas.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.text.*?>
<?import javafx.scene.web.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.canvas.Canvas?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.shape.Rectangle?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.web.WebView?>

<GridPane fx:id="mainPane" minHeight="600.0" minWidth="800.0" prefHeight="800.0" prefWidth="1280.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.lilithsthrone.controller.MainController">
  <columnConstraints>
      <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="4.0" prefWidth="4.0" />
      <ColumnConstraints hgrow="SOMETIMES" maxWidth="300.0" minWidth="240.0" />
      <ColumnConstraints hgrow="SOMETIMES" maxWidth="4.0" minWidth="4.0" prefWidth="4.0" />
    <ColumnConstraints hgrow="ALWAYS" maxWidth="1200.0" />
      <ColumnConstraints hgrow="SOMETIMES" maxWidth="4.0" minWidth="4.0" prefWidth="4.0" />
      <ColumnConstraints hgrow="SOMETIMES" maxWidth="300.0" minWidth="240.0" />
      <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="4.0" prefWidth="4.0" />
  </columnConstraints>
  <rowConstraints>
      <RowConstraints maxHeight="4.0" minHeight="4.0" prefHeight="4.0" vgrow="SOMETIMES" />
      <RowConstraints maxHeight="1.7976931348623157E308" vgrow="SOMETIMES" />
      <RowConstraints maxHeight="102.0" minHeight="102.0" vgrow="SOMETIMES" />
      <RowConstraints maxHeight="4.0" minHeight="4.0" prefHeight="4.0" vgrow="SOMETIMES" />
  </rowConstraints>
   <children>
      <WebView fx:id="webViewMain" minHeight="-1.0" minWidth="-1.0" prefHeight="-1.0" prefWidth="-1.0" GridPane.columnIndex="3" GridPane.rowIndex="1" GridPane.rowSpan="2" />
      <VBox fx:id="vBoxLeft" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="1" GridPane.rowIndex="1" GridPane.rowSpan="2">
         <children>
            <WebView fx:id="webViewAttributes" prefHeight="-1.0" prefWidth="200.0" VBox.vgrow="ALWAYS" />
            <HBox alignment="CENTER" maxHeight="32.0" minHeight="32.0" prefHeight="32.0">
               <children>
                  <WebView fx:id="webViewButtons" prefHeight="200.0" prefWidth="250.0" />
               </children>
            </HBox>
         </children>
      </VBox>
      <VBox prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="5" GridPane.rowIndex="1" GridPane.rowSpan="2">
         <children>
            <WebView fx:id="webViewRight" prefHeight="-1.0" prefWidth="200.0" VBox.vgrow="ALWAYS" />
            <HBox maxHeight="32.0" minHeight="32.0" prefHeight="32.0" prefWidth="200.0" />
         </children>
      </VBox>
   </children>
</GridPane>


code:
<svg version="1.1" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <linearGradient id="innoGrad2">
   <stop stop-color="#2c2c2c" stop-opacity=".86449" offset="0"/>
   <stop stop-opacity="0" offset="1"/>
  </linearGradient>
  <linearGradient id="linearGradient4252" x1="188.9" x2="195.72" y1="71.647" y2="36.544" gradientTransform="matrix(.6561 0 0 .6561 12.487 18.65)" gradientUnits="userSpaceOnUse">
   <stop stop-color="#f95" offset="0"/>
   <stop stop-color="#ffb380" offset="1"/>
  </linearGradient>
  <linearGradient id="linearGradient4260" x1="76.519" x2="149" y1="241.1" y2="154.48" gradientTransform="matrix(.6561 0 0 .6561 12.487 18.65)" gradientUnits="userSpaceOnUse">
   <stop stop-color="#f55" offset="0"/>
   <stop stop-color="#ff8080" offset="1"/>
  </linearGradient>
  <linearGradient id="linearGradient1055" x1="114.67" x2="188.11" y1="205.18" y2="131.74" gradientTransform="matrix(1.1 0 0 1.1 5.0924 -8.1219)" gradientUnits="userSpaceOnUse">
   <stop stop-color="#f5d" offset="0"/>
   <stop stop-color="#fae" offset="1"/>
  </linearGradient>
  <linearGradient id="linearGradient1063" x1="111.22" x2="194.06" y1="200.2" y2="128.29" gradientTransform="matrix(1.1 0 0 1.1 5.0924 -8.1219)" gradientUnits="userSpaceOnUse">
   <stop stop-color="#fae" offset="0"/>
   <stop stop-color="#ffd5f6" offset="1"/>
  </linearGradient>
  <linearGradient id="linearGradient1071" x1="137.3" x2="161.84" y1="97.225" y2="97.225" gradientTransform="matrix(1.1 0 0 1.1 5.0924 -8.1219)" gradientUnits="userSpaceOnUse">
   <stop stop-color="#ffd5f6" stop-opacity=".91589" offset="0"/>
   <stop stop-color="#ffcff5" stop-opacity=".63084" offset=".50391"/>
   <stop stop-color="#ffd5f6" stop-opacity=".89252" offset="1"/>
  </linearGradient>
  <radialGradient id="radialGradient1095" cx="175.19" cy="221.97" r="69.424" gradientTransform="matrix(1 0 0 .18555 -7.5932 177.8)" gradientUnits="userSpaceOnUse" xlink:href="#innoGrad2"/>
  <radialGradient id="radialGradient1095-4" cx="175.19" cy="221.97" r="69.424" gradientTransform="matrix(1 0 0 .18555 -84.293 142.33)" gradientUnits="userSpaceOnUse" xlink:href="#innoGrad2"/>
 </defs>
 <ellipse cx="90.893" cy="183.52" rx="69.424" ry="12.881" fill="url(#radialGradient1095-4)"/>
 <ellipse cx="167.59" cy="218.98" rx="69.424" ry="12.881" fill="url(#radialGradient1095)"/>
 <ellipse cx="87.876" cy="135.16" rx="47.904" ry="48.484" fill="url(#linearGradient4260)" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".6561"/>
 <g fill-rule="evenodd" stroke="#000" stroke-width=".6561">
  <path d="m72.137 89.587 2.7379-7.0728 26.771 0.35102 2.0503 6.8248" fill="#ff8080"/>
  <path d="m72.004 83.393c0.70269 3.2083 32.207 3.1486 32.102 0.23423l0.059-25.893-31.517 0.17584z" fill="#e6e6e6"/>
  <path d="m72.625 57.734c4.7436 2.4847 33.547 1.8404 31.591-0.05839-1.0596-1.0294-32.554-0.44615-31.591 0.05905z" fill="#ccc"/>
  <path d="m101.88 39.064c1.3982-0.32411 2.5883-0.64101 3.7988-1.3089 31.438-17.358 50.173-13.568 61.068 7.4395l0.0826 6.8759c-11.206 31.326-44.884 19.498-64.37 1.0773z" fill="url(#linearGradient4252)"/>
  <path d="m94.462 43.786 1.7098-0.18371 6.0361-4.7456c3.4878 4.3552 3.5843 10.193 0.33133 14.291l-6.2133-5.4266-1.7806 0.08267z" fill="#ccc"/>
  <path d="m81.729 58.789v-2.6369l1.347 0.11679 0.059-1.1127-1.3476-0.17584 0.23424-13.474c0.20273-11.635 12.555-12.088 12.712 0.05905l0.17583 13.59-1.3476 0.14631v1.1423l1.406-0.05905v2.4604c-4.5874 0.41662-9.0896 0.62067-13.239-0.05774z" fill="#e6e6e6"/>
 </g>
 <path d="m83.077 55.128c3.5515 0.49208 7.04 0.40941 10.515 0.20536m0.0288 1.0839a59.25 59.25 0 0 1-10.573-0.14697" fill="none" stroke="#000" stroke-width=".6561"/>
 <g fill-rule="evenodd">
  <g stroke-width=".6561">
   <path d="m89.233 34.1c0.62461 0.44746 1.0485 1.1626 1.3509 1.9434 0.65675 0.77026 1.2315 1.8463 1.6934 3.0213 0.84637 2.15 1.2925 4.5724 1.3076 5.9784 0.27163-1.3995 0.11548-3.9071-0.48945-6.2428-0.32871-1.2689-0.79848-2.5194-1.4369-3.5318-0.78404-0.69809-1.6127-1.1239-2.4256-1.1685zm12.644 25.799c-0.27753 0.32805-0.55309 0.65348-0.83456 0.98809 0.87983 6.3261 1.181 16.083 1.5392 22.458 0.25785-6.3386 0.57934-16.156 0.30574-22.623a27.437 27.437 0 0 0-1.0104-0.82275zm-7.8699-2.6513a10.017 10.017 0 0 1-0.71646-0.19946c-1.8909 0.37398-4.8269 0.1824-7.4028 0.24144 2.5142 0.15878 5.5112 0.57868 7.4927 0.41269 0.23489-0.14434 0.44615-0.29524 0.62658-0.45402z" fill="#fff"/>
   <path d="m106.45 95.46c3.3789 1.9946 5.9686 4.9299 7.9408 8.1665 2.8993 2.4715 5.5001 5.6805 7.7033 9.2582 4.367 7.0905 7.0321 15.403 7.4369 21.59 0.79651-6.206-0.6784-15.113-4.2384-23.254-1.7885-4.0908-4.138-8.0674-7.0662-11.424-3.7909-2.505-7.7794-4.0442-11.776-4.3368z" fill="#ffd5d5"/>
   <path d="m82.284 42.046c1.8194 0.0092 1.8417 5.3603-0.0833 5.0539" fill="#666" stroke="#000"/>
  </g>
  <path d="m162.75 119.21-0.0746-7.1514 1.4817 0.12847 0.0649-1.224-1.4824-0.19341-3e-3 -16.387c3.4671-0.04631 10.753 0.08965 13.983 0.0649l0.45443 16.516-1.4824 0.16094v1.2565l1.5466-0.065 0.0746 6.9573c-5.0462 0.45828-9.9986 0.68274-14.563-0.0635z" fill="#e6e6e6" stroke="#000" stroke-width=".72171"/>
 </g>
 <path d="m164.16 110.93c3.9066 0.54128 7.744 0.45034 11.566 0.22589m0.0317 1.1923a65.175 65.175 0 0 1-11.63-0.16166" fill="none" stroke="#000" stroke-width=".72171"/>
 <g stroke="#000">
  <path d="m149.98 219.77c-52.807-21.449-38.093-97.827 8.7788-102.02l20.707-0.0325c35.603 1.0538 68.027 75.532 6.0364 101.78z" fill="url(#linearGradient1063)" fill-rule="evenodd" stroke-width=".88"/>
  <path d="m151.82 214.67c-47.523-19.304-34.278-88.043 7.9007-91.815l18.641-0.0288c32.041 0.94505 61.224 67.977 5.4325 91.598z" fill="url(#linearGradient1055)" fill-rule="evenodd" stroke-width=".66"/>
  <ellipse cx="169.69" cy="99.959" rx="2.9554" ry="3.507" fill="#666" stroke-linecap="round" stroke-width=".62617"/>
  <ellipse cx="169.62" cy="99.961" rx="1.622" ry="1.8836" fill="#333" stroke-linecap="round" stroke-width=".33996"/>
 </g>
 <g fill="#fff">
  <path d="m175.34 95.047c4e-3 0.10676 0.52592 0.40945 0.52958 0.51621 0.062 1.8007 0.0331 4.7204 0.0334 7.4471 2.7e-4 2.7856 0.0408 5.1103 0.15987 6.573-0.10846-1.3326-0.41485-3.8603-0.67085-6.5487-0.25434-2.6709-0.48465-5.685-0.5449-7.4362-4e-3 -0.10678 0.4966-0.44461 0.49293-0.55138z"/>
  <path d="m180.79 125.52c4.094 1.3953 9.2555 3.1245 15.337 7.8866 4.0641 3.1822 7.0707 6.662 8.5175 8.8446 0.72338 1.0913 1.5786 2.5688 2.4511 4.3548 2.1846 4.472 3.9361 9.748 4.904 15.134 1.1229 6.2491 0.80951 10.258 0.70879 12.553 0.0958-2.1819-0.49702-6.4163-2.5468-12.061-1.833-5.0475-4.2273-9.5968-6.7384-13.591-1.0061-1.6002-1.8637-2.854-2.5503-3.8898-1.3903-2.0974-3.3907-5.5973-6.6337-9.3526-4.5595-5.2797-9.5668-8.5556-13.449-9.8788z" fill-opacity=".86449"/>
  <path d="m184.02 120.07c3.8253 1.3037 9.1896 3.3689 14.66 7.4457 4.9029 3.6536 8.1601 7.6731 9.962 10.37 0.23793 0.35608 0.49973 0.76305 0.77851 1.2174 2.2663 3.6937 4.713 8.9399 6.5772 16.042 1.8405 7.012 2.5132 13.493 2.9234 17.725-0.40357-4.1634-1.4125-10.753-3.5613-17.54-2.2099-6.9807-4.8733-11.887-7.1682-15.455-0.28023-0.43567-0.53954-0.82789-0.77047-1.1735-1.7668-2.6442-4.6075-6.6771-9.2243-10.577-5.0767-4.2882-10.399-6.7667-14.177-8.0545z" fill-opacity=".86449"/>
 </g>
 <path d="m155.21 86.032 0.15047 29.665 29.194 0.14512-0.0429-29.849z" fill="url(#linearGradient1071)" fill-rule="evenodd" stroke="#000" stroke-width=".66"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
    <defs>
        <linearGradient id="linearGradient5013">
            <stop offset="0" stop-color="#f7dc73"/>
            <stop offset="1" stop-color="#ffea96"/>
        </linearGradient>
        <linearGradient id="linearGradient5005">
            <stop offset="0" stop-color="#77533c"/>
            <stop offset="1" stop-color="#885f45"/>
        </linearGradient>
        <linearGradient id="linearGradient4997">
            <stop offset="0" stop-color="#312219"/>
            <stop offset="1" stop-color="#453023"/>
        </linearGradient>
        <linearGradient id="linearGradient4989">
            <stop offset="0" stop-color="#3c2a1e"/>
            <stop offset="1" stop-color="#4f3728"/>
        </linearGradient>
        <linearGradient id="linearGradient4995" x1="80.812" x2="80.56" y1="124.428" y2="107.76" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4989"/>
        <linearGradient id="linearGradient5003" x1="123.036" x2="122.679" y1="144.214" y2="127.607" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4997"/>
        <linearGradient id="linearGradient5011" x1="92.5" x2="93.036" y1="169.571" y2="155.107" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient5005"/>
        <linearGradient id="linearGradient5019" x1="51.071" x2="51.964" y1="151.536" y2="136.714" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient5013"/>
    </defs>
    <g stroke="#000">
        <path fill="#faa" fill-rule="evenodd" stroke-linejoin="bevel" d="M8.445 131.863l90.802 46.355 58.545-62.229-84.808-39.291z"/>
        <path fill="none" d="M73.125 76.938l-.09 15.67"/>
        <path fill="#917c6f" fill-rule="evenodd" d="M17.321 138.857l56.072-50.893 80.893 34.822-55 64.107z"/>
        <path fill="#483e37" fill-rule="evenodd" d="M55.987 116.983c-5.62-2.537-3.666-5.456-1.596-7.466l14.683-14.262c2.623-2.548 5.573-3.686 9.961-1.832l24.886 10.515c3.704 1.565 3.098 5.068 1.231 7.117l-14.12 15.5c-3.618 3.972-6.398 3.354-9.782 1.827z"/>
        <path fill="url(#linearGradient4995)" fill-rule="evenodd" d="M61.844 119.408c-.518-9.748 2.011-21.468 15.8-21.953 18.742-.658 20.18 14.097 20.713 20.845l-8.143 8.943c-2.8 3.075-5.584 2.604-8.398 1.315z"/>
        <path fill="#483e37" fill-rule="evenodd" d="M96.544 135.337c-5.621-2.537-3.666-5.456-1.597-7.466l14.683-14.262c2.624-2.548 5.574-3.686 9.962-1.832l24.885 10.515c3.705 1.566 3.099 5.068 1.232 7.117l-14.12 15.5c-3.619 3.973-6.399 3.354-9.783 1.827z"/>
        <path fill="url(#linearGradient5003)" fill-rule="evenodd" d="M102.4 137.762c-.518-9.748 2.012-21.468 15.8-21.953 18.743-.658 20.339 14.318 20.87 21.066l-8.3 8.722c-2.867 3.013-5.584 2.604-8.398 1.315z"/>
        <path fill="#483e37" fill-rule="evenodd" d="M67.037 164.808c-5.563-2.663-3.543-5.537-1.429-7.5l15-13.929c2.68-2.488 5.655-3.56 10-1.607l24.643 11.071c3.669 1.648 2.984 5.136 1.072 7.143l-14.465 15.179c-3.707 3.89-6.472 3.21-9.82 1.607z"/>
        <path fill="url(#linearGradient5011)" fill-rule="evenodd" d="M72.837 167.364c-.298-9.757 2.494-21.418 16.29-21.592 18.752-.237 20.011 14.77 20.392 21.529l-8.495 8.533c-2.934 2.948-5.641 2.478-8.425 1.126z"/>
        <path fill="#483e37" fill-rule="evenodd" d="M25.116 146.12c-5.563-2.662-3.543-5.537-1.429-7.5l15-13.929c2.68-2.488 5.655-3.56 10-1.607l24.643 11.072c3.668 1.648 2.984 5.136 1.071 7.142l-14.464 15.179c-3.707 3.89-6.472 3.21-9.821 1.607z"/>
        <path fill="url(#linearGradient5019)" fill-rule="evenodd" d="M30.916 148.676c-.299-9.757 2.493-21.418 16.289-21.592 18.753-.237 20.012 14.518 20.392 21.276l-8.494 8.786c-2.89 2.99-5.641 2.479-8.426 1.126z"/>
        <path fill="#ff8080" fill-rule="evenodd" stroke-linejoin="bevel" d="M8.586 131.499l1.01 31.314 88.79 44.573 1.62-31.44z"/>
        <path fill="#f55" fill-rule="evenodd" stroke-linejoin="bevel" d="M100.005 176.198l-1.768 31.188 59.347-66.543v-25.254z"/>
        <path fill="#faa" fill-rule="evenodd" stroke-linejoin="bevel" d="M147.857 67.786l93.572 40.535 4.821 81.041-105-41.576z"/>
        <path fill="#ff8080" fill-rule="evenodd" stroke-linejoin="bevel" d="M124.643 172.102l101.071 40.622 20.715-23.331-103.75-41.964z"/>
        <path fill="#ff8080" fill-rule="evenodd" stroke-linejoin="bevel" d="M128.929 91.714l-4.108 80.893 17.679-25 5.599-79.926z"/>
        <path fill="#ffb380" fill-rule="evenodd" d="M148.329 181.546l16.492-25.01L170 77.25l17.321 7.679-3.75 78.928-18.226 24.56z"/>
        <path fill="#ffb380" fill-rule="evenodd" d="M127.717 116.07l18.42-18.567 97.025 40.437-.88-14.278-94.96-41.59-18.937 20.446z"/>
        <path fill="none" stroke-width=".5" d="M164.781 156.121l19.193 8.081M147.106 81.982L146.07 97.92"/>
        <path fill="#ff7f2a" fill-rule="evenodd" stroke-width=".75" d="M150.945 86.716c13.78 6.01 7.568 7.38 16.187 8.605l-2.897 13.284c-16.084-8.279-18.983-15.446-13.29-21.89zM155.202 83.854c4.787-4.206 13.931 5.844 10.22 9.679-4.325-3.012-7.94-6.19-10.22-9.68z"/>
        <path fill="#f95" fill-rule="evenodd" stroke-width=".75" d="M175.205 97.06c-.834-4.703-1.067-11.498-5.905-14.069-9.56-5.08-26.622-7.555-29.552-5.312-2.138 1.638-1.58 8.827 7.276 20.371l12.052 6.314c-6.974-6.303-9.638-11.935-6.903-16.308 2.925-4.677 10.696-2.68 11.082 2.203.415 5.26-2.312 12.741 11.352 12.808z"/>
        <path fill="#ff7f2a" fill-rule="evenodd" stroke-width=".75" d="M216.999 110.59c3.906 3.061-1.836 6.085-2.971 9.126l-17.406-9.113z"/>
        <path fill="#f95" fill-rule="evenodd" stroke-width=".75" d="M184.902 101.04c4.454.813.738-12.382 8.553-12.817 12.74 4.11 17.331 15.131 24.632 23.605-3.22-2.98-13.461 1.65-33.401-4.264z"/>
        <path fill="#f95" fill-rule="evenodd" stroke-width=".75" d="M182.959 109.045c1.009-1.564-1.726-3.856.735-3.75 12.876.561 46.619 22.947 54.29 35.625-5.642 6.95-11.572 13.708-15.036 22.102-12.969-21.664-12.78-32.278-39.99-53.977zM174.761 101.074c-11.775-7.766-17.558-3.204-36.135 4.18 1.969 10.801 6.134 13.504 13.062 34.986 7.454-11.766 14.393-34.914 22.571-33.727-1.102-2.134 1.181-.537.502-5.439z"/>
        <path fill="#f95" fill-rule="evenodd" stroke-width=".75" d="M172.55 92.95l-2.379 14.89c4.753 2.72 9.535 5.378 15.452 5.662l1.75-13.801c-4.49-5.512-9.608-6.484-14.823-6.752z"/>
    </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
    <defs>
        <linearGradient id="linearGradient4708">
            <stop offset="0" stop-color="#17280b"/>
            <stop offset="1" stop-color="#5aa02c"/>
        </linearGradient>
        <linearGradient id="linearGradient4392">
            <stop offset="0" stop-color="#ffd42a"/>
            <stop offset="1" stop-color="#ffe680"/>
        </linearGradient>
        <linearGradient id="linearGradient4341">
            <stop offset="0" stop-color="#ff7f2a"/>
            <stop offset="1" stop-color="#ffb380"/>
        </linearGradient>
        <linearGradient id="linearGradient4230">
            <stop offset="0" stop-color="#ff2a2a"/>
            <stop offset="1" stop-color="#ff8080"/>
        </linearGradient>
        <radialGradient id="radialGradient4238" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(1.02616 .64117 -.45255 .7243 57.903 -55.731)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4230"/>
        <radialGradient id="radialGradient4238-8-9-7" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(.55368 -.06633 .06957 .40864 36.157 29.36)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4392"/>
        <radialGradient id="radialGradient4238-8-9-7-9" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(.13537 .53995 -.4459 .1269 217.004 32.022)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4392"/>
        <radialGradient id="radialGradient4238-8-4" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(.27356 .80567 -.72438 .14867 188.952 28.5)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4341"/>
        <radialGradient id="radialGradient4238-2" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(.48074 .60818 -.46265 .4021 105.063 18.446)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4230"/>
        <radialGradient id="radialGradient4238-8-9-7-0" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(.55303 -.07898 .06949 .48658 33.338 77.274)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4392"/>
        <radialGradient id="radialGradient4238-0" cx="131.856" cy="71.981" r="28.943" fx="131.856" fy="71.981" gradientTransform="matrix(.98496 -.41273 .33376 .67705 -76.203 88.864)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4230"/>
        <radialGradient id="radialGradient4716" cx="127.916" cy="95.61" r="66.322" fx="127.916" fy="95.61" gradientTransform="matrix(1.02616 .64117 -.66872 1.07025 69.877 -82.524)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4708"/>
    </defs>
    <path fill="#2d5016" fill-rule="evenodd" stroke="#000" stroke-width="1.21" d="M41.197 238.016c24.97-40.523 59.434-94 52.562-133.562l55.728 33.409c-41.26 3.743-65.761 63.962-94.685 108.654l-4.12-.133-2.654-4.517-4.79.418z"/>
    <path fill="url(#radialGradient4716)" fill-rule="evenodd" stroke="#000" stroke-width="1.21" d="M92.934 59.919c-3.517-13.457-5.287-27.23 2.975-42.821 19.831 7.375 30.843 15.353 21.672 24.711 5.96-12.244 13.828-23.18 35.043-24.945 4.356 8.738 3.667 22.342 3.341 35.597l34.933 28.515c18.712-10.84 35.815-9.552 51.942-.897-16.016 39.116-44.677 38.757-59.497 32.365-15.655 30.55-19.694 71.793-52.818 86.263-16.591-22.475-10.935-48.55-11.67-73.59-16.794-.343-35.01 2.834-46.838-9.808 5.108-14.713 21.353-24.547 31.406-23.116z"/>
    <path fill="#112b00" fill-rule="evenodd" d="M116.079 103.496a34.452 34.452 0 0 1-2.176-.451c-4.68 2.843-11.246 4.951-17.986 6.692-6.593 1.702-13.559 3.094-18.408 4.41 4.97-.844 11.954-1.713 18.73-2.954 6.809-1.246 13.814-2.93 19.092-5.534.293-.726.544-1.449.748-2.163zM110.935 58.085c.499-.591.975-1.23 1.427-1.905-.932-5.962-3.756-12.656-6.833-18.872-3.074-6.208-6.582-12.28-8.892-16.792 1.83 4.705 4.89 11.102 7.451 17.436 2.617 6.472 4.784 13.027 5.141 18.58a31.048 31.048 0 0 1 1.706 1.553zM129.296 56.806c.61-.422 1.237-.821 1.87-1.201 1.354-5.306 4.569-11.406 8.166-17.366 3.518-5.83 7.52-11.699 10.063-16.033-2.96 4.082-7.34 9.59-11.313 15.218-3.992 5.654-7.817 11.76-9.765 17.313.299.724.625 1.416.98 2.069zM197.327 94.966c.735.104 1.466.235 2.19.385 4.592-2.983 11.09-5.288 17.775-7.232 6.538-1.9 13.459-3.502 18.266-4.964-4.943.994-11.897 2.073-18.633 3.518-6.767 1.451-13.719 3.347-18.915 6.108-.271.735-.5 1.465-.683 2.185z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M67.443 57.603c50.199-26.815 74.676 35.38 24.27 45.79-34.944 31.055-94.525-28.408-24.27-45.79z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M56.181 88.563C35.884 54.879 91.645 37.705 97.62 71.693c24.936 23.325-30.605 64.213-41.438 16.87z"/>
    <path fill="url(#radialGradient4238-0)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M86.703 96.353C52.087 118.056 30.341 70.801 66.169 61.7c23.296-24.627 70.284 19.76 20.534 34.653z"/>
    <path fill="#ffd5d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M63.782 70.42c-1.087-2.308-1.567-4.736 4.38-8.425 8.576-3.637 9.398-1.133 9.06.85-2.584 4.297-6.868 7.006-13.44 7.575z"/>
    <path fill="#faa" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M62.276 69.478l1.476 7.207c7.3 1.194 14.012-.978 19.779-8.577l-5.561-7.402c.516 1.754-8.458 9.766-15.694 8.772z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M61.196 76.174l1.488 8.474c10.873 2.125 20.08-.279 26.848-9.323l-7.374-11.941c-2.83 9.585-10.802 11.64-20.962 12.79z"/>
    <path fill="#f55" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M60.081 81.307c4.658 3.193 18.906 2.396 29.62-8.655l5.643 12.956c-9.17 7.563-19.768 10.087-31.994 6.855z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M66.253 68.879c-2.717-2.001 10.403-11.337 6.333-3.608"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M219.33 108.783c10.378 27.915-29.872 36.36-30.35 9.463-14.684-20.282 27.952-47.15 30.35-9.463z"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M201.986 100.808c22.607-8.232 26.543 21.912 5.397 22.682-16.904 11.352-35.14-20.305-5.397-22.682z"/>
    <path fill="url(#radialGradient4238-8-9-7-9)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M193.792 116.127c-9.09-19.47 21.853-27.522 23.218-8.287 12.15 13.79-19.965 35.151-23.218 8.287z"/>
    <path fill="#fff6d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M212.034 106.001c1.515-.406 3.032-.489 4.57 2.854 1.204 4.704-.398 4.96-1.553 4.647-2.29-1.637-3.428-4.048-3.017-7.5z"/>
    <path fill="#fea" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M212.775 105.284l-4.508.271c-1.557 3.71-1.02 7.346 2.892 10.863l5.094-2.38c-1.115.147-4.908-5.064-3.478-8.754z"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M208.868 104.263l-5.272.191c-2.528 5.502-2.138 10.45 2.53 14.586l8.035-3.01c-5.446-2.129-5.768-6.41-5.293-11.767z"/>
    <path fill="#fd5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M205.906 103.332c-2.457 2.2-3.613 9.656 1.809 15.98l-8.447 2.041c-3.5-5.282-3.803-10.96-.453-17.09z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M212.679 107.39c1.516-1.274 5.63 6.182 1.444 3.538"/>
    <path fill="#ffb380" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M199.91 141.595c19.724 41.94-45.945 50.935-49.229 11.334-26.122-31.08 41.777-66.966 49.23-11.334z"/>
    <path fill="#ffb380" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M170.537 128.389c36.56-10.182 45.854 34.487 11.014 33.82-26.854 15.256-59.898-32.856-11.014-33.82z"/>
    <path fill="url(#radialGradient4238-8-4)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M158.43 150.222c-16.813-29.41 33.526-38.618 37.563-10.212 21.339 21.318-29.701 50-37.563 10.212z"/>
    <path fill="#ffe6d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M187.609 136.883c2.462-.469 4.958-.461 7.808 4.585 2.424 7.022-.197 7.26-2.132 6.703-3.932-2.602-6.036-6.245-5.676-11.288z"/>
    <path fill="#fca" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M188.764 135.89l-7.417.016c-2.227 5.324-1.003 10.717 5.782 16.223l8.19-3.068c-1.827.123-8.572-7.865-6.555-13.17z"/>
    <path fill="#ffb380" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M182.22 134.057l-8.687-.168c-3.662 7.877-2.56 15.187 5.53 21.667l12.986-3.744c-9.188-3.593-10.116-9.918-9.83-17.755z"/>
    <path fill="#f95" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M177.243 132.434c-3.852 3.027-5.07 13.895 4.469 23.657l-13.757 2.284c-6.267-8.068-7.294-16.444-2.332-25.173z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M188.8 138.98c2.386-1.744 9.87 9.572 2.714 5.327"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M109.816 83.936c29.02-7.658 32.306 35.908 5.55 33.218-21.989 13.116-43.256-35.162-5.55-33.218z"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M99.705 101.328c-5.307-24.884 25.108-25.464 23.195-3.012 9.127 19.224-24.6 34.746-23.195 3.012z"/>
    <path fill="url(#radialGradient4238-8-9-7-0)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M113.872 111.813c-20.475 7.299-24.549-26.379-5.285-25.536 15.225-11.21 32.36 25.289 5.285 25.536z"/>
    <path fill="#fff6d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M106.132 91.32c-.211-1.65-.101-3.264 3.41-4.493 4.822-.715 4.873 1.01 4.416 2.194-1.914 2.226-4.451 3.144-7.826 2.298z"/>
    <path fill="#fea" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M105.514 90.451l-.301 4.8c3.485 2.087 7.161 1.951 11.147-1.768l-1.718-5.67c.006 1.197-5.647 4.588-9.128 2.638z"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M104.006 94.462l-.478 5.597c5.14 3.327 10.1 3.502 14.797-.942l-1.971-8.854c-2.801 5.505-7.092 5.337-12.348 4.199z"/>
    <path fill="#fd5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M102.707 97.483c1.872 2.86 9.126 4.968 16.088-.014l.958 9.175c-5.687 3.072-11.36 2.718-17.019-1.552z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M107.592 90.803c-1.072-1.755 6.849-5.218 3.694-1.107"/>
    <path fill="#112b00" fill-rule="evenodd" d="M145 139.571c-.422.61-.868 1.205-1.327 1.784.604 5.442-.252 12.284-1.516 19.13-1.237 6.695-2.913 13.598-3.764 18.55 1.33-4.862 3.488-11.56 5.22-18.228 1.742-6.7 3.168-13.762 3.033-19.645a21.524 21.524 0 0 0-1.646-1.59z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M153.02 114.085c28.927 29.61-14.606 62.108-31.005 28.413-29.624-17.639 5.948-74.687 31.005-28.413z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M127.43 113.427c22.4-22.656 44.874 13.261 19.846 25.705-13.69 23.502-54.288-6.567-19.846-25.705z"/>
    <path fill="url(#radialGradient4238-2)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M126.568 137.212c-22.407-19.648 10.142-46.6 23.102-23.059 22.754 10.818-3.38 55.207-23.102 23.059z"/>
    <path fill="#ffd5d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M142.593 114.532c1.586-1.335 3.365-2.262 7.184 1.123 4.219 5.285 2.439 6.476.864 6.709-3.722-.824-6.513-3.25-8.048-7.832z"/>
    <path fill="#faa" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M143.063 113.224l-5.272 2.789c.306 5.528 3.092 9.827 9.875 12.144l4.738-5.77c-1.256.792-8.892-3.729-9.341-9.163z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M137.755 114.056l-6.24 3.101c.19 8.317 3.57 14.351 11.628 17.04l7.911-8.16c-7.813.269-10.72-4.962-13.3-11.981z"/>
    <path fill="#f55" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M133.638 114.486c-1.666 4.111 1.327 14.15 11.58 19.192l-8.977 7.16c-7.325-4.77-11.03-11.773-10.6-21.327z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M144.187 115.936c1.077-2.431 10.42 4.75 3.821 3.682"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M179.215 55.734c57.961 29.09 12.486 89.992-29.535 50.53-52.484-12.56-31.847-103.748 29.535-50.53z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M141.776 64.689c20.183-39.399 72.211.743 42.687 27.28-7.107 37.196-82.227 11.973-42.687-27.28z"/>
    <path fill="url(#radialGradient4238)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M153.414 97.33c-43.116-18.066-10.55-67.207 20.983-40.215 38.834 5.938 25.015 76.297-20.983 40.216z"/>
    <path fill="#ffd5d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M164.348 60.353c1.575-2.423 3.65-4.367 11.019-1.239 8.977 5.556 7.043 7.86 4.886 8.781-5.84.314-11.199-1.908-15.905-7.542z"/>
    <path fill="#faa" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M164.32 58.396l-6.129 5.818c3.44 7.392 9.805 12.159 20.89 12.696l3.74-9.66c-1.392 1.558-14.906-1.644-18.5-8.854z"/>
    <path fill="#ff8080" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M157.078 61.568l-7.361 6.616c4.782 11.224 12.95 18.12 26.082 18.672l7.043-14.13c-11.177 3.372-18.223-2.615-25.764-11.158z"/>
    <path fill="#f55" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M151.347 63.738c-.188 6.226 9.588 18.712 27.178 21.614l-9.13 13.182c-13.198-3.66-22.362-11.748-26.914-24.893z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M167.417 61.647c.245-3.717 17.674 2.442 7.533 3.531"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M112.724 34.956c29.053-6.431 32.343 30.156 5.556 27.897-22.015 11.015-43.307-29.53-5.556-27.897z"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M102.601 49.562c-5.313-20.898 25.137-21.385 23.222-2.53 9.137 16.145-24.63 29.18-23.222 2.53z"/>
    <path fill="url(#radialGradient4238-8-9-7)" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M116.785 58.368c-20.5 6.129-24.578-22.154-5.292-21.446 15.243-9.414 32.397 21.238 5.292 21.446z"/>
    <path fill="#fff6d5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M109.036 41.157c-.212-1.386-.102-2.74 3.414-3.773 4.827-.6 4.877.848 4.42 1.842-1.916 1.87-4.456 2.64-7.834 1.93z"/>
    <path fill="#fea" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M108.416 40.428l-.301 4.03c3.489 1.753 7.17 1.639 11.16-1.484l-1.72-4.762c.006 1.005-5.653 3.853-9.139 2.216z"/>
    <path fill="#ffe680" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M106.907 43.795l-.478 4.701c5.146 2.794 10.112 2.941 14.813-.79l-1.973-7.437c-2.804 4.624-7.1 4.482-12.362 3.526z"/>
    <path fill="#fd5" fill-rule="evenodd" stroke="#000" stroke-width=".75" d="M105.606 46.332c1.875 2.402 9.137 4.173 16.107-.011l.959 7.705c-5.693 2.58-11.373 2.283-17.039-1.303z"/>
    <path fill="none" stroke="#000" stroke-width=".75" d="M110.497 40.723c-1.073-1.474 6.857-4.383 3.698-.93"/>
    <path fill-rule="evenodd" d="M43.153 241.01c32.62-52.973 52.653-86.788 53.53-114.856-1.277 27.965-21.607 61.476-54.559 114.218z"/>
    <path fill-rule="evenodd" d="M46.116 242.383c22.415-34.853 41.84-66.763 57.601-112.406-16.133 45.485-35.896 77.164-58.616 111.746zM48 242.059c22.55-32.532 44.978-69.734 62.967-105.005-17.719 35.409-39.895 72.785-62.216 105.52zM51.652 246.363c22.126-37.128 41.37-72.905 66.794-98.766-25.741 25.609-45.36 61.223-67.83 98.142z"/>
    <path fill="#e9c6af" fill-rule="evenodd" stroke="#000" stroke-width="1.21" d="M62.726 200.646c-3.636 4.22-5.939 9.272-8.414 14.217l23.628-5.234a160.251 160.251 0 0 0 7.789-11.888z"/>
    <path fill="#e9c6af" fill-rule="evenodd" stroke="#000" stroke-width="1.163" d="M70.056 187.01c-3.252 4.401-5.617 9.172-7.733 14.045l23.492-3.516c3.177-3.784 5.26-7.722 7.578-11.582z"/>
    <path fill="#e9c6af" fill-rule="evenodd" stroke="#000" stroke-width="1.119" d="M76.798 174.025c-3.605 4.295-5.04 9.294-7.18 14.064l22.984-1.778c2.815-4.325 5.671-8.612 9.228-12.238z"/>
    <path fill="#f4e3d7" fill-rule="evenodd" d="M90.178 187.724c-6.378 1.105-13.015 2.29-19.779 2.69 6.794.002 13.5-.784 19.948-1.492zM82.664 200.102c-6.377 1.105-13.014 2.29-19.778 2.69 6.794.002 13.5-.784 19.948-1.492zM96.536 175.896l-.085-.599c-6.377 1.106-13.014 2.29-19.778 2.691 6.794.001 13.5-.785 19.948-1.493l-.085-.599z"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
    <defs>
        <linearGradient id="linearGradient4233">
            <stop offset="0" stop-color="#a53b3b"/>
            <stop offset="1" stop-color="#c83737"/>
        </linearGradient>
        <linearGradient id="linearGradient4225">
            <stop offset="0" stop-color="#a66c45"/>
            <stop offset="1" stop-color="#d38d5f"/>
        </linearGradient>
        <linearGradient id="linearGradient4217">
            <stop offset="0" stop-color="#a66c45"/>
            <stop offset="1" stop-color="#d38d5f"/>
        </linearGradient>
        <linearGradient id="linearGradient4209">
            <stop offset="0" stop-color="#a66c45"/>
            <stop offset="1" stop-color="#d38d5f"/>
        </linearGradient>
        <linearGradient id="linearGradient4201">
            <stop offset="0" stop-color="#a66c45"/>
            <stop offset="1" stop-color="#d38d5f"/>
        </linearGradient>
        <linearGradient id="linearGradient4193">
            <stop offset="0" stop-color="#a66c45"/>
            <stop offset="1" stop-color="#d38d5f"/>
        </linearGradient>
        <linearGradient id="linearGradient4199" x1="103.288" x2="154.553" y1="110.285" y2="38.565" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4193"/>
        <linearGradient id="linearGradient4207" x1="65.66" x2="80.56" y1="173.42" y2="137.56" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4201"/>
        <linearGradient id="linearGradient4215" x1="174.504" x2="201.273" y1="158.773" y2="129.983" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4209"/>
        <linearGradient id="linearGradient4223" x1="63.64" x2="74.246" y1="228.978" y2="195.643" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4217"/>
        <linearGradient id="linearGradient4231" x1="168.695" x2="183.343" y1="228.726" y2="190.845" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4225"/>
        <linearGradient id="linearGradient4239" x1="112.885" x2="144.199" y1="203.22" y2="152.712" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4233"/>
    </defs>
    <path fill="#a66a41" fill-rule="evenodd" stroke="#000" d="M62.74 207.268c-3.778-14.552 21.92-54.288 30.81-84.222l73.11-8.207c3.62 29.8 17.412 58.97 14.773 87.378-40.643 34.25-79.7 20.607-118.693 5.05z"/>
    <path fill="url(#linearGradient4215)" fill-rule="evenodd" stroke="#000" d="M164.046 111.603c-10.665 13.453-.179 24.862-.667 37.888 10.593 7.667 16.616 26.96 27.78 22.333 21.814-9.04 21.153-18.032 20.26-23.714-3.145-20.038-24.408-41.671-47.373-36.507z"/>
    <path fill="url(#linearGradient4207)" fill-rule="evenodd" stroke="#000" d="M81.807 116.606c-15.99-3.837-30.085 19.383-28.032 38.134 2.842 25.96 18.923 24.014 37.502 21.97 3.73-8.957 6.923-14.546 10.354-25-.023-25.187-13.53-33.593-19.824-35.104z"/>
    <path fill="url(#linearGradient4223)" fill-rule="evenodd" stroke="#000" d="M67.796 189.935c-30.77 2.618-34.551 49.482-10.101 55.053 23.754 5.414 56.832-.892 57.83-19.824.842-15.94-8.647-38.555-47.729-35.229z"/>
    <path fill="url(#linearGradient4231)" fill-rule="evenodd" stroke="#000" d="M178.518 180.732c-25.676 6.015-49.718 15.5-37.754 41.795 13.012 28.598 46.667 18.988 55.432 13.763 42.095-25.093 10.883-62.25-17.678-55.558z"/>
    <path fill="#6c5d53" fill-rule="evenodd" stroke="#000" stroke-width="1.036" d="M72.685 210.001c-27.352.958-22.15 30.583-6.814 34.98 12.313 3.53 33.217-4.605 35.33-9.49 6.772-15.659-8.305-26.197-28.516-25.49z"/>
    <path fill="#6c5d53" fill-rule="evenodd" stroke="#000" d="M186.473 204.723c-24.404 6.087-36.943 18.15-11.616 32.198 7.302 4.051 24.131-.08 29.168-7.07 13.796-19.15 3.29-30.327-17.552-25.128z"/>
    <path fill="url(#linearGradient4239)" fill-rule="evenodd" stroke="#000" d="M127.39 215.854c-22.386-12.183-39.383-24.096-46.276-48.852-7.892-28.343 42.926-50.105 52.62-18.211 6.485-24.507 57.152-25.715 51.332 11.557-3.584 22.947-32.348 41.715-57.676 55.506z"/>
    <path fill="url(#linearGradient4199)" fill-rule="evenodd" stroke="#000" stroke-width=".966" d="M123.982 19.236C74.366 22.908 60.647 58.419 69.85 94.768c6.72 26.542 61.085 65.52 114.263 2.652 14.559-17.212 12.105-36.355 4.278-50.35-10.651-19.045-34.089-30.078-64.41-27.834z"/>
    <path fill="#e6e6e6" fill-rule="evenodd" stroke="#000" d="M126.259 99.717c34.898.621 32.006 15.904 16.036 25.254-10.606 6.21-24.1 7.772-32.956-.505-4.253-3.975-22.773-25.456 16.92-24.749z"/>
    <path fill="#d38d5f" fill-rule="evenodd" stroke="#000" d="M67.264 69.456c5.007-20.427 14.361-34.187 33.104-44.773-5.035-5.212-32.939-9.211-41.037 6.06-8.133 15.337-7.103 31.71 7.933 38.713zM163.503 25.566c9.691-10.576 33.352-11.958 44.763 1.826 17.562 21.214.824 42.57-14.585 48.935.46-19.301-10.795-35.801-30.178-50.76z"/>
    <path fill="#6c5d53" fill-rule="evenodd" stroke="#000" d="M174.615 35.163c2.343-4.04 13.895-8.264 23.486 1.894 9.292 9.842.991 22.32-7.324 21.529-3.452-7.258-6.283-13.842-16.162-23.423zM69.306 62.184c-.758 1.01-1.541-13.53 2.277-18.518 3.478-4.544 15.022-9.008 15.022-9.008-9.416 7.778-13.382 17.812-17.299 27.526zM83.196 63.068l7.323 12.122c5.63-6.276 12.387-11.99 20.708-16.92L103.4 45.643c-10.033 3.552-16.567 9.497-20.203 17.425z"/>
    <path fill="#1a1a1a" fill-rule="evenodd" stroke="#000" d="M123.548 108.007c-14.555-.996-17.151 8.266-10.71 13.65 5.432 4.542 13.129 5.53 20.366 2.051 9.48-4.557 4.34-14.743-9.656-15.7z"/>
    <path fill="none" stroke="#000" d="M123.741 125.717l.162 4.437M109.863 123.154c10.337 11.58 28.515 5.377 33.576-3.223"/>
    <ellipse cx="111.985" cy="88.953" fill="#784421" stroke="#000" stroke-linecap="round" stroke-linejoin="round" rx="7.45" ry="7.071"/>
    <ellipse cx="139.512" cy="90.974" fill="#784421" stroke="#000" stroke-linecap="round" stroke-linejoin="round" rx="7.45" ry="7.071"/>
    <ellipse cx="139.449" cy="91.858" fill="#1a1a1a" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".679" rx="5.022" ry="4.833"/>
    <ellipse cx="111.859" cy="89.964" fill="#1a1a1a" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".679" rx="5.022" ry="4.833"/>
    <g fill="none" stroke="#000" stroke-linecap="round" stroke-width="7.5">
        <path d="M128.078 153.706c-10.482 22.907 15.576 17.102 12.81-.343M105.622 152.347c-2.694 5.76-2.516 12.078-2.65 17.838M103.717 159.923l13.199.472M118.993 151.648c-2.064 5.656-2.324 12.4-2.11 17.712"/>
        <path stroke-linejoin="round" d="M165.143 152.08c-20.26-1.73-23.074 25.919-1.558 8.832-1.473 2.6-2.464 5.202-1.99 7.803M106.242 193.241a40.116 40.116 0 0 1 3.245-13.377c.172.086 4.259 7.422 5.972 9.99 3.201-3.57 10.04-11.768 10.17-11.962-.95 5.565-1.834 11.14-.866 17.021M147.684 179.328c-3.903.983-7.582 2.227-13.372 1.029-.178 4.873-.444 9.747-1.904 14.62 4.86-.788 9.577-1.409 14.28-2.015M144.049 186.188c-3.508.841-6.816.69-10.17.771"/>
        <path d="M156.262 177.658c-.043.172-1.861 10.119-1.861 10.119M153.828 193.908l-.1.504"/>
    </g>
    <g fill="none" stroke="#ececec" stroke-linecap="round" stroke-width="4.824">
        <path d="M127.9 153.349c-10.483 22.907 15.576 17.102 12.809-.343M105.444 151.99c-2.695 5.76-2.517 12.078-2.65 17.838M103.539 159.566l13.198.471M118.814 151.291c-2.064 5.656-2.324 12.4-2.11 17.712"/>
        <path stroke-linejoin="round" d="M164.965 151.722c-20.26-1.728-23.075 25.92-1.558 8.832-1.473 2.601-2.465 5.202-1.991 7.803M106.063 192.884a40.116 40.116 0 0 1 3.246-13.377c.171.085 4.258 7.422 5.972 9.99 3.2-3.57 10.039-11.769 10.169-11.962-.949 5.565-1.834 11.14-.865 17.021M147.505 178.97c-3.903.984-7.581 2.227-13.372 1.03-.177 4.873-.444 9.746-1.904 14.62 4.861-.788 9.577-1.409 14.28-2.015M143.87 185.83c-3.508.842-6.815.691-10.17.772"/>
        <path d="M156.083 177.301c-.043.172-1.86 10.118-1.86 10.118M153.65 193.551l-.1.504"/>
    </g>
    <path fill="none" stroke="#000" d="M83.843 56.305l3.314 3.22M90.03 50.37c.554.976 1.172 2.11 2.494 3.852M96.975 46.14l1.736 3.663M92.429 70.574l2.241 3.314M98.616 64.765l2.589 3.41M104.425 60.03l2.935 3.347M104.298 50.308l3.315-2.052M106.95 55.232l4.04-1.673M86.179 64.765l-3.346 2.368M89.051 69.027l-2.967 3.062"/>
</svg>