section.matchUp {  }
section.matchUp * { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
section.matchUp > .wrap {  }

section.matchUp .section-welcome {  }

section.matchUp .section-game { display: none; width: 100%; height: 100%; overflow: hidden; }
section.matchUp .section-game > .wrap { display: grid; width: 100%; height: 100%; align-content: stretch; justify-content: stretch; justify-items: stretch; gap: 8px; list-style: none; padding: 24px; }
section.matchUp .card { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; perspective: 1000px; -webkit-perspective: 1000px; cursor: pointer; /*border-radius: 24px; overflow: hidden; */ }
section.matchUp .card-inner { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: relative; border: 0; transition: transform 0.4s; transform: rotateY(0deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
section.matchUp .card.flipped .card-inner { transform: rotateY(180deg); }
section.matchUp .card-front,
section.matchUp .card-back { display: block; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; background-repeat: no-repeat; background-position: center; box-shadow: none; overflow: hidden; }
section.matchUp .card-front { background: var(--rududu-white); transform: rotateY(0deg); z-index: 1; border: 1px solid var(--rududu-text); border-radius: 16px; overflow: hidden; }
section.matchUp .card-front::before { content: ''; position: absolute; inset: 8px; border-radius: 8px; background: repeating-linear-gradient(135deg, var(--rududu-black) 0 8px, var(--rududu-white) 8px 16px); }
section.matchUp .card-back { position: absolute; inset: 0; background: var(--rududu-background); transform: rotateY(180deg); z-index: 1; border: 1px solid var(--rududu-text); border-radius: 16px; overflow: hidden; }
section.matchUp .card-back img { display: block; width: 100%; height: 100%; object-fit: cover; }
/*section.matchUp .aside-tools-matchUp { display: block; position: absolute; right: 24px; bottom: 24px; margin: 0; padding: 0; }
section.matchUp .tools-matchUp { display: block; margin: 0; padding: 0; list-style: none; }*/
section.matchUp .tools-matchUp button { appearance: none; -webkit-appearance: none; /*display: inline-flex; align-items: center; gap: 8px; color: var(--rududu-black); font-size: 16px; font-weight: 400; line-height: 1; text-decoration: none; box-shadow: none;*/ }
/*section.matchUp .tools-matchUp button .material-symbols-outlined { font-size: 20px; line-height: 1; }*/
section.matchUp.is-playing .section-welcome { display: none; }
section.matchUp.is-playing .section-game { display: block; }