Name: Tofu
SKU: 792827809797898240
Availability: OnlineOnly
Rating: 90 (113 reviews)

Collect & customize ALL your favorite characters from anime, video games, and many more in the BEST global social game! ✨Winter Event Live!✨

Tofu

its one of themost user friendly and beginner friendly bots i ever played, easy to get into it and good rewards! easy to obain event currency and characters

It’s a good bot, really easy to learn concepts and new player friendly, plus the main server is quite helpful. Overall a fun bot to play in your spare time 

Downright the best bot on discord for cards. 

very fun even though it’s just a discord bot, staff and community are so friendly. cosmetics are pretty too. I hope tofu stays for many more years :)

Does it have csm? (Haven't try it yet but it looks so good)

<html><head><style>




/*Fonts*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

/*Common*/

body {
	background: linear-gradient(to bottom, #b1e6ff, rgba(11, 177, 227, 0.8)), url("https://www.tofu-bot.com/images/main_image_001.png") no-repeat fixed;
	background-size: cover;
	background-attachment: fixed;
}

.content blockquote:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content ul:not(:last-child) {
    margin-bottom: revert;
}

* {
	font-family: 'Source Sans Pro', sans-serif;
}

.horizontal-separator {
	display: none!important
}
.css-18r9pyf * {
    overflow-wrap: anywhere;
    white-space: normal;
}




.entity-content__description b {
    color: cyan;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
    vertical-align: text-bottom;
}


@keyframes float {


0% {
    box-shadow: 0 5px 15px 0pxrgba(0,0,0.6);
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
}

50% {
    box-shadow: 0 25px 15px 0pxrgba(0,0,0.2);
    -webkit-transform: translatey(-30px);
    transform: translatey(-30px);
}

100% {
    box-shadow: 0 5px 15px 0pxrgba(0,0,0.6);
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
}
}

.fCeuLP {
    stroke: rgb(255 255 255);
    stroke-width: 1px;
    fill: rgb(255 240 0);
}
.css-19hdk7s {
    animation: float 5s ease-in-out infinite;
}

.css-rd8i1m {
     animation: SlideFromLeft 2s;
}

@keyframes SlideFromLeft {
	0% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1);
	}
	1.3% {
		transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -237.02, 0, 0, 1);
	}
	2.55% {
		transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -182.798, 0, 0, 1);
	}
	4.1% {
		transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -125.912, 0, 0, 1);
	}
	5.71% {
		transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -79.596, 0, 0, 1);
	}
	8.11% {
		transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -31.647, 0, 0, 1);
	}
	8.81% {
		transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.84, 0, 0, 1);
	}
	11.96% {
		transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.825, 0, 0, 1);
	}
	12.11% {
		transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.53, 0, 0, 1);
	}
	15.07% {
		transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 12.662, 0, 0, 1);
	}
	16.12% {
		transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.007, 0, 0, 1);
	}
	27.23% {
		transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.352, 0, 0, 1);
	}
	27.58% {
		transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.121, 0, 0, 1);
	}
	38.34% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.311, 0, 0, 1);
	}
	40.09% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.291, 0, 0, 1);
	}
	50% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.048, 0, 0, 1);
	}
	60.56% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.007, 0, 0, 1);
	}
	82.78% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	100% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}

@keyframes floatAnimation {
	0% {
		transform: translate(0, 0px);
	}
	50% {
		transform: translate(0, 10px);
	}
	100% {
		transform: translate(0, 0px);
	}
}

body {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #20b3e8, #19e0b1);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100%;
}
.glitch{
  color:white;
  font-size:16px;
  position:relative;
  width:400px;
  margin:0 auto;
}
@keyframes noise-anim{
  $steps:20;
  @for $i from 0 through $steps{
    #{percentage($i*(1/$steps))}{
      clip:rect(random(100)+px,9999px,random(100)+px,0);
    }
  }
}
.glitch:after{
  content:attr(data-text);
  position:absolute;
  left:2px;
  text-shadow:-1px 0 red;
  top:0;
  color:white;
  background:black;
  overflow:hidden;
  clip:rect(0,900px,0,0); 
  animation:noise-anim 2s infinite linear alternate-reverse;
}

@keyframes noise-anim-2{
  $steps:20;
  @for $i from 0 through $steps{
    #{percentage($i*(1/$steps))}{
      clip:rect(random(100)+px,9999px,random(100)+px,0);
    }
  }
}
.glitch:before{
  content:attr(data-text);
  position:absolute;
  left:-2px;
  text-shadow:1px 0 blue; 
  top:0;
  color:white;
  background:black;
  overflow:hidden;
  clip:rect(0,900px,0,0); 
  animation:noise-anim-2 3s infinite linear alternate-reverse;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

a.ui.primary.button {
	background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%) !important;
	color: #fff!important;
	;
	text-shadow: none;
	background-image: none;
}

.ui.button.primary,
.ui.google.plus.button,
#upvotebutton:not(.btn-like) {
	color: #0c4059 !important;
}


.button {
	margin-top: 5px!important;
	height: auto!important;
	color: #abd5ea!important;
	border: 1px dashed #0c4059;
	padding: 10px 25px!important;
	font-weight: 600;
	background: #00000036;
	font-size: 0.9rem;
	text-transform: uppercase;
	border-radius: 6px;
	box-shadow: 0 5px 5px -5px #333;
	transition: background 0.3s ease-in;
}


/*Nav*/

.menu .logo {
	background: none;
}

.site-nav {
	opacity: 1;
	background: transparent;
	text-transform: uppercase;
}

.site-nav ul li a {
	font-weight: 600;
	display: block;
	color: #ececec;
	font-size: 14px;
	font-weight: 600;
	margin-left: 7px;
	transition: color 0.3s ease;
	transition: background-color 0.3s ease;
	border-radius: 6px;
	background-color: #00222c42;
}

.site-nav ul li a:hover {
	color: #fff!important;
	font-weight: 600;
	background-color: #00222c63;
}


/*Header*/

.entity-header {
	background: #032c3e;
	padding: 50px 70px!important;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	animation: SlideFromLeft 1000ms linear both;
}

.entity-header__image {
	animation: floatAnimation 5s ease-in-out infinite;
}

.entity-header__name {
	text-transform: uppercase;
	font-weight: 700;
}

.entity-header__short-description {
	background: linear-gradient(to right, #000000ab, #0000002b);
	padding: 20px;
	border-radius: 4px 10px 10px 4px;
	border-left: 2px solid cyan;
	margin-right: 20px;
	text-transform: uppercase;
	color: #d6ffff;
	font-weight: 600;
	font-size: 0.9rem;
}

.entity-header__button {
	background: #00222cb3!important;
	border-radius: 100px;
	padding: 5px;
	border: none!important;
	color: #fff;
	text-transform: uppercase;
}

.entity-header__button:first-child {
	border: 4px solid #270152!important;
	background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%)!important;
	;
}

i.icon.trophy::before {
	color: gold!important;
}

i.icon.plus::before {
	color: white!important;
}

.entity-header__button-text {
	background: none!important;
}

.entity-header__button-icon {
	background: none!important;
}

.pill {
	border-radius: 100px;
	font-size: 9px;
	padding: 3px 10px;
	background: #00ff10;
	color: green;
	font-weight: 700;
}

.entity-header__metadata {
	text-transform: uppercase
}

.entity-header__metadata b {
	color: cyan;
}


/*Main Area*/

.entity-content__description {
	background: #b1e6ff;
	padding: 35px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px 0px rgb(255, 255, 255);
	box-shadow: 0px 0px 12px 0px rgb(255, 255, 255);
}

.content, .content h3, .content h4, .content h5, .content h6, .content p, .content td {
    color: #00d2ff;
}

.entity-content__description b {
	color: cyan;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
	margin-bottom: 0.3em;
}


/*Sidebar*/

.entity-sidebar {
	background: #032c3e;
	border-radius: 10px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.entity-sidebar__title {
	text-transform: uppercase;
	font-weight: 700;
}

.entity-table {
	width: 85%;
	display: inline-block;
}

.entity-table__cell {
	border-top: none;
	background: none;
	margin: 5px;
	border-radius: 4px;
	padding: 10px 15px;
	color: #d8f2ff;
}

.entity-table__cell:nth-child(2n+1) {
	color: cyan;
	background: #00000036;
	text-transform: uppercase;
	font-weight: 600;
}

.entity-table__cell:nth-child(2n+4) {
	letter-spacing: 2px;
	font-weight: 800;
	font-size: 2rem;
	border-bottom: 2px solid #00000036!important;
	border-radius: 20px;
}

.entity-sidebar .entity-tag {
	padding: 4px 10px;
	margin: 0 4px 4px 0;
	background: #00000036;
	color: #abd5ea;
}

.entity-sidebar .ad-placement {
	background: #00000082;
	margin-left: -20px
}

.entity-sidebar__controls {
	width: 85%;
}

.entity-sidebar .entity-owner {
	background: #00000036;
	border: 0;
	border-radius: 6px;
	padding: 10px 3px;
}

.entity-sidebar .entity-owner img {
	border-radius: 100%;
	border: 2px dotted #00000082;
	height: 35px
}

.entity-button {
	border: none;
	background: #7289da;
	border-radius: 60px;
	text-transform: uppercase;
	font-weight: 600;
}


/* Reviews */

.entity-reviews {
	background: #032c3e;
	padding: 50px 70px!important;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.55);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.55);
}

.entity-reviews h2 {
	text-transform: uppercase;
	color: cyan;
}

.comment-content {
	word-break: break-word;
	display: inline-block;
	width: 100%;
	background: #00000036;
	margin-top: 10px;
	padding: 35px;
	border-radius: 6px;
}

.comment-section-parent textarea {
	background: #00000036;
	color: #fff;
	border-radius: 6px;
}

.comment-section-parent textarea::Placeholder {
	color: grey;
}


/* Images Modal*/

.modal-container {
	display: inline-block;
	position: relative;
}

.modal-container button {
	color: #abd5ea;
	border: 1px dashed #0c4059;
	padding: 10px 25px!important;
	font-weight: 600;
	background: #00000036;
	font-size: 0.9rem;
	text-transform: uppercase;
	border-radius: 6px;
	box-shadow: 0 5px 5px -5px #333;
	transition: background 0.3s ease-in;
}

.modal-container .modal-backdrop {
	height: 0;
	width: 0;
	opacity: 0;
	overflow: hidden;
	transition: opacity 0.2s ease-in;
}

.modal-container #modal-toggle {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.modal-container #modal-toggle:hover~button {
	background: #abd5ea;
	color: #0c4059;
}

.modal-container #modal-toggle:checked {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	opacity: 0;
}

.modal-container #modal-toggle:checked~.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	pointer-events: none;
	opacity: 1;
}

.modal-container #modal-toggle:checked~.modal-backdrop .modal-content {
	background-color: #4d97ff;
	max-width: 400px;
	width: 100%;
	height: 280px;
	padding: 10px 30px;
	position: absolute;
	left: calc(50% - 200px);
	top: 12%;
	border-radius: 4px;
	z-index: 999;
	pointer-events: auto;
	cursor: auto;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
}

@media (max-width: 400px) {
	.modal-container #modal-toggle:checked~.modal-backdrop .modal-content {
		left: 0;
	}
}

.modal-container #modal-toggle:checked~.modal-backdrop .modal-content .modal-close {
	color: #666;
	position: absolute;
	right: 2px;
	top: 0;
	padding-top: 7px;
	background: #fff;
	font-size: 16px;
	width: 25px;
	height: 28px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.modal-container #modal-toggle:checked~.modal-backdrop .modal-content .modal-close.button {
	top: initial;
	bottom: 20px;
	right: 20px;
	background: #4d97ff;
	color: #fff;
	width: 50px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: normal;
}

.modal-container #modal-toggle:checked~.modal-backdrop .modal-content .modal-close.button:hover {
	color: #fff;
	background: #4d97ff;
}

.modal-container #modal-toggle:checked~.modal-backdrop .modal-content .modal-close:hover {
	color: #333;
}


/*Animations*/

@keyframes SlideFromLeft {
	0% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1);
	}
	1.3% {
		transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -237.02, 0, 0, 1);
	}
	2.55% {
		transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -182.798, 0, 0, 1);
	}
	4.1% {
		transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -125.912, 0, 0, 1);
	}
	5.71% {
		transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -79.596, 0, 0, 1);
	}
	8.11% {
		transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -31.647, 0, 0, 1);
	}
	8.81% {
		transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.84, 0, 0, 1);
	}
	11.96% {
		transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.825, 0, 0, 1);
	}
	12.11% {
		transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.53, 0, 0, 1);
	}
	15.07% {
		transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 12.662, 0, 0, 1);
	}
	16.12% {
		transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.007, 0, 0, 1);
	}
	27.23% {
		transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.352, 0, 0, 1);
	}
	27.58% {
		transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.121, 0, 0, 1);
	}
	38.34% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.311, 0, 0, 1);
	}
	40.09% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.291, 0, 0, 1);
	}
	50% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.048, 0, 0, 1);
	}
	60.56% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.007, 0, 0, 1);
	}
	82.78% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	100% {
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}

@keyframes floatAnimation {
	0% {
		transform: translate(0, 0px);
	}
	50% {
		transform: translate(0, 10px);
	}
	100% {
		transform: translate(0, 0px);
	}
}



</style>
</head><body><p><img style="padding: 10px; vertical-align: middle;border-radius: 30px;
}" alt="Collage" src="https://i.imgur.com/qut8ajp.png"></p>
<div class="btns"> <a style="float: left;" class="ui primary button" href="https://discord.com/oauth2/authorize?client_id=792827809797898240&amp;scope=bot&amp;permissions=388160" rel="nofollow"> Invite TOFU </a> 
<a style="float: right;" class="ui button" href="https://discord.com/invite/CCGT9ZZsV9" rel="nofollow">Community</a></div>
<p><b><br></b></p>
</body></html>

Tofu

Invite

Vote (108.06K)

Invite

Vote (108.06K)

Overview

Ratings & Reviews