/*tile*/
.tile{
	/*position:absolute;*/
	position:relative;
	/* border:var(--gapsize) solid #5d5d5d; */
	border-right:var(--gapsize) solid var(--border-bright);
	border-bottom:var(--gapsize) solid var(--border-bright);
	font-size:22px;
	line-height:25px;
	font-weight:600;
	font-family:Arial;
	color:black;
	z-index:1;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center;
    
    background-position:center;
    background-repeat:no-repeat;
	/*display:flex;*/
	/*flex-wrap: wrap;*/
	/*flex: 0 0 auto;*/

}
.tile::before{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2);
    border-top-width:var(--gapsize);
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    background-color:transparent;
    top: 0;
    left: 0;
    z-index:-1;
    pointer-events: none;
    opacity: 1; 
}
/*.tile::after{*/
/*    content: " ";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: block;*/
/*    border-style: solid;*/
/*    border-color: rgba(255, 255, 255, 0.1);*/
/*    border-top-width: 0px;*/
/*    border-left-width: 0px;*/
/*    border-right-width: 2px;*/
/*    border-bottom-width: 0px;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index:-1;*/
/*    pointer-events: none;*/
/*    opacity: 1; */
/*}*/

/*box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.8);*/
.tile.circle:before,
.tile.clear::before{content:none;}
/*.tile.clear::after{content:none;}*/
.tile.rounded{
  font-size:20px;
  width:var(--grid1);
  height:var(--grid1);
}
.tile.rounded::before{
   			content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            border-radius: 100% 100% 0 0;
            transform: rotate(90deg);
    border-top-width:var(--gapsize);
    border-left-width:var(--gapsize);
    border-right-width:var(--gapsize);
    border-bottom-width: 0px;
    border-color: rgba(255, 255, 255, 0.2);
}
	
	
/*width: 52px;*/
/*height: 52px;*/
/*display: inline-block;*/
/*margin: 0;*/
/*padding: 0;*/
/*cleared-tile*/
.cleared-tile{
    border-right:var(--gapsize) solid;
    border-bottom:var(--gapsize) solid;
    border-color: var(--border-bright);
    /*z-index:1;*/
    /*background:inherit;*/
    background-color:inherit;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    display:flex;
    flex-wrap: nowrap;
    flex: 0 0 auto;
}