c !== 'ada-wong') : selectedCharacters = [...selectedCharacters, 'ada-wong']; updateCount()"
x-show="'ada wong'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ada-wong') && !selectedCharacters.includes('ada-wong')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ada-wong') || selectedCharacters.includes('ada-wong');
var isSelected = selectedCharacters.includes('ada-wong');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'aerith-gainsborough') : selectedCharacters = [...selectedCharacters, 'aerith-gainsborough']; updateCount()"
x-show="'aerith gainsborough'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('aerith-gainsborough') && !selectedCharacters.includes('aerith-gainsborough')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('aerith-gainsborough') || selectedCharacters.includes('aerith-gainsborough');
var isSelected = selectedCharacters.includes('aerith-gainsborough');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Aerith Gainsborough
forsavide
c !== 'ahri') : selectedCharacters = [...selectedCharacters, 'ahri']; updateCount()"
x-show="'ahri'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ahri') && !selectedCharacters.includes('ahri')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ahri') || selectedCharacters.includes('ahri');
var isSelected = selectedCharacters.includes('ahri');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ahsoka-tano') : selectedCharacters = [...selectedCharacters, 'ahsoka-tano']; updateCount()"
x-show="'ahsoka tano'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ahsoka-tano') && !selectedCharacters.includes('ahsoka-tano')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ahsoka-tano') || selectedCharacters.includes('ahsoka-tano');
var isSelected = selectedCharacters.includes('ahsoka-tano');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'akali') : selectedCharacters = [...selectedCharacters, 'akali']; updateCount()"
x-show="'akali'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('akali') && !selectedCharacters.includes('akali')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('akali') || selectedCharacters.includes('akali');
var isSelected = selectedCharacters.includes('akali');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'alcina-dimitrescu') : selectedCharacters = [...selectedCharacters, 'alcina-dimitrescu']; updateCount()"
x-show="'alcina dimitrescu'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('alcina-dimitrescu') && !selectedCharacters.includes('alcina-dimitrescu')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('alcina-dimitrescu') || selectedCharacters.includes('alcina-dimitrescu');
var isSelected = selectedCharacters.includes('alcina-dimitrescu');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Alcina Dimitrescu
sfm martin
c !== 'alli') : selectedCharacters = [...selectedCharacters, 'alli']; updateCount()"
x-show="'alli'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('alli') && !selectedCharacters.includes('alli')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('alli') || selectedCharacters.includes('alli');
var isSelected = selectedCharacters.includes('alli');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'allison') : selectedCharacters = [...selectedCharacters, 'allison']; updateCount()"
x-show="'allison'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('allison') && !selectedCharacters.includes('allison')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('allison') || selectedCharacters.includes('allison');
var isSelected = selectedCharacters.includes('allison');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'alori') : selectedCharacters = [...selectedCharacters, 'alori']; updateCount()"
x-show="'alori'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('alori') && !selectedCharacters.includes('alori')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('alori') || selectedCharacters.includes('alori');
var isSelected = selectedCharacters.includes('alori');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ana') : selectedCharacters = [...selectedCharacters, 'ana']; updateCount()"
x-show="'ana'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ana') && !selectedCharacters.includes('ana')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ana') || selectedCharacters.includes('ana');
var isSelected = selectedCharacters.includes('ana');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'angela') : selectedCharacters = [...selectedCharacters, 'angela']; updateCount()"
x-show="'angela'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('angela') && !selectedCharacters.includes('angela')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('angela') || selectedCharacters.includes('angela');
var isSelected = selectedCharacters.includes('angela');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'antonia') : selectedCharacters = [...selectedCharacters, 'antonia']; updateCount()"
x-show="'antonia'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('antonia') && !selectedCharacters.includes('antonia')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('antonia') || selectedCharacters.includes('antonia');
var isSelected = selectedCharacters.includes('antonia');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ariana-grande') : selectedCharacters = [...selectedCharacters, 'ariana-grande']; updateCount()"
x-show="'ariana grande'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ariana-grande') && !selectedCharacters.includes('ariana-grande')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ariana-grande') || selectedCharacters.includes('ariana-grande');
var isSelected = selectedCharacters.includes('ariana-grande');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'asari') : selectedCharacters = [...selectedCharacters, 'asari']; updateCount()"
x-show="'asari'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('asari') && !selectedCharacters.includes('asari')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('asari') || selectedCharacters.includes('asari');
var isSelected = selectedCharacters.includes('asari');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ashe') : selectedCharacters = [...selectedCharacters, 'ashe']; updateCount()"
x-show="'ashe'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ashe') && !selectedCharacters.includes('ashe')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ashe') || selectedCharacters.includes('ashe');
var isSelected = selectedCharacters.includes('ashe');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ashe-faye-valentine') : selectedCharacters = [...selectedCharacters, 'ashe-faye-valentine']; updateCount()"
x-show="'ashe faye valentine'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ashe-faye-valentine') && !selectedCharacters.includes('ashe-faye-valentine')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ashe-faye-valentine') || selectedCharacters.includes('ashe-faye-valentine');
var isSelected = selectedCharacters.includes('ashe-faye-valentine');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ashley-graham') : selectedCharacters = [...selectedCharacters, 'ashley-graham']; updateCount()"
x-show="'ashley graham'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ashley-graham') && !selectedCharacters.includes('ashley-graham')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ashley-graham') || selectedCharacters.includes('ashley-graham');
var isSelected = selectedCharacters.includes('ashley-graham');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ashley-williams') : selectedCharacters = [...selectedCharacters, 'ashley-williams']; updateCount()"
x-show="'ashley williams'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ashley-williams') && !selectedCharacters.includes('ashley-williams')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ashley-williams') || selectedCharacters.includes('ashley-williams');
var isSelected = selectedCharacters.includes('ashley-williams');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
ashley williams
plague of humanity
c !== 'assumi') : selectedCharacters = [...selectedCharacters, 'assumi']; updateCount()"
x-show="'assumi'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('assumi') && !selectedCharacters.includes('assumi')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('assumi') || selectedCharacters.includes('assumi');
var isSelected = selectedCharacters.includes('assumi');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ayane') : selectedCharacters = [...selectedCharacters, 'ayane']; updateCount()"
x-show="'ayane'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ayane') && !selectedCharacters.includes('ayane')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ayane') || selectedCharacters.includes('ayane');
var isSelected = selectedCharacters.includes('ayane');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'azula') : selectedCharacters = [...selectedCharacters, 'azula']; updateCount()"
x-show="'azula'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('azula') && !selectedCharacters.includes('azula')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('azula') || selectedCharacters.includes('azula');
var isSelected = selectedCharacters.includes('azula');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'billie-eilish') : selectedCharacters = [...selectedCharacters, 'billie-eilish']; updateCount()"
x-show="'billie eilish'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('billie-eilish') && !selectedCharacters.includes('billie-eilish')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('billie-eilish') || selectedCharacters.includes('billie-eilish');
var isSelected = selectedCharacters.includes('billie-eilish');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'black-cat') : selectedCharacters = [...selectedCharacters, 'black-cat']; updateCount()"
x-show="'black cat'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('black-cat') && !selectedCharacters.includes('black-cat')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('black-cat') || selectedCharacters.includes('black-cat');
var isSelected = selectedCharacters.includes('black-cat');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'black-widow') : selectedCharacters = [...selectedCharacters, 'black-widow']; updateCount()"
x-show="'black widow'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('black-widow') && !selectedCharacters.includes('black-widow')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('black-widow') || selectedCharacters.includes('black-widow');
var isSelected = selectedCharacters.includes('black-widow');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'brigitte') : selectedCharacters = [...selectedCharacters, 'brigitte']; updateCount()"
x-show="'brigitte'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('brigitte') && !selectedCharacters.includes('brigitte')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('brigitte') || selectedCharacters.includes('brigitte');
var isSelected = selectedCharacters.includes('brigitte');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'brite-raider') : selectedCharacters = [...selectedCharacters, 'brite-raider']; updateCount()"
x-show="'brite raider'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('brite-raider') && !selectedCharacters.includes('brite-raider')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('brite-raider') || selectedCharacters.includes('brite-raider');
var isSelected = selectedCharacters.includes('brite-raider');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'caitlyn') : selectedCharacters = [...selectedCharacters, 'caitlyn']; updateCount()"
x-show="'caitlyn'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('caitlyn') && !selectedCharacters.includes('caitlyn')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('caitlyn') || selectedCharacters.includes('caitlyn');
var isSelected = selectedCharacters.includes('caitlyn');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'cammy-white') : selectedCharacters = [...selectedCharacters, 'cammy-white']; updateCount()"
x-show="'cammy white'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('cammy-white') && !selectedCharacters.includes('cammy-white')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('cammy-white') || selectedCharacters.includes('cammy-white');
var isSelected = selectedCharacters.includes('cammy-white');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'cat-holloway') : selectedCharacters = [...selectedCharacters, 'cat-holloway']; updateCount()"
x-show="'cat holloway'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('cat-holloway') && !selectedCharacters.includes('cat-holloway')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('cat-holloway') || selectedCharacters.includes('cat-holloway');
var isSelected = selectedCharacters.includes('cat-holloway');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'catwoman') : selectedCharacters = [...selectedCharacters, 'catwoman']; updateCount()"
x-show="'catwoman'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('catwoman') && !selectedCharacters.includes('catwoman')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('catwoman') || selectedCharacters.includes('catwoman');
var isSelected = selectedCharacters.includes('catwoman');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'chitose-fujinomiya') : selectedCharacters = [...selectedCharacters, 'chitose-fujinomiya']; updateCount()"
x-show="'chitose fujinomiya'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('chitose-fujinomiya') && !selectedCharacters.includes('chitose-fujinomiya')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('chitose-fujinomiya') || selectedCharacters.includes('chitose-fujinomiya');
var isSelected = selectedCharacters.includes('chitose-fujinomiya');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Chitose Fujinomiya
stevencarson
c !== 'chun-li') : selectedCharacters = [...selectedCharacters, 'chun-li']; updateCount()"
x-show="'chun-li'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('chun-li') && !selectedCharacters.includes('chun-li')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('chun-li') || selectedCharacters.includes('chun-li');
var isSelected = selectedCharacters.includes('chun-li');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ciri') : selectedCharacters = [...selectedCharacters, 'ciri']; updateCount()"
x-show="'ciri'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ciri') && !selectedCharacters.includes('ciri')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ciri') || selectedCharacters.includes('ciri');
var isSelected = selectedCharacters.includes('ciri');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'claire-redfield') : selectedCharacters = [...selectedCharacters, 'claire-redfield']; updateCount()"
x-show="'claire redfield'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('claire-redfield') && !selectedCharacters.includes('claire-redfield')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('claire-redfield') || selectedCharacters.includes('claire-redfield');
var isSelected = selectedCharacters.includes('claire-redfield');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Claire Redfield
waywardsfm
c !== 'cleopatra') : selectedCharacters = [...selectedCharacters, 'cleopatra']; updateCount()"
x-show="'cleopatra'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('cleopatra') && !selectedCharacters.includes('cleopatra')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('cleopatra') || selectedCharacters.includes('cleopatra');
var isSelected = selectedCharacters.includes('cleopatra');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'commander-shepard') : selectedCharacters = [...selectedCharacters, 'commander-shepard']; updateCount()"
x-show="'commander shepard'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('commander-shepard') && !selectedCharacters.includes('commander-shepard')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('commander-shepard') || selectedCharacters.includes('commander-shepard');
var isSelected = selectedCharacters.includes('commander-shepard');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
commander shepard
waywardsfm
c !== 'countess-paragon') : selectedCharacters = [...selectedCharacters, 'countess-paragon']; updateCount()"
x-show="'countess (paragon)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('countess-paragon') && !selectedCharacters.includes('countess-paragon')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('countess-paragon') || selectedCharacters.includes('countess-paragon');
var isSelected = selectedCharacters.includes('countess-paragon');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
countess (paragon)
kanjihentai
c !== 'crystal') : selectedCharacters = [...selectedCharacters, 'crystal']; updateCount()"
x-show="'crystal'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('crystal') && !selectedCharacters.includes('crystal')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('crystal') || selectedCharacters.includes('crystal');
var isSelected = selectedCharacters.includes('crystal');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'dva') : selectedCharacters = [...selectedCharacters, 'dva']; updateCount()"
x-show="'d.va'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('dva') && !selectedCharacters.includes('dva')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('dva') || selectedCharacters.includes('dva');
var isSelected = selectedCharacters.includes('dva');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'dagger') : selectedCharacters = [...selectedCharacters, 'dagger']; updateCount()"
x-show="'dagger'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('dagger') && !selectedCharacters.includes('dagger')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('dagger') || selectedCharacters.includes('dagger');
var isSelected = selectedCharacters.includes('dagger');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'daphne') : selectedCharacters = [...selectedCharacters, 'daphne']; updateCount()"
x-show="'daphne'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('daphne') && !selectedCharacters.includes('daphne')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('daphne') || selectedCharacters.includes('daphne');
var isSelected = selectedCharacters.includes('daphne');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'darcy-redd') : selectedCharacters = [...selectedCharacters, 'darcy-redd']; updateCount()"
x-show="'darcy redd'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('darcy-redd') && !selectedCharacters.includes('darcy-redd')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('darcy-redd') || selectedCharacters.includes('darcy-redd');
var isSelected = selectedCharacters.includes('darcy-redd');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'dazzler') : selectedCharacters = [...selectedCharacters, 'dazzler']; updateCount()"
x-show="'dazzler'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('dazzler') && !selectedCharacters.includes('dazzler')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('dazzler') || selectedCharacters.includes('dazzler');
var isSelected = selectedCharacters.includes('dazzler');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'demi') : selectedCharacters = [...selectedCharacters, 'demi']; updateCount()"
x-show="'demi'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('demi') && !selectedCharacters.includes('demi')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('demi') || selectedCharacters.includes('demi');
var isSelected = selectedCharacters.includes('demi');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'domina') : selectedCharacters = [...selectedCharacters, 'domina']; updateCount()"
x-show="'domina'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('domina') && !selectedCharacters.includes('domina')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('domina') || selectedCharacters.includes('domina');
var isSelected = selectedCharacters.includes('domina');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'draenei') : selectedCharacters = [...selectedCharacters, 'draenei']; updateCount()"
x-show="'draenei'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('draenei') && !selectedCharacters.includes('draenei')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('draenei') || selectedCharacters.includes('draenei');
var isSelected = selectedCharacters.includes('draenei');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'drow-ranger') : selectedCharacters = [...selectedCharacters, 'drow-ranger']; updateCount()"
x-show="'drow ranger'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('drow-ranger') && !selectedCharacters.includes('drow-ranger')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('drow-ranger') || selectedCharacters.includes('drow-ranger');
var isSelected = selectedCharacters.includes('drow-ranger');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'edi') : selectedCharacters = [...selectedCharacters, 'edi']; updateCount()"
x-show="'edi'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('edi') && !selectedCharacters.includes('edi')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('edi') || selectedCharacters.includes('edi');
var isSelected = selectedCharacters.includes('edi');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'elastigirl') : selectedCharacters = [...selectedCharacters, 'elastigirl']; updateCount()"
x-show="'elastigirl'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('elastigirl') && !selectedCharacters.includes('elastigirl')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('elastigirl') || selectedCharacters.includes('elastigirl');
var isSelected = selectedCharacters.includes('elastigirl');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'elf-swordmaster') : selectedCharacters = [...selectedCharacters, 'elf-swordmaster']; updateCount()"
x-show="'elf swordmaster'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('elf-swordmaster') && !selectedCharacters.includes('elf-swordmaster')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('elf-swordmaster') || selectedCharacters.includes('elf-swordmaster');
var isSelected = selectedCharacters.includes('elf-swordmaster');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'elsa-bloodstone') : selectedCharacters = [...selectedCharacters, 'elsa-bloodstone']; updateCount()"
x-show="'elsa bloodstone'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('elsa-bloodstone') && !selectedCharacters.includes('elsa-bloodstone')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('elsa-bloodstone') || selectedCharacters.includes('elsa-bloodstone');
var isSelected = selectedCharacters.includes('elsa-bloodstone');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'emma-frost') : selectedCharacters = [...selectedCharacters, 'emma-frost']; updateCount()"
x-show="'emma frost'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('emma-frost') && !selectedCharacters.includes('emma-frost')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('emma-frost') || selectedCharacters.includes('emma-frost');
var isSelected = selectedCharacters.includes('emma-frost');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ennui') : selectedCharacters = [...selectedCharacters, 'ennui']; updateCount()"
x-show="'ennui'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ennui') && !selectedCharacters.includes('ennui')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ennui') || selectedCharacters.includes('ennui');
var isSelected = selectedCharacters.includes('ennui');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'esme') : selectedCharacters = [...selectedCharacters, 'esme']; updateCount()"
x-show="'esme'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('esme') && !selectedCharacters.includes('esme')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('esme') || selectedCharacters.includes('esme');
var isSelected = selectedCharacters.includes('esme');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'eula') : selectedCharacters = [...selectedCharacters, 'eula']; updateCount()"
x-show="'eula'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('eula') && !selectedCharacters.includes('eula')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('eula') || selectedCharacters.includes('eula');
var isSelected = selectedCharacters.includes('eula');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'eve-stellar-blade') : selectedCharacters = [...selectedCharacters, 'eve-stellar-blade']; updateCount()"
x-show="'eve (stellar blade)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('eve-stellar-blade') && !selectedCharacters.includes('eve-stellar-blade')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('eve-stellar-blade') || selectedCharacters.includes('eve-stellar-blade');
var isSelected = selectedCharacters.includes('eve-stellar-blade');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Eve (Stellar Blade)
runevv
c !== 'evelynn') : selectedCharacters = [...selectedCharacters, 'evelynn']; updateCount()"
x-show="'evelynn'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('evelynn') && !selectedCharacters.includes('evelynn')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('evelynn') || selectedCharacters.includes('evelynn');
var isSelected = selectedCharacters.includes('evelynn');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'freja-overwatch') : selectedCharacters = [...selectedCharacters, 'freja-overwatch']; updateCount()"
x-show="'freja (overwatch)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('freja-overwatch') && !selectedCharacters.includes('freja-overwatch')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('freja-overwatch') || selectedCharacters.includes('freja-overwatch');
var isSelected = selectedCharacters.includes('freja-overwatch');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Freja (Overwatch)
nemesis3d
c !== 'furry-1') : selectedCharacters = [...selectedCharacters, 'furry-1']; updateCount()"
x-show="'furry'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('furry-1') && !selectedCharacters.includes('furry-1')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('furry-1') || selectedCharacters.includes('furry-1');
var isSelected = selectedCharacters.includes('furry-1');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'galacta') : selectedCharacters = [...selectedCharacters, 'galacta']; updateCount()"
x-show="'galacta'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('galacta') && !selectedCharacters.includes('galacta')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('galacta') || selectedCharacters.includes('galacta');
var isSelected = selectedCharacters.includes('galacta');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'gogo') : selectedCharacters = [...selectedCharacters, 'gogo']; updateCount()"
x-show="'gogo'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('gogo') && !selectedCharacters.includes('gogo')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('gogo') || selectedCharacters.includes('gogo');
var isSelected = selectedCharacters.includes('gogo');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'grace-ashcroft') : selectedCharacters = [...selectedCharacters, 'grace-ashcroft']; updateCount()"
x-show="'grace ashcroft'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('grace-ashcroft') && !selectedCharacters.includes('grace-ashcroft')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('grace-ashcroft') || selectedCharacters.includes('grace-ashcroft');
var isSelected = selectedCharacters.includes('grace-ashcroft');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'hailey') : selectedCharacters = [...selectedCharacters, 'hailey']; updateCount()"
x-show="'hailey'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('hailey') && !selectedCharacters.includes('hailey')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('hailey') || selectedCharacters.includes('hailey');
var isSelected = selectedCharacters.includes('hailey');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'harley-quinn') : selectedCharacters = [...selectedCharacters, 'harley-quinn']; updateCount()"
x-show="'harley quinn'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('harley-quinn') && !selectedCharacters.includes('harley-quinn')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('harley-quinn') || selectedCharacters.includes('harley-quinn');
var isSelected = selectedCharacters.includes('harley-quinn');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'haylee-skye') : selectedCharacters = [...selectedCharacters, 'haylee-skye']; updateCount()"
x-show="'haylee skye'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('haylee-skye') && !selectedCharacters.includes('haylee-skye')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('haylee-skye') || selectedCharacters.includes('haylee-skye');
var isSelected = selectedCharacters.includes('haylee-skye');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'haze') : selectedCharacters = [...selectedCharacters, 'haze']; updateCount()"
x-show="'haze'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('haze') && !selectedCharacters.includes('haze')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('haze') || selectedCharacters.includes('haze');
var isSelected = selectedCharacters.includes('haze');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'head-hunter') : selectedCharacters = [...selectedCharacters, 'head-hunter']; updateCount()"
x-show="'head hunter'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('head-hunter') && !selectedCharacters.includes('head-hunter')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('head-hunter') || selectedCharacters.includes('head-hunter');
var isSelected = selectedCharacters.includes('head-hunter');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'helsie') : selectedCharacters = [...selectedCharacters, 'helsie']; updateCount()"
x-show="'helsie'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('helsie') && !selectedCharacters.includes('helsie')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('helsie') || selectedCharacters.includes('helsie');
var isSelected = selectedCharacters.includes('helsie');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'hope') : selectedCharacters = [...selectedCharacters, 'hope']; updateCount()"
x-show="'hope'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('hope') && !selectedCharacters.includes('hope')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('hope') || selectedCharacters.includes('hope');
var isSelected = selectedCharacters.includes('hope');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'hulk') : selectedCharacters = [...selectedCharacters, 'hulk']; updateCount()"
x-show="'hulk'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('hulk') && !selectedCharacters.includes('hulk')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('hulk') || selectedCharacters.includes('hulk');
var isSelected = selectedCharacters.includes('hulk');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'hush') : selectedCharacters = [...selectedCharacters, 'hush']; updateCount()"
x-show="'hush'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('hush') && !selectedCharacters.includes('hush')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('hush') || selectedCharacters.includes('hush');
var isSelected = selectedCharacters.includes('hush');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ice-spice') : selectedCharacters = [...selectedCharacters, 'ice-spice']; updateCount()"
x-show="'ice spice'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ice-spice') && !selectedCharacters.includes('ice-spice')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ice-spice') || selectedCharacters.includes('ice-spice');
var isSelected = selectedCharacters.includes('ice-spice');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'illari') : selectedCharacters = [...selectedCharacters, 'illari']; updateCount()"
x-show="'illari'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('illari') && !selectedCharacters.includes('illari')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('illari') || selectedCharacters.includes('illari');
var isSelected = selectedCharacters.includes('illari');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'illyana-rasputin') : selectedCharacters = [...selectedCharacters, 'illyana-rasputin']; updateCount()"
x-show="'illyana rasputin'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('illyana-rasputin') && !selectedCharacters.includes('illyana-rasputin')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('illyana-rasputin') || selectedCharacters.includes('illyana-rasputin');
var isSelected = selectedCharacters.includes('illyana-rasputin');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'io') : selectedCharacters = [...selectedCharacters, 'io']; updateCount()"
x-show="'io'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('io') && !selectedCharacters.includes('io')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('io') || selectedCharacters.includes('io');
var isSelected = selectedCharacters.includes('io');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jack-mass-effect') : selectedCharacters = [...selectedCharacters, 'jack-mass-effect']; updateCount()"
x-show="'jack (mass effect)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jack-mass-effect') && !selectedCharacters.includes('jack-mass-effect')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jack-mass-effect') || selectedCharacters.includes('jack-mass-effect');
var isSelected = selectedCharacters.includes('jack-mass-effect');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jaina-dreadlord') : selectedCharacters = [...selectedCharacters, 'jaina-dreadlord']; updateCount()"
x-show="'jaina dreadlord'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jaina-dreadlord') && !selectedCharacters.includes('jaina-dreadlord')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jaina-dreadlord') || selectedCharacters.includes('jaina-dreadlord');
var isSelected = selectedCharacters.includes('jaina-dreadlord');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Jaina Dreadlord
chaossu3d
c !== 'jaina-proudmoore') : selectedCharacters = [...selectedCharacters, 'jaina-proudmoore']; updateCount()"
x-show="'jaina proudmoore'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jaina-proudmoore') && !selectedCharacters.includes('jaina-proudmoore')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jaina-proudmoore') || selectedCharacters.includes('jaina-proudmoore');
var isSelected = selectedCharacters.includes('jaina-proudmoore');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jane-shepard') : selectedCharacters = [...selectedCharacters, 'jane-shepard']; updateCount()"
x-show="'jane shepard'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jane-shepard') && !selectedCharacters.includes('jane-shepard')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jane-shepard') || selectedCharacters.includes('jane-shepard');
var isSelected = selectedCharacters.includes('jane-shepard');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jean-grey') : selectedCharacters = [...selectedCharacters, 'jean-grey']; updateCount()"
x-show="'jean grey'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jean-grey') && !selectedCharacters.includes('jean-grey')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jean-grey') || selectedCharacters.includes('jean-grey');
var isSelected = selectedCharacters.includes('jean-grey');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jett') : selectedCharacters = [...selectedCharacters, 'jett']; updateCount()"
x-show="'jett'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jett') && !selectedCharacters.includes('jett')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jett') || selectedCharacters.includes('jett');
var isSelected = selectedCharacters.includes('jett');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jill-valentine') : selectedCharacters = [...selectedCharacters, 'jill-valentine']; updateCount()"
x-show="'jill valentine'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jill-valentine') && !selectedCharacters.includes('jill-valentine')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jill-valentine') || selectedCharacters.includes('jill-valentine');
var isSelected = selectedCharacters.includes('jill-valentine');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jinx') : selectedCharacters = [...selectedCharacters, 'jinx']; updateCount()"
x-show="'jinx'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jinx') && !selectedCharacters.includes('jinx')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jinx') || selectedCharacters.includes('jinx');
var isSelected = selectedCharacters.includes('jinx');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'jules') : selectedCharacters = [...selectedCharacters, 'jules']; updateCount()"
x-show="'jules'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('jules') && !selectedCharacters.includes('jules')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('jules') || selectedCharacters.includes('jules');
var isSelected = selectedCharacters.includes('jules');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'junker-queen') : selectedCharacters = [...selectedCharacters, 'junker-queen']; updateCount()"
x-show="'junker queen'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('junker-queen') && !selectedCharacters.includes('junker-queen')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('junker-queen') || selectedCharacters.includes('junker-queen');
var isSelected = selectedCharacters.includes('junker-queen');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'juno') : selectedCharacters = [...selectedCharacters, 'juno']; updateCount()"
x-show="'juno'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('juno') && !selectedCharacters.includes('juno')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('juno') || selectedCharacters.includes('juno');
var isSelected = selectedCharacters.includes('juno');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kaisa') : selectedCharacters = [...selectedCharacters, 'kaisa']; updateCount()"
x-show="'kai\'sa'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kaisa') && !selectedCharacters.includes('kaisa')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kaisa') || selectedCharacters.includes('kaisa');
var isSelected = selectedCharacters.includes('kaisa');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kanroji-mitsuri') : selectedCharacters = [...selectedCharacters, 'kanroji-mitsuri']; updateCount()"
x-show="'kanroji mitsuri'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kanroji-mitsuri') && !selectedCharacters.includes('kanroji-mitsuri')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kanroji-mitsuri') || selectedCharacters.includes('kanroji-mitsuri');
var isSelected = selectedCharacters.includes('kanroji-mitsuri');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'karlach') : selectedCharacters = [...selectedCharacters, 'karlach']; updateCount()"
x-show="'karlach'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('karlach') && !selectedCharacters.includes('karlach')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('karlach') || selectedCharacters.includes('karlach');
var isSelected = selectedCharacters.includes('karlach');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kasumi') : selectedCharacters = [...selectedCharacters, 'kasumi']; updateCount()"
x-show="'kasumi'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kasumi') && !selectedCharacters.includes('kasumi')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kasumi') || selectedCharacters.includes('kasumi');
var isSelected = selectedCharacters.includes('kasumi');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'katarina-du-couteau') : selectedCharacters = [...selectedCharacters, 'katarina-du-couteau']; updateCount()"
x-show="'katarina du couteau'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('katarina-du-couteau') && !selectedCharacters.includes('katarina-du-couteau')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('katarina-du-couteau') || selectedCharacters.includes('katarina-du-couteau');
var isSelected = selectedCharacters.includes('katarina-du-couteau');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kim') : selectedCharacters = [...selectedCharacters, 'kim']; updateCount()"
x-show="'kim'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kim') && !selectedCharacters.includes('kim')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kim') || selectedCharacters.includes('kim');
var isSelected = selectedCharacters.includes('kim');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kim-kardashian') : selectedCharacters = [...selectedCharacters, 'kim-kardashian']; updateCount()"
x-show="'kim kardashian'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kim-kardashian') && !selectedCharacters.includes('kim-kardashian')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kim-kardashian') || selectedCharacters.includes('kim-kardashian');
var isSelected = selectedCharacters.includes('kim-kardashian');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kiriko') : selectedCharacters = [...selectedCharacters, 'kiriko']; updateCount()"
x-show="'kiriko'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kiriko') && !selectedCharacters.includes('kiriko')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kiriko') || selectedCharacters.includes('kiriko');
var isSelected = selectedCharacters.includes('kiriko');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'kobeni-higashiyama') : selectedCharacters = [...selectedCharacters, 'kobeni-higashiyama']; updateCount()"
x-show="'kobeni higashiyama'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('kobeni-higashiyama') && !selectedCharacters.includes('kobeni-higashiyama')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('kobeni-higashiyama') || selectedCharacters.includes('kobeni-higashiyama');
var isSelected = selectedCharacters.includes('kobeni-higashiyama');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
kobeni higashiyama
zzzxxxccc
c !== 'krolik') : selectedCharacters = [...selectedCharacters, 'krolik']; updateCount()"
x-show="'krolik'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('krolik') && !selectedCharacters.includes('krolik')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('krolik') || selectedCharacters.includes('krolik');
var isSelected = selectedCharacters.includes('krolik');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'lace') : selectedCharacters = [...selectedCharacters, 'lace']; updateCount()"
x-show="'lace'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('lace') && !selectedCharacters.includes('lace')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('lace') || selectedCharacters.includes('lace');
var isSelected = selectedCharacters.includes('lace');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'lady-loki') : selectedCharacters = [...selectedCharacters, 'lady-loki']; updateCount()"
x-show="'lady loki'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('lady-loki') && !selectedCharacters.includes('lady-loki')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('lady-loki') || selectedCharacters.includes('lady-loki');
var isSelected = selectedCharacters.includes('lady-loki');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'lara-croft') : selectedCharacters = [...selectedCharacters, 'lara-croft']; updateCount()"
x-show="'lara croft'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('lara-croft') && !selectedCharacters.includes('lara-croft')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('lara-croft') || selectedCharacters.includes('lara-croft');
var isSelected = selectedCharacters.includes('lara-croft');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'leifang') : selectedCharacters = [...selectedCharacters, 'leifang']; updateCount()"
x-show="'leifang'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('leifang') && !selectedCharacters.includes('leifang')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('leifang') || selectedCharacters.includes('leifang');
var isSelected = selectedCharacters.includes('leifang');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'leon-scott-kennedy') : selectedCharacters = [...selectedCharacters, 'leon-scott-kennedy']; updateCount()"
x-show="'leon scott kennedy'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('leon-scott-kennedy') && !selectedCharacters.includes('leon-scott-kennedy')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('leon-scott-kennedy') || selectedCharacters.includes('leon-scott-kennedy');
var isSelected = selectedCharacters.includes('leon-scott-kennedy');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'liara') : selectedCharacters = [...selectedCharacters, 'liara']; updateCount()"
x-show="'liara'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('liara') && !selectedCharacters.includes('liara')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('liara') || selectedCharacters.includes('liara');
var isSelected = selectedCharacters.includes('liara');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'lightrider') : selectedCharacters = [...selectedCharacters, 'lightrider']; updateCount()"
x-show="'lightrider'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('lightrider') && !selectedCharacters.includes('lightrider')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('lightrider') || selectedCharacters.includes('lightrider');
var isSelected = selectedCharacters.includes('lightrider');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'lisa') : selectedCharacters = [...selectedCharacters, 'lisa']; updateCount()"
x-show="'lisa'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('lisa') && !selectedCharacters.includes('lisa')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('lisa') || selectedCharacters.includes('lisa');
var isSelected = selectedCharacters.includes('lisa');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'loki') : selectedCharacters = [...selectedCharacters, 'loki']; updateCount()"
x-show="'loki'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('loki') && !selectedCharacters.includes('loki')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('loki') || selectedCharacters.includes('loki');
var isSelected = selectedCharacters.includes('loki');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'luna-the-first-descendant') : selectedCharacters = [...selectedCharacters, 'luna-the-first-descendant']; updateCount()"
x-show="'luna (the first descendant)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('luna-the-first-descendant') && !selectedCharacters.includes('luna-the-first-descendant')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('luna-the-first-descendant') || selectedCharacters.includes('luna-the-first-descendant');
var isSelected = selectedCharacters.includes('luna-the-first-descendant');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Luna (The First Descendant)
c !== 'luna-snow') : selectedCharacters = [...selectedCharacters, 'luna-snow']; updateCount()"
x-show="'luna snow'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('luna-snow') && !selectedCharacters.includes('luna-snow')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('luna-snow') || selectedCharacters.includes('luna-snow');
var isSelected = selectedCharacters.includes('luna-snow');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mad-moxxi') : selectedCharacters = [...selectedCharacters, 'mad-moxxi']; updateCount()"
x-show="'mad moxxi'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mad-moxxi') && !selectedCharacters.includes('mad-moxxi')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mad-moxxi') || selectedCharacters.includes('mad-moxxi');
var isSelected = selectedCharacters.includes('mad-moxxi');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'maghar-orc') : selectedCharacters = [...selectedCharacters, 'maghar-orc']; updateCount()"
x-show="'mag\'har orc'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('maghar-orc') && !selectedCharacters.includes('maghar-orc')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('maghar-orc') || selectedCharacters.includes('maghar-orc');
var isSelected = selectedCharacters.includes('maghar-orc');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'magik') : selectedCharacters = [...selectedCharacters, 'magik']; updateCount()"
x-show="'magik'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('magik') && !selectedCharacters.includes('magik')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('magik') || selectedCharacters.includes('magik');
var isSelected = selectedCharacters.includes('magik');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mai-shiranui') : selectedCharacters = [...selectedCharacters, 'mai-shiranui']; updateCount()"
x-show="'mai shiranui'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mai-shiranui') && !selectedCharacters.includes('mai-shiranui')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mai-shiranui') || selectedCharacters.includes('mai-shiranui');
var isSelected = selectedCharacters.includes('mai-shiranui');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'maiev-shadowsong') : selectedCharacters = [...selectedCharacters, 'maiev-shadowsong']; updateCount()"
x-show="'maiev shadowsong'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('maiev-shadowsong') && !selectedCharacters.includes('maiev-shadowsong')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('maiev-shadowsong') || selectedCharacters.includes('maiev-shadowsong');
var isSelected = selectedCharacters.includes('maiev-shadowsong');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Maiev shadowsong
zentaeron
c !== 'makima') : selectedCharacters = [...selectedCharacters, 'makima']; updateCount()"
x-show="'makima'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('makima') && !selectedCharacters.includes('makima')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('makima') || selectedCharacters.includes('makima');
var isSelected = selectedCharacters.includes('makima');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mantis') : selectedCharacters = [...selectedCharacters, 'mantis']; updateCount()"
x-show="'mantis'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mantis') && !selectedCharacters.includes('mantis')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mantis') || selectedCharacters.includes('mantis');
var isSelected = selectedCharacters.includes('mantis');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mavis') : selectedCharacters = [...selectedCharacters, 'mavis']; updateCount()"
x-show="'mavis'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mavis') && !selectedCharacters.includes('mavis')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mavis') || selectedCharacters.includes('mavis');
var isSelected = selectedCharacters.includes('mavis');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mercy') : selectedCharacters = [...selectedCharacters, 'mercy']; updateCount()"
x-show="'mercy'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mercy') && !selectedCharacters.includes('mercy')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mercy') || selectedCharacters.includes('mercy');
var isSelected = selectedCharacters.includes('mercy');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'meredith-stout') : selectedCharacters = [...selectedCharacters, 'meredith-stout']; updateCount()"
x-show="'meredith stout'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('meredith-stout') && !selectedCharacters.includes('meredith-stout')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('meredith-stout') || selectedCharacters.includes('meredith-stout');
var isSelected = selectedCharacters.includes('meredith-stout');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mira-kpop-demon-hunter') : selectedCharacters = [...selectedCharacters, 'mira-kpop-demon-hunter']; updateCount()"
x-show="'mira (kpop demon hunter)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mira-kpop-demon-hunter') && !selectedCharacters.includes('mira-kpop-demon-hunter')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mira-kpop-demon-hunter') || selectedCharacters.includes('mira-kpop-demon-hunter');
var isSelected = selectedCharacters.includes('mira-kpop-demon-hunter');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Mira (kpop demon hunter)
akkonsfw
c !== 'miranda-lawson') : selectedCharacters = [...selectedCharacters, 'miranda-lawson']; updateCount()"
x-show="'miranda lawson'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('miranda-lawson') && !selectedCharacters.includes('miranda-lawson')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('miranda-lawson') || selectedCharacters.includes('miranda-lawson');
var isSelected = selectedCharacters.includes('miranda-lawson');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'miss-fortune') : selectedCharacters = [...selectedCharacters, 'miss-fortune']; updateCount()"
x-show="'miss fortune'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('miss-fortune') && !selectedCharacters.includes('miss-fortune')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('miss-fortune') || selectedCharacters.includes('miss-fortune');
var isSelected = selectedCharacters.includes('miss-fortune');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'mistress-nesala') : selectedCharacters = [...selectedCharacters, 'mistress-nesala']; updateCount()"
x-show="'mistress nesala'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('mistress-nesala') && !selectedCharacters.includes('mistress-nesala')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('mistress-nesala') || selectedCharacters.includes('mistress-nesala');
var isSelected = selectedCharacters.includes('mistress-nesala');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'morgan-myst') : selectedCharacters = [...selectedCharacters, 'morgan-myst']; updateCount()"
x-show="'morgan myst'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('morgan-myst') && !selectedCharacters.includes('morgan-myst')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('morgan-myst') || selectedCharacters.includes('morgan-myst');
var isSelected = selectedCharacters.includes('morgan-myst');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'neeko') : selectedCharacters = [...selectedCharacters, 'neeko']; updateCount()"
x-show="'neeko'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('neeko') && !selectedCharacters.includes('neeko')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('neeko') || selectedCharacters.includes('neeko');
var isSelected = selectedCharacters.includes('neeko');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'nemia') : selectedCharacters = [...selectedCharacters, 'nemia']; updateCount()"
x-show="'nemia'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('nemia') && !selectedCharacters.includes('nemia')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('nemia') || selectedCharacters.includes('nemia');
var isSelected = selectedCharacters.includes('nemia');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'night-elf') : selectedCharacters = [...selectedCharacters, 'night-elf']; updateCount()"
x-show="'night elf'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('night-elf') && !selectedCharacters.includes('night-elf')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('night-elf') || selectedCharacters.includes('night-elf');
var isSelected = selectedCharacters.includes('night-elf');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'nightborne') : selectedCharacters = [...selectedCharacters, 'nightborne']; updateCount()"
x-show="'nightborne'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('nightborne') && !selectedCharacters.includes('nightborne')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('nightborne') || selectedCharacters.includes('nightborne');
var isSelected = selectedCharacters.includes('nightborne');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ophelia-onagi') : selectedCharacters = [...selectedCharacters, 'ophelia-onagi']; updateCount()"
x-show="'ophelia (onagi)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ophelia-onagi') && !selectedCharacters.includes('ophelia-onagi')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ophelia-onagi') || selectedCharacters.includes('ophelia-onagi');
var isSelected = selectedCharacters.includes('ophelia-onagi');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'osira') : selectedCharacters = [...selectedCharacters, 'osira']; updateCount()"
x-show="'osira'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('osira') && !selectedCharacters.includes('osira')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('osira') || selectedCharacters.includes('osira');
var isSelected = selectedCharacters.includes('osira');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'panam-palmer') : selectedCharacters = [...selectedCharacters, 'panam-palmer']; updateCount()"
x-show="'panam palmer'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('panam-palmer') && !selectedCharacters.includes('panam-palmer')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('panam-palmer') || selectedCharacters.includes('panam-palmer');
var isSelected = selectedCharacters.includes('panam-palmer');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'peni-parker') : selectedCharacters = [...selectedCharacters, 'peni-parker']; updateCount()"
x-show="'peni parker'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('peni-parker') && !selectedCharacters.includes('peni-parker')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('peni-parker') || selectedCharacters.includes('peni-parker');
var isSelected = selectedCharacters.includes('peni-parker');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Peni Parker
sumsmutcreator
c !== 'persephone') : selectedCharacters = [...selectedCharacters, 'persephone']; updateCount()"
x-show="'persephone'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('persephone') && !selectedCharacters.includes('persephone')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('persephone') || selectedCharacters.includes('persephone');
var isSelected = selectedCharacters.includes('persephone');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'phaedra') : selectedCharacters = [...selectedCharacters, 'phaedra']; updateCount()"
x-show="'phaedra'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('phaedra') && !selectedCharacters.includes('phaedra')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('phaedra') || selectedCharacters.includes('phaedra');
var isSelected = selectedCharacters.includes('phaedra');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'pharah') : selectedCharacters = [...selectedCharacters, 'pharah']; updateCount()"
x-show="'pharah'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('pharah') && !selectedCharacters.includes('pharah')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('pharah') || selectedCharacters.includes('pharah');
var isSelected = selectedCharacters.includes('pharah');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'phoenix') : selectedCharacters = [...selectedCharacters, 'phoenix']; updateCount()"
x-show="'phoenix'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('phoenix') && !selectedCharacters.includes('phoenix')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('phoenix') || selectedCharacters.includes('phoenix');
var isSelected = selectedCharacters.includes('phoenix');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'power-chord') : selectedCharacters = [...selectedCharacters, 'power-chord']; updateCount()"
x-show="'power chord'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('power-chord') && !selectedCharacters.includes('power-chord')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('power-chord') || selectedCharacters.includes('power-chord');
var isSelected = selectedCharacters.includes('power-chord');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'power-girl') : selectedCharacters = [...selectedCharacters, 'power-girl']; updateCount()"
x-show="'power girl'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('power-girl') && !selectedCharacters.includes('power-girl')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('power-girl') || selectedCharacters.includes('power-girl');
var isSelected = selectedCharacters.includes('power-girl');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Power girl
mightypuffycake
c !== 'powerchainsaw-man') : selectedCharacters = [...selectedCharacters, 'powerchainsaw-man']; updateCount()"
x-show="'power(chainsaw man)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('powerchainsaw-man') && !selectedCharacters.includes('powerchainsaw-man')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('powerchainsaw-man') || selectedCharacters.includes('powerchainsaw-man');
var isSelected = selectedCharacters.includes('powerchainsaw-man');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'princess-zelda-1') : selectedCharacters = [...selectedCharacters, 'princess-zelda-1']; updateCount()"
x-show="'princess zelda'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('princess-zelda-1') && !selectedCharacters.includes('princess-zelda-1')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('princess-zelda-1') || selectedCharacters.includes('princess-zelda-1');
var isSelected = selectedCharacters.includes('princess-zelda-1');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'psylocke') : selectedCharacters = [...selectedCharacters, 'psylocke']; updateCount()"
x-show="'psylocke'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('psylocke') && !selectedCharacters.includes('psylocke')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('psylocke') || selectedCharacters.includes('psylocke');
var isSelected = selectedCharacters.includes('psylocke');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'queen-marika') : selectedCharacters = [...selectedCharacters, 'queen-marika']; updateCount()"
x-show="'queen marika'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('queen-marika') && !selectedCharacters.includes('queen-marika')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('queen-marika') || selectedCharacters.includes('queen-marika');
var isSelected = selectedCharacters.includes('queen-marika');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'rachel-amber') : selectedCharacters = [...selectedCharacters, 'rachel-amber']; updateCount()"
x-show="'rachel amber'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('rachel-amber') && !selectedCharacters.includes('rachel-amber')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('rachel-amber') || selectedCharacters.includes('rachel-amber');
var isSelected = selectedCharacters.includes('rachel-amber');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'raiden-shogun') : selectedCharacters = [...selectedCharacters, 'raiden-shogun']; updateCount()"
x-show="'raiden shogun'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('raiden-shogun') && !selectedCharacters.includes('raiden-shogun')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('raiden-shogun') || selectedCharacters.includes('raiden-shogun');
var isSelected = selectedCharacters.includes('raiden-shogun');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'rammatra') : selectedCharacters = [...selectedCharacters, 'rammatra']; updateCount()"
x-show="'rammatra'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('rammatra') && !selectedCharacters.includes('rammatra')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('rammatra') || selectedCharacters.includes('rammatra');
var isSelected = selectedCharacters.includes('rammatra');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'raven') : selectedCharacters = [...selectedCharacters, 'raven']; updateCount()"
x-show="'raven'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('raven') && !selectedCharacters.includes('raven')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('raven') || selectedCharacters.includes('raven');
var isSelected = selectedCharacters.includes('raven');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'reaper') : selectedCharacters = [...selectedCharacters, 'reaper']; updateCount()"
x-show="'reaper'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('reaper') && !selectedCharacters.includes('reaper')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('reaper') || selectedCharacters.includes('reaper');
var isSelected = selectedCharacters.includes('reaper');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'regenerador') : selectedCharacters = [...selectedCharacters, 'regenerador']; updateCount()"
x-show="'regenerador'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('regenerador') && !selectedCharacters.includes('regenerador')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('regenerador') || selectedCharacters.includes('regenerador');
var isSelected = selectedCharacters.includes('regenerador');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'rogue') : selectedCharacters = [...selectedCharacters, 'rogue']; updateCount()"
x-show="'rogue'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('rogue') && !selectedCharacters.includes('rogue')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('rogue') || selectedCharacters.includes('rogue');
var isSelected = selectedCharacters.includes('rogue');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'rook') : selectedCharacters = [...selectedCharacters, 'rook']; updateCount()"
x-show="'rook'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('rook') && !selectedCharacters.includes('rook')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('rook') || selectedCharacters.includes('rook');
var isSelected = selectedCharacters.includes('rook');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'ruby') : selectedCharacters = [...selectedCharacters, 'ruby']; updateCount()"
x-show="'ruby'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('ruby') && !selectedCharacters.includes('ruby')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('ruby') || selectedCharacters.includes('ruby');
var isSelected = selectedCharacters.includes('ruby');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'rumi-kpop-demon-hunter') : selectedCharacters = [...selectedCharacters, 'rumi-kpop-demon-hunter']; updateCount()"
x-show="'rumi (kpop demon hunter)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('rumi-kpop-demon-hunter') && !selectedCharacters.includes('rumi-kpop-demon-hunter')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('rumi-kpop-demon-hunter') || selectedCharacters.includes('rumi-kpop-demon-hunter');
var isSelected = selectedCharacters.includes('rumi-kpop-demon-hunter');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Rumi (kpop demon hunter)
akkonsfw
c !== 'sable-ward') : selectedCharacters = [...selectedCharacters, 'sable-ward']; updateCount()"
x-show="'sable ward'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sable-ward') && !selectedCharacters.includes('sable-ward')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sable-ward') || selectedCharacters.includes('sable-ward');
var isSelected = selectedCharacters.includes('sable-ward');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sabrina-carpenter') : selectedCharacters = [...selectedCharacters, 'sabrina-carpenter']; updateCount()"
x-show="'sabrina carpenter'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sabrina-carpenter') && !selectedCharacters.includes('sabrina-carpenter')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sabrina-carpenter') || selectedCharacters.includes('sabrina-carpenter');
var isSelected = selectedCharacters.includes('sabrina-carpenter');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sally-whitemane') : selectedCharacters = [...selectedCharacters, 'sally-whitemane']; updateCount()"
x-show="'sally whitemane'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sally-whitemane') && !selectedCharacters.includes('sally-whitemane')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sally-whitemane') || selectedCharacters.includes('sally-whitemane');
var isSelected = selectedCharacters.includes('sally-whitemane');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sanaevr') : selectedCharacters = [...selectedCharacters, 'sanaevr']; updateCount()"
x-show="'sanaevr'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sanaevr') && !selectedCharacters.includes('sanaevr')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sanaevr') || selectedCharacters.includes('sanaevr');
var isSelected = selectedCharacters.includes('sanaevr');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'scarlett-johansson') : selectedCharacters = [...selectedCharacters, 'scarlett-johansson']; updateCount()"
x-show="'scarlett johansson'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('scarlett-johansson') && !selectedCharacters.includes('scarlett-johansson')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('scarlett-johansson') || selectedCharacters.includes('scarlett-johansson');
var isSelected = selectedCharacters.includes('scarlett-johansson');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'schism') : selectedCharacters = [...selectedCharacters, 'schism']; updateCount()"
x-show="'schism'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('schism') && !selectedCharacters.includes('schism')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('schism') || selectedCharacters.includes('schism');
var isSelected = selectedCharacters.includes('schism');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'selene') : selectedCharacters = [...selectedCharacters, 'selene']; updateCount()"
x-show="'selene'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('selene') && !selectedCharacters.includes('selene')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('selene') || selectedCharacters.includes('selene');
var isSelected = selectedCharacters.includes('selene');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'seraphine') : selectedCharacters = [...selectedCharacters, 'seraphine']; updateCount()"
x-show="'seraphine'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('seraphine') && !selectedCharacters.includes('seraphine')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('seraphine') || selectedCharacters.includes('seraphine');
var isSelected = selectedCharacters.includes('seraphine');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'shadow-ops') : selectedCharacters = [...selectedCharacters, 'shadow-ops']; updateCount()"
x-show="'shadow ops'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('shadow-ops') && !selectedCharacters.includes('shadow-ops')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('shadow-ops') || selectedCharacters.includes('shadow-ops');
var isSelected = selectedCharacters.includes('shadow-ops');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'shadowheart') : selectedCharacters = [...selectedCharacters, 'shadowheart']; updateCount()"
x-show="'shadowheart'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('shadowheart') && !selectedCharacters.includes('shadowheart')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('shadowheart') || selectedCharacters.includes('shadowheart');
var isSelected = selectedCharacters.includes('shadowheart');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sheva-alomar') : selectedCharacters = [...selectedCharacters, 'sheva-alomar']; updateCount()"
x-show="'sheva alomar'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sheva-alomar') && !selectedCharacters.includes('sheva-alomar')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sheva-alomar') || selectedCharacters.includes('sheva-alomar');
var isSelected = selectedCharacters.includes('sheva-alomar');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'signora') : selectedCharacters = [...selectedCharacters, 'signora']; updateCount()"
x-show="'signora'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('signora') && !selectedCharacters.includes('signora')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('signora') || selectedCharacters.includes('signora');
var isSelected = selectedCharacters.includes('signora');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'skye-paladins') : selectedCharacters = [...selectedCharacters, 'skye-paladins']; updateCount()"
x-show="'skye (paladins)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('skye-paladins') && !selectedCharacters.includes('skye-paladins')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('skye-paladins') || selectedCharacters.includes('skye-paladins');
var isSelected = selectedCharacters.includes('skye-paladins');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sojourn') : selectedCharacters = [...selectedCharacters, 'sojourn']; updateCount()"
x-show="'sojourn'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sojourn') && !selectedCharacters.includes('sojourn')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sojourn') || selectedCharacters.includes('sojourn');
var isSelected = selectedCharacters.includes('sojourn');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sombra') : selectedCharacters = [...selectedCharacters, 'sombra']; updateCount()"
x-show="'sombra'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sombra') && !selectedCharacters.includes('sombra')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sombra') || selectedCharacters.includes('sombra');
var isSelected = selectedCharacters.includes('sombra');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sona-buvelle') : selectedCharacters = [...selectedCharacters, 'sona-buvelle']; updateCount()"
x-show="'sona buvelle'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sona-buvelle') && !selectedCharacters.includes('sona-buvelle')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sona-buvelle') || selectedCharacters.includes('sona-buvelle');
var isSelected = selectedCharacters.includes('sona-buvelle');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'spider-gwen') : selectedCharacters = [...selectedCharacters, 'spider-gwen']; updateCount()"
x-show="'spider gwen'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('spider-gwen') && !selectedCharacters.includes('spider-gwen')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('spider-gwen') || selectedCharacters.includes('spider-gwen');
var isSelected = selectedCharacters.includes('spider-gwen');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'spiderman') : selectedCharacters = [...selectedCharacters, 'spiderman']; updateCount()"
x-show="'spiderman'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('spiderman') && !selectedCharacters.includes('spiderman')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('spiderman') || selectedCharacters.includes('spiderman');
var isSelected = selectedCharacters.includes('spiderman');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'squirrel-girl') : selectedCharacters = [...selectedCharacters, 'squirrel-girl']; updateCount()"
x-show="'squirrel girl'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('squirrel-girl') && !selectedCharacters.includes('squirrel-girl')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('squirrel-girl') || selectedCharacters.includes('squirrel-girl');
var isSelected = selectedCharacters.includes('squirrel-girl');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sue-storm') : selectedCharacters = [...selectedCharacters, 'sue-storm']; updateCount()"
x-show="'sue storm'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sue-storm') && !selectedCharacters.includes('sue-storm')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sue-storm') || selectedCharacters.includes('sue-storm');
var isSelected = selectedCharacters.includes('sue-storm');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'surf-rider') : selectedCharacters = [...selectedCharacters, 'surf-rider']; updateCount()"
x-show="'surf rider'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('surf-rider') && !selectedCharacters.includes('surf-rider')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('surf-rider') || selectedCharacters.includes('surf-rider');
var isSelected = selectedCharacters.includes('surf-rider');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'surf-witch') : selectedCharacters = [...selectedCharacters, 'surf-witch']; updateCount()"
x-show="'surf witch'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('surf-witch') && !selectedCharacters.includes('surf-witch')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('surf-witch') || selectedCharacters.includes('surf-witch');
var isSelected = selectedCharacters.includes('surf-witch');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'susan-storm') : selectedCharacters = [...selectedCharacters, 'susan-storm']; updateCount()"
x-show="'susan storm'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('susan-storm') && !selectedCharacters.includes('susan-storm')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('susan-storm') || selectedCharacters.includes('susan-storm');
var isSelected = selectedCharacters.includes('susan-storm');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sydney-sweeney') : selectedCharacters = [...selectedCharacters, 'sydney-sweeney']; updateCount()"
x-show="'sydney sweeney'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sydney-sweeney') && !selectedCharacters.includes('sydney-sweeney')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sydney-sweeney') || selectedCharacters.includes('sydney-sweeney');
var isSelected = selectedCharacters.includes('sydney-sweeney');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'sylvanas-windrunner') : selectedCharacters = [...selectedCharacters, 'sylvanas-windrunner']; updateCount()"
x-show="'sylvanas windrunner'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('sylvanas-windrunner') && !selectedCharacters.includes('sylvanas-windrunner')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('sylvanas-windrunner') || selectedCharacters.includes('sylvanas-windrunner');
var isSelected = selectedCharacters.includes('sylvanas-windrunner');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Sylvanas windrunner
chaossu3d
c !== 'the-machinist') : selectedCharacters = [...selectedCharacters, 'the-machinist']; updateCount()"
x-show="'the machinist'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('the-machinist') && !selectedCharacters.includes('the-machinist')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('the-machinist') || selectedCharacters.includes('the-machinist');
var isSelected = selectedCharacters.includes('the-machinist');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'the-twins') : selectedCharacters = [...selectedCharacters, 'the-twins']; updateCount()"
x-show="'the twins'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('the-twins') && !selectedCharacters.includes('the-twins')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('the-twins') || selectedCharacters.includes('the-twins');
var isSelected = selectedCharacters.includes('the-twins');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'thor') : selectedCharacters = [...selectedCharacters, 'thor']; updateCount()"
x-show="'thor'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('thor') && !selectedCharacters.includes('thor')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('thor') || selectedCharacters.includes('thor');
var isSelected = selectedCharacters.includes('thor');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'tifa-lockhart') : selectedCharacters = [...selectedCharacters, 'tifa-lockhart']; updateCount()"
x-show="'tifa lockhart'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('tifa-lockhart') && !selectedCharacters.includes('tifa-lockhart')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('tifa-lockhart') || selectedCharacters.includes('tifa-lockhart');
var isSelected = selectedCharacters.includes('tifa-lockhart');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'timber-cassie') : selectedCharacters = [...selectedCharacters, 'timber-cassie']; updateCount()"
x-show="'timber cassie'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('timber-cassie') && !selectedCharacters.includes('timber-cassie')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('timber-cassie') || selectedCharacters.includes('timber-cassie');
var isSelected = selectedCharacters.includes('timber-cassie');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'tracer') : selectedCharacters = [...selectedCharacters, 'tracer']; updateCount()"
x-show="'tracer'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('tracer') && !selectedCharacters.includes('tracer')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('tracer') || selectedCharacters.includes('tracer');
var isSelected = selectedCharacters.includes('tracer');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'trishka-novak') : selectedCharacters = [...selectedCharacters, 'trishka-novak']; updateCount()"
x-show="'trishka novak'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('trishka-novak') && !selectedCharacters.includes('trishka-novak')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('trishka-novak') || selectedCharacters.includes('trishka-novak');
var isSelected = selectedCharacters.includes('trishka-novak');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'triss-merigold') : selectedCharacters = [...selectedCharacters, 'triss-merigold']; updateCount()"
x-show="'triss merigold'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('triss-merigold') && !selectedCharacters.includes('triss-merigold')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('triss-merigold') || selectedCharacters.includes('triss-merigold');
var isSelected = selectedCharacters.includes('triss-merigold');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Triss Merigold
thiccboysteven
c !== 'tyrande-whisperwind') : selectedCharacters = [...selectedCharacters, 'tyrande-whisperwind']; updateCount()"
x-show="'tyrande whisperwind'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('tyrande-whisperwind') && !selectedCharacters.includes('tyrande-whisperwind')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('tyrande-whisperwind') || selectedCharacters.includes('tyrande-whisperwind');
var isSelected = selectedCharacters.includes('tyrande-whisperwind');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
tyrande whisperwind
lushe3d
c !== 'tyrant') : selectedCharacters = [...selectedCharacters, 'tyrant']; updateCount()"
x-show="'tyrant'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('tyrant') && !selectedCharacters.includes('tyrant')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('tyrant') || selectedCharacters.includes('tyrant');
var isSelected = selectedCharacters.includes('tyrant');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'valerie-cyberpunk-2077') : selectedCharacters = [...selectedCharacters, 'valerie-cyberpunk-2077']; updateCount()"
x-show="'valerie (cyberpunk 2077)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('valerie-cyberpunk-2077') && !selectedCharacters.includes('valerie-cyberpunk-2077')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('valerie-cyberpunk-2077') || selectedCharacters.includes('valerie-cyberpunk-2077');
var isSelected = selectedCharacters.includes('valerie-cyberpunk-2077');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'vendetta') : selectedCharacters = [...selectedCharacters, 'vendetta']; updateCount()"
x-show="'vendetta'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('vendetta') && !selectedCharacters.includes('vendetta')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('vendetta') || selectedCharacters.includes('vendetta');
var isSelected = selectedCharacters.includes('vendetta');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'venom') : selectedCharacters = [...selectedCharacters, 'venom']; updateCount()"
x-show="'venom'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('venom') && !selectedCharacters.includes('venom')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('venom') || selectedCharacters.includes('venom');
var isSelected = selectedCharacters.includes('venom');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'viper') : selectedCharacters = [...selectedCharacters, 'viper']; updateCount()"
x-show="'viper'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('viper') && !selectedCharacters.includes('viper')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('viper') || selectedCharacters.includes('viper');
var isSelected = selectedCharacters.includes('viper');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'void-elf') : selectedCharacters = [...selectedCharacters, 'void-elf']; updateCount()"
x-show="'void elf'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('void-elf') && !selectedCharacters.includes('void-elf')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('void-elf') || selectedCharacters.includes('void-elf');
var isSelected = selectedCharacters.includes('void-elf');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'wattson') : selectedCharacters = [...selectedCharacters, 'wattson']; updateCount()"
x-show="'wattson'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('wattson') && !selectedCharacters.includes('wattson')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('wattson') || selectedCharacters.includes('wattson');
var isSelected = selectedCharacters.includes('wattson');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'wednesday') : selectedCharacters = [...selectedCharacters, 'wednesday']; updateCount()"
x-show="'wednesday'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('wednesday') && !selectedCharacters.includes('wednesday')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('wednesday') || selectedCharacters.includes('wednesday');
var isSelected = selectedCharacters.includes('wednesday');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'werewolf') : selectedCharacters = [...selectedCharacters, 'werewolf']; updateCount()"
x-show="'werewolf'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('werewolf') && !selectedCharacters.includes('werewolf')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('werewolf') || selectedCharacters.includes('werewolf');
var isSelected = selectedCharacters.includes('werewolf');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'widowmaker') : selectedCharacters = [...selectedCharacters, 'widowmaker']; updateCount()"
x-show="'widowmaker'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('widowmaker') && !selectedCharacters.includes('widowmaker')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('widowmaker') || selectedCharacters.includes('widowmaker');
var isSelected = selectedCharacters.includes('widowmaker');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'willow') : selectedCharacters = [...selectedCharacters, 'willow']; updateCount()"
x-show="'willow'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('willow') && !selectedCharacters.includes('willow')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('willow') || selectedCharacters.includes('willow');
var isSelected = selectedCharacters.includes('willow');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'wolverine') : selectedCharacters = [...selectedCharacters, 'wolverine']; updateCount()"
x-show="'wolverine'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('wolverine') && !selectedCharacters.includes('wolverine')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('wolverine') || selectedCharacters.includes('wolverine');
var isSelected = selectedCharacters.includes('wolverine');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'wonder-woman') : selectedCharacters = [...selectedCharacters, 'wonder-woman']; updateCount()"
x-show="'wonder woman'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('wonder-woman') && !selectedCharacters.includes('wonder-woman')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('wonder-woman') || selectedCharacters.includes('wonder-woman');
var isSelected = selectedCharacters.includes('wonder-woman');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Wonder Woman
project vega
c !== 'xana') : selectedCharacters = [...selectedCharacters, 'xana']; updateCount()"
x-show="'xana'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('xana') && !selectedCharacters.includes('xana')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('xana') || selectedCharacters.includes('xana');
var isSelected = selectedCharacters.includes('xana');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'yennefer') : selectedCharacters = [...selectedCharacters, 'yennefer']; updateCount()"
x-show="'yennefer'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('yennefer') && !selectedCharacters.includes('yennefer')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('yennefer') || selectedCharacters.includes('yennefer');
var isSelected = selectedCharacters.includes('yennefer');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'yixuan') : selectedCharacters = [...selectedCharacters, 'yixuan']; updateCount()"
x-show="'yixuan'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('yixuan') && !selectedCharacters.includes('yixuan')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('yixuan') || selectedCharacters.includes('yixuan');
var isSelected = selectedCharacters.includes('yixuan');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'yorha-2b') : selectedCharacters = [...selectedCharacters, 'yorha-2b']; updateCount()"
x-show="'yorha 2b'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('yorha-2b') && !selectedCharacters.includes('yorha-2b')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('yorha-2b') || selectedCharacters.includes('yorha-2b');
var isSelected = selectedCharacters.includes('yorha-2b');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'yorha-commander') : selectedCharacters = [...selectedCharacters, 'yorha-commander']; updateCount()"
x-show="'yorha commander'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('yorha-commander') && !selectedCharacters.includes('yorha-commander')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('yorha-commander') || selectedCharacters.includes('yorha-commander');
var isSelected = selectedCharacters.includes('yorha-commander');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'zarya') : selectedCharacters = [...selectedCharacters, 'zarya']; updateCount()"
x-show="'zarya'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('zarya') && !selectedCharacters.includes('zarya')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('zarya') || selectedCharacters.includes('zarya');
var isSelected = selectedCharacters.includes('zarya');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'zelda') : selectedCharacters = [...selectedCharacters, 'zelda']; updateCount()"
x-show="'zelda'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('zelda') && !selectedCharacters.includes('zelda')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('zelda') || selectedCharacters.includes('zelda');
var isSelected = selectedCharacters.includes('zelda');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'zoey-fortnite') : selectedCharacters = [...selectedCharacters, 'zoey-fortnite']; updateCount()"
x-show="'zoey (fortnite)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('zoey-fortnite') && !selectedCharacters.includes('zoey-fortnite')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('zoey-fortnite') || selectedCharacters.includes('zoey-fortnite');
var isSelected = selectedCharacters.includes('zoey-fortnite');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
c !== 'zoey-kpop-demon-hunter') : selectedCharacters = [...selectedCharacters, 'zoey-kpop-demon-hunter']; updateCount()"
x-show="'zoey (kpop demon hunter)'.includes(characterSearch.toLowerCase()) || characterSearch === ''"
class="rounded-lg overflow-hidden"
:class="(availableCharacterSlugs !== null && !availableCharacterSlugs.includes('zoey-kpop-demon-hunter') && !selectedCharacters.includes('zoey-kpop-demon-hunter')) ? '' : 'cursor-pointer hover:scale-105'"
:style="(function() {
var isAvailable = availableCharacterSlugs === null || availableCharacterSlugs.includes('zoey-kpop-demon-hunter') || selectedCharacters.includes('zoey-kpop-demon-hunter');
var isSelected = selectedCharacters.includes('zoey-kpop-demon-hunter');
var style = 'aspect-ratio: 1; transition: opacity 0.2s;';
if (isSelected) style += ' outline: 2px solid #3b82f6; outline-offset: -2px;';
if (!isAvailable) style += ' opacity: 0.25; pointer-events: none;';
return style;
})()">
Zoey (kpop demon hunter)
akkonsfw