body {
    font-family: 'Noto Sans SC', sans-serif;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%23a5f3fc" fill-opacity="0.2"%3E%3Cpath opacity=".5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/%3E%3Cpath d="M6 5V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h5v1h-5v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5h4V0h1v5H95v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h4v1h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4h-4v4h-1v-4H6v1H5v4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5v-4H0v-1h5V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4V6h1v-5h4v-1h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4H6v-1H5v-4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v5h1v-5h4v-5h-4v-1h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4h-4v-4h-1v4H6v-1h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v-4h1v4h4v4h1v-5h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-1h-4v-4h4v-5h-5v-1h5v-4h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-4h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-4h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-4h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-4h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-4h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-4h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-1h5v-4h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-1h-5v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5h-4v-5h-1v5H6v-1h-1v-5H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4H0v1h5v4zm10-5h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm-9-5v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-9-5h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm-9-5v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-9-5h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm-9-5v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-9-5h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm-9-5v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-9-5h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm-9-5v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-10 0v-4h-4v4h4zm-9-5h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4zm10 0h4v-4h-4v4z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}

.slogan-title,
.section-title {
    font-family: 'ZCOOL KuaiLe', sans-serif;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.section-title {
    position: relative;
    display: inline-block;
}

.section-title::before,
.section-title::after {
    content: '🐾';
    font-size: 0.6em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.7;
}

.section-title::before {
    left: -2.5rem;
}

.section-title::after {
    right: -2.5rem;
}

.character-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    background-color: white;
}

.character-card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.card-image-container img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.card-placeholder {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f5f9;
    color: #94a3b8;
    font-family: 'ZCOOL KuaiLe', sans-serif;
}